@font-face {font-family: "inter"; src: url("../fonts/Inter/Inter-VariableFont_opsz,wght.ttf");}


.material-symbols-outlined {
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

:root {
    --rosu: #e41e25;
    --galben: #deb400;
    --verde: #00985f;
    --verdegalben: #8ec640;
    --verdedeschis: #33ad7f;
    --negru: #323d42;
    --gri1: #b4c0ec;
    --gri2: #c2c5e0;
    --gri3: #4f6578;
    --gri4: #506576;
    --violet: #5a0cff;

    --mso: 'Material Symbols Outlined';
}

body {
    background: #fff; color: var(--negru);
    font: 500 16px/1.2 inter;
    margin: 0; padding: 0;
}

ol, ul, dl {margin-bottom: 0;}


.app {position: relative;}

/* Start header 1 fix */

header {
    display: flex; flex-wrap: wrap;
    justify-content: space-between; align-items: center;
    height: 75px;
    background: #fff;
    padding: 0 5%;
    border-bottom: solid 1px #c2c5e0;
}

.header-meniu {width: calc(100% - 680px);}
.app-partener .header-meniu {width: calc(100% - 700px);}


header > nav > ul {
    display: flex; flex-wrap: wrap;
    align-items: center; justify-content: start;
    padding: 0 0 0 20px;
}
header > nav > ul > li {
    position: relative;
    display: inline-flex; flex-wrap: wrap;
    align-items: center;
}
header > nav > ul > li > a {
    display: flex; flex-wrap: wrap;
    align-items: center;
    height: 75px;
    font: 700 14px/1 inter;
    text-transform: uppercase;
    color: var(--verde);
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    padding: 0px 20px;
}
header > nav > ul > li.active > a {color: var(--rosu);}

header > nav > ul > li.li-home a:before {
    content: "";
    display: inline-flex; width: 18px; height: 18px;
    background: var(--verde);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../img/rw/icons/home_24dp_5F6368_FILL1_wght500_GRAD0_opsz24.svg);
}
header > nav > ul > li > a.cu-copii:after {
    content: "";
    display: inline-flex; width: 22px; height: 22px;
    margin: 0 0 0 7px;
    background: var(--negru);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../img/rw/icons/keyboard_arrow_down_24dp_5F6368_FILL1_wght400_GRAD0_opsz24.svg);
    transform-origin: center;
    transition: all 0.5s;
}
header > nav > ul > li:hover > a.cu-copii:after {
    transform: rotate(180deg);
}

header > nav > ul > li:hover > a {
    z-index: 10;
    color: var(--rosu);
    border-color: #c2c5e0;
}

header nav li li {
    position: relative;
}

.header-sigle img {
    width: 95px;
    margin: 0 15px 0 0;
}


.submeniu-1 {display: none;}
.submeniu-2 {display: none;}
/*
li:hover > .submeniu-1 {display: block;}
li:hover > .submeniu-2 {display: block;}*/

.submeniu-1 {
    position: absolute; z-index: 50;
    top: 74px; left: 0;
    width: 230px;
    background: #fff;
    padding: 10px;
    border: 1px solid #c2c5e0;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 20px 30px 0 #d1f4ee;
}
.submeniu-1 li {display: block; list-style: none;}
.submeniu-1 li a {
    display: block;
    font: 400 14px/1.2 inter;
    color: var(--negru);
    border-bottom: 1px solid #c2c5e0;
    padding: 8px 0;
    transition: all 0.5s;
}
.submeniu-1 > li.active > a, 
.submeniu-1 > li.active > a:hover, 
.submeniu-2 > li.active > a, 
.submeniu-2 > li.active > a:hover {color: var(--rosu);}

.submeniu-1 > li:last-child > a {border: 0; padding: 8px 0 12px 0;}
.submeniu-1 li a:hover {color: var(--verde);}

.submeniu-2 {
    position: absolute; z-index: 10;
    top: -1px; left: 100%;
    width: 250px;
    background: #fff;
    padding: 10px;
    border: 1px solid #c2c5e0;
    border-radius: 0 10px 10px 0;
    box-shadow: 20px 0 30px 0 #d1f4ee;
}
/*
.submeniu-2:before {
    content: "";
    position: absolute; top: 8px; left: -8px;
    display: block; width: 0px; height: 0px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #c2c5e0;
}*/
.submeniu-2 li a {
    font: 400 12px/1.2 inter;
}

a.cu-copii2:after {
    content: "";
    position: absolute; top: 5px; right: 0px;
    display: inline-flex; width: 22px; height: 22px;
    background: var(--negru);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../img/rw/icons/keyboard_arrow_down_24dp_5F6368_FILL1_wght400_GRAD0_opsz24.svg);
    transform-origin: center;
    transition: all 0.5s;
}
li:hover > a.cu-copii2:after {
    transform: rotate(-90deg);
}

.submeniu-2 > li:last-child > a {border: 0;}

.meniu-dreapta {
    display: inline-flex; flex-wrap: wrap;
    justify-content: space-between; align-items: center;
}
.header-contacte {
    display: inline-flex; align-items: center; justify-content: center;
    width: 110px;
    border: 1px solid #d0d4e4; border-radius: 100px;
    font: 500 14px/1 inter;
    color: #4f6578;
    padding: 14px 24px;
    transition: all 0.5s;
}
.app-partener .header-contacte {margin: 0 10px 0 0;}
.header-contacte:hover {
    border-color: var(--verde);
    color: var(--verde);
}


.alege-oras {
    position: relative;
    width: 203px;
    padding: 0 0 0 32px;
}
.alege-oras:before {
    content: "";
    position: absolute; top: 2px; left: 10px;
    display: inline-flex; width: 18px; height: 18px;
    background: var(--negru);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../img/rw/icons/location_on_24dp_5F6368_FILL1_wght500_GRAD0_opsz24.svg);
}
.alege-oras select {
    display: none;
    width: 100%;
    border: none;
    font: 400 15px/1 inter;
    color: var(--negru);
}

