@media (max-width: 1800px) {
    header > nav > ul > li > a {padding: 0px 5px;}
    .filtrele-rapoarte-form {grid-template-columns: repeat(7, 1fr);}
}

@media (max-width: 1600px) {
    .header-contacte {
        width: 82px;
        padding: 7px 24px;
    }
    .butoane-header-avize {margin: 20px 0 20px 0; justify-content: start;}
    .butoane-header-avize .left {width: initial;}
    .butoane-header-avize button {margin: 0 5px 5px 0 !important;}
    .butoane-header-avize .right {width: initial; text-align: left;}
    .alt-operator {
        height: 32px; 
        font: 500 12px / 1 inter; 
        margin: 0 5px 5px 0; padding: 0px 12px;
    }
    
}

@media (max-width: 1500px) {
    .filtrele-rapoarte-form {grid-template-columns: repeat(6, 1fr);}
    .paginatie-header-gol + form {right: calc(5% + 153px);}
    .alege-luna-aviz {right: calc(5% + 404px); width: 140px;}
    .nr-aviz input {width: 148px;}
    .reset-luna {right: calc(5% + 550px);}
    .paginatie-header-gol + form + .nr-aviz + .reset-luna {right: calc(5% + 301px);}

    .tabel-flex-linie > span.col150 {width: initial; flex: 0.5;}
    .tabel-flex-linie > span.col100 {width: initial; flex: 0.3;}
}
@media (max-width: 1400px) {
    .contacte {grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 1300px) {
    .filtrele-rapoarte-form {grid-template-columns: repeat(5, 1fr);}
    .steps-a a {padding: 0 5px; font: 400 14px/1 inter;}
    .steps-a a span {margin: 0 0 0 5px;}
}

@media (max-width: 1200px) {
    .lang-header {display: none;}
    .lang-meniu {display: block; padding: 10px 10px 0 0px; text-align: right;}
    .buton-meniu-mobil {display: inline-flex;}
    .header-meniu {
        display: none;
        position: absolute; top: 74px; right: 0; z-index: 10;
        width: 300px;
        background: #fff;
        border: 1px solid #c2c5e0; border-radius: 0 0 10px 10px;
        box-shadow: 0 20px 30px 0 #d1f4ee;
        overflow: hidden;
    }
    .app-partener .header-meniu {width: 300px;}

    header > nav > ul {display: block;}
    header > nav > ul > li {display: block;}
    header > nav > ul > li > a {
        padding: 10px 10px;
        height: initial; border: 0;
        justify-content: space-between;
        border-bottom: 1px solid;
    }
    .submeniu-1 {
        display: block;
        position: relative; top: initial; left: initial;
        width: calc(100% - 20px);
        margin: 0 10px 15px 10px; padding: 0 10px;
        border-radius: 0 0 10px 10px; border-top: 0;
        box-shadow: none;
    }
    header > nav > ul > li.li-home {display: none;}

    .submeniu-2 {
        position: relative; top: initial; left: initial;
        width: 100%;
        border-top: 0;
        border-radius: 0 0 10px 10px;
        margin: 0 0 10px 0;
    }
    li:hover > a.cu-copii2:after {transform: rotate(0deg);}
    li:hover > a.cu-copii2.active:after {transform: rotate(180deg);}



    .meniu-comenzi + .nr-aviz {display: block;}
    .nr-aviz-mob {
        position: absolute; top: 81px; right: calc(5% + 240px);
        display: flex; justify-content: center; align-items: center;
        width: 42px; height: 32px;
        border-radius: 5px;
        border: 1px solid var(--verde);
    }
    .fara-paginatie .nr-aviz-mob {
        right: 5%;
    }
    .nr-aviz-mob:after {
        content: "";
        display: inline-flex; width: 23px; height: 23px;
        background: var(--verde);
        -webkit-mask-size: contain;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-image: url(../img/rw/icons/search_24dp_5F6368_FILL1_wght400_GRAD0_opsz24.svg);
    }

    .nr-comanda-mob {
        position: absolute; top: 81px; right: 5%;
        display: flex; justify-content: center; align-items: center;
        width: 42px; height: 32px;
        border-radius: 5px;
        border: 1px solid var(--verde);
    }
    .nr-comanda-mob:after {
        content: "";
        display: inline-flex; width: 23px; height: 23px;
        background: var(--verde);
        -webkit-mask-size: contain;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-image: url(../img/rw/icons/search_24dp_5F6368_FILL1_wght400_GRAD0_opsz24.svg);
    }
    
    .meniu-comenzi + .nr-aviz-mob {right: 5%;}

    .popup-mobil {
        width: 300px; height: 200px;
    }
    .popup-mobil .alege-luna-aviz {
        position: relative; top: initial; left: initial;  right: initial;
        width: 100%;
        margin: 0 0 15px 0;
    }
    .popup-mobil .nr-aviz {
        position: relative; top: initial; left: initial; right: initial;
        margin: 0 0 15px 0;
    }
    .popup-mobil .nr-aviz input {width: 100%; margin: 0;}
    
    .popup-mobil .reset-luna {
        top: initial; left: initial; right: initial; z-index: initial;
        padding: 0;
    }
    .popup-mobil + .datepicker-dropdown {
        z-index: 10000 !important;
        top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important;
        margin-top: 37px;
        width: 258px;
    }
    .popup-mobil .close-popup {
        position: absolute; top: -8px; right: -8px;
        display: flex; justify-content: center; align-items: center;
        width: 30px; height: 30px;
        border-radius: 100px;
        background: var(--verde); color: #fff;

    }
    .viz {margin: 0 0 10px 0;}
    .viz em span {display: inline-flex;}

    .butoane-comanda-noua.sus {margin: 0 0 20px 0;}
    .butoane-comanda-noua.jos {margin: 20px 0;}

    .tap-butoane-select {justify-content: start; align-items: start;}
    .tap-butoane-select > div {display: inline-flex; margin: 0 5px 5px 0;}


} /* end 1200px */

@media (max-width: 1100px) {
    .filtrele-rapoarte-form {grid-template-columns: repeat(4, 1fr);}
    .icon-upload {font-size: 20px;}
    .inc-bulk {height: 32px; width: 32px; padding: 0 5px;}
    .tapb-tip .form-grup select {height: 32px;}
    .tapb-istoric .dot {height: 32px;}
    .tapb-tip {width: calc(100% - 735px); min-width: 200px;}

    .reset-luna, .nr-aviz, .alege-luna-aviz {display: none;}
    .fara-paginatie .content-deseuri-alege-luna .alege-luna-aviz {
        display: block;
        left: initial;
    }

    .header-h1.gol {min-height: initial;}
    .steps-a {
        padding: 0;
        left: 5%;
    }
    .alege-luna-aviz {right: initial; left: 5%;}

    .tab-bife {width: 1000px;}

    .tabel-flex:not(.tabel-bife) {border: 0; border-radius: 0;}
    .tabel-flex:not(.tabel-bife) .tfl-header {display: none;}
    .tabel-flex:not(.tabel-bife) .tabel-flex-linie {
        position: relative;
        border: 1px solid #d0d4e4; border-radius: 10px;
        padding: 50px 10px 10px 10px; margin: 0 0 15px 0;
    }
    .tabel-flex-linie:hover {background: #fff;}
    .tabel-flex:not(.tabel-bife) .tabel-flex-linie:before {
        content: "";
        position: absolute; top: 10px; left: 10px;
        display: block; width: calc(100% - 20px); height: 30px;
        background: #e9f3f4; border-radius: 7px;
    }
    .tabel-flex:not(.tabel-bife) .tabel-flex-linie > span {
        flex: initial !important; width: 100% !important;
        border: 0; padding: 0; margin: 0 0 15px 0;
        order: 30;
        overflow: visible;
        white-space: normal;
    }

    .tabel-comenzi-active.tabel-flex:not(.tabel-bife) .tabel-flex-linie, 
    .tabel-comenzi-validate.tabel-flex:not(.tabel-bife) .tabel-flex-linie {padding: 50px 10px 0px 10px;}

    .tabel-comenzi-active.tabel-flex:not(.tabel-bife) .tabel-flex-linie > span.span-vezi, 
    .tabel-comenzi-validate.tabel-flex:not(.tabel-bife) .tabel-flex-linie > span.span-vezi {margin: 0;}

    .prevnext-header {right: 0; left: initial; width: initial;}
    .prevnext-header a {width: 30px;}
    .prevnext-header a span {display: none;}

    .contacte {grid-template-columns: repeat(1, 1fr);}

    .a-cifra {position: absolute; top: 17px; left: 20px;}
    .tabel-flex-linie > span.span-selectare {position: absolute; top: 15px; left: 20px;}

    .tabel-flex-linie > span.span-nr-crt {position: absolute; top: 17px; left: 20px;}
    .tabel-comenzi-active .tabel-flex-linie > span.span-nr-crt {left: 45px;}

    .tabel-flex-linie > span.span-nr-aviz {
        position: absolute; top: 17px; left: 40px;
    }
    .tabel-flex-linie > span.span-select-aviz.disable {
        border-bottom: 1px solid #eee;
        background: #fff;
    }
    .span-select-aviz.disable .titlu-mob {opacity: 0.5;}

    .tabel-flex-linie > span.nr-comanda-din-aviz {display: block; margin: 0 0 10px 0;}

    .tabel-comenzi-sterse .tabel-flex-linie > span.span-nr-comanda {left: 45px;}

    .tabel-avize-active .tabel-flex-linie > span.span-nr-crt {left: 40px;}

    .tabel-avize-deschise .tabel-flex-linie > span.span-nr-comanda {left: 40px;}
    .tabel-avize-inchise .tabel-flex-linie > span.span-nr-comanda {left: 40px;}

    .tabel-comenzi-active .tabel-flex-linie > span.span-nr-comanda {
        position: absolute; top: 17px;
        left: 80px;
    }
    .tabel-comenzi-validate .tabel-flex-linie > span.span-nr-comanda {
        position: absolute; top: 17px;
        left: 20px;
    }
    .tabel-comenzi-inchise .tabel-flex-linie > span.span-nr-comanda {
        position: absolute; top: 17px;
        left: 20px;
    }
      .tabel-comenzi-sterse .tabel-flex-linie > span.span-nr-comanda {
        position: absolute; top: 17px;
        left: 80px;
    }


    .tabel-comenzi-inchise.tabel-flex:not(.tabel-bife) .tabel-flex-linie > span.span-vezi, 
    .tabel-comenzi-sterse.tabel-flex:not(.tabel-bife) .tabel-flex-linie > span.span-vezi {
        margin: 0;
    }
    .tabel-comenzi-inchise.tabel-flex:not(.tabel-bife) .tabel-flex-linie,
    .tabel-comenzi-sterse.tabel-flex:not(.tabel-bife) .tabel-flex-linie {
        padding: 50px 10px 0px 10px;
    }


    .tabel-parteneri-comenzi .span-nr-comanda {
        position: absolute; top: 17px;
        left: 20px;
    }


    .tabel-flex-linie > span.span-select-aviz {
        border-bottom: 1px solid #d0d4e4;
        padding: 10px 0; margin: 0 0 10px 0;
    }

    .span-select-aviz .titlu-mob {margin: 0 0 0 10px;}
      
    .span-data-deschis {
        position: absolute; top: 17px; right: 20px;
        text-align: right; justify-content: end;
    }
    .span-data-deschis em {
        font: 400 12px/1 inter;
        text-transform: none;
        margin: 0 5px 0 0;
    }
    .tabel-flex:not(.tabel-bife) .tabel-flex-linie > span.a-alerte {
        width: 100px !important;
        margin: 0 5px 10px 0;
        order: 15;
    }
    .but-clopot {
        display: flex; align-items: center; justify-content: center;
        height: 25px; width: 87px;
        border: 1px solid #d0d4e4; border-radius: 5px;
    }
    .but-clopot:before {
        width: 20px; height: 20px;
    }
    .but-clopot:after {
        content: "ALERTA";
        color: var(--rosu);
        font: 700 11px/1 inter;
        margin: 0 0 0 5px;
    }
    .tabel-flex:not(.tabel-bife) .tabel-flex-linie > span.a-validare {
        order: 10;
        width: initial !important;
        border: 1px solid #d0d4e4 !important; border-radius: 5px;
        padding: 5px 7px; margin: 0 5px 10px 0;
    }
    .tabel-parteneri-comenzi.tabel-flex:not(.tabel-bife) .tabel-flex-linie {
       padding: 50px 10px 0px 10px; 
    }
    .tabel-parteneri-comenzi.tabel-flex:not(.tabel-bife) .tabel-flex-linie > span.span-vezi {
        margin: 0;
    }

    .reset-luna {top: 124px; left: 5%; right: initial;}


    .tabel-flex-linie > span.span-magazin, 
    .tabel-flex-linie > span.span-colector, 
    .tabel-flex-linie > span.span-deschisde, 
    .tabel-flex-linie > span.span-transportator, 
    .tabel-flex-linie > span.span-data-transport, 
    .tabel-flex-linie > span.span-validatde, 
    .tabel-flex-linie > span.span-societatea, 
    .tabel-flex-linie > span.span-user-sterge, 
    .tabel-flex-linie > span.span-validator {
        flex-direction: column; align-items: start;
        border-top: 1px solid #d0d4e4;
        color: #323d42;
        padding: 10px 0;
        font: 500 14px/1.2 inter;
    }

    
    .viz {
        display: flex; align-items: center; justify-content: center;
        height: 25px; padding: 0 10px;
        border: 1px solid #d0d4e4; border-radius: 5px;
    }

    .tabel-flex:not(.tabel-bife) .tabel-flex-linie > span.a-istoric {
        position: absolute; top: 48px; right: 10px;
        width: initial !important;
    }
    .dot {margin: 0;}

    .history-open {
        width: 100%;
        padding: 10px 20px;
        margin: -7px 0 10px 0px;
    }
    .tabel-avize-extracontainer .history-open {margin: 30px 0 10px 0;}
    .history-open ol {padding: 0 0 0 6px;}

    .valideaza {
        position: absolute; top: 60px; right: 10px;
        width: 100px !important;
        justify-content: end;
        padding: 0 10px; height: 25px;
        border: 1px solid #d0d4e4;
        border-radius: 5px;
    }


    
    
    .comenzi-tabel-deseuri-adaugate {
        border-top: 1px solid #a4b0bc;
    }
    .aviz-titlu {
        width: 100%;
        font: 700 14px/1.2 inter;
        margin: 0 0 10px 0;
    }
    .comanda-editare .aviz-titlu {margin: 0;}
    .tab-header {padding: 10px; min-height: 55px;}
    .titlu-mob {
        display: block; width: 100%;
        font: 500 11px / 1 inter;
        text-transform: uppercase;
        margin: 0 0 2px 0;
        color: #89a0b4;
    }
    .ctda-linie-header {display: none;}
    .ctda-linie {position: relative;}
    .ctda-linie > span {
        width: 100% !important;
        order: 50;
        font-size: 14px;
        height: initial;
    }
    .ctda-linie > span.span-nume {order: 10; width: calc(100% - 70px) !important;}
    
    .ctda-linie > span.span-tip {
        position: absolute; top: 10px; right: 0;
        width: 60px !important;
    }
    .ctda-linie img {border-radius: 5px; width: 80px;}
    .vezipoza {
        position: absolute; top: 100px; right: 0;
    }
    .incarca-vezi .vezipoza {
        position: relative; top: initial; right: initial;
    }
    .ctda-linie > span.span-nr {
        position: absolute; top: 12px; right: -8px;
        background: var(--verdedeschis);
        width: 20px !important;
        height: 20px;
        justify-content: center;
        padding: 0;
        font: 500 10px/1.2 inter;
        color: #fff;
        border-radius: 100px;
    }

    .grid-col3 {display: block;}
    .caseta {padding: 10px;}
    .prevnext span {display: none;}

    .comanda-noua .left {width: 100%;}
    .comanda-noua .right {width: 100%;}

    .tcd-linie-header {display: none;}
    .tcd-linie > span {
        order: 50;
        width: 100% !important;
        padding: 0 !important; margin: 0 0 5px 0;
        white-space: normal;
        overflow: visible;
    }
    .tcd-linie span img {width: 35px;}
    .tcd-linie button {padding: 7px 0; font-size: 12px;}
    .tcd-linie .anexa-scan {font-size: 11px;}
    .tcd-linie-body {
        position: relative;
        background: #fff;
        color: var(--negru);
        margin: 0 0 30px 0; padding: 0 0 10px 0;
        border-bottom: 1px dashed;
    }
    .tcd-linie button {background: var(--verde); width: 97%;}
    .tcd-linie > span.span-tip {
        position: absolute; top: 10px; right: 0;
        width: 60px !important;
    }
    .tcd-linie > span.span-nr {
        position: absolute; top: 12px; right: -8px;
        background: var(--verdedeschis);
        width: 20px !important;
        height: 20px;
        display: flex; justify-content: center; align-items: center;
        padding: 0;
        font: 500 10px/1.2 inter;
        color: #fff;
        border-radius: 100px;
    }
    .tcd-linie > span.span-nume {
        order: 10;
        margin: 20px 0 15px 0;
        width: calc(100% - 70px) !important;
    }
    .tcd-linie > span.span-salveaza {width: 50% !important;}
    .tcd-linie > span.span-stergere {width: 50% !important;}

    .form-grup input, .form-grup select, .form-grup textarea {
        font-size: 12px;
        height: 32px;
    }
    .form-grup textarea {height: 100px;}
    .nu-poate {
        width: 100%; margin: 10px 0 0 0; min-height: initial;
        padding: 10px;
    }

    .form-comenzi-prod-cautare input {width: 100% !important;}

    .caseta10, .caseta20, .caseta30 {min-height: initial;}

    .but {
        height: 32px;
        font: 500 12px/1 inter;
        padding: 0px 12px;
    }
 

    .meniu-taburi span {width: 33.3333%;}
    .but.but-patrat {font-size: 12px;}
    .footer-avize .left {
        display: flex; flex-wrap: wrap;
        width: 100%;
    }
    .footer-avize .right {
        display: flex; flex-wrap: wrap;
        width: 100%; text-align: left;
    }
    .footer-avize .nu-poate {width: 100%; max-width: 100%; margin: 10px 0;}
    .footer-avize button {margin: 0 5px 5px 0;}

    .produse-cautare form {width: 100%; margin: 10px 0;}
    .tab-produse .deseurile-grup {
        grid-template-columns: repeat(1, 1fr);
        padding: 10px;
    }
    .produs-int .produs-anexa, 
    .produs-int .produs-nota, 
    .produs-int .produs-pv {width: calc(50% - 5px);}

    .produse-cautare {padding: 10px;}
    .bulku {padding: 10px;}
    .form-bulk-file {margin: 0;}
    .produs-buton {margin: 0;}
    .produsul {margin: 0;}
    .deseurile-grup .produsul {margin: 0 0 40px 0;}


    .tabel-municipale.tabel-flex:not(.tabel-bife) .tabel-flex-linie.tfl-header {display: none;}
    .tabel-municipale.tabel-flex:not(.tabel-bife) .tabel-flex-linie {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 0;
        padding: 0px;
    }
    .tabel-municipale.tabel-flex:not(.tabel-bife) .tabel-flex-linie:before {display: none;}
    .tabel-municipale.tabel-flex:not(.tabel-bife) .tabel-flex-linie > span {
        order: 100;
    }
    .tabel-municipale.tabel-flex:not(.tabel-bife) .tabel-flex-linie > span.a-luna {
        order: 10;
        display: block;
        width: calc(100% - 20px);
        margin: 0;
    }
    .tabel-municipale.tabel-flex:not(.tabel-bife) .a-luna strong {
        display: block; height: 30px;
        padding: 7px 10px; margin: 5px;
        background: #e9f3f4;
        border-radius: 7px;
    }

    .tabel-municipale.tabel-flex:not(.tabel-bife) .tabel-flex-linie > span.munic-checkbox {
        order: 5;
        grid-row: span 3;
        border-right: 1px solid #d0d4e4;
        justify-content: center;
        align-items: start;
        padding: 20px 0 0 0; margin: 0;
    }
    .tabel-flex-linie > span.munic-luna {
        grid-column: span 4;
    }
    .tabel-flex-linie > span.munic-checkbox2 {display: none;}

    .tabel-municipale.tabel-flex:not(.tabel-bife) .tabel-flex-linie > span.munic-valid {
        order: 20;
        grid-column: span 2;
        margin: 0 5px 10px 5px;
    }
    .tabel-municipale.tabel-flex:not(.tabel-bife) .tabel-flex-linie > span.munic-alerte {
        order: 30;
        grid-column: span 2;
    }
    .tabel-municipale.tabel-flex:not(.tabel-bife) .tabel-flex-linie > span.a-istoric.munic-istoric {
        position: relative; top: initial; right: initial;
    }
    .tabel-municipale.tabel-flex:not(.tabel-bife) .tabel-flex-linie > span.munic-kgmas {
        display: block;
        order: 40; grid-column: span 1;
        font-size: 11px;
        margin: 0;
    }
    .tabel-municipale.tabel-flex:not(.tabel-bife) .tabel-flex-linie > span.munic-vol {
        display: block;
        order: 50; grid-column: span 2;
        padding: 0 20px 0 10px;
        font-size: 11px;
        margin: 0;
    }
    .tabel-municipale.tabel-flex:not(.tabel-bife) .tabel-flex-linie > span.munic-kgfact {
        display: block;
        order: 60; grid-column: span 1;
        font-size: 11px;
        padding: 0 5px 0 0;
        margin: 0;
    }
    .tabel-municipale.tabel-flex:not(.tabel-bife) .munic-edit {
        border-top: 1px solid #d0d4e4;
        border-right: 1px solid #d0d4e4;
        margin: 0;
    }
    .tabel-municipale.tabel-flex:not(.tabel-bife) .edita em {font-size: 11px;}
    .tabel-municipale.tabel-flex:not(.tabel-bife) .edita:before {
        width: 22px; height: 22px;
        margin: 0 3px -4px 0;
    }

    .tabel-municipale.tabel-flex:not(.tabel-bife) .munic-pdf-fact {
        border-top: 1px solid #d0d4e4;
        border-right: 1px solid #d0d4e4;
        margin: 0;
    }
    .tabel-municipale.tabel-flex:not(.tabel-bife) .munic-pdf-bon {
        border-top: 1px solid #d0d4e4;
        border-right: 1px solid #d0d4e4;
        margin: 0;
    }
    .tabel-municipale.tabel-flex:not(.tabel-bife) .munic-pdf-dovada {
        border-top: 1px solid #d0d4e4;
        border-right: 1px solid #d0d4e4;
        margin: 0;
    }

    .tabel-municipale.tabel-flex:not(.tabel-bife) .munic-pdf-fact .titlu-mob, 
    .tabel-municipale.tabel-flex:not(.tabel-bife) .munic-pdf-bon .titlu-mob, 
    .tabel-municipale.tabel-flex:not(.tabel-bife) .munic-pdf-dovada .titlu-mob {
        width: calc(100% - 24px);
    }

    .tabel-municipale.tabel-flex:not(.tabel-bife) .munic-istoric {
        border-top: 1px solid #d0d4e4;
        margin: 0;
    }
    .tabel-municipale.tabel-flex:not(.tabel-bife) .gest-pdf {
        width: 18px; height: 18px;
        padding: 3px 3px 0 0;
    }


    .tabel-municipale.tabel-flex:not(.tabel-bife) .titlu-mob {
        text-transform: none;
        font-size: 11px;
        text-align: right;
        margin: 0 5px 0 0;
    }
    .munic-istoric .dot i {display: none;}
    .munic-istoric .dot:before {display: none;}
    .munic-istoric .dot:after {
        content: "keyboard_arrow_down";
        font: 500 25px/1 var(--mso);
        color: var(--negru);
        position: relative; top: initial; right: initial;
        transform: none;
    }
    .munic-istoric .history {width: 100%;}
    .munic-istoric .dot {
        position: relative;
        display: inline-flex;
        align-items: center; justify-content: end;
        height: initial; width: 100%;
        border: 0; border-radius: 0;
        padding: 0 10px 0 0; margin: 0;
        color: var(--negru);
        background-color: transparent !important;
    }




    .foter {width: initial; margin: 0;}
    .foter-comanda-editare {margin: 20px 0;}

    .textarea-extracontainer {border: 0;}

    .motiv-citit {
        position: relative; top: initial; left: initial;
        transform: none;
        padding: 0;
    }
    .mesaj-validare {max-width: 100%;}

    .tsa-header {display: none;}
    .tsa-linie span {
        border: 0 !important;
        padding: 0px;
        font-size: 12px;
        white-space: normal;
        overflow: visible;
        width: 100% !important;
    }

    .aviz-parteneri {
        margin: 0 0 50px 0;
        border-bottom: 2px dashed #ccc;
        padding: 0 0 50px 0;
    }
    .app-partener .tap .history-open {margin: -17px 0 10px -1px;}

    .tap-linie-header {display: none;}
    .tap-linie > .coloana-dubla {
        justify-content: start;
        width: 100%;
    }
    .tap-linie .coloana {
        display: inline-flex;
        border: 0 !important;
    }
    .tap-linie {justify-content: start; margin: 0 0 25px 0;}

    .col-produs .titlu-mob {padding: 0 0 0 22px;}
    .tap-linie .gol {
        display: flex; justify-content: center; align-items: center;
        width: 100%; min-height: 30px;
        background: #eee;
        border-radius: 5px;
    }
    .nescanata, .scanata {
        height: 30px;
        font: 500 10px/1 inter;
    }
    
    .formu-upload {height: 30px;}

    .tap-linie-anexa .col-tip {width: 100%;}
    .tap-linie > .col-anexa {width: initial;}
    .tap-linie > .col-istoric {width: initial;}
    .tap-linie-anexa:last-child .coloana {padding-bottom: 5px;}
    .anunt-aviz-footer {max-width: 100%;}

    .aviz-parteneri-inchis {margin: 0 0 30px 0; padding: 0 0 30px 0;}
    .tabel-avize-inchise-parteneri .tipa-linie-header {display: none;}
    .tipa {border: 0; border-radius: 0;}
    .tipa-linie {justify-content: start; margin: 30px 0 15px 0;}
    .tipa-linie > span {
        display: block; width: initial !important;
        padding: 0; margin: 0 15px 15px 0;
    }
    .span-cant input {width: 80px;}
    .form-partener-produs-aviz {position: relative;}
    .form-partener-produs-aviz .nr-aviz-tabel {display: inline-flex; top: -20px; left: 0;}

    .partener-date-firma form {grid-template-columns: repeat(1, 1fr);}


    .tabel-parteneri-licenta.tabel-flex .tabel-flex-linie, 
    .tabel-parteneri-contacte.tabel-flex .tabel-flex-linie {
        justify-content: space-between;
        border: 0; border-radius: 0;
        border-bottom: 1px solid #d0d4e4;
        margin: 0; padding: 10px 10px 0px 10px;
    }
    .tabel-parteneri-licenta.tabel-flex > .tabel-flex-linie > span, 
    .tabel-parteneri-contacte.tabel-flex > .tabel-flex-linie > span {
        width: 50% !important;
        display: block;
        padding: 0 30px 15px 0;
    }

    .tabel-parteneri-licenta.tabel-flex .tabel-flex-linie:last-child {border: 0;}

    .tabel-parteneri-licenta.tabel-flex .tabel-flex-linie:before, 
    .tabel-parteneri-contacte.tabel-flex .tabel-flex-linie:before {
        display: none;
    }

    .tabel-avize-nevalidate-dash.tabel-avize-inchise .tabel-flex-linie > span.span-nr-comanda {
        position: absolute; top: 17px; left: 40px;
    }

    .incluse {padding: 0;}

    .but-valid-valorif {top: 10px; right: 10px;}
    


    .tabel-rapoarte.tabel-flex:not(.tabel-bife) .tabel-flex-linie > span {
        display: block;
        margin: 0 0 5px 0;
    }
    .active .submenu-rapoarte-toate-interior {
        margin: 0 0px 30px 0px;
    }
    .submenu-rapoarte-toate.active {
        border-bottom: 0;
    }
    .submenu-rapoarte {
        background: transparent;
    }
    .submenu-rapoarte.tabel-flex-linie {
        border: 0 !important;
        border-bottom: 1px solid #ccc !important;
        border-radius: 0 !important;
        padding-top: 0 !important;
    }
    .submenu-rapoarte.tabel-flex-linie:last-child {
        border-bottom: 0 !important;
    }
    .submenu-rapoarte.tabel-flex-linie:before {
        display: none !important;
    }
    .submenu-rapoarte.tabel-flex-linie > span {
        margin: 0 0 5px 0 !important;
    }


} /* end 1100px */



@media (max-width: 1000px) {
    .steps-select {
        position: absolute; top: 82px; left: 5%; z-index: 0;
        font: 500 14px/1 inter;
        color: var(--negru);
        border: 1px solid var(--negru); border-radius: 5px;
        padding: 3px 10px;
    }
    

} /* end 1000px */

@media (max-width: 850px) {
    .filtrele-rapoarte-form {grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 768px) {

    .chart-home {width: 100% !important; height: 53vw !important;}

    .fara-paginatie .nr-aviz-mob {right: 10px;}

    .nr-aviz-mob {right: calc(5% + 127px);}
    .alege-luna-aviz {left: 10px;}
    .reset-luna {
        left: 10px; z-index: 10;
        font: 500 12px / 1 inter;
        padding: 0px 10px;
    }
    .header-contacte {display: none;}
    .alege-oras {display: none;}
    .paginatie-header {right: 10px;}
    .paginatie li a {font-size: 14px; padding: 8px 7px;}
    .paginatie .prev, .paginatie .next {display: none;}
    .paginatie li.active a {padding: 8px 10px;}
    .paginatie li a.sag, .paginatie li a.sag2 {width: 28px;}

    .nr-comanda-mob {right: 10px;}
    .steps-a {left: 10px;}

    header {padding: 0 10px;}
    .header-h1 {background: none;}

    .app-content {min-height: calc(100vh - 125px); padding: 0 10px;}

    .login-container {background: none;}
    .pagina-login .userul-nume {display: none;}
    .pagina-login .userul {margin: 0 10px 0 0;}

    .comanda-editare .viz {
        position: relative; top: initial; right: initial;
        transform: none;
        width: 150px;
        margin: 10px 0 0 0;
    }

    .aviz-parteneri h2 b {
        display: flex; width: 100%;
        margin: 0 0 5px 0;
        font: 700 18px/1.2 inter;
    }
    .aviz-parteneri h2 em {
        font: 500 14px/1.2 inter;
        margin: 0 6px 0 0; padding: 0 10px 0 0;
        border-left: 0;
    }
    .aviz-parteneri h2 i {font: 500 14px/1.2 inter;}
    
    footer {display: none;}
}

@media (max-width: 576px) {
    .filtrele-rapoarte-form {grid-template-columns: repeat(2, 1fr);}
    .header-sigle img {width: 80px; margin: 0 6px 0 0;}
    .nr-aviz-mob {right: initial; top: 139px; left: 10px;}
    .fara-paginatie .nr-aviz-mob {
        right: 0px; left: initial; top: 81px;
        border: 0;
    }

    .steps-a {
        left: 0;
        width: calc(100% - 162px);
    }
    .fara-paginatie .steps-a {width: calc(100% - 43px);}
    .cu-paginatie-comenzi .steps-a {width: calc(100% - 59px);}

    .meniu-comenzi {width: calc(100% - 43px);}
    .steps-a a {
        flex: 1;
        text-transform: uppercase;
        font: 600 12px / 1 inter;
        border-left: 1px solid #ccc;
        justify-content: center;
        border-bottom: 0;
    }
    .steps-a a:first-child {border-left: 0;}
    .steps-a a:last-child {border-right: 1px solid #ccc;}

    .steps-a a.com-noua {flex: 0 0 43px;}
    .steps-a a span {
        margin: 0;
        position: absolute; top: 2px; right: 0;
        border-radius: 0;
        color: var(--verde);
        background: transparent;
        font: 600 10px / 1 inter;
    }
    .steps-a a.steps-stop {
        color: #fff;
        background: var(--verde);
    }
    .steps-a a.steps-stop span {color: #fff;}
    .steps-a a.com-noua.steps-stop {background: var(--verde);}
    .steps-a a.com-noua.steps-stop:before {background: #fff;}

    .nr-comanda-mob {
        top: 74px; right: 0;
        height: 45px;
        border: 0;
    }

    .app-partener .meniu-parteneri {width: 100%;}
    .app-partener .mp-avize {width: calc(100% - 162px);}
}