.select2-container {z-index: 10;}
.select2-container--open {box-shadow: 0 20px 30px 0 #d1f4ee;}
.select2-search {display: none;}
.custom-selected, 
.select2-selection__rendered {
    font: 500 14px/1 inter;
}
.select2-results__options {
    background: #fff;
    border-radius: 0 0 10px 10px;
    padding: 0; margin: 13px 0 0 -15px;
    height: 300px; overflow-y: scroll;
    border: 1px solid #ddd;
}
.select2-results__options li {
    list-style: none;
    padding: 7px 15px;
    border-bottom: 1px solid #ddd;
    font: 500 14px/1 inter;
    color: var(--negru);
    cursor: pointer; transition: all 0.5s;
}
.select2-results__options li:hover {background: #f6f6f6;}
.select2-results__options li.select2-results__option--selected {
    background: var(--verde); color: #fff;
}


.userul {
    position: relative; width: 85px;
}
.alege-user {
    display: flex; flex-wrap: wrap;
    justify-content: space-between; align-items: center;
    width: 100%; height: 34px;
    border: 1px solid #d0d4e4;
    border-radius: 50px 100px 100px 50px;
    font: 500 16px/1 inter;
    padding: 0 0 0 10px;
}
.userul-nume {color: var(--negru);}
.alege-user img {
    width: 32px; height: 32px;
    border-radius: 100px;
    object-fit: cover;
}
.dropdown-user {
    display: none;
    position: absolute; top: 33px; right: 0; z-index: 10;
    width: 185px;
    background: #fff;
    padding: 10px;
    border: 1px solid #d0d4e4;
    border-radius: 0 10px 10px 10px;
    list-style: none;
}
.userul:hover .dropdown-user {display: block;}
.dropdown-user li a, 
.dropdown-user div {
    font: 500 12px/1 inter;
    color: var(--negru);
    transition: all 0.5s;
}
.dropdown-user div {
    border-bottom: 1px solid #ccc;
    padding: 0 0 5px 0; margin: 0 0 5px 0;
}
.dropdown-user li a:hover {
    color: var(--verde);
}

.buton-meniu-mobil {display: none;}


.nr-aviz-mob {display: none;}


.buton-meniu-mobil {
    position: relative;
    display: none; 
    width: 30px; height: 30px;
    margin: 0 0 0 10px;
}
.buton-meniu-mobil span {
    position: absolute; left: 0;
    display: block;
    width: 100%; height: 4px;
    background: var(--negru);
    border-radius: 2px;
}
.buton-meniu-mobil span:nth-of-type(1) {top: 2px;}
.buton-meniu-mobil span:nth-of-type(2) {top: 13px;}
.buton-meniu-mobil span:nth-of-type(3) {top: 24px;}

/* end header 1 fix */




.header-h1 {
    position: relative;
    display: flex; flex-wrap: wrap;
    justify-content: center; align-items: center;
    min-height: 75px;
    margin: 0 -6%;
    background: url(/img/rw/bg-transparent.png) no-repeat top right;
}
.header-h1:before {
    content: "";
    position: absolute; top: 0; left: 0; z-index: -1;
    display: block; width: 100%; height: 30px;
    background-image: linear-gradient(to top, transparent, #d1f4ee);
}
h1 {
    font: 700 18px/1.2 inter;
    text-align: center; text-transform: uppercase;
    padding: 0 5%;
}


.header-avize {
    background: #fff;
    border-bottom: solid 1px #c2c5e0;
    min-height: 45px;
}
.steps-a {
    position: absolute; top: 74px; left: 0; z-index: 0;
    display: flex; flex-wrap: wrap;
    justify-content: start; align-items: center;
    padding: 0 5%;
}
.steps-a a {
    position: relative;
    display: inline-flex; flex-wrap: wrap;
    align-items: center;
    height: 45px;
    padding: 0 10px;
    color: var(--gri3);
    font: 400 16px/1 inter;
    transition: all 0.5s;
    border-bottom: 5px solid transparent;
}
.steps-a a:hover {background: #eee;}
.steps-a a.steps-stop {
    color: var(--verde);
    border-color: var(--verde);
}
.steps-a a span {
    display: inline-flex; justify-content: center; align-items: center;
    padding: 3px 7px 2px 7px; margin: 0 0 0 15px;
    font: 400 12px/1 inter;
    background: var(--verde); color: #fff;
    border-radius: 100px;
}


.app-content {
    min-height: calc(100vh - (75px + 338px));
    padding: 0 5%;
}
.show {
    visibility: visible;
}
.modal-header {border-bottom: solid 1px #c2c5e0;}
.modal-title {
    color: var(--negru);
    font: 500 20px/1.2 inter;
}
.modal-body.cu-bg {
    background: url(/img/rw/bg-transparent.png) no-repeat top right;
}
.form-firma-deseuri {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px 20px;
}
.form-firma {/*grid-column: 2 / span 2;*/ grid-column: 1/-1;}
.form-adresa {grid-column: 2 / span 2;}
.modal-footer {background: #fff;}
.form-grup .form-check label {margin: 0 0 0 15px;}
.form-firma-deseuri input[type="checkbox"] {margin: 0;}
.modal-xl .form-grup {margin: 0;}

.chart-home {margin: auto;}

/* Login */
.login-container {
    position: relative;
    display: flex; flex-wrap: wrap;
    justify-content: center; align-items: center;
    background: url(/img/rw/bg-linii-login.webp) no-repeat center top, url(/img/rw/bg-linii-login2.webp) no-repeat center bottom;
    min-height: calc(100vh - (75px + 350px));
}
.login-container:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    width: 100%;
    height: 30px;
    background-image: linear-gradient(to top, transparent, #d1f4ee);
}
.pagina-login a {text-decoration: none;}

.pagina-login .userul {width: initial;}

.lang {
    /*position: absolute; top: 29px; right: calc(5% + 420px);*/
    color: var(--negru); 
    padding: 0 10px 0 0;
}
.lang-meniu {display: none;}

.lang a {
    display: inline-flex; flex-wrap: wrap;
    font: 600 14px/1 inter;
    color: var(--negru);
}

.lang a.active {color: var(--verde);}

.formul-login {
    width: 350px;
    margin: 50px auto;
}
.formul-login form {width: 100%;}
.formul-login h1 {
    font: 700 24px/1.2 inter;
    text-transform: none;
    margin: 0 0 15px 0; padding: 0;
}

.list-grup-item {
    border: solid 1px #c2c5e0;
    border-radius: 5px;
    padding: 10px; margin: 0 0 10px 0;
}
.list-grup-item label {
    display: block;
    text-align: left;
    font: 400 12px/1 inter;
    color: #737a97;
    margin: 0 0 5px 0;
}
.list-grup-item input {
    width: 100%;
    border: 0; outline: 0;
    padding: 5px 0; margin: 0;
    background-color: #fff;
    color: var(--negru);
    font: 500 16px/1 inter;
}
.list-grup-item input::placeholder {
    font: 500 14px/1 inter;
}
.formul-login .but {
    width: 100%;
    margin: 0 0 10px 0;
    font: 500 16px/1 inter;
    height: 60px;
}
.formul-login .but.but-color-verde:hover {
    background: #fff;
    color: var(--rosu);
    border-color: var(--rosu);
}
.formularul-login {margin: 0 0 20px 0;}

.footer-login {
    text-align: center;
    justify-content: center;
}
.footer-login .copy {
    text-align: center;
    justify-content: center;
}
/* End Login */


.incluse {padding: 10px;}
.select-tot {
    position: relative;
    text-transform: uppercase;
    padding: 0 40px 0 0;
}
.select-tot:before {
    content: "";
    position: absolute; top: 10px; left: 0px; z-index: 0;
    display: inline-flex; width: 22px; height: 22px;
    background: var(--negru);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../img/rw/icons/arrow_drop_down_24dp_5F6368_FILL1_wght400_GRAD0_opsz24.svg);
}
.select-tot:after {
    content: "";
    position: absolute; top: -3px; right: 0px; z-index: 0;
    display: inline-flex; width: 22px; height: 22px;
    background: var(--negru);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../img/rw/icons/arrow_forward_24dp_5F6368_FILL0_wght400_GRAD0_opsz24.svg);
}

.h2-dash {
    font: 700 16px/1.2 inter;
    color: var(--gri3);
    text-transform: uppercase;
    margin: 0 0 10px 0;
}

.th-legenda {
    padding: 50px 0 0 0;
}
.th-legenda p {
    font: 400 14px/1.2 inter;
}
.but-salveaza-sus.top {
    position: fixed; top: 50px; left: calc(5% + 300px); 
}
.tabel-header-sticky {
    position: sticky; top: 0; z-index: 20;
}
.tabel-header-sticky:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: var(--negru);
    position: absolute;
    bottom: 0;
    left: 0;
}
.convertire .tabel-header-sticky td:nth-of-type(1) {border-right: 0 !important;}
.convertire .tabel-header-sticky td:nth-of-type(2) {border-left: 0 !important;}
.inregistreaza.clona {margin-left: -46px;}


.table-rights tr:first-child {
    position: sticky;
    top: 0; z-index: 10;
}



/* Start listare avize */

.alege-luna-aviz {
    position: absolute; z-index: 0;
    top: 81px;
    right: calc(5% + 455px);
    width: 175px;
}

.luna-aviz:before {
    content: "";
    position: absolute; top: 5px; left: 7px; z-index: 0;
    display: inline-flex; width: 22px; height: 22px;
    background: var(--negru);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../img/rw/icons/calendar_month_24dp_5F6368_FILL1_wght400_GRAD0_opsz24.svg);
}
.luna-aviz:after {
    content: "";
    position: absolute; top: 5px; right: 7px; z-index: 0;
    display: inline-flex; width: 22px; height: 22px;
    background: var(--negru);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../img/rw/icons/arrow_drop_down_24dp_5F6368_FILL1_wght400_GRAD0_opsz24.svg);
}
.alege-luna-aviz input {
    position: relative; z-index: 10;
    width: 100%; height: 32px;
    background: transparent;
    border: solid 1px #c2c5e0;
    border-radius: 5px; outline: 0;
    font: 500 14px/1 inter;
    padding: 0 30px 0 33px;
    text-align: center;
}
.alege-luna-aviz input::placeholder {color: #4f6578;}
.datepicker thead tr:first-child th {
    font: 700 14px/1 inter !important;
    color: var(--verde);
}
.datepicker table tr td span {
    font: 500 14px/1 inter;
    color: var(--negru);
    height: 40px !important;
    line-height: 40px !important;
}
.datepicker table tr td span.active {
    background-color: var(--verde) !important;
    background-image: none !important;
}

.ordonare {
    position: absolute; top: 81px; right: calc(5% + 225px);
}
.ordonare form {
    display: inline-flex; flex-wrap: wrap;
    align-items: center;
}
.ordonare label {
    font: 500 14px/1 inter;
    color: rgba(79, 101, 120, 0.7);
}
.ordonare select {
    position: relative; z-index: 5;
    width: 80px; height: 32px;
    background: transparent;
    border: solid 1px #c2c5e0; border-radius: 5px;
    outline: 0;
    font: 500 14px/1 inter;
    padding: 0 10px; margin: 0 0 0 7px;
    color: rgba(79, 101, 120, 0.7);
}


.nr-aviz {
    position: absolute; top: 81px; right: calc(5% + 250px);
    z-index: 1;
}
.nr-comanda {right: 5%;}
.meniu-comenzi + .nr-aviz {right: 5%;}
.fara-paginatie .alege-luna-aviz {right: calc(5% + 205px);}
.fara-paginatie .nr-aviz {right: 5%;}
.fara-paginatie .reset-luna {right: calc(5% + 387px);}
.ordonare + .nr-aviz {right: calc(5% + 390px);}

.nr-aviz:before {
    content: "";
    position: absolute; top: 0; right: 0; z-index: 10;
    display: block; width: 42px; height: 32px;
    border-radius: 0 5px 5px 0;
    background: var(--verde);
    border: 1px solid var(--verde);
}
.nr-aviz:after {
    content: "";
    position: absolute; top: 5px; right: 8px; z-index: 15;
    display: inline-flex; width: 23px; height: 23px;
    background: #fff;
    -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-aviz input {
    position: relative; z-index: 5;
    width: 200px; height: 32px;
    background: transparent;
    border: solid 1px #c2c5e0;
    border-radius: 5px; outline: 0;
    font: 500 14px/1 inter;
    padding: 0 10px;
}
.nr-aviz input::placeholder {color: rgba(79, 101, 120, 0.7);}

.search-avize {
	position: absolute; top: 38px; left: 0; z-index: 10;
	width: 280px;
	background:white; 
    border: solid 1px #c2c5e0; border-radius: 0 0 10px 10px;
	padding: 5px 0 5px 10px;
	overflow: auto;
	overflow-x: hidden;
	max-height: 293px;
	display: none;
}
	
.search-avize a {
	display: block;
	width: inherit;
	color: var(--negru);
	font: 500 12px/1 inter;
	line-height: 12px;
	letter-spacing: 0px;
	border-bottom: none;
	margin: 0 0 4px 10px;
	padding: 0 0 5px 6px;
	box-shadow: -10px 0 0 0 rgba(0,0,0,0.3);
}

.search-avize a:hover{
	color: var(--rosu);
}
.aviz-numero {font-weight: 700;}

.nr-aviz .gest-sterge span {display: none;}
.nr-aviz .gest-sterge {
    top: 38px !important; right: initial !important; left: -23px;
    display: flex; justify-content: center; align-items: center;
    width: 23px; height: 23px;
    background: var(--rosu);
    color: #fff; border: 0; outline: 0;
    border-radius: 0px 0 0 5px;
}
.nr-aviz .gest-sterge:before {
    content: "";
    display: inline-flex; width: 24px; height: 24px;
    margin: 10px 0 0 0;
    background: #fff;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../img/rw/icons/close_24dp_5F6368_FILL0_wght500_GRAD0_opsz24.svg);
}


.paginatie-header {
    position: absolute;
    top: 61px; right: 5%;
}
.paginatie-header .paginatie-total {margin: 0;}

.paginatie-header .paginatie-nr {display: none;}


.tabel-avize-extracontainer {
    min-height: calc(100vh - (75px + 700px));
}
.tsa {
    border: 1px solid #d0d4e4;
    border-radius: 10px;   
    min-height: 200px;
}
.tsa-header {
    color: #4f6578;
    border-bottom: 1px solid #d0d4e4;
}
.tsa-header .tsa-linie span {
    font: 500 14px/1.2 inter !important;
    border-color: transparent;
}
.tsa-body {
	color: #323d42;
}
.tsa-linie {
	position: relative;
	display: flex; flex-wrap: wrap;
	justify-content: space-between; align-items: stretch;
    box-sizing: border-box;
    transition: all 0.5s;
}
.tsa-linie:hover {
    background: #eaf3f4;
}
.tsa-linie span {
    position: relative;
	display: flex; flex-wrap: wrap; align-items: center; justify-content: start;
	border-right: 1px solid #d0d4e4;
    border-bottom: 1px solid #d0d4e4;
	padding: 10px 15px;
    box-sizing: border-box;
    font: 500 13px/1.2 inter;
    white-space: nowrap;
    overflow: hidden;
    text-transform: capitalize;
}
:root {--coloane-fixe: calc(70px + 150px + 180px + 80px + 90px + 130px);}

.tsa-linie > span:nth-of-type(1) {width: 70px; font-size: 14px; border-right: 0;}
.tsa-linie > span:nth-of-type(2) {width: 150px; font-size: 14px; padding: 0; border: 0;}
.tsa-linie > span:nth-of-type(3) {width: 180px;}
.tsa-linie > span:nth-of-type(4) {width: 80px;} /* clopotel */
.tsa-linie > span:nth-of-type(5) {width: 90px; font: 700 11px/1.2 inter;}
.tsa-linie > span:nth-of-type(6) {width: calc(0.50 * (100% - var(--coloane-fixe))); font-size: 14px;}
.tsa-linie > span:nth-of-type(7) {width: calc(0.50 * (100% - var(--coloane-fixe))); font-size: 14px;}
.tsa-linie > span:nth-of-type(8) {width: 130px;}

.tsa-linie:last-child > span {border-bottom: 0;}
.tsa-body .tsa-linie:first-child > span {border-bottom: 1px solid #d0d4e4;}
.tsa-linie > span:last-of-type {border-right: 0;}

.tsa-linie span.a-alerte {
    padding: 0;
}
.but-clopot {
    position: relative;
    width: 100%; height: 100%;
    border: 0; outline: 0;
    background: none;
    border: 1px solid transparent;
    transition: all 0.5s;
}
.but-clopot:hover {border-color: var(--verde);}
.but-clopot:before {
    content: "";
    display: inline-flex; width: 24px; height: 28px;
    background: var(--rosu);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../img/rw/icons/notification_important_24dp_5F6368_FILL0_wght400_GRAD0_opsz24.svg);
}
.modal-alerte .modal-content {
    border-color: var(--verde);
}
.modal-alerte .modal-header {
    border-bottom: 1px solid var(--verde);
}
.modal-alerte .modal-title {
    display: flex; flex-wrap: wrap;
    align-items: center;
    color: var(--rosu);
    text-transform: uppercase;
    font: 400 16px / 1 inter;
}
.modal-alerte .modal-title:before {
    content: "";
    display: inline-flex; width: 24px; height: 28px;
    margin: 0 7px 0 0;
    background: var(--rosu);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../img/rw/icons/notification_important_24dp_5F6368_FILL0_wght400_GRAD0_opsz24.svg);
}
.modal-alerte p {font: 400 16px/1.2 inter; text-transform: none;}


.tsa-linie span a {
    display: flex; flex-wrap: wrap;
    align-items: center;
    width: 100%; height: 100%;
    color: var(--verde); background: #fff;
    transition: all 0.5s;
    border: 1px solid #d0d4e4;
    border-top: 1px solid transparent;
    padding: 10px 15px; 
    
}
.tsa-linie span a:hover {
    border-color: var(--verde);
    z-index: 10;
}
.tsa-linie:hover span a {background: #eaf3f4;}

.tsa-linie span.deschis {
    display: flex; flex-wrap: wrap;
	justify-content: space-between; align-items: center;
}
.tsa .data {
    width: 90px;
    font: 400 13px/1 inter;
}
.mic {
    width: calc(100% - 90px);
    font: 400 11px/1.2 inter;
    color: var(--rosu);
}
.a-validare {font: 700 11px/1.2 inter; text-transform: uppercase;}
.a-validat {color: var(--verde);}
.a-nevalidat {color: var(--violet);}
.a-anulat {color: var(--rosu);}
.a-inchis {color: #aaa;}


.history {cursor: zoom-in;}

.tsa-linie span.dot {
	display: flex; flex-wrap: wrap;
	justify-content: center; align-items: center;
	width: 18px; height: 18px;
	padding: 0;
	border: 1px solid;
	font: 10px/1 roboto;
}
.history-open {
	display: none;
	width: calc(100% + 2px);
	border: 1px solid #d0d4e4; border-radius: 0 0 10px 10px;
	padding: 10px 20px; margin: -1px 0 0px -1px;
    background: #fff;
}

.history-open ol {padding: 0 0 0 30px;}
.history-open li {
	font: 500 12px/1.2 inter;
    padding: 0 0 5px 0;
}
.history-open li strong {
	font-weight: 700;
    padding: 0 0 0 6px;
}
.history-open li::marker {padding: 0 20px 0 0;}

.tsa-linie.active > span, 
.tsa-linie.active > span a {background: #eaf3f4 !important;}
.tsa-linie.active .dot {border-color: transparent;}

.dot {
    position: relative;
    display: inline-flex; align-items: center;
    height: 28px; width: 100px;
    border: 1px solid;
    border-radius: 100px;
    font: 500 14px/1 inter;
    padding: 0px 22px;
    margin: 0 10px 0 0;
    color: #fff; border-color: #fff;
}
.dot.galben {background: var(--galben);}
.dot.rosu {background: var(--rosu);}
b.rosu {color: var(--rosu);}
span.rosu {color: var(--rosu);}

.dot:before {
    content: "";
    display: inline-flex;
    width: 23px;
    height: 23px;
    background: #fff;
    margin: 0 0px 0 -20px;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../img/rw/icons/search_activity_24dp_5F6368_FILL0_wght400_GRAD0_opsz24.svg);
}
.dot:after {
    position: absolute;
    top: 50%;
    right: 2px;
    transform: translateY(-50%);
    content: "arrow_drop_down";
    font: 300 30px/1 var(--mso);
    transition: all 0.5s;
    transform-origin: center;
}
.dot i {font-style: normal;}
.dot.galben i:before {content: "Istoric"; letter-spacing: -0.3px;}

.dot i {letter-spacing: -0.3px; padding: 0 0 0 3px;}

.paginatie-total {margin: 45px 0 50px 0;}
.paginatie-nr {
    font: 500 14px/1.2 inter;
    color: #4f6578;
    text-align: right;
    padding: 8px;
    border-bottom: solid 1px #d0d4e4;
}
.paginatie {
    display: flex; flex-wrap: wrap;
    justify-content: end; align-items: center;
    padding: 20px 0;
}
.paginatie li {
    list-style: none;
}
.paginatie li a {
    display: inline-flex; justify-content: center; align-items: center;
    height: 32px;
    font: 500 16px/1 inter;
    padding: 8px 10px;
    border: solid 1px transparent; border-radius: 7px;
    color: #4f6578;
    transition: all 0.5s;
}
.paginatie li a.sag, 
.paginatie li a.sag2 {width: 32px;}

.paginatie li a.sag:hover, 
.paginatie li a.sag2:hover {
    border-radius: 100px; border-color: transparent;
    background: #dfdfdf;
    color: var(--negru);
} 

.paginatie li a:hover {color: var(--verde);}
.paginatie li.active a {
    border-color: #c2c5e0;
    color: var(--verde);
}
.paginatie li a .mso {
    font-size: 24px;
    font-weight: 400;
}

/* End listare avize */

.alt-operator {
    display: inline-flex; align-items: center;
    background: var(--rosu); color: #fff;
    height: 40px;
    padding: 0px 22px; margin: 0 0 0 7px;
    font: 500 14px/1 inter;
    border-radius: 100px;
}
.alt-operator:before {
    content: "";
    display: inline-flex;
    width: 27px; height: 27px;
    background: #fff;
    margin: 0 7px 0 0px;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../img/rw/icons/emergency_home_24dp_5F6368_FILL0_wght400_GRAD0_opsz24.svg);
}

.but.but-vezidoc {padding: 0px 7px 0px 13px;}
.but-vezidoc:before {
    content: "";
    display: inline-flex;
    width: 27px; height: 27px;
    background: #fff;
    margin: 0 7px 0 0px;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../img/rw/icons/difference_24dp_5F6368_FILL1_wght400_GRAD0_opsz24.svg);
}
.but-vezidoc:after {
    content: "arrow_drop_down";
    font: 300 30px/1 var(--mso);
    transition: all 0.5s;
    transform-origin: center;
}
.but-vezidoc.active:after {transform: rotate(180deg);}
.div-documente-extra {display: none;}
.div-documente {
    display: inline-flex; align-items: center;
    margin: 10px 0 30px 0;
    font: 500 14px/1.2 inter;
    padding: 0px 20px 10px 20px;
    border: 1px dashed var(--verde);
    border-top: 0;
    border-radius: 0 0 10px 10px;
}

.div-documente ol {
    display: flex; flex-wrap: wrap;
    justify-content: end; align-items: center;
    list-style: none;
}
.div-documente ol li {
  position: relative;
  margin: 0 0 0 10px; padding: 0 0 0 10px;
}
.div-documente a {
    position: relative;
    display: inline-flex; align-items: center;
    height: 30px;
    white-space: nowrap;
    overflow: hidden;
    background: #f6f6f6;
    border-radius: 5px;
    font: 600 12px/1 inter;
    text-transform: uppercase;
}
.div-documente ol li:first-child {margin: 0;}

.div-documente ol li::before {
  content: counter(item);
  counter-increment: item;
  position: absolute; top: -7px;  left: -1px; z-index: 10;
  width: 18px; height: 18px;
  display: flex; justify-content: center; align-items: center;
  background: #fff; color: var(--negru);
  font: 500 11px/1 inter;
  text-align: center;
  border: 1px solid var(--negru);
  border-radius: 50%;
}
.div-documente ol {counter-reset: item;}


.aviz-special {
    display: flex; flex-wrap: wrap;
    justify-content: end; align-items: center;
    max-width: calc(100% - 435px);
    float: right;
    margin: 0 0 -28px 0;
}
.aviz-special:after {content: ""; clear: both;}


.aviz-special .central {
    display: flex; flex-wrap: wrap;
    justify-content: end; align-items: center;
}
.aviz-special ol {
    display: flex; flex-wrap: wrap;
    justify-content: end; align-items: center;
    list-style: none;
}
.aviz-special ol li {
  position: relative;
  margin: 0 0 0 10px; padding: 0 0 0 10px;
}
.aviz-special a {
    position: relative;
    display: inline-flex; align-items: center;
    height: 30px;
    white-space: nowrap;
    overflow: hidden;
    background: #f6f6f6;
    border-radius: 5px;
    font: 600 12px/1 inter;
    text-transform: uppercase;
}
.icon {
    padding: 8px;
}
.icon-aviz, .icon-pv {
    flex: none;
    width: 100px;
}
.icon-pv {margin: 0 0 0 20px;}
.icon-aviz:before {
    content: "";
    display: inline-flex; width: 22px; height: 22px;
    background: var(--verdegalben);
    margin: 0 7px 0 0px;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../img/rw/icons/assignment_returned_24dp_5F6368_FILL1_wght400_GRAD0_opsz24.svg);
}
.icon-pv:before {
    content: "";
    display: inline-flex; width: 22px; height: 22px;
    background: #a49300;
    margin: 0 7px 0 0px;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../img/rw/icons/add_notes_24dp_5F6368_FILL1_wght400_GRAD0_opsz24.svg);
}

.icon-anexa {
    width: 100%;
}
.icon-anexa:before {
    content: "";
    display: inline-flex; width: 22px; height: 22px;
    background: var(--verde);
    margin: 0 7px 0 0px;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../img/rw/icons/article_24dp_5F6368_FILL1_wght400_GRAD0_opsz24.svg);
}

.aviz-special ol li:first-child {margin: 0;}

.aviz-special ol li::before {
  content: counter(item);
  counter-increment: item;
  position: absolute; top: -7px;  left: -1px; z-index: 10;
  width: 18px; height: 18px;
  display: flex; justify-content: center; align-items: center;
  background: #fff; color: var(--negru);
  font: 500 11px/1 inter;
  text-align: center;
  border: 1px solid var(--negru);
  border-radius: 50%;
}
.aviz-special ol {counter-reset: item;}


/* start tab 1 Aviz */
.div-istoric {
    display: none;
    margin: 10px 0 30px 0;
    font: 500 14px/1.2 inter;
    
}
.div-istoric ol {
    display: inline-block;
    margin: 0; padding: 0px 40px 20px 40px;
    border: 1px dashed var(--verde); border-top: 0;
    border-radius: 0 0 10px 10px;
}


.meniu-taburi {
    display: flex; flex-wrap: wrap; margin-bottom: -10px;
    width: 100%;
}
.meniu-taburi span {
    display: inline-flex; justify-content: center; align-items: center;
    width: 140px; padding: 12px 0 20px 0;
    background: #fff;
    color: var(--negru);
    border: 1px solid var(--verde); border-bottom: none;
    border-radius: 10px 10px 0 0;
    font: 400 14px/1 inter;
    text-transform: uppercase;
    transition: all 0.5s; cursor: pointer;
}
.meniu-taburi span.active, 
.meniu-taburi span.active:hover {
    background: var(--verde); color: #fff;
}
.meniu-taburi span.pv-inactiv, 
.meniu-taburi span.pv-inactiv:hover {
    border-color: #ddd; color: #aaa;
    background: #f6f6f6;
    cursor: not-allowed;
}
.meniu-taburi span:hover {
    background: #eee;
}

.tabul {
    position: relative;
    border: 1px solid #d1d4e5;
    border-radius: 10px;
   /* overflow: hidden;*/
    background: #fff;
}
.tab-aviz-nou {margin: 0 0 50px 0;}

.grid-col3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.grid1 {grid-column: 1/-1;}
.centru {text-align: center;}

.tab-header {
    grid-column: 1/-1;
    display: flex; flex-wrap: wrap;
    justify-content: space-between; align-items: center;
    width: 100%; min-height: 85px;
    background: #e9f3f3;
    border-bottom: 3px solid var(--verde);
    padding: 15px 30px;
    border-radius: 10px 10px 0 0;
}
.comanda-editare .tab-header {position: relative;}
.comanda-editare .viz {
    position: absolute; top: 50%; right: 20px;
    transform: translateY(-50%);
}

.aviz-titlu {
    width: 400px;
    font: 700 16px/1.2 inter;
    color: var(--verde);
}
.tab1 .aviz-titlu {width: 300px;}
.aviz-titlu.singur {width: initial;}
.nu-poate {
    display: inline-flex; flex-wrap: wrap;
    align-items: center; justify-content: start;
    width: calc(100% - 584px); min-height: 53px;
    background: #c2e0e0;
    border-radius: 10px;
    padding: 10px 20px;
    font: 500 12px/1.2 inter;
}
.np-jos {display: inline-block; margin: 20px; width: initial;}


.aviz-titlu span {color: var(--negru);}
.nu-poate strong {
    color: var(--rosu);
    font: 700 12px/1.2 inter;
    margin: 0 5px 10px 0;
}
.nu-poate p {
    font: 500 12px/1.2 inter;
    margin: 0 0 5px 0;
}

.nu-poate-sus {
    background: #c2e0e0;
    border-radius: 10px;
    padding: 10px 20px;
    font: 500 12px/1.2 inter;
}
.nu-poate-sus strong {
    color: var(--rosu);
    font: 700 12px/1.2 inter;
    margin: 0 0px 10px 0;
}
.nu-poate-sus p {
    font: 500 12px/1.2 inter;
    margin: 0 0 5px 0;
}

.tab-header .form-grup {
    display: inline-flex; flex-wrap: wrap;
    width: 130px;
    border: 1px solid #a4b0bc; border-radius: 5px;
    padding: 5px 10px 0px 10px; margin: 0;
}
.tab-header .form-grup label {
    width: 100%;
    margin: 0;
    font: 500 12px/1.2 inter;
}
.tab-header .form-grup input {
    width: 100%; height: 30px;
    border: none; outline: none;
    background: transparent;
    font: 700 14px/1.2 inter;
    color: var(--negru);
}

.butoane-header-avize {
    position: relative;
    display: flex; flex-wrap: wrap;
    justify-content: space-between; align-items: center;
    text-align: center;
    margin: -50px 0 20px 0;
}
.butoane-header-avize .left {
    display: flex; flex-wrap: wrap;
    justify-content: start; align-items: center;
    width: 40%; text-align: left;
}
.butoane-header-avize .left button {margin: 0 7px 7px 0;}
.butoane-header-avize .right button {margin: 0 0 7px 7px;}
.butoane-header-avize .right {
    display: flex; flex-wrap: wrap;
    justify-content: end; align-items: center;
    width: 40%; text-align: right;
}

.but {
    box-sizing: border-box;
    display: inline-flex; justify-content: center; align-items: center;
    height: 40px;
    border: 1px solid; border-radius: 100px;
    font: 500 14px/1 inter;
    padding: 0px 22px;
    transition: all 0.5s; cursor: pointer;
    white-space: nowrap;
}
.but i {margin: 0 8px 0 0;}

.but-bg-alb {background: #fff;}
.but.but-color-rosu {
    border-color: var(--rosu);
    color: var(--rosu);
}
.but.but-color-rosu:hover {
    background: var(--rosu); color: #fff;
}

.but.but-color-verde {
    border-color: var(--verde);
    color: var(--verde);
}
.but.but-color-verde:hover {
    background: var(--verde); color: #fff;
}

.but.but-color-gri {
    border-color: var(--gri3);
    color: var(--gri3);
}
.but.but-color-gri:hover {
    border-color: var(--negru);
    color: var(--negru);
    background: #f6f6f6;
}

.but.but-bg-galben {
    border-color: var(--galben);
    background: var(--galben);
    color: #fff;
}
.but.but-bg-rosu {
    border-color: var(--rosu);
    background: var(--rosu);
    color: #fff;
}
.but.but-bg-verde {
    border-color: var(--verde);
    background: var(--verde);
    color: #fff;
}
.but.but-bg-galben:hover, 
.but.but-bg-verde:hover {
    box-shadow: inset 0 -100px 0 0 rgba(0 0 0 / 30%);
}
.but-istoric {padding: 0 7px;}
.but-istoric:before {
    content: "";
    display: inline-flex; width: 30px; height: 30px;
    background: #fff;
    margin: 0 7px 0 0px;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../img/rw/icons/search_activity_24dp_5F6368_FILL0_wght400_GRAD0_opsz24.svg);
}
.but-istoric:after {
    content: "arrow_drop_down";
    font: 300 30px/1 var(--mso);
    transition: all 0.5s; transform-origin: center;
}
.but-istoric.active:after {transform: rotate(180deg);}


.caseta {
    align-content: start;
    padding: 20px;
}
.caseta1, .caseta2 {
    border-right: 1px solid #a4b0bc;
} 
.caseta1, .caseta2, .caseta3 {height: 100%; border-bottom: 3px solid var(--verde);}

.caseta h2 {
    grid-column: 1/-1; width: 100%;
    font: 700 16px/1.2 inter;
    color: var(--gri3);
    text-transform: uppercase;
    margin: 0 0 20px 0;
}
.form-grup {margin: 0 0 15px 0;}
.form-grup label {
    display: block;
    font: 500 14px/1.2 inter;
    color: #737a97;
    margin: 0 0 5px 0;
    vertical-align: middle;
}
.form-grup input, 
.form-grup select, 
.form-grup textarea {
    width: 100%; height: 35px;
    background: #fff;
    border: 1px solid #a4b0bc; border-radius: 5px;
    outline: 0;
    font: 500 14px/1.2 inter;
    color: var(--negru);
    padding: 0 10px;
}

.form-grup input.cls-disable {
    border-color: #ddd;
    color: #bbb;
    background: #f6f6f6;
    cursor: not-allowed;
}

.form-grup input[type="radio"] {width: 18px; height: 18px;}
.form-grup textarea {height: 100px; padding: 10px;}
.disable-input {
    border-color: #ddd;
    color: #bbb;
    background: #f6f6f6;
    cursor: not-allowed;
}
.disable-buton {
    opacity: 0.3;
    cursor: not-allowed;
}
.sters {display: none;}

.autocomplete-suggestions {
    z-index: 10000 !important;
}

.but.but-patrat {font-size: 16px; border-radius: 5px;}

.grid-col2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0px 5px;
}
.lat100 {grid-column: 1/-1;}
.centrat {
    text-align: center;
    justify-content: center;
}

.caseta4 {
    grid-column: 1/-1;
    display: flex; flex-wrap: wrap;
    justify-content: space-between; align-items: center;
}
.caseta4 .form-grup {margin: 0 0 5px 0;}

.prevnext {
    display: flex; flex-wrap: wrap;
    justify-content: space-between; align-items: center;
    background: #eee;
    border-radius: 0 0 10px 10px;
    border: 1px solid #d1d4e5; border-top: 0;
    padding: 7px 12px; margin: 0 10px;
}
.prevnext a {
    display: inline-flex; justify-content: center; align-items: center;
}
.sagetuta {
    display: inline-flex; justify-content: center; align-items: center;
    width: 30px; height: 30px;
    border-radius: 100px;
    margin: 0 5px;
    transition: all 0.5s;
}
.sagetuta:before {
    content: "keyboard_arrow_down";
    font: 500 25px/1 var(--mso);
    transition: all 0.5s;
}
.prev .sagetuta:before {transform: rotate(90deg);}
.next .sagetuta:before {transform: rotate(-90deg);}

.prevnext a:hover {color: var(--verde);}
.prevnext a:hover .sagetuta {background: #ddd;}

.footer-avize {
    display: flex; flex-wrap: wrap;
    justify-content: space-between; align-items: center; 
    margin: 30px 0;
}

.footer-avize .left {width: 300px; }
.footer-avize .right {width: 300px; text-align: right;}
.footer-avize .nu-poate {
    max-width: 50%;
    border: 1px solid var(--rosu);
    background: #fff;
}

.legenda {
    position: relative;
    display: flex; flex-wrap: wrap; align-items: start;
    border: 1px solid #d1d4e5; border-bottom: 0;
    border-radius: 5px 5px 0 0;
    padding: 30px; margin: 50px 0 -50px 0;
}
.legenda h3 {
    position: absolute;
    display: inline-block;
    font: 500 16px/1 inter;
    background: #fff; color: var(--gri3);
    padding: 0 20px; margin: -38px 0 0px -19px;
}
.legenda .colo {
    display: inline-block;
    padding: 0 50px 0 0;
}

.rand { 
    display: flex; flex-wrap: wrap; align-items: center;
    margin: 0 0 7px 0;
}
.legenda-icon {
    position: relative;
    display: inline-flex; align-items: center;
    height: 28px; width: 90px;
    border: 1px solid; border-radius: 100px;
    font: 500 14px/1 inter;
    padding: 0px 22px; margin: 0 10px 0 0;
}
.legenda-icon:before {
    content: "";
    display: inline-flex; width: 23px; height: 23px;
    background: #fff;
    margin: 0 7px 0 -20px;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../img/rw/icons/search_activity_24dp_5F6368_FILL0_wght400_GRAD0_opsz24.svg);
}
.legenda-icon:after {
    position: absolute; top: 50%; right: 2px; transform: translateY(-50%);
    content: "arrow_drop_down";
    font: 300 30px/1 var(--mso);
    transition: all 0.5s; transform-origin: center;
}
.legenda-icon.ic-istoric {
    background: var(--galben); color: #fff;
}
.legenda-icon.ic-redeschideri {
    background: var(--rosu); color: #fff;
}
.rand .text {font-size: 14px;}
.legenda h4 {
    font: 500 14px/1 inter; 
    margin: 0 0 15px 0;
}
.legenda p {font: 600 12px/1 inter; margin: 0 0 10px 0;}
.violet {color: var(--violet);}
.a-rosu {color: var(--rosu);}

/* end tab 1 Aviz */



/* start tab 2 Deseuri */

.produse-cautare {
    display: flex; flex-wrap: wrap;
    justify-content: start; align-items: center;
    border-bottom: 3px solid var(--verde);
    padding: 15px 20px;
}
.produse-cautare form {width: 30%;}

.tab-produse .deseurile-grup {
    display: grid; 
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    padding: 20px;
}
.produse-cautare {
    grid-column: 1/-1;
}
.tab-produse .produse-cautare h2 {width: initial; margin: 0 20px 0 0;}
.tab-produse h2, 
.companie-asociata h2 {
    grid-column: 1/-1;
    width: 100%;
    font: 700 16px/1.2 inter;
    color: var(--gri3);
    text-transform: uppercase;
    margin: 0 0 10px 0;
}

.adauga-deseu {min-height: 295px;}
.buton-adauga-deseu {
    display: flex; flex-wrap: wrap;
    justify-content: center; align-items: center;
    width: 100%; height: calc(100% - 39px);
    border: 1px solid var(--verde); border-radius: 10px;
    background: #fff; color: var(--verde); outline: 0;
    font: 500 16px/1 inter;
    cursor: pointer; transition: all 0.5s;
}
.buton-adauga-deseu span:before {
    content: "";
    display: flex; justify-content: center; align-items: center;
    width: 40px; height: 40px;
    margin: 10px auto;
    background: var(--verde);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../img/rw/icons/add_circle_24dp_5F6368_FILL0_wght300_GRAD0_opsz24.svg);
    transition: all 0.5s;
}
.buton-adauga-deseu:hover {background: #e9f3f3;}

.produsul {
    position: relative; z-index: 2;
    margin: 0 0 40px 0;
}
.produs-int {
    position: relative; z-index: 2;
    display: flex; flex-wrap: wrap;
    justify-content: space-between;
    height: 100%;
    border: 1px solid var(--verde);
    border-radius: 10px;
    background: #fff; 
    padding: 10px; 
}

.produs-int .form-grup {
    width: calc(50% - 5px);
}
.sterge-produs {
    position: absolute; bottom: -32px; left: 0; z-index: 1;
    border: 1px solid var(--rosu); border-top: 0;
    border-radius: 0 0 10px 10px;
    padding: 20px 20px 10px 20px;
    font: 500 14px/1 inter;
    color: var(--rosu);
    transition: all 0.5s;
}
.sterge-produs:hover {
    background: var(--rosu); color: #fff;
}

.produs-int .produs-titlu {
    position: relative;
    width: 100%;
}
.produs-titlu label {
    position: absolute; top: 0; left: 0;
    display: flex; justify-content: center; align-items: center;
    width: 30px; height: 100%;
    background: #e9f3f4;
    border-radius: 5px;
    font: 700 16px/1 inter;
    color: var(--negru);
}
.produs-titlu strong::first-letter {text-transform: capitalize;}
.produs-titlu strong {
    display: block;
    border: 1px solid var(--gri1); border-left: 0;
    border-radius: 5px;
    padding: 7px 7px 7px 35px;
    font: 700 14px/1.2 inter;
}
.form-grup input[type="checkbox"] {
    width: 20px; height: 20px;
}

.produs-int .produs-anexa, 
.produs-int .produs-nota, 
.produs-int .produs-pv {
    width: calc(33.3333% - 5px);
}
.produs-buton:last-child {
    text-align: right;
}

.incarcari {
    position: relative;
    height: 35px;
}
.deseurile-grup .anexa-scan {
    display: flex; flex-wrap: wrap;
    align-items: center; justify-content: center;
    height: 35px;
    background: #eee;
    border-radius: 5px;
    padding: 0 5px;
    font: 500 12px/1 inter;
    color: var(--gri4);
    text-transform: uppercase;
    transition: all 0.5s;
}
.deseurile-grup .anexa-scan:hover {
    box-shadow: inset 0 -100px 0 0 rgba(0 0 0 / 10%);
}
.deseurile-grup .anexa-scan:after {
    content: "";
    display: inline-flex; width: 23px; height: 23px;
    background: var(--gri4);
    margin: 0 0px 0 7px;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../img/rw/icons/description_24dp_5F6368_FILL1_wght400_GRAD0_opsz24.svg);
}
.deseurile-grup .anexa-scan.incarcat {
    justify-content: start;
    width: calc(100% - 40px);
    background: var(--verdegalben); color: #fff;
    border-radius: 5px 0 0 5px;
}
.deseurile-grup .anexa-scan.incarcat:after {display: none;}
.deseurile-grup .anexa-scan.incarcat:before {
    content: "";
    display: inline-flex; width: 23px; height: 23px;
    background: #fff;
    margin: 0 7px 0 0;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../img/rw/icons/check_24dp_5F6368_FILL1_wght500_GRAD0_opsz24.svg);
}

.form-inputfile {
    position: absolute; top: 0; left: 0;
    width: 100%; height: 100%;
    padding: 0; border: 0;
    cursor: pointer;
}
.form-inputfile .file-but {
    position: absolute; top: 0; left: 0; z-index: 10;
    width: 100%; height: 100%;
    padding: 0; border: 0;
    opacity: 0;
    cursor: pointer;
}


.incarcat + .form-inputfile {
    display: flex; justify-content: center; align-items: center;
    right: 0; left: initial;
    width: 40px;
    background: var(--verdegalben);
    opacity: 1;
    border-radius: 0 5px 5px 0;
    border-left: 1px solid #fff;
    transition: all 0.5s;
}
.incarcat + .form-inputfile:hover {
    background: var(--gri4);
}

.incarcat + .form-inputfile:after {
    content: "";
    display: inline-flex; width: 23px; height: 23px;
    background: #fff;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../img/rw/icons/upload_file_24dp_FFF_FILL0_wght400_GRAD0_opsz24.svg);
}

.produs-buton {margin: 20px 0 5px 0;}
.but-vizualizeaza:before {
    content: "";
    display: inline-flex; width: 23px; height: 23px;
    margin: 0 7px 0 -5px;
    background: #fff;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../img/rw/icons/pdf_10898679.svg);
}
.but-actualizeaza:before {
    content: "";
    display: inline-flex; width: 23px; height: 23px;
    margin: 0 7px 0 -5px;
    background: #fff;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../img/rw/icons/refresh_5722689.svg);
}

.bulku {
    display: flex; flex-wrap: wrap;
    justify-content: space-between; align-items: center;
    padding: 20px;
    border-top: 3px solid var(--verde);
}
.form-bulk-select {
    width: 50%;
}
.form-bulk-file {
    display: flex; flex-wrap: wrap;
    justify-content: end; align-items: center;
}
.form-bulk-file .anexa-scan:before {
    content: "";
    display: inline-flex; width: 23px; height: 23px;
    background: var(--verde);
    margin: 0 7px 0 0;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../img/rw/icons/description_24dp_5F6368_FILL1_wght400_GRAD0_opsz24.svg);
}
.form-bulk-file .anexa-scan:hover:before {background: #fff;}

form.but {
    position: relative;
    margin: 0 0 0 7px;
    overflow: hidden;
}

form.but:before {
    content: "";
    display: inline-flex; width: 23px; height: 23px;
    background: var(--verde);
    margin: 0 7px 0 -7px;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../img/rw/icons/arrow_upload_ready_24dp_5F6368_FILL1_wght500_GRAD0_opsz24.svg);
}
form.but .file-but {
    position: absolute; top: 0; left: 0;
    width: 100%; height: 100%;
    padding: 0; border: 0;
    opacity: 0;
    cursor: pointer;
}

.anunt {padding: 0 20px; font: 500 12px/1.2 inter;}
.deseu-avize-finalizate, 
.deseu-avize-nefinalizate {padding: 20px; font: 500 12px/1.2 inter;}


.form-active {
    position: fixed; top: 0; left: 0;
    display: block; width: 100%; height: 100%; z-index: 1000;
    background: rgba(0 0 0 / 50%);
}

.reset-luna {
    position: absolute; top: 81px; right: calc(5% + 635px);
}
.but-reset-header {
    box-sizing: border-box;
    display: inline-flex; justify-content: center; align-items: center;
    height: 32px;
    border: 1px solid var(--gri3); border-radius: 5px;
    color: var(--gri3); background: #fff;
    font: 500 14px/1 inter;
    padding: 0px 16px;
    transition: all 0.5s;
    cursor: pointer;
}
.but-reset-header:hover {background: #eee;}


/* end tab 2 Deseuri */



/* Start tab 3 PV */
.tab-pv .caseta {
    border-bottom: 0;
}
.pvuri-list {
    margin: 0;
    padding: 0;
}
.pvuri-list li {
    list-style: none;
    display: flex; flex-wrap: wrap;
    align-items: center;
    margin: 0 0 5px 0;
}
.form-grup .pvuri-list li input[type="checkbox"] {
    width: 15px; height: 15px;
    margin: 0 7px 0 0;
}
.as-anexa2 {
    display: flex; flex-wrap: wrap;
    justify-content: space-between; align-items: center;
    padding: 7px 15px; margin: 0 0 5px 0;
    background: var(--verdegalben); color: #fff;
    font: 400 14px/1.2 inter;
    border-radius: 5px;
    transition: all 0.5s;
}
.as-anexa2:hover {
    box-shadow: inset 0 -100px 0 0 rgba(0 0 0 / 10%);
    color: #fff;
}
.as-anexa2 div {
    display: flex; flex-wrap: wrap;
    justify-content: start; align-items: center;
}
.as-anexa2 div:before {
    content: "";
    display: inline-flex; width: 23px; height: 23px;
    background: #fff;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../img/rw/icons/check_24dp_5F6368_FILL1_wght500_GRAD0_opsz24.svg);
}
.as-anexa2 span {
    margin: 0 7px; padding: 0 7px 0 0;
    border-right: 1px solid #fff;
}
.as-anexa2 em {font-style: normal;}
.as-anexa2:after {
    content: "";
    display: inline-flex; width: 23px; height: 23px;
    background: #fff;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../img/rw/icons/description_24dp_5F6368_FILL1_wght400_GRAD0_opsz24.svg);
}
/* End tab 3 PV */



/* Start Comenzi */

.com-noua:before {
    content: "";
    display: inline-flex; width: 28px; height: 28px;
    background: var(--verde);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../img/rw/icons/add_circle_24dp_5F6368_FILL1_wght400_GRAD0_opsz24.svg);
}
.tabel-comenzi {
    border: 1px solid #d0d4e4;
    border-radius: 10px;
    margin: 0 0 30px 0;
}
.t-linie {
    display: flex; align-items: stretch;
}

.t-com-header > .t-linie > span {color: #4f6578;}
.t-linie > span {
    flex: 1;
    position: relative;
    display: flex; flex-wrap: wrap; align-items: center;
    font: 500 13px/1.2 inter;
    color: var(--negru);
    padding: 10px;
    border-right: 1px solid #d0d4e4;
    border-bottom: 1px solid #d0d4e4;
    white-space: nowrap;
    overflow: hidden;
    text-transform: capitalize;
}
.t-com-header > .t-linie > span {
    border-right: 0;
}
.t-linie > span:last-child {border-right: 0;}
.t-com-body .t-linie:last-child > span {border-bottom: 0;}


.t-linie > span.t-nr-com {border-color: transparent;}
.t-linie .data {font: 400 13px/1 inter;}

.t-linie > span.a-validare {font: 700 11px/1.2 inter;}
 


.t-nr-com a {
    position: absolute; top: -1px; left: -1px;
    display: flex; flex-wrap: wrap; align-items: center;
    width: 100%; height: calc(100% + 2px);
    color: var(--verde); background: #fff;
    transition: all 0.5s;
    padding: 10px 15px;
    border: 1px solid #d0d4e4;
}
.t-nr-com a:hover {
    border-color: var(--verde);
    z-index: 10;
}

.t-clopot {justify-content: center;}
.clopot {
    display: inline-flex; width: 24px; height: 28px;
    background: var(--rosu);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../img/rw/icons/notification_important_24dp_5F6368_FILL0_wght400_GRAD0_opsz24.svg);
}

.t-linie > span.t-validare {
    font: 700 11px/1 inter;
    text-transform: uppercase;
}

.edita {
    display: flex; align-items: center; 
    color: var(--verde);
    transition: all 0.5s;
}
.edita em {font: 500 12px/1 inter;}
.edita:before {
    content: "";
    display: inline-flex; width: 26px; height: 26px;
    margin: 0 7px -4px 0;
    background: var(--verde);
    transition: all 0.5s;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../img/rw/icons/edit_note_24dp_5F6368_FILL1_wght400_GRAD0_opsz24.svg);
}
.edita:hover {color: var(--negru);}
.edita:hover:before {background: var(--negru);}

.sterge-tabel {
    display: flex; align-items: center;
    color: var(--rosu);
    transition: all 0.5s;
}
.sterge-tabel em {font: 500 12px/1 inter;}
.sterge-tabel:before {
    content: "";
    display: inline-flex; width: 22px; height: 22px;
    margin: 0 4px 0 0;
    background: var(--rosu);
    transition: all 0.5s;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../img/rw/icons/delete_forever_24dp_5F6368_FILL1_wght300_GRAD0_opsz24.svg);
   /* -webkit-mask-image: url(../img/rw/icons/cancel_24dp_5F6368_FILL0_wght400_GRAD0_opsz24.svg);*/
}
.sterge-tabel:hover {color: var(--negru);}
.sterge-tabel:hover:before {background: var(--negru);}

.restaureaza:before {
    -webkit-mask-image: url(../img/rw/icons/history_24dp_5F6368_FILL0_wght400_GRAD0_opsz24.svg);
}


.viz {display: flex; align-items: center;}
.viz em span {display: none;}
.viz em {
    font: 500 12px/1 inter;
    color: var(--verde);
}
.viz:before {
    content: "";
    display: inline-flex; width: 18px; height: 18px;
    margin: 0 7px 0px 0;
    background: var(--verde);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../img/rw/icons/visibility_24dp_5F6368_FILL1_wght400_GRAD0_opsz24.svg);
}


/* Comanda noua */
.comanda-noua {
    position: relative;
    display: flex; flex-wrap: wrap;
    justify-content: space-between;
    border: 1px solid #d1d4e5;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
}
.comanda-noua .tab-header {width: 100%;}
.comanda-noua .left {
    align-content: start;
    padding: 20px;
    width: 300px;
    border-right: 1px solid #d1d4e5;
    min-height: 300px;
    border-bottom: 3px solid var(--verde);
}
.comanda-noua .left .form-grup {
    margin: 0 0 25px 0;
}
.comanda-noua .right {
    align-content: start;
    padding: 20px;
    width: calc(100% - 300px);
    min-height: 300px;
    border-bottom: 3px solid var(--verde);
}
.comanda-noua h2 {
    grid-column: 1/-1;
    width: 100%;
    font: 700 16px/1.2 inter;
    color: var(--gri3);
    text-transform: uppercase;
    margin: 0 0 20px 0;
}

.form-comenzi-prod-cautare {margin: 0 0 50px 0;}
h4.lista {
    font: 500 14px/1.2 inter;
    color: #737a97;
    border-bottom: 1px solid #d1d4e5;
    padding: 0 0 5px 0; margin: 0 0 10px 0;
}

.tcd-linie {
    display: flex; flex-wrap: wrap;
    justify-content: space-between; align-items: center;
}
.tcd-linie-header.tcd-linie > span {color: #737a97; font-weight: 500;}
.tcd-linie-body {
    background: var(--verde); color: #fff;
    border-bottom: 1px solid #fff;
}
.tcd-linie > span {
    position: relative;
    font: 700 16px/1.2 inter;
    padding: 7px 0;
    white-space: nowrap;
    overflow: hidden;
    text-transform: capitalize;
}
.tcd-linie > span:nth-of-type(1) {width: 35px; padding: 0;}
.tcd-linie > span:nth-of-type(2) {width: 80px;}
.tcd-linie > span:nth-of-type(3) {width: 100px;}
.tcd-linie > span:nth-of-type(4) {width: calc(100% - (35px + 80px + 100px + 165px + 155px + 100px + 100px + 80px));} /*ultima e padding*/
.tcd-linie > span:nth-of-type(5) {width: 155px;}
.tcd-linie > span:nth-of-type(6) {width: 165px;}
.tcd-linie > span:nth-of-type(7) {width: 100px;}
.tcd-linie > span:nth-of-type(8) {width: 100px; padding: 0 10px 0 0;}

.tcd-linie img {
    width: 100%;
}
.tcd-linie button {
    width: 100%;
    background: transparent;
    border: 1px solid #fff; border-radius: 100px;
    outline: 0;
    padding: 10px 0;
    font: 400 14px/1 inter;
    color: #fff;
    cursor: pointer; transition: all 0.5s;
}
.tcd-linie button.salveaza:hover {
    color: var(--verde);
    background: #fff;
}
.tcd-linie button.stergere:hover {
    color: var(--rosu);
    background: #fff;
}


.tcd-linie > span.incarca-vezi { /* span 6 */
    display: flex; flex-wrap: wrap;
    align-items: center; justify-content: space-between;
}
.tcd-linie .anexa-scan {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    height: 35px;
    background: #eee;
    border-radius: 5px;
    padding: 0 5px;
    font: 500 12px/1 inter;
    color: var(--gri4);
    text-transform: uppercase;
    transition: all 0.5s;
}
.tcd-linie .anexa-scan:after {
    content: "";
    display: inline-flex;
    width: 23px;
    height: 23px;
    background: var(--gri4);
    margin: 0 0px 0 7px;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../img/rw/icons/description_24dp_5F6368_FILL1_wght400_GRAD0_opsz24.svg);
}
.tcd-linie .incarcari {width: 100px;}
.tcd-linie .form-grup {margin: 0;}
.vezipoza {
    display: inline-flex; flex-wrap: wrap;
    align-items: center; justify-content: space-between;
    width: 60px; height: 35px;
    background: var(--verdegalben);
    border-radius: 5px;
    padding: 0 6px;
    transition: all 0.45s;
}
.vezipoza:before {
    content: "";
    display: inline-flex;
    width: 23px;
    height: 23px;
    background: #fff;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../img/rw/icons/check_24dp_5F6368_FILL1_wght500_GRAD0_opsz24.svg);
}
.vezipoza:after {
    content: "";
    display: inline-flex;
    width: 23px;
    height: 23px;
    background: #fff;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../img/rw/icons/description_24dp_5F6368_FILL1_wght400_GRAD0_opsz24.svg);
}
.vezipoza:hover {
    box-shadow: inset 0 -100px 0 0 rgba(0 0 0 / 10%);
}
.tabel-comenzi-deseu .mic {
    font-size: 12px;
    color: #737a97;
    margin: 10px 0;
}
.form-comanda {width: 100%;}



/* Parteneri */
.app-partener .nr-aviz {right: calc(5% + 150px);}
.app-partener .paginatie-header-gol + div + .nr-aviz {right: 5%;}


.aviz-parteneri {margin: 0 0 70px 0;}

.aviz-parteneri h2 {
    display: inline-flex; flex-wrap: wrap; align-items: end;
    width: 100%;
    margin: 0;
}
.aviz-header {
    display: flex; align-items: center;  justify-content: space-between;
    margin-bottom: 15px;
}
.aviz-parteneri h2 b {
    font: 700 22px/1.2 inter;
    color: var(--verde);
}
.aviz-parteneri h2 em {
    font: 500 18px/1.2 inter;
    color: var(--gri4);
    margin: 0 6px; padding: 0 10px;
    border-left: 1px solid #d0d4e4;
    border-right: 1px solid #d0d4e4;
}
.aviz-parteneri h2 i {
    text-transform: capitalize;
    font: 500 18px/1.2 inter;
    color: var(--gri4);
}
.redeschis {
    display: inline-flex; align-items: center;
    background: var(--rosu); color: #fff;
    padding: 5px 8px; margin: 0 0 0 10px;
    font: 500 12px/1 inter;
    text-transform: uppercase;
    border-radius: 100px;
}
.motive {
    display: inline-flex; align-items: center; justify-content: space-between;
    border: 1px solid var(--rosu); border-radius: 100px;
    padding: 5px 13px;
    font: 500 12px/1.2 inter;
    color: var(--rosu);
}
.motiv-citit {
    display: inline-flex; align-items: center;
    border-left: 1px solid var(--rosu);
    padding: 0 0 0 5px; margin: 0 0 0 5px;
}
.aviz-header .motiv-citit {position: relative; top: initial; left: initial; transform: none;}
.motiv-citit input {margin: 0 0 0 8px;}

.motiv-redeschidere {
    position: relative;
    display: flex; flex-wrap: wrap;
    justify-content: space-between; align-items: center;
    margin: 20px; padding: 10px;
    border: 1px solid var(--rosu); border-radius: 10px;
    color: var(--rosu);
    font: 500 14px/1.2 inter;
}
.motiv-redeschidere .motiv-citit {
    border: 0;
}
.motiv-redeschidere p {margin: 0;}
.motiv-redeschidere .mesaj strong {
    margin: 0 0 5px 0;
    color: var(--rosu);
}
.motiv-redeschidere .mesaj {
    color: var(--negru);
}
.motiv-redeschidere .mso {
    font: 200 40px 'Material Symbols Outlined';
    margin: 0 10px 0 0;
}

.dn-parteneri:before {
    content: "add_circle";
    font: 200 33px/1 'Material Symbols Outlined';
    margin: 0 7px 0 -5px;  
}

.form-bulk {
    display: inline-flex; align-items: center;
    width: 200px;
}
.form-bulk .scan-part {
    width: 150px;
    border-right: 0;
    border-radius: 100px 0 0 100px;
    padding: 0 0 0 5px;
}
.incarcat-bulk:before {
    content: "";
    display: inline-flex; width: 23px; height: 23px;
    background: var(--verde);
    margin: 0 7px 0 -7px;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../img/rw/icons/arrow_upload_ready_24dp_5F6368_FILL1_wght500_GRAD0_opsz24.svg);
}
.incarcat-bulk:hover:before {background: #fff;}
.inc-bulk {
    position: relative; z-index: 0;
    display: inline-flex; justify-content: start; align-items: center;
    height: 40px; width: 38px;
    background: #eee;
    color: var(--gri4);
    border-radius: 0 100px 100px 0;
    border: 1px solid var(--verde); border-left: 0;
    padding: 0 0 0 5px;
}

.avizpart-vezi:before {
    content: "visibility";
    font-family: 'Material Symbols Outlined';
    font-size: 18px;
    margin: 0 7px 0 -5px;
}

.form-partener-produs-aviz .nr-aviz-tabel {display: none;}

.tap-butoane-select {
    display: flex; flex-wrap: wrap;
    align-items: center; justify-content: space-between;
    margin: 0 0 20px 0;
}
.tapb-scanata .form-bulk {width: initial;}
.tapb-tip .form-grup {margin: 0;}
.tapb-tip {width: calc(100% - 850px);}
.tapb-tip .form-grup select {height: 40px; border-radius: 100px;}

.tapb-scanata .form-bulk .scan-part {width: 150px;}
.tapb-produs form {display: flex;}
.tapb-istoric {margin: 0 0 0 5px;}
.tapb-istoric .dot {margin: 0; width: 110px; height: 40px; padding: 0px 28px;}
.tapb-pv-scanat .form-bulk {width: 150px;}
.tap .history-open {margin: -1px 0 10px -1px;}

.tabel-anexe-parteneri {margin: 0 0 10px 0;}
.tap-linie-sus {padding: 0 0 10px 0;}
.tap-linie {
    display: flex; flex-wrap: wrap;
    justify-content: space-between;
}
.tap-linie:hover {
    background: #f3f8f8;
}
.nr-aviz-tabel {
    position: absolute; top: 7px; left: 3px;
    display: inline-flex; justify-content: center; align-items: center;
    border-radius: 100px;
    width: 17px; height: 17px;
    background: var(--verde);
    color: #fff;
    font: 400 12px/1 inter;
}

.tap-linie > .coloana-dubla {
    display: flex; flex-wrap: wrap;
    justify-content: space-between;
    width: calc(200px + 95px);
}
.tap-linie-header {background: aliceblue;} 
.tap-linie-header + .tap-linie-anexa .coloana {
    padding-top: 10px;
}
.tap-linie-anexa:last-child .coloana {padding-bottom: 15px;}

.tap-linie > .coloana-dubla > .col-produs {width: 200px;}
.tap-linie > .coloana-dubla > .col-cant {width: 95px;}

.tap-linie > .coloana {
    width: calc(100% - ((200px + 95px) + 70px + 390px + 100px));
    position: relative;
    display: flex; flex-wrap: wrap; align-items: center; justify-content: start;
}

.tap-linie .coloana {
    position: relative;
    display: flex; flex-wrap: wrap; align-items: center;
    padding: 0 5px 5px 0;
    box-sizing: border-box;
    font: 500 13px/1.2 inter;
}
.tap-linie .col1 {border-left: 1px solid #d0d4e4;}
.tap-linie-anexa:last-child .coloana {border-bottom: 1px solid #d0d4e4;}


.tap-linie > .col-baloti {width: 70px;}

.tap-linie > .col-scanata {width: 130px;}
.tap-linie > .col-nota {width: 130px;}
.tap-linie > .col-pv {width: 130px;}

.tap-linie > .col-anexa {width: 130px;}
.tap-linie > .col9 {width: 100px;}

.tap-linie .form-grup {margin: 0;}

.tap-linie-sus .coloana {border: 0;}

.tap-linie-header .coloana {
    border-top: 1px solid #d0d4e4; border-bottom: 3px solid var(--verde);
    padding: 10px 5px;
}
.tap-linie-header .col1 {border-radius: 10px 0 0 0;}
.tap-linie-header .col9 {border-radius: 0 10px 0 0; border-right: 1px solid #d0d4e4;}
.tap-linie-anexa .col9 {border-right: 1px solid #d0d4e4;}
.tap-linie-anexa .coloana {padding: 5px;}

.tap-linie:last-child .col1 {border-radius: 0 0 0 10px;}
.tap-linie:last-child .col9 {border-radius: 0 0 10px 0;}

.scan-part {
    display: inline-flex; align-items: center;
    width: 90px;
}
.scanata {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background: var(--verdegalben);
    color: #fff;
    height: 35px;
    border-radius: 5px 0 0 5px;
    padding: 0 5px;
    font: 500 12px/1 inter;
    text-transform: uppercase;
    transition: all 0.5s;
}
.scanata:hover {box-shadow: inset 0 -100px 0 0 rgba(0 0 0 / 15%);}

.scanata:before {
    content: "";
    display: inline-flex; width: 18px; height: 18px;
    background: #fff;
    margin: 0 3px 0 -4px;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../img/rw/icons/check_24dp_5F6368_FILL1_wght500_GRAD0_opsz24.svg);
}
.nescanata {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background: #eee;
    color: var(--gri4);
    height: 35px;
    border-radius: 5px 0 0 5px;
    padding: 0 5px;
    font: 500 12px/1 inter;
    text-transform: uppercase;
    transition: all 0.5s;
}
.icon-upload {
    vertical-align: middle;
    margin-right: 4px;
    font-weight: 300;
    font-size: 24px;
    margin: 0;
}
.formu-upload {
    display: inline-flex; align-items: center; justify-content: center;
    width: 30px; height: 35px;
    border-radius: 0 5px 5px 0;
    color: #fff;
    transition: all 0.5s;
    border-left: 1px solid #fff;
}
.scanata + .formu-upload {background: var(--verdegalben); color: #fff;}
.nescanata + .formu-upload {background: #eee; color: var(--gri4); border-left-color: #aaa;}

.formu-upload:hover {box-shadow: inset 0 -100px 0 0 rgba(0 0 0 / 15%);}

.anexa3-part {
    cursor: zoom-in;
}
.anexa3-part:before {
    content: "visibility";
    font-family: 'Material Symbols Outlined';
    font-size: 18px;
    margin: 0 7px 0 -5px;
}

.aviz-parteneri-footer {
     display: flex; flex-wrap: wrap;
     justify-content: space-between;
}
.form-part-aviz-footer {
    width: 150px;
}
.anunt-aviz-footer {
    background: #c2e0e0;
    max-width: calc(100% - 150px);
    padding: 10px 20px;
    border-radius: 10px;
    font: 500 12px/1.2 inter;
}
.anunt-aviz-footer strong {
    display: block;
    color: var(--rosu);
    font: 700 12px/1.2 inter;
    margin: 0 0 3px 0;
}
.anunt-aviz-footer p {margin: 0;}

.mesaj-validare {
    background: #c2e0e0;
    max-width: 50%;
    padding: 10px 20px; margin: 0 0 30px 0;
    border-radius: 10px;
    font: 500 12px/1.2 inter;
}
.mesaj-validare strong {
    display: block;
    color: var(--rosu);
    font: 700 12px/1.2 inter;
    margin: 0 0 3px 0;
}
.mesaj-validare p {margin: 0;}


.tipa {
    border: 1px solid #d0d4e4; border-radius: 10px;
    overflow: hidden;
}
.tipa-linie {
    display: flex; flex-wrap: wrap;
    justify-content: space-between;
    font: 500 13px/1.2 inter;
   
}
.tipa-linie > span {
    display: flex; align-items: center;
    width: calc(100% - (90px + 135px + 95px + 95px + 315px + 50px)); /* ultima cifra e padding total */
    padding: 5px;
}
.tipa-linie > span:nth-of-type(1) {width: 90px; }
.tipa-linie > span:nth-of-type(3) {width: 135px;}
.tipa-linie > span:nth-of-type(4) {width: 95px;}
.tipa-linie > span:nth-of-type(5) {width: 95px;}

.tipa-linie > span:nth-of-type(6) {width: 105px;}
.tipa-linie > span:nth-of-type(7) {width: 105px;}
.tipa-linie > span:nth-of-type(8) {width: 105px;}

.tipa-linie-header {
    border-bottom: 3px solid var(--verde);
    background: aliceblue;
}
.tipa-linie-header > span {
    padding: 10px 5px;
}
.tipa .form-grup {margin: 0;}
.tipa .scanata {border-radius: 5px;}
.tipa .nescanata {border-radius: 5px;}


.open-comanda {
    display: flex; align-items: center;
    width: 100%; height: 100%;
    padding: 10px 15px;
    color: var(--verde);
    transition: all 0.5s;
    border: 1px solid transparent;
}
.open-comanda:hover {
    border: 1px solid var(--verde);
}
.tapac .a-validat, 
.tapac .a-nevalidat {
    font: 700 11px/1.2 inter;
    text-transform: uppercase;
}
.valideaza {
    display: inline-flex; align-items: center;
    color: var(--verde);
}
.valideaza:before {
    content: "";
    display: inline-flex; width: 18px; height: 18px;
    background: var(--verde);
    margin: 0 7px 0 -4px;
    transition: all 0.3s;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../img/rw/icons/domain_verification_24dp_5F6368_FILL1_wght400_GRAD0_opsz24.svg);
}
.valideaza:hover:before {transform: scale(1.4);}

.comenzile-ascunse {
    width: calc(100% + 2px);
   /* border: 1px solid #d0d4e4; border-top: 0;
    border-radius: 0 0 10px 10px;
    margin: -1px 0 0px -1px;*/
    background: #fff;
    font: 500 12px/1.2 inter;
}
.comanda {padding: 5px 20px;}
.comanda:first-of-type {padding-top: 10px;}
.comanda:last-of-type {padding-bottom: 15px;}
.comanda em {
    font: 700 12px/1.2 inter;
    color: var(--rosu);
}

.tapac-inchise .tapac-linie > span {width: calc(100% / 7);}


.tabel-parteneri-contacte {margin: 10px;}
.tabel-parteneri-contacte .tapac-linie > span {width: 120px;}
.tabel-parteneri-contacte .tapac-linie > span:nth-of-type(1) {width: calc((100% - 720px) / 2);}
.tabel-parteneri-contacte .tapac-linie > span:nth-of-type(2) {width: calc((100% - 720px) / 2);}



.tabel-flex {
    border: 1px solid #d0d4e4;
    border-radius: 10px;
    margin: 0 0 30px 0;
}
.tfl-header {display: flex; width: 100%;}
.tabel-bife .tfl-header, 
.tfl-bife-header {
    position: sticky; top: 0; z-index: 10;
    background: #fff;
}
.tfl-bife-header {top: 149px;}

.tabel-flex-linie {
    display: flex; flex-wrap: wrap; width: 100%;
    box-sizing: border-box;
    transition: all 0.5s;
}
.tabel-flex-linie:hover {background: #eaf3f4;}
.tabel-flex-linie > span {
    flex: 1; min-width: 0;
    display: flex; align-items: center;
    font: 500 13px/1.2 inter;
    border-right: 1px solid #d0d4e4;
    border-bottom: 1px solid #d0d4e4;
    padding: 10px 15px;
    white-space: nowrap;
    overflow: hidden;
    text-transform: capitalize;
}
.tabel-flex-linie > span.a-validare {
    font: 700 11px/1.2 inter;
    text-transform: uppercase;
}

.span-select-aviz.disable {background: #f6f6f6; cursor: not-allowed;}
.span-select-aviz.disable input {cursor: not-allowed;}
.span-select-aviz.disable label {opacity: 0.25;}

.tfl-header > span {
    border-right: 1px solid transparent;
    border-bottom: 1px solid var(--verde);
    color: #4f6475;
}
.tabel-flex-linie > span:last-child {border-right: 0;}
.tabel-flex-linie:last-child > span {border-bottom: 0;}

.tabel-flex-linie > span.col50 {width: 50px; flex: 0 0 50px;}
.tabel-flex-linie > span.col80 {width: 80px; flex: 0 0 80px;}
.tabel-flex-linie > span.col100 {width: 100px; flex: 0 0 100px;}
.tabel-flex-linie > span.col150 {width: 150px; flex: 0 0 150px;}


.tabel-flex-linie em {font-style: normal;}

.tabel-bife .tabel-flex-linie > span.first-tr {flex: 1;}
.tabel-bife .tabel-flex-linie > span {flex: 0 0 50px;}
.tabel-bife input[type="checkbox"] {width: 18px; height: 18px;}
.intors {writing-mode: vertical-rl; margin: 5px 0; transform: rotate(180deg);}
.tabel-bife .tabel-flex-linie > span.span-intors {
    display: flex; justify-content: end;
    text-align: right;
    align-items: end;
}
.first-tr em {font-style: normal; font-weight: 700; color: var(--verde);}
.checkbox-text {
    position: relative;
    display: inline-flex; justify-content: center; align-items: center;
    width: 37px; height: 28px;
    border-radius: 5px;
    background: #dae4e4;
    margin: 0 30px 0 0;
}
.checkbox-text:before {
    content: "";
    position: absolute; top: -8px; right: -33px;
    display: inline-flex; width: 45px; height: 45px;
    background: #dae4e4;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../img/rw/icons/arrow_right_24dp_5F6368_FILL0_wght400_GRAD0_opsz24.svg);
}

.form-check {display: flex; align-items: center;}
.form-check em {font: 500 14px/1.2 inter; margin: 0 0 0 10px;}


.tabel-bife .tabel-flex-linie > span.cti {
    padding: 0 10px;
    justify-content: center;
}
.checkbox-text-intors {
    position: relative;
    display: inline-flex; justify-content: center; align-items: center;
    width: 28px; height: 37px;
    border-radius: 5px;
    background: #dae4e4;
    margin: 5px 0 20px 0;
}
.checkbox-text-intors:before {
    content: "";
    position: absolute; bottom: -32px; left: -8px;
    display: inline-flex; width: 45px; height: 45px;
    background: #dae4e4;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../img/rw/icons/arrow_right_24dp_5F6368_FILL0_wght400_GRAD0_opsz24.svg);
    transform: rotate(90deg);
}

.sb-sus.top {
    position: fixed; top: 222px; right: 0;
    z-index: 20;
    
}
.top .but {
    transform: rotate(-90deg);
    margin: 0 -22px 0 0;
    border-radius: 5px 5px 0 0;
    padding: 0 10px;
}

.tabel-parteneri-contacte {border: 0; margin: 0;}
h4.blocat-list {
    grid-column: 1/-1;
    width: 100%;
    font: 700 14px/1.2 inter;
    color: var(--gri3);
    text-transform: uppercase;
    margin: 0; padding: 20px 0 10px 0;
    border-bottom: 1px solid #d0d4e4;
    text-align: center;
}


.comanda-editare.comanda-editare-parteneri .form-grup {margin: 0 0 15px 0;}

.caseta200 {
    grid-column: 1/-1;
    border-top: 3px solid var(--verde);
}
.span-vezipoza {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 60px;
    height: 35px;
}


.partener-date-firma form {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0px;
}

.checkbox-special {
    position: relative;
    background: #fff;
    width: 19px; height: 19px;
}
.tabel-bife input[type="checkbox"], 
.checkbox-special input {
    opacity: 0;
    position: absolute; top: 0; left: 0; z-index: 10;
    width: 18px; height: 18px;
}

.checkbox-special label:before {
    content: "";
    position: absolute; top: -4px; left: -4px; z-index: 2;
    display: inline-flex; width: 27px; height: 27px;
    background: var(--negru);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../img/rw/icons/check_box_outline_blank_24dp_5F6368_FILL1_wght200_GRAD0_opsz24.svg);
}
.checkbox-special input:checked + label:before {
    background: var(--verde);
    -webkit-mask-image: url(../img/rw/icons/check_box_24dp_5F6368_FILL1_wght300_GRAD0_opsz24.svg);
}


.tabel-bife input[type="checkbox"] {
    opacity: 0;
    position: absolute; top: 0; left: 0; z-index: 10;
    width: 18px; height: 18px;
}
.checkbox-special-label-text {font-size: 14px; padding: 0 0 0 7px;}

.checkbox-special-cu-label {
    position: relative;
    display: flex; align-items: center;
    background: #fff;
    height: 19px;
}
.form-grup .checkbox-special-cu-label input[type="checkbox"] {
    opacity: 0;
    position: absolute; top: 0; left: 0; z-index: 10;
    width: 100%; height: 100%;
}

.checkbox-special-cu-label .cb-special {margin: 0 25px 0 0;}
.checkbox-special-cu-label .cb-special:before {
    content: "";
    position: absolute; top: -4px; left: -4px; z-index: 2;
    display: inline-flex; width: 27px; height: 27px;
    background: var(--negru);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../img/rw/icons/check_box_outline_blank_24dp_5F6368_FILL1_wght200_GRAD0_opsz24.svg);
}
.checkbox-special-cu-label input:checked + .cb-special:before {
    background: var(--verde);
    -webkit-mask-image: url(../img/rw/icons/check_box_24dp_5F6368_FILL1_wght300_GRAD0_opsz24.svg);
}
.form-grup .checkbox-special-cu-label label {width: calc(100% - 25px); margin: 0;}


.tabel-parteneri-licenta {
    border: 0; border-radius: 0;
    margin: 0;
}


/* End Parteneri */


.card-header.row {
    margin-left: 0; margin-right: 0;
}


.foter {
    width: calc(100% - 60px);
    margin: 30px;
}
.textarea-extracontainer.readonly {background: #e9f3f4;} 
.textarea-extracontainer {   
    background: #fff;
    border-radius: 10px;
    border: 1px solid #d1d4e5;
    padding: 10px;
}
.textarea-extracontainer h4 {
    font: 600 12px/1 inter;
    text-transform: uppercase;
    color: var(--verde);
    border-bottom: 1px solid #d1d4e5;
    padding: 0 0 10px 0; margin: 10px 0 20px 0;
}
.textarea-extracontainer textarea {
    width: 100%;
    min-height: 150px;
    background: #fff;
    border: 1px solid #d1d4e5;
    padding: 10px;
    font: 500 14px / 1.2 inter;
    border-radius: 5px;
}
.butoane-comanda-noua {
    display: flex; flex-wrap: wrap;
    justify-content: space-between; align-items: center;
    position: relative; z-index: 10;
}
.butoane-comanda-noua.sus {margin: -60px 0 17px 0; min-height: 37px;}
.butoane-comanda-noua.jos {margin: 30px 0;}

.but.but-bg-verde .mso {margin: 0 7px 0 0;}
.but-valideaza:before {
    content: "";
    display: inline-flex; width: 23px; height: 23px;
    margin: 0 7px 0 0;
    background: #fff;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../img/rw/icons/assignment_turned_in_24dp_5F6368_FILL1_wght400_GRAD0_opsz24.svg);
}

/* End Comanda noua */


/* Start Comanda editare */
.prevnext-header {
    position: absolute; top: 74px; right: 5%;
    display: flex; flex-wrap: wrap;
    justify-content: space-between; align-content: center;
    width: 440px;
}
.prevnext-header a {
    display: flex; align-items: center; justify-content: center;
    width: 50%; height: 45px;
    font: 400 16px/1 inter;
    color: #4f6578;
    border-right: 1px solid #a4b0bc;
    transition: all 0.5s;
}
.prevnext-header a:hover {
    background: var(--verde); color: #fff;
}
.prevnext-header a.prev {
    border-left: 1px solid #a4b0bc;
}
.prevnext-header a.prev:before {
    content: "keyboard_arrow_down";
    font: 500 25px/1 var(--mso);
    margin-right: 7px; 
    transform: rotate(90deg);
}
.prevnext-header a.next:after {
    content: "keyboard_arrow_down";
    font: 500 25px/1 var(--mso);
    margin-left: 7px;  
    transform: rotate(-90deg);
}

.comanda-editare {
    position: relative;
    border: 1px solid #d1d4e5;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
}
.caseta100 {
    grid-column: 1/-1;
    border-bottom: 3px solid var(--verde);
}
.caseta10, .caseta20, .caseta30 {
    min-height: 300px;
}
.caseta10, .caseta20 {
    border-right: 1px solid #a4b0bc;
}
.comenzi-tabel-deseuri-adaugate {
    margin: 0 0 10px 0;
}
.titlu-mob {display: none;}

.numele {font-style: normal;}
.numele::first-letter {text-transform: capitalize;}

.ctda-linie {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #a4b0bc;
}
.ctda-linie.ctda-linie-header > span {
    font: 500 16px/1.2 inter;
    color: #717a98;
}
.ctda-linie > span {
    position: relative;
    display: inline-flex; flex-wrap: wrap;
    align-items: center;
    font: 700 16px/1.2 inter;
    padding: 7px 0;
    width: calc(100% / 7);
    height: 50px;
    color: #4f6578;
}

.ctda-linie img {width: 100%;}
.ctda-linie > span:nth-of-type(1) {
    width: 35px;
    padding: 0;
}
.ctda-linie > span:nth-of-type(2) {
    width: 70px;
}
.ctda-linie > span:nth-of-type(3) {
    width: 100px;
}
.ctda-linie > span:nth-of-type(4) {
    width: calc(100% - (35px + 70px + 100px + 70px + 65px + 60px + 150px)); /* ultima cifra e padding */
}
.ctda-linie > span:nth-of-type(5) {
    width: 70px;
    font-weight: 400;
}
.ctda-linie > span:nth-of-type(6) {
    width: 60px;
    padding: 0;
}
.ctda-linie > span:nth-of-type(7) {
    width: 60px;
    text-align: center;
}
.comenzi-edit:before {
    content: "";
    display: inline-flex; width: 30px; height: 30px;
    background: var(--negru);
    transition: all 0.5s;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../img/rw/icons/edit_note_24dp_5F6368_FILL1_wght400_GRAD0_opsz24.svg);
}
.comenzi-edit:hover:before {background: var(--verde);}

.comanda-editare .form-grup {margin: 0 0 30px 0;}
.comanda-editare .form-grup .text {font-size: 14px;}
.foter-comanda-editare {width: 100%; margin: 30px 0;}
.foter-comanda-editare .textarea-extracontainer textarea {
    width: 100%; min-height: 90px;
    background: transparent;
    border: 0;
    padding: 0;
    border-radius: 0px;
}
.foter-comanda-editare + .butoane-footer-avize {margin: 0; padding: 0 0 50px 0;}
/* End Comanda editare */


/* End Comenzi */


/* Deseuri municipale */
.fara-paginatie .content-deseuri-alege-luna .alege-luna-aviz {
    right: initial;
}
.luna-deseuri {right: 5%;}
.tabel-municipale {
    border: 1px solid #d0d4e4; border-radius: 10px;
}
.dot {border-color: transparent;}

.gest-pdf span {display: none;}
.gest-pdf {
    display: inline-flex;
    width: 24px; height: 24px;
    background: var(--verde);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../img/rw/icons/file-pdf-solid.svg);
    transition: all 0.5s;
}
.gest-pdf:hover {background: var(--negru);}
.a-luna {color: var(--verde);}
.a-luna strong {font-weight: 500;}
.text-right {text-align: right; justify-content: end;}

.edit-deseu-municipal .motiv-redeschidere {
    grid-column: 1/-1;
    margin: 0;
}
.edit-deseu-municipal .mesaj {width: 100%;}

.caseta .motiv-citit {
    position: relative; top: initial; left: initial;
    transform: none;
    margin: 0 15px 0 0; padding: 0;
}
.caseta .motiv-redeschidere {justify-content: start;}

.disabled-deseuri {
    pointer-events: none;
    cursor: not-allowed;
}

.checkbox-cu-text {
    display: flex; flex-wrap: wrap;
    align-items: center;
    width: 100%;
    margin: 0 0 10px 0;
}
.checkbox-cu-text p {
    width: calc(100% - 35px);
    margin: 0 0 0 10px;
    font: 500 14px / 1.2 inter;
    text-transform: capitalize;
}
.checkbox-cu-text .form-check-label {margin: 0 0 0 7px;}


.deseu-municipale-incarcare {margin: 30px 0 0 0;}
.deseu-munic-incarcare {
    display: flex;
    align-items: center;
    background: #e9f3f4;
    padding: 15px; margin: 0 0 15px 0;
    color: var(--verde);
}
.deseu-munic-incarcare .titlu {
    flex: 1;
    font: 500 16px/1.2 inter;
    padding: 0 20px 0 0;
}
.deseu-munic-incarcare .upload-but {
    flex: 0 0 50px;
    margin: 0 15px 0 0;
    position: relative;
    display: flex; justify-content: center; align-items: center;
    width: 40px; height: 40px;
    background: var(--verde);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../img/rw/icons/add_circle_24dp_5F6368_FILL0_wght300_GRAD0_opsz24.svg);
    transition: all 0.5s;
    cursor: pointer;
}
.deseu-munic-incarcare .upload-but input {
    opacity: 0;
    position: absolute; top: 0; left: 0; z-index: 5;
    width: 100%; height: 100%;
    cursor: pointer;
}
.deseu-munic-incarcare .gest-pdf {flex: 0 0 25px;}
.deseu-munic-incarcare .gol {
    flex: 0 0 25px;
    width: 24px; height: 24px;
    background: var(--gri4);
    opacity: 0.3;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../img/rw/icons/file-pdf-solid.svg);
}
.mic-negru {
    font: 400 11px/1.2 inter;
    color: var(--negru);
}
.but-valid-valorif {
    position: absolute; top: -61px; right: 50%;
    transform: translateX(50%);
}
.buton-redeschide-municipale {
    position: absolute; top: 135px; right: 5%;
}

/* End Deseuri municipale */


.content {padding: 0 5%;}
.imp {
    border: 1px solid var(--rosu);
    border-radius: 10px;
    padding: 30px;
}
.ala-deseuri {
    position: relative; top: initial; right: initial;
    width: 300px;
    margin: 30px auto;
}
.datepicker {margin-left: 0px;}


/* Convertire Administrare */
.sumo-locatie.SumoSelect {
    display: inline-flex; align-items: center;
    justify-content: space-between;
    width: 100% !important;
}
.sumo-locatie span {
    width: 115px;
    font: 500 14px/1 inter;
}
.sumo-locatie.SumoSelect .SumoSelect {
    width: 165px !important;
}

.card-locatii {min-width: 1200px;}
.row-locatii {
    display: flex; flex-wrap: wrap;
    align-items: center; 
}
.row-locatii > * {flex: 1;}
.row-locatii > .adauga {flex: 0 0 185px;}
.row-locatii .form-cautare {padding: 0 10px;}
.locatie-anunt {font-size: 14px;}
.row-locatii .lupa {
    top: 1px; right: 10px;
    height: 36px;
}
.row-locatii > .select-tip-locatie {flex: 0 0 285px; padding: 0 10px 0 0;}
.row-locatii > .locatie-anunt {flex: 0 0 260px; text-align: right;}
.row-locatii > .form-reset {flex: 0 0 100px;}

.filtre-rapoarte-sd .domeniu-sd {
    font-size: 14px;
    margin: -13px 10px 10px 0;
}
.filtre-rapoarte-sd .domeniu-sd select {
    font-size: 14px; 
    margin: 6px 0 0 0; padding: 10px;
}
.filtre-rapoarte-sd .but-reset {margin: 12px 0 0 0;}

.table-striped tr:hover td {background-color: #eee;}

.convertire .adauga {
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    border: 1px solid;
    border-radius: 100px;
    font: 500 14px/1 inter;
    padding: 0px 22px;
    transition: all 0.5s;
    cursor: pointer;

    border-color: var(--verde);
    background: var(--verde);
    color: #fff;
}
.convertire .adauga:hover {
    box-shadow: inset 0 -100px 0 0 rgba(0 0 0 / 30%);
}
.adauga .mso {
  font: 200 24px/1 var(--mso);
  margin: 0 10px 0 0;
}

.adauga-div {padding: 20px;}
.convertire .table {
    width: 100% !important;
    border-radius: 10px;
    font: 500 13px/1.2 inter;
    color: var(--negru);
}

.convertire .table th, 
.convertire .table td {
    color: var(--negru);
    padding: 10px 15px;
    vertical-align: middle;
}
.convertire .table th {color: #4f6578; font: 500 14px/1.2 inter !important;} 
.convertire .table>:not(caption)>*>* {
    background-color: #fff;
    border-bottom-width: 1px;
    box-shadow: none;
    border-color: #d0d4e4 !important;
    border: 1px solid #d0d4e4 !important;
}
.buton-icon {
    background: transparent; border: 0; outline: 0;
    color: var(--verde); margin: 0 10px 0 0;
}
.buton-icon .mso {font: 300 24px/1 var(--mso);}
.buton-icon.rosu {color: var(--rosu); background: none;}
font[color="red"] {color: var(--rosu);}

.but-excel-verde {
  float: right;
  display: inline-flex; align-items: center;
  height: 40px;
  font: 500 14px/1 inter;
  border-radius: 100px;
  padding: 0 20px;
  background: var(--verde);
  color: #fff;
  transition: all 0.5s;
}
.but-excel-verde i {
  font-size: 15px;
  margin: 0 15px 0 0;
}
.but-excel-verde:hover {
  box-shadow: inset 0 -100px 0 0 rgba(0 0 0 / 30%);
}

.convertire .deseuri th {
    position: sticky;
    top: 0px;
    background: #f6f6f6;
    text-align: center;
    color: #665;
    font: 500 14px/1.2px inter;
    padding: 3px 5px;
}

.user-add {
    position: absolute;
    top: -57px; right: 0;
    width: 150px;
}

.form-cautare {
    position: relative;
    padding: 0 20px 0 0;
}
.form-cautare {margin: 0;}
.lupa {
    position: absolute; top: 0; right: 20px; z-index: 10;
    display: block; width: 42px; height: 35px;
    border-radius: 0 5px 5px 0;
    background: var(--verde);
    border: 1px solid var(--verde);
}
.lupa:after {
    content: "";
    position: absolute; top: 5px; right: 8px; z-index: 15;
    display: inline-flex; width: 23px; height: 23px;
    background: #fff;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../img/rw/icons/search_24dp_5F6368_FILL1_wght400_GRAD0_opsz24.svg);
}

.convertire .bg-primary {
  color: var(--negru);
  background-color: #e9f3f3 !important;
}
.convertire .card-header {background-color: #e9f3f3;}

.table select {
    width: 100%; height: 35px;
    background: #fff;
    border: 1px solid #a4b0bc; border-radius: 5px;
    outline: 0;
    font: 500 14px/1.2 inter;
    color: var(--negru);
    padding: 0 10px;
}

.edit-h4 {
    grid-column: 1/-1;
    width: 100%;
    font: 700 16px/1.2 inter;
    color: var(--gri3);
    text-transform: uppercase;
    margin: 0 0 20px 0;
}
.convertire .checkbox {margin: 0 0 10px 0;}
.convertire .coloana-right {border-left: 1px solid #d1d4e5;}

.SumoSelect > .CaptionCont > span.placeholder {
    color: #fff !important;
}

.convertire .checkbox-radio {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

/***/
.i-checks {
  padding-left: 20px;
  cursor: pointer;
}

.i-checks input {
  position: absolute;
  margin-left: -20px;
  opacity: 0;
}

.i-checks input:checked + i {
  border-color: var(--verde);
}

.i-checks input:checked + i:before {
  top: 4px;
  left: 4px;
  width: 10px;
  height: 10px;
  background-color: var(--verde);
}

.i-checks input:checked + span .active {
  display: inherit;
}

.i-checks input[type="radio"] + i,
.i-checks input[type="radio"] + i:before {
  border-radius: 50%;
}

.i-checks input[disabled] + i,
fieldset[disabled] .i-checks input + i {
  border-color: #dee5e7;
}

.i-checks input[disabled] + i:before,
fieldset[disabled] .i-checks input + i:before {
  background-color: #dee5e7;
}

.i-checks > i {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-top: -2px;
  margin-right: 4px;
  margin-left: -20px;
  line-height: 1;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #cfdadd;
}

.i-checks > i:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  background-color: transparent;
  content: "";
  -webkit-transition: all 0.2s;
          transition: all 0.2s;
}

.i-checks > span {
  margin-left: -20px;
}

.i-checks > span .active {
  display: none;
}

.i-checks-sm input:checked + i:before {
  top: 3px;
  left: 3px;
  width: 8px;
  height: 8px;
}

.i-checks-sm > i {
  width: 16px;
  height: 16px;
  margin-right: 6px;
  margin-left: -18px;
}

.i-checks-lg input:checked + i:before {
  top: 8px;
  left: 8px;
  width: 12px;
  height: 12px;
}

.i-checks-lg > i {
  width: 30px;
  height: 30px;
}
/**/

.comp-asoc {position: relative; padding: 0 0 0 40px;}
.radio-special {
    position: absolute; top: 0px; left: 10px;
    width: 20px; height: 20px; overflow: hidden;
}
.radio-special i {
    display: flex; justify-content: center; align-items: center;
    width: 20px; height: 20px;
    background: #fff;
    border: 1px solid #a4b0bc;
    border-radius: 100px;
}
.radio-special input {
    position: absolute; top: 0; left: 0;
    width: 100%; height: 100%;
    opacity: 0;
}
.radio-special input:checked + i{border-color: var(--verde);}
.radio-special input:checked + i:before {
    display: block; content: "";
    width: 10px; height: 10px;
    background-color: var(--verde);
    border-radius: 100px;
}

.comp-asoc label {
    display: block;
    font: 700 14px/1.2 inter;
    margin: 0 0px 5px 0;
    color: var(--verde);
}
.comp-asoc p {
    font: 400 14px/1.2 inter;
}


.thefile {
    display: flex;
    align-items: center;
    background: #e9f3f4;
    padding: 15px; margin: 0 0 15px 0;
    color: var(--verde);
}
.thefile .titlu {
    flex: 1;
    font: 500 16px/1.2 inter;
    padding: 0 20px 0 0;
}
.thefile .upload-but {
    flex: 0 0 50px;
    margin: 0 15px 0 0;
    position: relative;
    display: flex; justify-content: center; align-items: center;
    width: 40px; height: 40px;
    background: var(--verde);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../img/rw/icons/add_circle_24dp_5F6368_FILL0_wght300_GRAD0_opsz24.svg);
    transition: all 0.5s;
}
.thefile .upload-but input {
    opacity: 0;
    position: absolute; top: 0; left: 0; z-index: 5;
    width: 100%; height: 100%;
}
.thefile .img {flex: 0 0 25px;}

.img span {display: none;}
.img {
    display: inline-flex;
    width: 24px; height: 24px;
    background: var(--verde);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../img/rw/icons/photo_camera_24dp_5F6368_FILL1_wght300_GRAD0_opsz24.svg);
    transition: all 0.5s;
}
.img:hover {background: var(--negru);}

.thefile .gol {
    flex: 0 0 25px;
    width: 24px; height: 24px;
    background: var(--gri4);
    opacity: 0.3;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../img/rw/icons/photo_camera_24dp_5F6368_FILL1_wght300_GRAD0_opsz24.svg);
}

.admin-inapoi.but.but-color-verde {
    position: absolute; top: 75px; right: 5%; z-index: 0;
    height: 44px;
    border-color: #c2c5e0;
    border: none; 
    border-left: 1px solid;
    border-right: 1px solid;
    border-radius: 0;
    color: #4f6578;
    font: 400 16px/1 inter;
}
.admin-inapoi:after {
    content: "";
    display: block; width: 18px; height: 18px;
    background: #fff;
    position: absolute; top: 50%; left: 20px; z-index: 5;
    transform: translateY(-50%);
    transition: all 0.5s;
}
.admin-inapoi:before {
    content: "keyboard_arrow_down";
    position: absolute; top: 10px; left: 14px; z-index: 10;
    transform: rotate(90deg);
    font: 500 25px/1 var(--mso);
    transition: all 0.5s;
}
.admin-inapoi.but.but-color-verde:hover {color: #fff;}
.admin-inapoi:hover:after {background: var(--verde);}

.but-salveaza-sus {
    position: absolute;
    top: 20px;
    left: 20px;
    width: initial;
}
/*
.form-scroll-row {
  position: relative;
  margin-left: 20px;
  margin-right: 20px;
  border-top: 1px solid #d0d4e4 !important;
}*/
.form-scroll {
    height: 600px;
    overflow-y: auto;
    overscroll-behavior: contain;
}
.form-scroll th {
  text-transform: uppercase;
}




#table-firma {
	table-layout: fixed;
	width: 100%;
}
#table-firma th {border-top: 1px solid #d0d4e4 !important;}
#table-firma td {text-align: left;}

#table-firma tr:nth-of-type(1) {
  position: sticky; top: 0; left: 0; z-index: 10;
  width: 100%;
  background: #fff;
  padding: 20px 0;
}
#table-firma tr:nth-of-type(2) {
  position: sticky; top: 28px; left: 0; z-index: 10;
  width: 100%;
}

.sselect{
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;

    width: 100%; 
    padding: 5px; 
    font-size: 14px;
    border-radius: 5px;
}
.all-sselect-now {width: 35px;}


.tabel-preturi {margin: 18px 0 25px 0;}

.magazine-preturi-container {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
}
.magazine-preturi {
    border: 1px solid var(--verde); border-radius: 10px;
    padding: 10px;
}
.magazine-preturi strong {
    font: 700 14px/1.2 inter;
}
.pop1 {display: none;}

.sageata {
  display: inline-block;
  width: 40px;
  text-align: center;
  padding: 3px 10px 3px 3px;
  background: aliceblue;
  border: 1px solid; border-radius: 3px;
  font-size: 17px;
  cursor: pointer; transition: all 0.5s;
}
.sageata:hover {
  background: #ffcc00;
}
.sageata + div {display: none;}
.sageata + div {
  display: inline-block;
  margin: 0 0 0 7px; padding: 2px 12px;
  border: 1px solid var(--verde); border-radius: 10px;
}
.pop1.open {display: block;}

.sageata.open {background: var(--galben);}

.but-pret {
  text-transform: uppercase;
  font: 13px/1.2 encode600;
  float: none;
  background-image: none;
  border: none; border-radius: 3px;
  padding: 5px 14px;
  background: var(--verde); color: #fff;
}
.but-pret i {margin: 0 5px 0 0;}
.pop1 {
  position: absolute; top: 8px; left: -400px; z-index: 10;
  width: 400px;
  background: #fff;
  margin: 0 !important; padding: 5px 10px !important;
  box-shadow: 6px 6px 0 0 rgba(0 0 0 / 10%);
}
.pret-linie {
  display: flex; flex-wrap: wrap;
  justify-content: space-between; align-items: center;
  padding: 0 0 3px 0;
  border-bottom: 1px solid #ddd;
}
.pret-linie:last-child {border: none;}
.plinie {
  width: calc(100% - 83px);
  text-transform: uppercase;
  margin: 7px 0;
}
.plinie font {color: var(--rosu);}
.pret-linie a {
  display: inline-block;
}
.pret-linie a:before {
  font: 300 30px/1.2 "Material Symbols Outlined";
}
.cautare-pd {
    width: 40%;
    height: 35px;
    background: #fff;
    border: 1px solid #a4b0bc;
    border-radius: 5px;
    outline: 0;
    font: 500 14px/1.2 inter;
    color: var(--negru);
    padding: 0 10px;
}

.edit-h3 {
  width: 100%;
  font: 500 22px/1.2 inter;
  color: var(--verde);
  padding: 0 0 5px 0; margin: 0 0 10px 0;
  border-bottom: 1px solid var(--verde);
}

.alocare-deseu th.thsus {
    border: 1px solid #ccc;
    width: 50px;
}
.alocare-deseu .span-intors {
    display: flex;
    justify-content: center;
    text-align: right;
    align-items: end;
}
.alocare-deseu .intors {font: 500 12px/1 inter;}

.alocare-deseu td {
  border: 1px solid #ccc;
  padding: 5px;
}
.cautare-magazin {
  align-self: end;
  margin: 20px;
}

.save-target {
    position: absolute;
    top: 200px;
    right: 5%;
}

.alocare-deseu thead, 
.expresiitipizat thead {
    position: sticky;
    top: -1px;
    background: #fff;
    
}
.alocare-deseu thead:after, 
.expresiitipizat thead:after {
    content: "";
    display: block; width: 100%; height: 1px;
    background: var(--negru);
    position: absolute; bottom: 0; left: 0;
}

.legenda-simpla {
    float: right;
    margin: -79px 0 20px 0;
}
.legenda-simpla h3 {
    display: block;
    font: 500 16px/1 inter;
    text-transform: uppercase;
    background: #fff;
    color: var(--gri3);
    padding: 0 20px;
    margin: 0 0 10px 0px;
}
.legenda-simpla p {
    font: 500 14px/1.2 inter;
    margin: 0 0 5px 0;
}

/* End Convertire Administrare */



/* Rapoarte deseuri */
.filtrele-rapoarte {margin: 0 0 30px 0;}
.filtrele-rapoarte-form {
    counter-reset: divCounter;
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 20px;
    padding: 0 0 20px 0;
}

.filtru-rapoarte {
    counter-increment: divCounter;
    position: relative;
}
.filtru-rapoarte:before {
  content: counter(divCounter);
  position: absolute; top: 5px; right: 0;z-index: 1;
  display: flex; justify-content: center; align-items: center;
  width: 20px; height: 20px;
  background: #fff; border-radius: 100px; 
  font: 500 12px/1 inter;
  color: var(--negru);
}

.filtru-rapoarte, 
.filtru-rapoarte.SumoSelect {
    display: block;
    width: initial;
    /*margin: 0 10px 20px 0;*/
}
.filtru-rapoarte label {
    display: block;
    font: 500 11px / 1 inter;
    text-transform: uppercase;
    margin: 0 0 5px 0;
    color: #89a0b4;
}
.filtru-rapoarte.SumoSelect .SumoSelect {
    display: block;
    width: initial;
}
.filtru-rapoarte select, 
.filtru-rapoarte input, 
.filtru-rapoarte .SelectBox {
    display: block;
    width: 100%;
}

.filtru-rapoarte input, 
.filtru-rapoarte select {
    width: 100%;
    height: 35px;
    background: #fff;
    border: 1px solid #a4b0bc;
    border-radius: 5px;
    outline: 0;
    font: 500 14px/1.2 inter;
    color: var(--negru);
    padding: 0 10px;
}
.filtru-rapoarte .SumoSelect > .CaptionCont {
    border: 1px solid #a4b0bc !important;
    font: 500 14px/1.2 inter;
}

.fr-checks {display: flex;}
.fr-check {width: 50%;}
.fr-check input {width: 35px;}

.tabel-rapoarte .gol {
    font-size: 14px;
    padding: 20px;
    text-align: center;
}
.tabel-flex-linie > span.flex2 {flex: 2;}
.tabel-flex-linie > span.flex3 {flex: 3;}
.tabel-flex-linie > span.flex4 {flex: 4;}
.tabel-flex-linie > span.flex5 {flex: 5;}
.tabel-flex-linie > span.flex6 {flex: 6;}

.submenu-rapoarte-toate.active {border-bottom: 1px solid #d0d4e4;}
.submenu-rapoarte {
    display: none;
    background: aliceblue;
    font-size: 12px;
}
.active .submenu-rapoarte {
    display: flex;
}

.active .submenu-rapoarte-toate-interior {
    margin: 0 20px 30px 20px;
    border: 2px dashed #aaa; border-top: 0;
    border-radius: 0 0 10px 10px;
    overflow: hidden;
}
.titlu-desk {display: inline-flex; margin: 0 5px 0 0;}


.filtrele-rapoarte .but {margin: 12px 0 0 0;}
/* End Rapoarte deseuri */


.contacte {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}
.contact-firma {
    background: #f6f6f6;
    border-radius: 10px;
    padding: 10px;
}
.contact-firma h2 {
    font: 700 14px/1.2 inter;
    color: var(--verde);
    text-transform: uppercase;
    margin: 0 0 5px 0;
}
.nume-email {
    border: 1px solid #d0d4e4;
    border-radius: 10px;
    background: #fff;
}
.contact-firma .linie {
    display: flex; flex-wrap: wrap;
    align-items: center; justify-content: space-between;
    border-bottom: 1px solid #d0d4e4;
    padding: 5px 10px;
}
.contact-firma .linie:last-child {border: none;}
.contact-firma .nume {
    width: 40%;
    text-transform: capitalize;
    font: 500 12px/1.2 inter;

}
.contact-firma .email {
    width: 60%; text-align: left;
    text-transform: lowercase;
    font: 400 12px/1.2 inter;
}

/*
.filtre-sd {
    padding: 10px;
}
.filtre-sd form {
    display: flex; align-items: center;
}
.filtre-sd .SumoSelect {
    font: 500 14px/1 inter;
    color: var(--gri3);
    margin: 0 10px 10px 0;
}
.filtre-sd .SumoSelect input {
    font: 500 14px/1 inter;
    color: #000 !important;
    margin: 5px 0 0 0;
    height: 32px !important;
}
.filtre-sd .SumoSelect .SelectBox {
    font: 500 14px/1 inter;
    color: #000 !important;
    margin: 6px 0 0 0;
    height: 36px !important;
}
.filtre-sd .SumoSelect.open > .optWrapper {
    top: 75px !important;
}
*/
.mesagerie-mesaj p, 
.mesagerie-mesaj p span, 
.mesagerie-mesaj p span span {
    font: 500 16px/1.2 inter !important;
}



footer {
    position: relative; box-sizing: border-box;
    display: flex; flex-wrap: wrap;
    justify-content: start;
    width: 100%;
    background: var(--verde); color: #fff;
    padding: 30px 5% 0 5%; margin: 50px 0 0 0;
}
.footer-col {
    width: 20%;
    margin: 0 30px 0 0;
}
.sigla-footer img {width: 90px; margin: 0 0 35px 0;}
.footer-col h4 {
    font: 600 14px/1.2 inter;
    text-transform: uppercase;
    margin: 0 0 20px 0;
}
.footer-col .text {font: 400 12px/1.45 inter;}
.footer-col ul {list-style: none; padding: 0;}
.footer-col li a {
    font: 400 12px/1.2 inter;
    color: #fff;
    padding: 0 0 5px 0;
    transition: all 0.5s;
}
.footer-col li a:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
}
.footer-contacte {
    position: absolute; top: 30%; right: 5%;
    display: inline-flex; align-items: center; justify-content: center;
    width: 150px;
    border: 1px solid #fff;
    border-radius: 100px;
    font: 500 16px/1 inter;
    color: #fff;
    padding: 14px 24px;
    transition: all 0.5s;
}
.footer-contacte:hover {
    color: var(--verde);
    background: #fff;
}
.copy {
    display: flex; flex-wrap: wrap; align-items: center;
    width: 100%;
    border-top: 1px solid #fff;
    margin: 30px 0 0 0; padding: 30px 0;
    font: 400 14px/1.2 inter;
}
.logo-rw-footer {width: 205px;}
.logo-endd {width: 55px; margin: 0 15px 0 33px;}