/* RESET */
body, h1, h2, h3, h4, h5, h6, ul, ol, li , dl, dd, dt {margin: 0; padding: 0;}
ul, ul li {list-style: none;}
img {border: 0 none;}
a {text-decoration: none; transition: all 0.5s;}
a:hover {text-decoration: none;}
p {margin: 0;padding: 0;line-height: 20px;}
input[type="submit"] {-webkit-appearance: none;-moz-appearance: none;appearance: none;transition: all 0.5s;}
.clear {clear: both;}
* {box-sizing: border-box;}
/* end reset */

@font-face {font-family: "fig"; src: url("../fonts/Figtree/Figtree-VariableFont_wght.ttf");}


@font-face {
    font-family: 'Material Symbols Outlined';
    font-style: normal;
    font-weight: 100 700;
    src: url(../fonts/material.woff2) format('woff2');
  }
  
  .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;
    font: 300 30px/1.2 'Material Symbols Outlined';
    color: var(--mov);
    border-radius: 5px;
    transition: all 0.5s;
  }
  

/* luat din bootstrap */
@media (min-width: 576px) {
	.container {
		width: 100%; margin: auto;
		max-width: 540px; text-align: left;
	}
}
@media (min-width: 768px) {.container {max-width: 720px;}}
@media (min-width: 992px) {.container {max-width: 960px;}}
@media (min-width: 1200px) {.container {max-width: 1140px;}}
@media (min-width: 1400px) {.container {max-width: 1320px;}}
@media (min-width: 1600px) {.container {max-width: 1420px;}}


body {
    background: #eee;
    font: 500 16px/1.2 fig;
}


:root {
    --mso: 'Material Symbols Outlined';
    --gri: #272560;
    --gri2: #82849e;
    --gri3: #9d9ea1;
    --gri4: #717a98;
    --galben: #ff7e00;
    --rosu: #f8003a;
    --bleu: #4956fa;
    --mov: #272560;
    --mov-deschis: #5b5bd9;
    --mov-deschis2: #efeff7;
    --mov2: #3425f3;
}
  
  
@font-face {
    font-family: 'Material Symbols Outlined';
    font-style: normal;
    font-weight: 100 700;
    src: url(../fonts/material.woff2) format('woff2');
}
  
.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;
    font: 300 30px/1.2 'Material Symbols Outlined';
    color: var(--mov);
    border-radius: 5px;
    transition: all 0.5s;
}
 
.container {
    margin-right: 15px;
    margin-left: 15px;
    width: calc(100% - 30px);
}

header {
    position: fixed; top: 0; left: 0; z-index: 10;
    width: 100%; height: 70px;
    background: #fff;
    margin-bottom: 30px;
    padding: 10px 0 0 0;
}
header:after {
    content: "";
    display: block; width: 100%; height: 18px;
    background: linear-gradient(#000, transparent);
    position: absolute; bottom: -18px; left: 0;
    opacity: 0.2;
}
header .container {
    position: relative;
    display: flex; flex-wrap: wrap;
    justify-content: start; align-items: center;
}
.sigla {text-align: left;}
.sigla img {width: 77px;}
.buton-meniul {display: block;}
.buton-meniul {
    display: block; width: 36px; height: 36px;
    position: absolute; top: 7px; right: 0px;
    background: #eee;
    border-radius: 10px;
}
.buton-meniul span {
    position: absolute; left: 9px;
    display: block; height: 2px; width: 18px;
    border-radius: 100px;
    background: #5f6368;
    -webkit-transition: all, 0.3s;
    transition: all, 0.3s;
}
.buton-meniul span:nth-of-type(1) {top: 11px;}
.buton-meniul span:nth-of-type(2) {top: 17px;}
.buton-meniul span:nth-of-type(3) {top: 23px;}

.buton-meniul.active span:nth-of-type(1) {transform: rotate(45deg); top: 17px;}
.buton-meniul.active span:nth-of-type(2) {opacity: 0;}
.buton-meniul.active span:nth-of-type(3) {transform: rotate(-45deg); top: 17px;}

.meniul {
    text-align: center;
    padding: 6px 0;
}
nav {display: none;}
header nav li {
    display: inline-flex;
    justify-content: center; align-items: center;
    margin: 0 3px;
}
header nav li a {
    position: relative;
    display: block;
    text-align: center;
    padding: 8px 15px; margin: 0 2px;
    font: 400 14px/1 fig;
    color: var(--gri);
    border-radius: 5px;
    transition: all 0.5s;
    cursor: pointer;
}
header nav li a:before {
    content: "";
    display: block;
    width: 25px; height: 25px;
    margin: 0 auto 5px auto;
    background: var(--gri);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    
}
header nav li a span {display: block;}

header nav li.proi a:before {-webkit-mask-image: url(../assets/google/car_tag_24dp_UNDEFINED_FILL0_wght200_GRAD0_opsz24.svg);}
header nav li.sarc a:before {-webkit-mask-image: url(../assets/feathericons/bookmark.svg);}
header nav li.etap a:before {-webkit-mask-image: url(../assets/google/conversion_path_24dp_UNDEFINED_FILL0_wght200_GRAD0_opsz24.svg);}
header nav li.parte a:before {-webkit-mask-image: url(../assets/google/handshake_24dp_UNDEFINED_FILL0_wght200_GRAD0_opsz24.svg);}
header nav li.notif a:before {-webkit-mask-image: url(../assets/feathericons/bell15.svg);}
header nav li.detcont a:before {-webkit-mask-image: url(../assets/feathericons/user.svg);}
header nav li.logout a:before {-webkit-mask-image: url(../assets/feathericons/user-x.svg);}
header nav li.setari a:before {-webkit-mask-image: url(../assets/feathericons/settings.svg);}
header nav li.penal a:before {-webkit-mask-image: url(../assets/google/error_24dp_5F6368_FILL0_wght400_GRAD0_opsz24.svg);}
.footer-general li.penal a:before {-webkit-mask-image: url(../assets/google/error_24dp_5F6368_FILL0_wght400_GRAD0_opsz24.svg);}

header nav li.adauga a:before {
    width: 34px; height: 30px;
    background: #fff;
    -webkit-mask-image: url(../assets/transport_12942370.svg);
}

header nav li.adauga a {
    display: inline-flex; justify-content: center; align-items: center;
    width: 76px; height: 40px;
    background-image: linear-gradient(to top, var(--mov), var(--rosu));
    border-radius: 100px;
}
header nav li.adauga a:hover:before {background: #fff;}
header nav li.adauga a:hover {background: var(--mov);}
header nav li.adauga a span {display: none;}
header nav li.adauga.active a {background: var(--mov);}

header nav li.active a, 
header nav li.active a:hover {
    background: var(--mov); color: #fff;
}

header nav li.active a:before, 
header nav li.active a:hover:before {
    background: #fff;
}
header nav li.active a span {color: #fff;}


header nav li.notif.cling a:after {
    content: "";
    position: absolute; top: 9px; right: 35px;
    display: block; width: 8px; height: 8px;
    border-radius: 100px;
    background: var(--rosu);
}

header nav li a:hover:before {background: var(--mov-deschis);}
header nav li a:hover {
    background: #e2e2e2;
    color: var(--mov-deschis);
}

.secundar {
    text-align: right;
    padding: 6px 0;
}
.secundar ul {
    display: flex; flex-wrap: wrap;
    align-items: center; justify-content: end;
}

.header-back {
  /*  position: absolute; top: 77px; left: 0; z-index: 10;*/
    display: inline-flex; justify-content: center; align-items: center;
    width: 40px; height: 40px;
    margin: 0 10px 0 0;
    background: #fff; border: 1px solid #ccc;
    border-radius: 100px;
}
.header-back::before {
    content: "";
    display: block;
    width: 25px; height: 25px;
    background: var(--gri);
    transform: rotate(180deg); transform-origin: center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat; 
    -webkit-mask-image: url(../assets/google/trending_flat_30dp_82849E_FILL1_wght300_GRAD0_opsz24.svg);
}


@media (max-width: 1200px) {
    .meniul {
        background: #fff;
        text-align: left;
        position: absolute; top: 71px; left: 0;
        z-index: 10;
        width: 100%;
        box-shadow: 0 10px 10px 0 rgba(0 0 0 / 10%);
        border-radius: 0 0 5px 5px;
    }
    .meniul-ul {
        display: flex;
        flex-wrap: wrap; justify-content: space-around;
        padding: 10px 0;
    }
    .adauga {order: 10;}
    header nav li a {margin: 5px 2px;}
}

/* end header */



.app-content {
    padding-top: 71px;
}
.form-adauga-masini.container {
    background: #fff; padding-top: 15px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
}

.container-h1-tab {background: transparent;}
h1 {
    text-align: center;
    font: 700 26px/1 fig;
    margin: 0 0 10px 0;
    padding: 15px 0 6px 0;
}

.tabel-adauga-masini {position: relative;}
.salveaza-sus {display: none;}
.salveaza-sus:hover {background: var(--mov-deschis);}

.tabs {padding: 0 0 15px 0;}
.tabs a {
    display: none; text-align: center;
    font: 500 18px/1 fig;
    text-decoration: none;
    color: var(--mov);
    background: transparent;
    cursor: pointer;
}
.tabs a:hover {background: #dfe1f1;}
.tabs a.active {
    display: block;
    text-align: center;
    background: transparent;
    margin: 0;
    border-radius: 0;
    color: var(--mov-deschis);
}
.tab-content {
    position: relative;
    min-height: 300px;
}


.grup-de-radio {width: 100%;}
.grup-radio {
    display: flex; flex-wrap: wrap;
    margin: 0 0 20px 0;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.grup-radio label {
    flex: 1 1 50%;
    position: relative;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
}
.grup-radio label:nth-child(2n) {border-right: 0;}
.grup-radio label:nth-last-child(1) {border-bottom: 0;}
.grup-radio label:nth-last-child(2) {border-bottom: 0;}
.grup-de-radio h3 {
    font: 600 16px/1.2 fig;
    margin: 0 0 10px 0;
}
.grup-radio input {
    position: absolute; top: 0; left: 0;
    width: 100%; height: 100%;
    margin: 0;
    opacity: 0;
    cursor: pointer;
}
.grup-radio span {
    display: flex; align-items: center;
    width: 100%; height: 100%;
    padding: 10px;
}
.grup-radio input:checked + span {
    background: aliceblue;
}
.grup-radio span:before {
    content: "";
    display: block; width: 20px; height: 20px;
    margin: 0 10px 0 0;
    background: var(--mov);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../assets/google/check_box_outline_blank_24dp_5F6368_FILL0_wght300_GRAD0_opsz24.svg); 
}

.grup-radio input:checked + span:before {
    background: var(--rosu);
    -webkit-mask-image: url(../assets/google/check_box_24dp_5F6368_FILL1_wght400_GRAD0_opsz24.svg);     
}

.tabel-masina h3 {
    width: 100%;
    font: 600 16px/1.2 fig;
    margin: 0 0 10px 0;
}




.next-prev-sus {display: none;}
.tabel-masina {
    display: flex; flex-wrap: wrap;
    justify-content: space-between;
}
.celula {
    position: relative;
    width: calc(50% - 5px);
    margin: 0 0 17px 0;
}
.celula label {
    display: block;
    margin: 0;
    min-height: 25px;
    color: #717a98;
    font: 500 16px / 1 fig;
    padding: 0 0 5px 0;
}
.celula-mare {
    width: 100%;
    border: 1px solid #bbbcc8;
    border-right: none;
    padding: 0; margin: 0;
}
.celula-mare:nth-of-type(6) {border-right: 1px solid #bbbcc8;}
.celula-mare select {border: none;}
.celula-mare input {border: none;}
select[name="responsible_id"] {
    width: calc(100% - 8px);
}

.cel-mare-bold {
    display: flex; flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin: 0 0 20px 0;
}
.cel-mare-bold .celula {
    margin-bottom: -1px;
}
.cel-mare-bold .celula.cel-id {
    border-bottom: 1px solid #ccc !important;
}

.cel-mare-bold .celula:nth-child(1) {
    width: 100%;
    border-top: 5px solid var(--rosu);
    border-left: 1px solid #ccc;
    border-bottom: none;
    border-right: 1px solid #ccc;
}
.cel-mare-bold .celula:nth-child(2) {
    width: 50%;
    border-left: none;
    border-left: 1px solid #bbbcc8;
} 
.cel-mare-bold .celula:nth-child(3) {
    width: 50%;
    border-left: none;
    border-right: 1px solid #bbbcc8;
}
.cel-mare-bold .celula:nth-child(4) {
    width: 50%;
    border-right: none;
}
.cel-mare-bold .celula:nth-child(5) {
    width: 50%;
    border-left: none;
    border-right: 1px solid #bbbcc8;
}



.cel-mare-bold label {
    padding: 15px 10px 0 18px; margin: 0;
    font: 500 16px/1 fig;
}
.cel-mare-bold .celula:nth-child(2) select, 
.cel-mare-bold .celula:nth-child(3) select {
    font: 700 22px/1 fig;
    height: 32px;
    width: calc(100% - 14px);
    padding: 0px 6px 0 14px;
    margin: -3px 14px 8px 0;
    background: transparent;
    outline: 0; border: none;
    color: #000;
}
.cel-id {width: 100%;}

.celula .form-control:disabled, 
.celula .form-control[readonly], 
.celula .form-control[readonly]::placeholder {
    background-color: transparent;
    color: #ccc;
    opacity: 1;
}
.celula-mare .form-control:focus {
    color: #3b3b40;
    border-color: transparent;
    outline: 0;
    box-shadow: none;
}
.celula .form-control:focus {
    border-color: #bbbcc8;
}
.celula .form-group {
    width: 100%;
    margin: 0;
}
.cel-pret-brut, 
.cel-pret-net {
    width: calc(50% - 5px);
} 

.cel-mare-data label {
    padding: 15px 10px 0 18px; margin: 0;
    font: 500 16px/1 fig;
}
.cel-mare-data input {
    padding: 0 13px 10px 17px;
    margin: 0 0 0 6px;
}
.cel-id input, 
.cel-sasiu input {
    width: calc(100% - 20px);
    margin: 10px;
}
.cel-sasiu input:focus {
    border-color: #eee;
}

.celula input, 
.celula input:focus {
    font: 500 14px/1 fig;
    height: 40px;
    color: #5c65f9;
    border-radius: 5px; border: 1px solid #bbbcc8;
    padding: 5px 10px;
    background: #fff; outline: 0;
}
.form-control {
    width: 100%;
    font: 500 14px/1 fig;
    height: 40px;
    color: #5c65f9;
    border-radius: 5px; border: 1px solid #bbbcc8;
    padding: 5px;
}

.celula select {
    width: 100%;
    font: 500 14px/1 fig;
    height: 40px;
    color: var(--mov-deschis); background: #fff;
    border-radius: 5px; border: 1px solid #bbbcc8;
    padding: 5px;
}
.celula-mare select {
    font: 500 16px/1 fig; border: none;
    padding: 0px 6px 0 14px;
}
.celula-mare input, 
.celula-mare input::placeholder {
    font: 500 16px/1 fig;
    border: none;
}
.descriere textarea {
    display: block;
    width: 100%;
    margin: 0 0 3px 0;
    font: 500 14px/1 fig;
    height: 150px;
    color: #5c65f9;
    border-radius: 5px;
    border-color: #bbbcc8;
    padding: 0.375rem 0.75rem;
}


.celula-moneda {width: 20%;}
.celula-moneda label.radio-inline {
    display: flex;
    align-items: center;
    min-height: initial;
    padding-left: 15px;
    font: 500 14px/1 fig;
}
.celula label.radio-inline input {
    margin: 0 7px 2px 0;
    height: initial;
}

.cel-locuri {width: calc(30% - 5px);}

.cel-cost-receptionare, 
.cel-cost-vanzare {
    width: calc(40% - 10px);
} 

.celula-fizic-juridic, .radiox2 , .celula-tip-achizitie {
    display: flex; align-items: end; justify-content: start;
    width: 100%;
    text-align: left;
    padding: 0 0 7px 0;
}

.celula-fizic-juridic .control-label {display: block;}
.radiox2 .control-label {width: 100%;}

.celula-fizic-juridic label.radio-inline, 
.radiox2 label.radio-inline , .celula-tip-achizitie label.radio-inline {
    display: inline-flex; align-items: center;
    margin: 0 30px 0 0;
}
.celula-fizic-juridic input , .celula-tip-achizitie input {margin: 0 10px 0 0;}
.radiox2 input {margin: 0 10px 0 0;}

.celula-moneda label.radio-inline {padding: 0 0 3px 5px;}

.celula-nrcheie {
    justify-content: start;
    text-align: left;
}
.descriere label {
    display: block;
    margin: 0;
    min-height: 25px;
    color: #717a98;
    font: 500 16px / 1 fig;
    padding: 0 0 5px 0;
}
.descriere small {
    font: 12px/1.2 fig;
    color: #aaa;
}

.cel-furnizor {width: 100%;}


.foto-descriere {
    display: flex; flex-wrap: wrap;
    justify-content: center;
    margin: 40px 0;
}
.foto {width: 100%;}

.foto .upload-box {position: relative;}

.descriere {width: 100%; margin: 0 0 30px 0;}



.celula.cel-accesoriu {width: 100%;}
.cel-accesoriu h2 {
    font: 700 20px/1 fig;
    color: var(--mov-deschis);
    text-align: center;
    margin: 20px 0;
}
.cel-accesoriu .form-group {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}
.acc-radio {
    position: relative;
    display: inline-flex; align-items: center; justify-content: start;
    padding: 0 0 0 25px;
    overflow: hidden;
}
.celula .acc-radio label {padding: 0;}
.acc-radio input {
    position: absolute; top: 0; left: 0; z-index: 5;
    width: 100%; height: 100%;
    opacity: 0;
}
.acc-radio .cec {
    position: absolute; top: 0px; left: 0px;
    display: inline-flex; align-items: center; justify-content: center;
    width: 20px; height: 20px;
    background: var(--mov);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../assets/google/check_box_outline_blank_24dp_5F6368_FILL0_wght200_GRAD0_opsz24.svg);
}
.acc-radio input:checked + .cec {
    background: var(--rosu);
    -webkit-mask-image: url(../assets/google/check_box_24dp_5F6368_FILL1_wght400_GRAD0_opsz24.svg);
}
.acc-radio .text {
    display: inline-flex;
}


.date-personale {width: 100%;}
.date-personale .celula {
    display: inline-flex;
    width: 100%;
}
.salveaza-next-jos {
    position: fixed; bottom: 0; left: 0;
    width: 100%; height: 56px;
    display: flex; flex-wrap: wrap;
    justify-content: space-between;
    background: #d7d7d7;
}
.salveaza-next-jos:after {
    content: "";
    display: block; width: 100%; height: 35px;
    background: linear-gradient(transparent, #000);
    position: absolute; top: -35px; left: 0;
    opacity: 0.2;
}

.salveaza-next-jos button span {display: none;}

.salveaza-next-jos .next, 
.salveaza-next-jos .prev {
    position: absolute; top: 0;
    display: inline-flex; align-items: center;
    justify-content: center;
    width: 60px; height: 100%;
    background: transparent;
    color: var(--mov);
    border: none; outline: none;
}
.salveaza-next-jos .next {right: 0;}
.salveaza-next-jos .prev {left: 0;}

.salveaza-jos {
    position: absolute; top: 0; left: 50%;
    transform: translateX(-50%);
    width: 200px; height: 100%;
    background: var(--rosu);
    font: 500 20px/1 fig;
    color: #fff;
    transition: all 0.5s;
    border: none; border-radius: 0;
    cursor: pointer;
}
.salveaza-jos:focus {
    border: none; outline: none;
}


.salveaza-next-jos .next:focus, 
.salveaza-next-jos .prev:focus {
    border: none; outline: none;
}
.salveaza-next-jos .next:after, 
.salveaza-next-jos .prev:before {
    content: "";
    display: block;
    width: 30px; height: 20px;
    
    background: var(--mov);
    transition: all 0.5s;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../assets/google/east_24dp_UNDEFINED_FILL0_wght400_GRAD0_opsz24.svg);
}

.salveaza-next-jos .prev:before {transform: rotate(180deg);}

.salveaza-next-jos .next:hover {color: var(--rosu);}
.salveaza-next-jos .prev:hover {color: var(--rosu);}
.salveaza-next-jos .next:hover:after {background: var(--rosu);}
.salveaza-next-jos .prev:hover:before {background: var(--rosu);}



.pozele {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 10px;
}
.foto .input-group {
    width: 70%;
}
.foto h3 {
    font: 700 20px/1 fig;
    color: var(--mov-deschis);
    text-align: center;
    margin: 0 0 35px 0;
}
.upload-box input[type="file"] {
    position: relative !important;
    width: 100%;
    clip: unset !important;
}

.upload-drop-zone {
	color: #ccc;
	border-style: dashed;
	border-color: #ccc;
	line-height: 200px;
	text-align: center;
}

.upload-drop-zone {
	height: 200px;
	border-width: 2px;
	margin-bottom: 20px;
}
.upload-box img {
    width: 100%; height: 33vw;
    object-fit: cover;
    border-radius: 5px;
}
.upload-box .bootstrap-filestyle {display: none;}

.poza {position: relative; display: block;}
.poza .nr {
    position: absolute; top: 10px; left: 10px;
    display: inline-flex; justify-content: center; align-items: center;
    width: 20px; height: 20px;
    font: 700 12px/1 fig;
    color: var(--mov);
    background: rgba(255 255 255 / 50%);
    border-radius: 100px;
}
.incarca-poza {
    position: absolute; top: 22vw; right: 3px;
    display: inline-flex; justify-content: center; align-items: center;
    width: 35px; height: 35px; overflow: hidden;
    background: #fff;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../assets/google/edit_square_24dp_5F6368_FILL0_wght300_GRAD0_opsz24.svg);
}
.incarca-poza input {
    position: absolute; top: 0; left: 0;
    width: 100%; height: 100%;
    opacity: 0;
}

.upload-poza {
    position: relative;
    display: flex; flex-wrap: wrap;
    justify-content: center; align-items: center;
    width: 100%; height: 33vw;
    margin: 0;
    border-radius: 5px;
    border: 2px dashed #ccc;
}
.upload-poza span {display: block; width: 100%;}
.upload-poza img {
    width: 70px; height: initial;
}
.upload-box.upload-poza input {
    position: absolute !important; top: 0; left: 0;
    width: 100%; height: 100%;
    opacity: 0;
}
.upload-poza .nr {
    position: absolute; top: 10px; left: 10px;
    display: inline-flex; justify-content: center; align-items: center;
    width: 20px; height: 20px;
    font: 700 12px/1 fig;
    color: #fff;
    background: rgba(39 37 96 / 50%);
    border-radius: 100px;
}
.upload-poza .cale {display: none;}
.upload-poza.has-file .cale {
    display: block;
    position: absolute; bottom: 10px; left: 10px;
    width: calc(100% - 20px); height: 21px;
    text-wrap: nowrap; overflow: hidden;
    padding: 5px 0;
    font: 500 12px/1 fig;
    color: var(--mov);
}
.upload-poza.has-file {
    border-color: var(--mov);
}

.adauga-poza {
    display: inline-flex; flex-wrap: wrap;
    justify-content: center; align-items: center; 
    width: 100%;
    border: none; outline: none;
    border-radius: 5px;
    background: var(--mov); color: #fff;
    font: 500 15px/1 fig;
    text-transform: uppercase;
    padding: 10px 20px; margin: 20px 0;
    transition: all 0.5s;
}
.adauga-poza:before {
    content: "";
    display: inline-flex;
    width: 35px; height: 35px;
    margin: 5px 15px 0 0;
    background: #fff;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../assets/plus-image.svg);
}
.adauga-fisier {margin: 20px 0 50px 0;}
.adauga-fisier:before {
    -webkit-mask-image: url(../assets/google/docs_add_on_24dp_5F6368_FILL0_wght200_GRAD0_opsz24.svg);
}


/* Probleme */

.titlu-probleme-rapide {
    display: block;
    font: 700 16px/1.2 fig;
    margin: 10px 0;
}
.problemerapide-proiect {margin: 0 0 20px 0;}
.problema-rapida-proiect::first-letter {text-transform: capitalize;}
.problema-rapida-proiect {
    position: relative;
    font: 400 14px/1.2 fig;
    padding: 0 0 0 25px; margin: 0 0 5px 0;
}
.problema-rapida-proiect:after {
    position: absolute; top: 0; left: 0;
    content: "";
    display: inline-flex;
    width: 18px; height: 18px;
    background: var(--mov);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../assets/google/check_24dp_5F6368_FILL0_wght600_GRAD0_opsz24.svg);
}


.toate-problemele h4 {
    position: relative;
    background: var(--mov); color: #fff;
    padding: 12px 36px 12px 15px; margin: 0px 0 15px 0;
    font: 700 16px/1 fig;
    border-radius: 5px;
    cursor: pointer;
}
.toate-problemele h4 em {
    position: absolute; top: 50%; right: 5px;
    transform: translateY(-50%);
    display: block; height: 30px; width: 30px;
}
.toate-problemele h4 em:before {
    content: "";
    position: absolute; top: 14px; left: 6px;
    display: block; height: 2px; width: 16px;
    background: #fff; border-radius: 100px;
    transition: all, 0.3s;
}
.toate-problemele h4 em:after {
    content: "";
    position: absolute; top: 7px; left: 13px;
    display: block; height: 16px; width: 2px;
    background: #fff; border-radius: 100px;
    transition: all, 0.3s;
}
.toate-problemele h4.active em:after {
    transform: rotate(-90deg);
}
.toate-problemele h4.active em:before {opacity: 0;}

.probleme {
    display: none;
    margin: 0 0 20px 0;
}
.problema {
    position: relative;
    display: inline-flex; align-items: center; justify-content: center;
    text-align: center;
    margin: 0 2px 5px 0; 
    overflow: hidden;
}
.problema label {
    display: flex; align-items: center; justify-content: center;
    text-align: center;
    padding: 5px 10px; margin: 0;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.problema input {
    position: absolute; top: 0; left: 0;
    width: 100%; height: 100%;
    opacity: 0;
    cursor: pointer;
}
.problema input:checked + label {
    background: var(--rosu); color: #fff;
    border-color: var(--rosu);
}
/* End Probleme */


.toate-problemele-rapide h2 {
    font: 700 20px/1 fig;
    color: var(--mov-deschis);
    text-align: center;
    margin: 20px 0;
}
.probleme-rapide {display: inline-flex;}
.problema-rapida {
    position: relative;
    display: inline-flex; align-items: center; justify-content: center;
    text-align: center;
    margin: 0 2px 5px 0; 
    overflow: hidden;
}
.problema-rapida label {
    display: flex; align-items: center; justify-content: center;
    text-align: center; text-transform: capitalize;
    padding: 5px 10px; margin: 0;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.problema-rapida input {
    position: absolute; top: 0; left: 0;
    width: 100%; height: 100%;
    opacity: 0;
    cursor: pointer;
}
.problema-rapida input:checked + label {
    background: var(--rosu); color: #fff;
    border-color: var(--rosu);
}


/* Tasks */
.stage-header {
    display: flex; align-items: center;
    background: var(--mov); color: #fff;
    padding: 8px;
    border-radius: 100px;
    font: 400 16px/1 fig;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin: 0 0 17px 0;
}
.stage-header em {
    display: inline-flex; justify-content: center; align-items: center;
    width: 18px; height: 18px;
    border-radius: 100px;
    background: var(--rosu); color: #fff;
    font: 500 12px/1 fig;
    margin: 0 10px 0 0;
}
.stage-header.active {background: var(--rosu);}
.stage-header.active em {background: #fff; color: var(--mov);}
.drag-handle {display: none;}

.task-item {border-top: 1px solid #82849d;}
.task-item:last-child {border-bottom: 1px solid #82849d;}
.task-header {
    position: relative;
    display: flex; align-items: center;
    background: var(--mov-deschis2); color: var(--mov);
    padding: 10px;
    font: 700 16px/1 fig;
}
.task-header label {margin: 0; padding: 0 24px 0 30px;}
.tasks-container {margin: 0 0 20px 0;}
.toggle-icon {
    position: absolute; top: 50%; right: 10px; z-index: 20;
    transform: translateY(-50%);
    display: flex; justify-content: center; align-items: center;
    width: 20px; height: 20px;
    background: var(--mov); color: #fff;
    border-radius: 100px;
    font-size: 18px; line-height: 18px;
}
.check-mihai {
    position: relative;
    display: inline-flex; align-items: center; justify-content: center;

   /* width: 20px; height: 20px;
    overflow: hidden;
    margin: 0 7px 0 0;*/
}
.nebifat {
    position: absolute; top: 0; left: 0;
    display: block; width: 20px; height: 20px;
    margin: 0 10px 0 0;
    background: var(--mov);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../assets/google/check_box_outline_blank_24dp_5F6368_FILL0_wght300_GRAD0_opsz24.svg); 
}
.bifat {
    position: absolute; top: 0; left: 0;
    display: none; width: 20px; height: 20px;
    margin: 0 10px 0 0;
    background: var(--rosu);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../assets/google/check_box_24dp_5F6368_FILL1_wght400_GRAD0_opsz24.svg);     
}
.check-mihai input {
    position: absolute; top: 0; left: 0; z-index: 30;
    display: block;
    width: calc(100% - 35px); height: 100%;
    opacity: 0;
}
.check-mihai.active .nebifat {display: none;}
.check-mihai.active .bifat {display: block;}

.but-receptionare {
    width: 100%;
    border: 1px solid #aaa; border-radius: 5px;
    justify-content: start;
    margin: 0 0 20px 0; padding: 10px 0 10px 47px;
    text-transform: uppercase;
    font-weight: 700;
}
.but-receptionare.active {border: 1px solid var(--rosu);}
.but-receptionare .bifat {
    top: 6px; left: 9px;
    width: 28px; height: 28px;
    }
.but-receptionare .nebifat {
    top: 6px; left: 9px;
    width: 28px; height: 28px;
    }


.task-details {
    margin: 20px 0;
}
.tf-data {width: 63%;}
.tf-status {width: 35%;}

.task-field {
    display: inline-block;
    margin: 0 0 15px 0;
}
.task-field label {
    display: block;
    margin: 0;
    min-height: 25px;
    color: #717a98;
    font: 500 16px / 1 fig;
    padding: 0 0 5px 0;
}
.task-field input[type="text"], 
.task-field input[type="date"], 
.task-field input[type="number"], 
.task-field select {
    width: 100%;
    font: 500 14px / 1 fig;
    height: 40px;
    color: #5c65f9;
    border-radius: 5px;
    border: 1px solid #bbbcc8;
    padding: 0 10px;
    outline: 0;
}
.tf-persoana {
    border: 1px solid #bbbcc8;
    padding: 10px;
    border-radius: 5px;
}
.tf-nr {margin: 15px 0 0 0;}
.tf-cost {
    display: flex; flex-wrap: wrap;
    justify-content: space-between;
}
.tf-cost .cost {width: 50%;}
.tf-cost .currency-options {width: 50%; padding: 25px 0 0 16px;}
.task-field .currency-options label {
    min-height: initial;
}

.tf-alocare {
    width: 100%;
    border: 1px solid #bbbcc8;
    padding: 10px;
    border-radius: 5px;
}
.tf-alocare .tf-alocare-nr {margin: 15px 0 0 0;}

.docs-block h3 {
    font: 700 20px/1 fig;
    color: var(--mov-deschis);
    text-align: center;
    margin: 0 0 35px 0;
}
/* End Tasks */


/* Comentarii */
.comentarii {
    border: 1px solid #82849d;
    border-radius: 10px;
    padding: 10px;
}
.comentariul {
    position: relative;
    display: flex; flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin: 0 0 10px 0;
}
.comentarii:before {
    content: "";
    position: absolute; top: 45px; left: 31px;
    display: block; width: 1px; height: calc(100% - 350px);
    background: #82849d;
}
.comentarii:after {
    content: "";
    position: absolute; bottom: 300px; left: 22px;
    display: block; width: 20px; height: 20px;
    border-radius: 100px; border: 1px solid #82849d;
    background: #fff;
}

.avatar {
    display: inline-flex; justify-content: center; align-items: center;
    width: 45px; height: 45px;
    background: #eeeff4;
    border-radius: 5px;
}
.comentariu-text {
    width: calc(100% - 55px);
    border: 1px solid #82849d;
    border-radius: 10px;
    
}
.comentariul .autor {
    display: flex; flex-wrap: wrap;
    justify-content: space-between;
    background: #eeeff4;
    padding: 10px;
    border-radius: 10px 10px 0 0;
    font: 500 12px/1 fig;
    color: var(--mov-deschis);
}
.comentariu-nume {
    width: 60%;
}
.comentariu-data {
    width: 40%;
    color: var(--gri);
    text-align: right;
}
.panel-body {
    padding: 10px;
}
.comentariu-butoane {
    position: relative;
    margin: 40px 0 0;
}
.sterge i, .editeaza i {display: none;}

.sterge, .editeaza {
    position: absolute; bottom: 0px;
    display: inline-flex; justify-content: center; align-items: center;
    width: 35px; height: 35px;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
         
}
.sterge {
    right: 50px;
    background: var(--rosu);
    -webkit-mask-image: url(../assets/google/delete_24dp_5F6368_FILL0_wght300_GRAD0_opsz24.svg);
}
.editeaza {
    right: 10px;
    background: var(--mov-deschis);
    -webkit-mask-image: url(../assets/google/edit_square_24dp_5F6368_FILL0_wght300_GRAD0_opsz24.svg);
}


.reply {
    display: inline-flex;
    padding: 8px 20px;
    background: var(--mov); color: #fff;
    border-radius: 5px;
    border: none; outline: none;
}

.comentariu-reply {width: calc(100% - 55px); margin: 0 0 10px 55px;}
.comentariu-reply-reply {width: calc(100% - 55px); margin: 0 0 10px 55px;}

.comentariu-reply .comentariu-text {margin: 0 0 10px 0;}

.comentariu-reply .text {padding: 10px;}
.comentariu-reply .comentariu-butoane {padding: 10px;}

.scrie-comentariu {
    display: flex; flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin: 45px 0 0 0;
}
.scrie-comentariu .right {
    width: calc(100% - 55px);
}
.scrie-comentariu textarea {
    width: 100%;
    border: 1px solid #82849d;
    border-radius: 10px;
    margin: 0 0 10px 0;
    height: 200px;
}
.trimite {
    display: inline-flex;
    float: right;
    padding: 8px 15px;
    background: var(--rosu); color: #fff;
    border-radius: 5px;
    border: none; outline: none;
}

/* End Comentarii */


/* Documente */
.documente h3 {
    font: 700 20px/1 fig;
    color: var(--mov-deschis);
    text-align: center;
    margin: 0 0 20px 0;
}

.taskuri h3 {
    grid-column: 1/-1;
    font: 700 20px/1 fig;
    color: var(--mov-deschis);
    text-align: center;
    margin: 0 0 20px 0;
}
#tab-comments h3 {
    font: 700 20px/1 fig;
    color: var(--mov-deschis);
    text-align: center;
    margin: 0 0 20px 0;
}
.doc-tabel {
    width: calc(100% - 20px);
    margin: 20px 10px;
}
.doc-tabel td {
    padding: 5px 0;
    border-bottom: 1px solid #ddd;
}

.filedoc {clip: unset !important;}
.incarcare .bootstrap-filestyle {display: none !important;}

.incarcare {
    position: relative;
    display: flex; flex-wrap: wrap;
    justify-content: center; align-items: center;
    border: 2px dashed #ccc;
    padding: 20px; margin: 0 0 20px 0;
    border-radius: 5px;
    transition: all 0.5s;
}
.incarcare:hover {
    border-color: var(--mov);
}
.incarcare:before {
    content: "";
    display: block;
    width: 50px; height: 50px;
    background: var(--mov);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../assets/google/upload_file_24dp_5F6368_FILL1_wght300_GRAD0_opsz24.svg);
}
.incarcare label {
    display: flex; justify-content: center;
    width: 100%;
    margin: 5px 0 0 0;
    font: 500 16px/1 fig;
    color: var(--mov);
}
.incarcare input.filedoc {
    position: absolute; top: 0; left: 0;
    width: 100%; height: 100%;
    opacity: 0;
}
.doc-nume {margin: 0 0 20px 0;}
.doc-nume input {
    font: 500 14px/1 fig;
    height: 40px;
    color: #5c65f9;
    border-radius: 5px;
    border-color: #bbbcc8;
}
.doc-butoane {margin: 0 0 20px 0;}
.doc-butoane .trimite {float: none;}


.linie {
    position: relative;
    margin: 0 0 35px 0;
}
.titlu {
    position: relative;
    display: block;
    background: var(--mov);
    padding: 10px 62px 10px 10px; margin: 0 0 3px 0;
    border-radius: 5px;
    word-break: break-word;
}
.titlu:before {
    content: "";
    position: absolute; top: 50%; right: 10px;
    transform: translateY(-50%);
    display: block;
    width: 50px; height: 50px;
    background: var(--gri3);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../assets/google/description_24dp_5F6368_FILL1_wght300_GRAD0_opsz24.svg);
}
.titlu strong {
    display: block; margin: 0 0 3px 0;
    font: 700 16px/1.2 fig;
    color: #fff;
}
.titlu span {
    display: block;
    font: 500 12px/1.2 fig;
    color: var(--gri3);
}

.delete {
    position: absolute; top: -24px; right: 0;
    display: inline-flex; justify-content: center; align-items: center;
    width: 35px; height: 35px;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    background: var(--rosu);
    -webkit-mask-image: url(../assets/google/cancel_24dp_5F6368_FILL1_wght300_GRAD0_opsz24.svg);
}
.data-marime {
    display: flex; flex-wrap: wrap;
    justify-content: space-between; align-items: center;
    margin: 5px 0 0 0;
}
.linie .data {
    width: 50%;
    font: 700 12px/1 fig;
    color: var(--mov);
}
.linie .marime {
    width: 50%;
    font: 500 12px/1 fig;
    color: var(--gri4);
    text-align: right;
}

/* End Documente */


/* Listare masini */

.filtre-select {
    display: inline-flex; justify-content: center; align-items: center;
    background: var(--mov); color: #fff;
    height: 30px;
    font: 400 14px/1 fig;
    border-radius: 5px;
    margin: 15px 0 0 10px; padding: 0 10px;
}
.filtre-select:before {
    content: "";
    display: inline-flex; align-items: center; justify-content: center;
    width: 20px; height: 20px;
    margin: 0 5px 0 0;
    background: #fff;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../assets/google/tune_24dp_5F6368_FILL0_wght400_GRAD0_opsz24.svg);
} 

.butoane-status {
    display: flex; flex-wrap: wrap;
    gap: 5px;
    padding: 20px 0;
}
.butoane-status button {
    display: inline-flex; align-items: center; justify-content: center;
    flex-grow: 1;
    background: #eee;
    border-radius: 5px;
    border: none; outline: none;
    font: 500 12px/1 fig;
    padding: 5px;
    text-transform: uppercase;
}
.butoane-status button:nth-last-child(2), 
.butoane-status button:nth-last-child(1) {flex-grow: 0;}

.butoane-status button em {
    display: inline-flex;
    font: 500 12px/1 fig;
    color: var(--gri);
}
.butoane-status button span {
    position: relative;
    display: inline-flex; justify-content: center; align-items: center;
    text-align: center;
    width: 17px; height: 17px;
    background: var(--mov); color: #fff;
    margin: 0 0 0 8px;
    border-radius: 100px;
    font: 500 10px/1 fig;
}
.butoane-status .toate span {background: var(--rosu);}

.butoane-termen {margin: 0 0 10px 0;}
.termen-masini, .extern-intern-masini, .extern-sub {
    display: inline-flex; align-items: center;
    background: #eee; color: var(--mov);
    border: 1px solid var(--mov); border-radius: 100px;
    outline: 0;
    font: 500 12px/1 fig;
    padding: 5px 10px; margin: 0 5px 5px 0;
}
.termen-masini.toate .badge, 
.extern-intern-masini.toate .badge {background: var(--rosu);}

.termen-masini em, 
.extern-intern-masini em {font: 500 12px/1 fig; margin: 0 5px 0 0;}
.extern-sub em {font: 500 12px/1 fig; margin: 0 5px 0 0;}

.termen-masini .badge, 
.extern-intern-masini .badge, 
.extern-sub .badge {
    position: relative;
    display: inline-flex; justify-content: center;  align-items: center;
    text-align: center;
    width: 40px; height: 17px;
    background: var(--mov);
    color: #fff;
    margin: 0 0 0 8px;
    border-radius: 100px;
    font: 500 10px/1 fig;
}

.butoane-extern-intern {margin: 0 0 20px 0; padding: 20px 0 0 0;}
.form-filtre-listare h4 {
    text-transform: uppercase;
    width: 100%;
    grid-column: 1/-1;
    font: 600 13px/1.2 fig;
    margin: 0 0 5px 0;
    color: var(--mov-deschis);
}

.check-locations { margin: 0 0 20px 0;}
.locatie-masini {
    position: relative;
    display: inline-flex; align-items: center; justify-content: start;
    margin: 7px;
    overflow: hidden;
}
.locatie-masini input {
    position: absolute; top: 0; left: 0; z-index: 5;
    width: 100%; height: 100%;
    opacity: 0;
}
.locatie-masini .cec {
    display: inline-flex; align-items: center; justify-content: center;
    width: 20px; height: 20px;
    background: var(--mov);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../assets/google/check_box_outline_blank_24dp_5F6368_FILL0_wght200_GRAD0_opsz24.svg);
}
.locatie-masini input:checked + .cec {
    background: var(--rosu);
    -webkit-mask-image: url(../assets/google/check_box_24dp_5F6368_FILL1_wght400_GRAD0_opsz24.svg);
}
.locatie-masini .text {
    display: inline-flex;
    margin: 0 3px;
}
.locatie-masini .badge {
    display: inline-flex; justify-content: center; align-items: center;
    text-align: center;
    width: 17px; height: 17px;
    background: var(--mov); color: #fff;
    border-radius: 100px;
    font: 500 10px/1 fig;
}
.locatie-masini input:checked + .cec + .text + .badge {background: var(--rosu);}

.optiuni-receptie {margin: 0 0 30px 0;}
.optiuni-receptie h4 {
    font: 600 12px/1 fig;
    text-transform: uppercase;
    color: var(--gri4);
    margin: 0 0 5px 0;
}

.sort-section {margin: 0 0 20px 0;}
.sortarile {
    display: flex; flex-wrap: wrap;
    justify-content: space-between; align-items: center;
    width: 100%;
    margin: 0 0 10px 0;
}
.sort-price-titlu {
    width: calc(100% - 134px);
}
.sortare {
    display: flex; flex-wrap: wrap; align-items: center;
    position: relative;
    width: 67px; height: 24px;
    overflow: hidden;
    font: 500 12px/1 fig;
    text-transform: uppercase;
    padding: 5px 7px;
}
.sortare input {
    position: absolute; top: 0; left: 0; z-index: 10;
    width: 100%; height: 100%;
    opacity: 0; margin: 0;
}
.sortare.desc {border-radius: 100px 0 0 100px;justify-content: end;}
.sortare.asc {border-radius: 0 100px 100px 0;justify-content: start;}

.sortare .peste {
    position: absolute; top: 0; left: 0; z-index: 5;
    display: flex; align-items: center; justify-content: space-between;
    width: 100%; height: 100%;
    background: #e6e6e6;
    padding: 0 9px;
}
.sortare input:checked + .peste {background: var(--rosu); color: #fff;}
.sortare input:checked + .peste .cec:before {background: #fff;}
.sortare .cec {
    display: inline-flex; align-items: center; justify-content: center;
}
.sortare .cec:before {
    content: "";
    display: inline-flex; align-items: center; justify-content: center;
    width: 15px; height: 15px;
    background: var(--mov);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../assets/google/arrow_upward_24dp_5F6368_FILL0_wght400_GRAD0_opsz24.svg);
}
.sortare.desc .cec:before {
    transform: rotate(180deg);
    margin: 0 5px 0 0;
}

.cautare-vin input, .cautare-vin input:focus {
    width: 100%; height: 40px;
    font: 500 14px/1 fig;
    color: #5c65f9;
    border-radius: 5px;
    border: 1px solid #bbbcc8;
    padding: 5px 10px; margin: 0 0 10px 0;
    background: #fff;
    outline: 0;
}



.masini-header {
    display: flex; flex-wrap: wrap;
    justify-content: space-between; align-items: center;
    padding: 15px 0 5px 0;
}
.masini-header + .card, 
.sarcini-header + .container .card-header {
    min-height: 300px;
    text-align: center;
    padding: 40px 0 0;
    border-top: 1px solid #ccc;
    margin: 30px 0 0;
}

.masini-total {width: calc(100% - 80px); font-size: 14px;}
.masini-afisare {
    width: 80px; height: 32px;
    display: flex; justify-content: space-between; align-items: center;
}
.af {
    display: flex; justify-content: center; align-items: center;
    width: 50%; height: 100%;
    background: #ededed;
}
.af.active {background: #d8dbee;}
.af.active:before {background: #5a5cd7;}
.af:before {
    content: "";
    display: block; width: 24px; height: 24px;
    background: #64646e;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
}
.af1 {border-radius: 10px 0 0 10px; padding: 0 0 0 5px; border-right: 1px solid #fff;}
.af2 {border-radius: 0 10px 10px 0; padding: 0 5px 0 0;}
.af1:before {-webkit-mask-image: url(../assets/google/grid_view_24dp_5F6368_FILL0_wght300_GRAD0_opsz24.svg);}
.af2:before {-webkit-mask-image: url(../assets/google/list_24dp_5F6368_FILL0_wght300_GRAD0_opsz24.svg);}


.lista .masina {transition: all 0.5s;}
.lista .masina:before {
    content: "";
    position: absolute; top: 50%; left: 4px; transform: translateY(-50%);
    display: none; width: 6px; height: calc(100% - 20px);
    border-radius: 100px;
}

.lista .masina.galben:before {display: block; background: var(--galben);}
.lista .masina.rosu:before {display: block; background: var(--rosu);}
.masini {transition: all 0.5s;}
.masini.lista .img, 
.masini.lista .d-cheie, 
.masini.lista .d-data, 
.masini.lista .d-nume, 
.masini.lista .d-status, 
.masini.lista .share, 
.masini.lista .anunt,  
.masini.lista .cifre span:not(.final) {
    display: none;
}
.masini.lista .cifre .final span {display: inline-flex;}
.lista .masina h4 {width: 100%;}
.lista .masina h4 strong {
    display: inline-block;
    font: 700 15px/1.2 fig;
    margin: 0 0 0 5px;
}
.lista .date {
   display: inline-flex; flex-wrap: wrap;
   justify-content: start;
}
.lista .masina .text {
    display: flex; flex-wrap: wrap;
    justify-content: start; align-items: center;
    width: 100%;
    padding: 10px 0 5px 0;
}
.lista .cifre {
    display: inline-flex;
    order: 10;
    position: relative;
    bottom: initial;
    left: initial;
    transition: all 0.5s;
}
.lista .masina .date p.d-zile {
    display: inline-flex;
    order: 20;
    width: 100px;
    margin: 0 0 0 10px; padding: 2px 4px 2px 22px;
    background: #ededed;
    border-radius: 100px;
    transition: all 0.5s;
}
.masina .date p.d-zile em {font-style: normal;}
.lista .masina .date p.d-zile:before {background: #82849d;}
.masini.lista .anunt.mesaje {
    display: inline-flex;
    position: relative; top: initial; right: initial;
    margin: 0 0 0 10px;
    transition: all 0.5s;
}
.lista .masina .anunt:before {
    width: 17px; height: 17px;
    transition: all 0.5s;
}
.lista .masina .anunt.gol {display: none;}
.lista .masina .anunt span {
    background: #82849d;
}
.masini.lista .editeaza-masina {
    position: absolute; top: 62px; right: 5px; bottom: initial;
    width: 45px; height: 45px;
    justify-content: center;
    border: none;
    background: #eaeaea;
    border-radius: 100px;
    padding: 0;
}
.masini.lista .editeaza-masina:before {
    content: "";
    display: block; width: 25px; height: 25px;
    background: #81829e;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../assets/google/build_24dp_5F6368_FILL1_wght300_GRAD0_opsz24.svg);
}
.masini.lista .editeaza-masina span {display: none;}



.listare-masini {background: #fff; transition: all 0.5s;}
.continut {background: #fff;}
.container {
    margin-right: 10px;
    margin-left: 10px;
    width: initial;
    padding: 0;
}

.masini-total {
        display: inline-flex; align-items: center;
        font-size: 23px;
}
.masini-total strong {color: var(--rosu); margin: 0 7px;}
.masini-total span {color: var(--mov-deschis);}
.masini-total:before {
    content: "";
    display: inline-flex; width: 25px; height: 25px;
    background: var(--mov);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../assets/google/traffic_jam_24dp_5F6368_FILL0_wght300_GRAD0_opsz24.svg);
}


.masina {
    position: relative;
    display: flex; flex-wrap: wrap;
    justify-content: space-between;
    overflow: hidden;
    border-top: solid 1px #e1e1e1;
	padding: 5px; margin: 5px;
}
.masina.depasit {border: 1px solid var(--rosu);}
.lista .masina {border-radius: 0;}
.lista .masina.depasit {border-radius: 5px;}

.masina .text {
    position: static;
    width: calc(100% - 175px);
    padding: 18px 7px 33px 0px;
}
.masina .img {
    position: relative;
    width: 175px; height: 125px; 
    margin: 55px 0 0 0; padding: 0;
}
.masina .img img {width: 100%; height: 100%; object-fit: cover;}
.masina .img img[src$="no-image2.png"] {
    border-radius: 5px;
    border: 2px dashed #ccc;
}
.masina .termen {
    position: absolute; top: 5px; left: 0;
    display: inline-flex;
    background: var(--rosu);
    color: #fff;
    font: 700 11px/1 fig;
    padding: 2px 8px 2px 5px;
    border-radius: 0 30px 30px 0;
}
.lista .masina .termen {
    top: 0; left: initial; right: 0; z-index: 5;
    padding: 3px 5px 3px 8px;
    border-radius: 0 0 0 5px;
}
.masina h4 {
    font: 500 15px/1.2 fig;
    color: var(--mov-deschis);
    margin: 0 0 10px 0;
    transition: all 0.5s;
}
.masina h4 strong {
    display: block;
    font: 700 20px/1.2 fig;
    color: var(--mov);
    transition: all 0.5s;
}
.masina .date p {
    position: relative;
    display: flex; flex-wrap: wrap; 
    justify-content: start; align-items: center;
    font: 500 12px/1.2 fig;
    margin: 0px 15px 5px 0; padding: 0 0 2px 22px;
    color: var(--mov-deschis);
    letter-spacing: 0.7px;
}
.masina .date p strong {
    text-transform: uppercase;
    color: #161616;
    font-weight: 500;
    margin: 0 7px 0 0;
}
.masina .date p.d-cheie {margin: 0 0 5px 0;}
.masina .date p.d-cheie strong {display: none; font-weight: 700;}
.masina .date p.d-cheie span {
    display: inline-flex;
    font: 700 14px/1 fig;
    color: var(--mov-deschis);
    margin: 0 7px 0 0;
}
.masina .date p.d-cheie .tva {
    background: var(--mov-deschis);
    color: #fff;
    border-radius: 100px;
    padding: 2px 7px;
    font-size: 12px;
}

.masina .date p.d-status {text-transform: uppercase;}

.masina .date p:before {
    content: "";
    position: absolute; top: -2px; left: 0;
    display: inline-flex;
    width: 19px; height: 19px;
    background: #000;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    transition: all 0.5s;
}
.lista .masina .date p.d-zile:before {top: 0;}

.masina .date p.d-data:before {
    top: -1px; left: 2px;
    width: 15px; height: 15px;
}
.masina .date p.d-locatie:before {-webkit-mask-image: url(../assets/icon-date-generale/location_on_24dp_5F6368_FILL1_wght400_GRAD0_opsz24.svg);}
.masina .date p.d-cheie:before {-webkit-mask-image: url(../assets/masina/euro_symbol_24dp_000000_FILL0_wght500_GRAD0_opsz24.svg);}
.masina .date p.d-data:before {-webkit-mask-image: url(../assets/masina/rim_5006268.svg);}
.masina .date p.d-nume:before {-webkit-mask-image: url(../assets/google/account_circle_24dp_UNDEFINED_FILL1_wght200_GRAD0_opsz24.svg);}
.masina .date p.d-status:before {-webkit-mask-image: url(../assets/google/label_important_24dp_UNDEFINED_FILL1_wght200_GRAD0_opsz24.svg);}
.masina .date p.d-p:before {-webkit-mask-image: url(../assets/google/local_parking_24dp_UNDEFINED_FILL1_wght200_GRAD0_opsz24.svg);}
.masina .date p.d-zile:before {-webkit-mask-image: url(../assets/google/schedule_24dp_5F6368_FILL1_wght300_GRAD0_opsz24.svg);}
.masina .date p.d-cod:before {-webkit-mask-image: url(../assets/google/token_24dp_5F6368_FILL0_wght300_GRAD0_opsz24.svg);}

.masina .anunt {
    position: absolute; top: 18px;
    display: flex; flex-wrap: wrap;
    align-items: center;
    transition: all 0.5s;
}
.masina .notificari {right: 98px;}
.masina .mesaje {right: 38px;}
.masina .anunt span {
    display: inline-flex; justify-content: center; align-items: center;
    min-width: 27px; height: 22px;
    background: var(--rosu); color: #fff;
    border-radius: 8px;
    font: 600 12px/1 fig;
}
.masina .anunt:before {
    content: "";
    display: inline-flex;
    width: 14px; height: 14px;
    margin: 0 6px 0 0;
    background: var(--gri2);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
}
.masina .notificari:before {-webkit-mask-image: url(../assets/feathericons/bell15.svg);}
.masina .mesaje:before {-webkit-mask-image: url(../assets/google/chat_bubble_24dp_UNDEFINED_FILL0_wght300_GRAD0_opsz24.svg);}

.editeaza-masina {
    display: inline-flex; align-items: center; justify-content: center;
    width: 74%;
    font: 500 12px/1 fig; text-transform: uppercase;
    letter-spacing: 1px;
    background: #ededed; color: var(--mov-deschis);
    padding: 12px 4px;
    border-radius: 2px;
    transition: all 0.5s;
}
.masini .editeaza-masina:before, 
.detaliu-masina .editeaza-masina:before {
    content: "";
    display: inline-flex; width: 16px; height: 16px;
    background: var(--mov-deschis);
    margin: 0 4px 0 0;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../assets/google/build_24dp_5F6368_FILL1_wght300_GRAD0_opsz24.svg);
}
.detaliu-masina .editeaza-masina {margin: 0 0 10px 0;}


.editeaza-doc {
    display: inline-flex; align-items: center; justify-content: center;
    width: 24%; height: 40px;
    background: var(--bleu); 
    border-radius: 2px;
    transition: all 0.5s;
}
.editeaza-doc span {display: none;}
.editeaza-doc:before {
    content: "";
    display: inline-flex; width: 20px; height: 20px;
    background: #fff;
    margin: 0 4px 0 0;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../assets/google/description_24dp_5F6368_FILL1_wght300_GRAD0_opsz24.svg);
}

.lista .editeaza-doc {
    position: absolute; top: 62px; right: 60px;
    width: 45px; height: 45px;
    border-radius: 100px;
}

.sterge-masina span {display: none;}
.sterge-masina {
    position: absolute; top: 14px; right: 0px;
    display: inline-flex; justify-content: center; align-items: center;
    width: 30px; height: 30px;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    background: var(--rosu);
    -webkit-mask-image: url(../assets/google/delete_24dp_5F6368_FILL0_wght300_GRAD0_opsz24.svg);
}
.lista .sterge-masina {display: none;}

.share {
    position: absolute; top: 19px; right: 170px;
}
.share:before {
    content: "";
    display: inline-flex;
    width: 18px; height: 18px;
    background: var(--mov2);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../assets/feathericons/share-2.svg);
}


.cifre {
    position: absolute; bottom: 55px; left: 5px;
    display: flex; align-items: center;
    transition: all 0.5s;
}
.detaliu-masina .cifre {bottom: 60px;}
.cifre strong {display: none;}
.cifre span {
    position: relative;
    display: inline-flex; justify-content: center; 
    align-items: center; text-align: center;
    width: 17px; height: 17px;
    margin: 0 8px 0 0;
    background: var(--gri3); color: #fff;
    border-radius: 100px;
    font: 500 12px/1 fig;
}
@media (max-width: 395px) {
    .cifre span {margin: 0 4px 0 0;}
}

.cifre span:after {
    content: "";
    position: absolute; top: 50%; right: -8px;
    transform: translateY(-50%);
    display: flex; width: 10px; height: 4px;
    background: inherit;
}
.cifre span.ok {background: var(--mov);}
.cifre span.lucru {background: var(--rosu);}
.cifre span.lucru:after {background: var(--gri3);}
.cifre span:after {height: 3px;}
.cifre span em {font-style: normal;}

.cifre .final {
    display: flex; align-items: center;
    background: var(--mov); color: #fff;
    border-radius: 26px 10px 10px 26px;
    padding: 2px 7px 2px 2px;
}
.cifre .final span:after {display: none;}
.cifre .final span {background-color: var(--rosu); margin: 0;}
.cifre .final em {
    font: 500 12.5px/1 fig;
    text-transform: uppercase;
}
.cifre .final em {font: 500 10px/1 fig;}

/* End Listare masini */


/* Detaliu Masina */
.detaliu-masina {
    background: #fff;
}
.breadcrumbs {
    display: none;
    padding: 10px 0;
}
.breadcrumbs a {color: var(--mov-deschis);} 
.breadcrumbs a, 
.breadcrumbs span {
    display: inline-block;
    font: 500 12px/1 fig;
}
.breadcrumbs a:after {
    content: "/";
    display: inline-block;
    margin: 0 1px 0 4px;
}

.detaliu-masina-setari {
    padding: 20px 0;
    margin-top: 20px;
}
.detaliu-masina-setari h2 {
    position: relative;
    font: 700 16px/1.2 fig;
    border-bottom: 1px solid #ccc;
    padding: 10px 50px 15px 0;
    margin: 0;
}
.detaliu-masina-setari h2 + div {display: none; margin: 15px 0;}

.sageata {
    position: absolute; top: 50%; right: 0; transform: translateY(-50%);
    display: flex; justify-content: end; align-items: center;
    width: 100%; height: 100%;
    background: #000;
    -webkit-mask-size: 35px;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../assets/google/keyboard_arrow_down_24dp_5F6368_FILL0_wght300_GRAD0_opsz24.svg);
    -webkit-mask-position: right;
}

.dms:not(.active) {
    background: #fff;
    padding: 25px 20px 1px 20px;
    margin: 0px -15px 0px -15px;
    transition: all 0.5s;
}
.dms.active {
    background: transparent;
}
.dms-probleme {padding-top: 38px !important;}
.dms-probleme.active {
    padding-top: 0 !important;
}
.dms-sarcini.active {
    padding-top: 20px;
}
.dms-doc.active {
    background: #fff;
}
.dms-dategenerale.active {
    background: #fff;
}
.dms-comentarii.active {
    background: #fff;
    margin: 0px -15px 0px -15px;
}


.project-problemele {
    background: #fff;
    border-radius: 10px;
    padding: 10px; margin: 0 0 20px 0;
}
.detaliu-masina-setari h4 {
    font: 700 16px/1.2 fig;
    margin: 0 0 10px 0;
    color: var(--mov);
}
.probleme-div {padding: 0 0 10px 0;}
.problema-proiect {
    display: flex; flex-wrap: wrap;
    justify-content: space-between; align-items: center;
    background: #ededeb;
    border-radius: 10px;
    font: 500 14px/1.2 fig;
    padding: 5px 10px; margin: 0 0 10px 0;
    color: var(--bleu);
}
.problema-proiect span {
    width: calc(100% - 30px);
}
.problema-proiect:after {
    content: "";
    display: inline-flex;
    width: 22px; height: 22px;
    background: var(--mov);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../assets/google/check_24dp_5F6368_FILL0_wght600_GRAD0_opsz24.svg);
}
.problema-proiect.nerezolvat:after {
    background: var(--rosu);
    -webkit-mask-image: url(../assets/google/release_alert_24dp_5F6368_FILL0_wght500_GRAD0_opsz24.svg);
}

.detaliu-masina-setari .task {
    background: #fff;
    border-radius: 10px;
    padding: 10px; margin: 0 0 15px 0;
}

.d-sar {
    display: flex; align-items: center;
    flex-wrap: wrap;
    margin: 8px 0;
}
.d-sarcina-etapa {
    display: flex;
    background: #eee;
    border-radius: 10px;
    padding: 7px 10px; margin: 0 0 3px 0;
}
.d-sar img {
    width: 50px; height: 50px; object-fit: cover;
    border-radius: 5px;
    float: left;
}
.d-sar em {
    width: 100%;
    font: 500 16px/1 fig;
    color: var(--gri4);
    margin: 0 0px 5px 0;
}
.d-sar strong {
    font: 500 14px/1 fig;
    color: var(--bleu);
}
.d-sarcina-status {
    display: inline-flex; align-items: center;
    width: 49%;
}
.d-sarcina-status em {width: initial; margin: 0 7px 0 0;}
.d-sarcina-status strong {
    background: #aaa; color: #fff;
    border-radius: 5px;
    padding: 5px 10px;
    font-weight: 500;
}
.d-sarcina-data {
    display: inline-flex; align-items: center;
    justify-content: end;
    width: 49%;
}
.d-sarcina-data em {width: initial; margin: 0 7px 0 0;}
.d-sarcina-data strong {
    min-height: 26px; min-width: 60px;
    background: #fff; color: #000;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: 5px 10px;
    font-weight: 500;
}

.d-sarcina-colaborator {margin-bottom: 18px;}
.d-sarcina-colaborator, 
.d-sarcina-responsabil {
   justify-content: space-between;
}
.d-sarcina-colaborator .text, 
.d-sarcina-responsabil .text {
    width: calc(100% - 60px);
}
.d-sar .text em {display: block;}
.d-sar .text strong {display: block; width: 100%;}

.dms-doc {
    background: #fff;
    padding: 25px 20px 1px 20px;
    margin: 0px -15px 0px -15px;
}
.dms-doc h4 {
    color: var(--gri4);
    font-weight: 500;
}
.dms-doc .titlu strong {
    margin: 0;
    font: 500 14px/1.2 fig;
}
.dms-doc .titlu {padding: 8px 62px 8px 10px;}
.dms-doc .titlu:before {
    right: 2px;
    width: 27px; height: 27px;
    background: #fff;
}
.dms-doc .linie {margin: 0 0 10px 0;}

.dms-dategenerale {
    background: #fff;
    padding: 25px 20px;
    margin: 0px -15px; 
}
.dms-dategenerale .row {
    display: flex; flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0 15px 0;
    font: 600 13px/1.1 fig;
}
.dms-dategenerale .label {
    display: inline-flex; align-items: center;
    width: 50%;
    color: var(--mov);
}
.dms-dategenerale .value {
    width: 50%;
    color: var(--bleu);
}

.dms-dategenerale .label:before {
    content: "";
    display: inline-flex; width: 20px; height: 20px;
    margin: 0 10px 0 0;
    background: #83859e;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../assets/google/person_add_24dp_5F6368_FILL0_wght300_GRAD0_opsz24.svg);
}
.dms-dategenerale .label.dg-model:before {
    -webkit-mask-image: url(../assets/icon-date-generale/car_tag_24dp_5F6368_FILL1_wght400_GRAD0_opsz24.svg);
}
.dms-dategenerale .label.dg-caroserie:before {
    -webkit-mask-image: url(../assets/icon-date-generale/directions_car_24dp_5F6368_FILL0_wght400_GRAD0_opsz24.svg);
}
.dms-dategenerale .label.dg-combustibil:before {
    -webkit-mask-image: url(../assets/icon-date-generale/local_gas_station_24dp_5F6368_FILL0_wght400_GRAD0_opsz24.svg);
}
.dms-dategenerale .label.dg-data-intrare:before {
    -webkit-mask-image: url(../assets/icon-date-generale/file_export_24dp_5F6368_FILL1_wght400_GRAD0_opsz24.svg);
}
.dms-dategenerale .label.dg-status:before {
    -webkit-mask-image: url(../assets/icon-date-generale/label_important_24dp_UNDEFINED_FILL1_wght200_GRAD0_opsz24.svg);
}
.dms-dategenerale .label.dg-parcare:before {
    -webkit-mask-image: url(../assets/icon-date-generale/local_parking_24dp_5F6368_FILL1_wght400_GRAD0_opsz24.svg);
}
.dms-dategenerale .label.dg-sasiu:before {
    -webkit-mask-image: url(../assets/icon-date-generale/auto_transmission_24dp_5F6368_FILL1_wght400_GRAD0_opsz24.svg);
}
.dms-dategenerale .label.dg-nr:before {
    -webkit-mask-image: url(../assets/icon-date-generale/barcode_24dp_5F6368_FILL1_wght400_GRAD0_opsz24.svg);
}
.dms-dategenerale .label.dg-pret-achizitie:before {
    -webkit-mask-image: url(../assets/icon-date-generale/payments_24dp_5F6368_FILL0_wght400_GRAD0_opsz24.svg);
}
.dms-dategenerale .label.dg-pret-vanzare:before {
    -webkit-mask-image: url(../assets/icon-date-generale/payments_24dp_5F6368_FILL0_wght400_GRAD0_opsz24.svg);
}
.dms-dategenerale .label.dg-tara:before {
    -webkit-mask-image: url(../assets/icon-date-generale/location_on_24dp_5F6368_FILL1_wght400_GRAD0_opsz24.svg);
}
.dms-dategenerale .label.dg-accesorii:before {
    -webkit-mask-image: url(../assets/icon-date-generale/rim_5006268.svg);
}

.galerie-foto-detaliu {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.dms-comentarii.active {
    padding: 25px 20px;
}
.dms-comentarii {
    background: #fff;
    padding: 0px 20px 25px 20px;
}
.dms-comentarii .comentarii {
    border: none;
    border-radius: 0;
    padding: 0;
}
/* End Detaliu Masina */


/* Parteneri */
.continut-transparent {background: transparent;}
.parteneri-cautare {
    background: #fff;
}
.parteneri-cautare .container {
    padding: 10px;
}
.cautare-parteneri {
    position: relative;
    margin: 0 0 10px 0;
}
.cautare-parteneri input {
    width: 100%;
    background: #eee;
    border: 1px solid #ccc;
    border-radius: 5px;
    font: 500 14px/1 fig;
    padding: 10px; margin: 0;
}
.cautare-parteneri button {
    position: absolute; top: 50%; right: 10px;
    transform: translateY(-50%);
    background: transparent; border: none; outline: none;
}
.parteneri-cautare select {
    border: 1px solid #ccc;
    border-radius: 5px;
    font: 500 14px/1 fig;
    padding: 10px;
}
.reset-adauga {
    display: flex; flex-wrap: wrap;
    justify-content: space-between; align-items: center;
    margin: 10px 0 0 0;
}
.reset {
    display: inline-flex;
    background: #fff;
    border: 1px solid #ddd; border-radius: 5px;
    color: var(--gri4);
    font: 500 14px/1 fig;
    padding: 12px;
}
.adauga-partener {
    display: inline-flex; align-items: center;
    background: #fff; 
    border: 1px solid var(--rosu); border-radius: 5px;
    color: var(--rosu);
    font: 500 14px/1 fig;
    padding: 7px 10px;
}
.adauga-partener:before {
    content: "";
    display: inline-flex; width: 20px; height: 20px;
    margin: 0 5px 0 0;
    background: var(--rosu);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../assets/google/person_add_24dp_5F6368_FILL0_wght300_GRAD0_opsz24.svg);
}

.parteneri-lista {
    background: #eee;
}
.parteneri-lista .container {
    background: #fff;
    margin-top: 30px;
    margin-bottom: 30px;
    border-radius: 10px;
    padding: 15px;
}
.partener {
    position: relative;
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
}
.partener:last-child {border: none;}

.poza-info {
    display: flex; flex-wrap: wrap;
    align-items: start; justify-content: start;
}
.poza-info img {
   display: inline-flex;
   width: 49px;
   border-radius: 5px;
   margin: 0 15px 0 0;
}
.poza-info .info {
    display: inline-flex; flex-wrap: wrap;
    width: calc(100% - (49px + 108px));
}
.poza-info h4 {
    width: 100%;
    font: 700 14px/1.2 fig;
}
.poza-info h5 {
    width: 100%;
    font: 500 14px/1.2 fig;
    margin: 2px 0;
}
.poza-info h6 {
    width: 100%;
    font: 500 14px/1.2 fig;
}
.poza-info h6 a {color: var(--mov-deschis);}
.linie-footer {
    margin: 5px 0 0 0;
    font: 500 14px/1.2 fig; 
    color: var(--gri4);
}
.linie-footer a {
    display: inline-flex;
    color: var(--rosu);
    margin: 0 5px 0 0;
}


.editeaza-partener {
    position: absolute; top: 10px; right: 48px;
    display: inline-flex; width: 40px; height: 40px;
    justify-content: center; align-items: center;
    text-align: center;
    border-radius: 12px;
    background: #eee;
}
.editeaza-partener:before {
    content: "";
    display: inline-flex; width: 30px; height: 30px;
    justify-content: center; align-items: center;
    background: var(--mov-deschis);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../assets/google/edit_24dp_5F6368_FILL1_wght300_GRAD0_opsz24.svg);
}
.tel-whatsap {
    position: absolute; top: 10px; right: 0px;
    display: inline-flex; width: 40px; height: 40px;
    justify-content: center; align-items: center;
    text-align: center;
    border-radius: 12px;
    background: #eee;
}
.tel-whatsap:before {
    content: "";
    display: inline-flex; width: 26px; height: 30px;
    justify-content: center; align-items: center;
    background: #4eaf52;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../assets/whatsapp-brands.svg);
}

.paginare-text {
    font: 500 14px/1.2 fig; 
    text-align: center;
    padding: 0 0 5px 0;
    color: var(--gri4);
}
.paginare-numere ul {
    width: 100%;
    display: flex; justify-content: center; align-items: center;
}
.paginare-numere ul li {
    display: inline-flex; justify-content: center; align-items: center;
}
.paginare-numere ul li a {
    display: inline-flex; justify-content: center; align-items: center;
    width: 35px; height: 35px;
    font: 700 16px/1 fig;
    background: #eee; color: var(--mov-deschis);
    border-radius: 12px;
    margin: 3px;
}
.paginare-numere ul li a i {
    font-size: 13px;
}
.paginare-numere ul li.active a {
    background: var(--mov-deschis); color: #fff;
}

/* End Parteneri */


/* Setari */
.setarile {
    padding: 15px;
    border-radius: 10px;
}
.setarile .input-group {
    position: relative;
    margin-top: 0 !important;
    margin: 0 0 10px 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px 60px 5px 10px;
}
.setarile .input-group .input-group-btn {
    position: absolute; top: 50%; right: 10px;
    transform: translateY(-50%);
}
.setarile .input-group .input-group-btn button {
    font-size: 20px;
    background: transparent;
    border: none;
}

.setarile label.control-label {
    display: block;
    margin: 0; padding: 0;
    color: #717a98;
    font: 500 12px / 1 fig;
}
.setarile .form-group {
    margin: 0 0 10px 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px 10px 0 10px;
}
.setarile input,  
.setarile select {
    display: block;
    height: 35px;
    border: none;
    padding: 0;
    color: var(--mov);
    font: 500 18px/1 fig;
    transition: all 0.5s;
}
.select-special select {
    padding: 5px 10px;
    outline: 1px solid var(--mov-deschis);
    box-shadow: none;
    color: var(--mov-deschis);
    margin: 10px 0 10px 0;
}

.setarile input:focus, 
.setarile select:focus {
    padding: 5px 10px;
    outline: 1px solid var(--mov-deschis);
    box-shadow: none;
    color: var(--mov-deschis);
    margin: 10px 0 10px 0;
}
.setarile textarea.form-control {
    min-height: 100px;
    border: none;
    padding: 0; margin: 10px 0 10px 0;
    font: 500 14px/1.2 fig;
    transition: all 0.5s;
}
.setarile textarea.form-control:focus {
    padding: 5px 10px;
    outline: 1px solid var(--mov-deschis);
    box-shadow: none;
    color: var(--mov-deschis);
}

.setarile .help-block  {
    display: flex; align-items: center;
    height: 40px;
    border: none;
    padding: 0px;
    font: 500 18px/1 fig;
    transition: all 0.5s;
}

.setarile .bg-primary {
    font: 700 20px/1 fig;
    color: var(--mov-deschis);
    text-align: center;
    margin: 15px 0 10px 0;
}
.setarile .btn-info {
    display: inline-flex; justify-content: center; align-items: center;
    background: var(--mov-deschis); color: #fff;
    font: 500 16px/1 fig;
    border-radius: 5px;
    padding: 10px; margin: 10px 0;
    border: none; outline: none;
}
.setarile .btn-info i {margin: 0 10px 0 0;}

.setarile .cecbocsi {margin: 8px 0;}
.setarile .cecbocsi .checkbox i {display: none;}
.setarile .cecbocsi .checkbox label {
    display: flex; align-items: center;
    color: #717a98;
    font: 500 12px / 1 fig;
}
.setarile .cecbocsi .checkbox input {
    display: inline-flex; margin: 0 5px 0 0;
    height: 22px;
}
.setarile .table-responsive {
    width: 100%;
    overflow-x: auto;
}
.setarile .table {
    width: 100%;
    border-collapse: collapse;
    margin: 10px 0;
}
.setarile .table th {
    background: var(--mov-deschis2); color: #000;
    padding: 8px 5px;
    text-align: left;
    border: 1px solid #ccc;
    font: 700 12px/1 fig;
}
.setarile .table td {
    border: 1px solid #ccc;
    padding: 2px 5px;
    font: 500 12px/1 fig;
    color: var(--mov);
}
.setari-cautare {
    position: relative;
    width: 100%;
}
.setari-cautare input {
    width: 100%;
    background: #eee;
    border: 1px solid #ccc;
    border-radius: 5px;
    font: 500 14px / 1 fig;
    padding: 10px;
}
.setari-cautare button {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    outline: none;
}

.setarile .btn {
    display: inline-flex; margin: 5px;
    font: 500 16px/1 fig;
    border-radius: 5px;
    padding: 10px; margin: 10px 0;
    border: none; outline: none;
}
.setarile .btn-danger {color: var(--rosu);}
.setarile .btn-default {color: var(--mov-deschis);}
.setarile .btn-default.btn-xs i {
    font-size: 22px;
}
.setarile .btn-danger.btn-xs i {
    font-size: 22px;
}
.setarile .btn-icoana {
    background: #fff;
}
.setarile .btn-icoana i {
    font-size: 22px;
}
.setarile .table.tabel-culori td {
    color: #fff;
    font-size: 18px;
    padding: 0 0 0 10px;
}

.setarile label.i-checks {
    display: inline-flex; align-items: center;
    padding: 5px 0;
}
.setarile label.i-checks input {
    margin: 0 5px 0 0;
    height: initial;
}
.setarile .checkbox {
    display: inline-flex;
    margin: 0 15px 10px 0;
}

.salveaza-fix {
    position: fixed; top: 260px; left: 0; z-index: 10;
    display: inline-flex; align-items: center; justify-content: center;
    width: 50px; height: 50px;
    background: var(--rosu); color: #fff;
    padding: 10px; border-radius: 0 5px 5px 0;
    border: none;
}
.salveaza-fix:before {
    content: "";
    display: inline-flex; width: 30px; height: 30px;
    justify-content: center; align-items: center;
    background: #fff;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../assets/google/save_24dp_5F6368_FILL0_wght400_GRAD0_opsz24.svg);
}
.salveaza-fix span {display: none;}

/* end setari */


/* Sarcini Tasks */
.sarcini-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 10px; margin-bottom: 20px;
    background: #fff;
    border-radius: 10px;
}
.sarcini-total {
    width: calc(100% - 80px);
    font-size: 14px;
}
.sarcini-afisare {
    width: 80px; height: 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ascunde {
    display: inline-flex; align-items: center; flex-wrap: wrap;
    background: #d1ccec; color: var(--mov);
    padding: 10px 15px; margin: 0 0 10px 0;
    border-radius: 10px;
}
.ascunde:before {
    content: "";
    display: inline-flex; width: 20px; height: 20px;
    justify-content: center; align-items: center;
    margin: 0 5px 0 0;
    background: var(--mov);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../assets/google/check_box_outline_blank_24dp_5F6368_FILL1_wght400_GRAD0_opsz24.svg);
}
.ascunde.active:before {-webkit-mask-image: url(../assets/google/check_24dp_5F6368_FILL0_wght600_GRAD0_opsz24.svg);}

.continut.sarcini {background: transparent;}
.sarcina {
    position: relative;
    display: flex; flex-wrap: wrap; justify-content: space-between;
    background: #fff;
    border-radius: 10px;
    margin: 0 0 20px 0; padding: 10px;
}
.sarcina h4 {
    width: 100%;
    font: 700 16px/1.2 fig;
    margin: 10px 0; padding: 0 33px 0 0;
    color: var(--mov);
}
.sarcina h4 a {color: var(--mov);}
.marca-etapa {
    display: flex; align-items: center;
    background: #eee;
    border-radius: 7px;
    font: 500 16px/1 fig;
    padding: 8px 11px;margin: 0 0 10px 0;
    overflow: hidden;
    text-wrap: nowrap;
}
.marca-etapa em {
    display: inline-flex; justify-content: center; align-items: center;
    width: 22px; height: 22px;
    margin: 0 3px;
}
.marca-etapa em:before {
    content: "";
    display: inline-flex; width: 22px; height: 22px;
    justify-content: center; align-items: center;
    background: #000;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../assets/google/keyboard_arrow_right_24dp_5F6368_FILL0_wght300_GRAD0_opsz24.svg);
}
.sarcina .left {
    display: inline-flex; flex-wrap: wrap;
    width: initial;
}
.image-project-sarcina {
    display: inline-flex; flex-wrap: wrap;
    width: 40%;
}
.image-project-sarcina img {
    width: 100%; height: 100%;
    object-fit: cover;
    border-radius: 5px;
}
.lista .image-project-sarcina {display: none;}

.status {
    display: inline-flex; align-items: center;
    margin: 5px 10px 5px 0;
    transition: all 0.5s;
}
.status strong {
    font: 500 16px/1 fig;
    color: var(--gri4);
}
.status .qe-text {
    background: var(--mov2); color: #fff;
    font: 500 16px/1 fig;
    margin: 0 8px; padding: 5px;
    border-radius: 5px;
}

.sarcini .qe-input, 
.colaborator .qe-input {
    display: inline-flex;
    background: #eee;
    border-radius: 5px;
    margin: 0 0 0 5px;
}
.sarcini .qe-input button, 
.colaborator .qe-input button , .sarcini .dropdown-btn {
    display: inline-flex; width: 30px; height: 30px;
    justify-content: center; align-items: center;
    background: #000;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../assets/google/keyboard_arrow_down_24dp_5F6368_FILL0_wght300_GRAD0_opsz24.svg);
}
.sarcini .qe-input li a, .sarcini .global-menu li a, 
.colaborator .qe-input li a {
    display: block;
    padding: 18px; margin: 0 0 10px 0;
    text-align: center;
    color: #fff; background: var(--mov-deschis);
    font: 500 18px/1 fig;
    border-radius: 5px;
}
.sarcini .dropdown-menu, 
.sarcini .global-menu , 
.colaborator .dropdown-menu {
	position: fixed !important; bottom: 0 !important; left: 0 !important; top: initial !important;
    transform: none !important;
	z-index: 1000;
	display: none;
	width: 100%;
	padding: 20px; margin: 0;
	font-size: 1rem;
	color: #212529;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border-radius: 30px 30px 0 0;
    box-shadow: 10px 0 20px 0 rgba(0 0 0 / 20%);
}



.sarcini .dropdown-menu:before, 
.colaborator .dropdown-menu:before {
    display: block;
    text-align: center;
    font: 700 18px/1 fig;
    margin: 20px 0;
}

.sarcini .dropdown-menu.drop-lista-mare,  .sarcini .dropdown-menu.drop-lista-mare, 
.colaborator .dropdown-menu.drop-lista-mare {
    height: calc(100vh - 200px);
    overflow-y: scroll;
}
.colaborator.responsabilul {
    display: flex; align-items: center;
}
.colaborator.responsabilul .qe-text {margin: 0 10px;}


.sarcini .drop-status:before {content: "Alege Status";}
.sarcini .drop-colaborator:before {content: "Alege Colaborator";}
.sarcini .drop-responsabil:before {content: "Alege Responsabil";}

.sarcini .drop-status li:nth-of-type(1) a {background: #f8003a;}
.sarcini .drop-status li:nth-of-type(2) a {background: #2862dd;}
.sarcini .drop-status li:nth-of-type(3) a {background: #20a182;}

/* -------------------------------------------------------------------------------------------------
   Meniu global afișat ca bottom‑sheet pe mobil / desktop mic
   ------------------------------------------------------------------------------------------------- */
.global-menu.bottom-sheet{
	position: fixed !important; bottom: 0 !important; left: 0 !important; top: initial !important;
    transform: none !important;
	z-index: 1000;
	display: none;
	width: 100%;
	padding: 20px; margin: 0;
	font-size: 1rem;
	color: #212529;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border-radius: 30px 30px 0 0;
    box-shadow: 10px 0 20px 0 rgba(0 0 0 / 20%);
}

.global-menu.bottom-sheet li > a{
  display:block;
  padding:10px 0;
}
.sarcina .data {
    display: inline-flex; align-items: center;
    margin: 5px 10px 5px 0;
}
.sarcina .data strong {
    font: 500 16px/1 fig;
    color: var(--gri4);
}
.sarcina .data span {
    font: 500 16px/1 fig;
    color: #000;
    margin: 0 8px; padding: 5px;
    border-radius: 5px;
    border: 1px solid #ccc;
}

.sarcina .firma {
    display: flex; flex-wrap: wrap; align-items: center;
    margin: 10px 0;
}
.sarcina .firma strong {
    font: 500 16px/1 fig;
    color: var(--gri4);
    margin: 0 8px 0 0;
}
.sarcina .firma span {
    display: inline-flex;
    align-items: center;
    font: 500 16px/1 fig;
    color: #000;
    min-height: 27px; min-width: 105px;
}

.sarcina .colaborator {
    display: flex; flex-wrap: wrap; align-items: center;
    margin: 0;
}
.sarcina .colaborator strong {
    font: 500 16px/1 fig;
    color: var(--gri4);
    margin: 0 8px 0 0;
}
.sarcina .colaborator .qe-text {
    font: 500 16px/1 fig;
    color: var(--mov-deschis);
    padding: 0;
}

.editeaza-sarcina {
    position: absolute; top: 15px; right: 8px;
}
.editeaza-sarcina:before {
    content: "";
    display: block; width: 30px; height: 30px;
    background: #81829e;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../assets/google/edit_square_24dp_5F6368_FILL0_wght300_GRAD0_opsz24.svg);
}
.liniuta {display: none;}

/**/

.lista .sarcina {
    padding: 4px 10px 4px 24px;
    margin: 0 0 13px 0;
    transition: all 0.5s;
} 
.lista .sarcina div, 
.lista .sarcina .editeaza-sarcina {
    display: none;
} 
.lista .sarcina div.liniuta {
    position: absolute; top: 50%; left: 7px;
    transform: translateY(-50%);
    display: block;
    width: 6px;
    height: calc(100% - 20px);
    border-radius: 100px;
}

/* End Sarcini Tasks */


/* Penalizari */
.continut.penalizari {background: transparent;}
.col2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin: 0 0 20px 0;
}
.penalizari .task-field {width: 100%;}
.label-responsabil {position: relative;}
/*.label-responsabil:before {
    content: "";
    position: absolute; bottom: -31px; left: 5px;
    display: block; width: 25px; height: 25px;
    background: #81829e;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../assets/google/person_24dp_5F6368_FILL1_wght400_GRAD0_opsz24.svg);
}*/
.label-responsabil + select {padding: 0 10px 0 32px;}
.penalizari-total {
    font-size: 15px;
    border: 1px solid var(--gri4); border-radius: 10px;
    padding: 7px 10px;
}
.total_responsabil {
    display: inline-flex; align-items: center;
    background: #eee; color: var(--rosu);
    font: 500 15px/1 fig;
    padding: 7px 10px;
    border-radius: 10px;
}
.total_responsabil strong {font-weight: 700; margin: 0 0 0 5px;}
.butoane-penalizare {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin: 0 0 20px 0;
}
.butoane-penalizare button {
    display: inline-block;  text-align: left;
    border: 1px solid #bbbcc8; border-radius: 10px;
    font: 500 14px/1.2 fig;
    padding: 10px; 
}
.butoane-penalizare button.active {
    border-color: #d1ccec;
    background: #d1ccec;
}
.butoane-penalizare button strong {
    display: block;
    width: 100%;
    font: 700 24px/1.2 fig;
}

.select-perioada {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin: 0 0 10px 0;
}
.select-perioada h4 {
    grid-column: 1/-1;
    text-align: center;
    color: var(--gri4);
    font: 500 14px/1.2 fig;
    margin: 0;
}
.select-perioada label {
    color: var(--gri4);
    font: 500 14px/1.2 fig;
    margin: 0 0 5px 0;
}


.penalizari .marca-etapa {width: 100%;}

.nr-masini-penalizate {
    font: 500 14px/1.2 fig;
    color: var(--gri4);
    margin: 0 0 5px 0;
}
.penalizare {
    position: relative;
    background: #fff;
    border-radius: 10px;
    margin: 0 0 70px 0; padding: 0 0 10px 0;
}
.penalizare.pentru-angajat {
	margin-bottom:20px;
}
.nume-angajat-penalizare {
    display: flex; align-items: center;
    font: 500 15px / 1 fig;
    color: var(--mov-deschis);
    margin: 10px;
}
.nume-angajat-penalizare:before {
    content: "";
    display: inline-flex; width: 23px; height: 23px;
    margin: 0 5px 0 0;
    background: #000;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../assets/google/account_circle_24dp_UNDEFINED_FILL1_wght200_GRAD0_opsz24.svg);

}
.penalizare h4 {
    position: relative;
    background: var(--rosu); color: #fff;
    border-radius: 10px 10px 0 0;
}
.penalizare h4 a {
    display: block;
    font: 500 14px/1.2 fig;
    padding: 10px;
    color: #fff;
}
.penalizare.pentru-angajat h4 {padding: 0 100px 0 0;}
.penalizare.pentru-angajat h4 span {
    position: absolute; top: 50%; right: 10px;
    transform: translateY(-50%);
    border: 1px solid #fff; border-radius: 5px;
    padding: 3px 7px;
    font: 400 14px/1 fig;
}


.edit-penal {
    position: relative;
    display: inline-flex; align-items: center;
    border: 1px solid var(--rosu);
    border-radius: 5px;
    margin: 10px;
}
.edit-penal.active {
    display: flex;
}
.edit-penal-but {
    display: inline-block;
    font: 500 14px/1 fig;
    color: var(--mov);
    padding: 10px;
}
.edit-penal .value-text {
    font: 700 14px/1 fig;
    border-left: 1px solid var(--mov);
    padding: 0 10px;
}
.active .value-text {display: none;}
.edit-penal input[type="text"] {
    border: 0; outline: 0;
    border-left: 1px solid var(--mov);
    padding: 0 10px;
    background: transparent;
    color: var(--mov);
    font: 700 14px/1 fig;
    height: 18px; width: 120px;
    border-radius: 0;
}
.edit-penal .editable-submit {
    position: absolute; top: -1px; right: -1px;
    background: var(--mov); color: #fff;
    font: 500 14px/1 fig;
    border: 0; outline: 0;
    border-radius: 0 5px 5px 0;
    padding: 10px 20px; height: calc(100% + 2px);
}

.marca-penalizare {
    margin: 5px 10px 10px 10px;
    border-bottom: 1px solid #ccc;
    padding: 0 0 10px 0;
    color: var(--gri4);
    font: 500 16px/1 fig;
}
.marca-penalizare strong {
    font-weight: 700;
    color: var(--mov);
    padding: 0 6px;
}

.left-right {
    display: flex; flex-wrap: wrap;
    justify-content: space-between;
    padding: 10px;
}
.penalizare .left {
    width: calc(100% - 80px);
}
.image-penal {
    display: inline-flex;
    flex-wrap: wrap;
    width: 80px; 
}
.image-penal img {
    width: 100%; height: 100px;
    object-fit: cover;
}
.penalizare .data {
    font: 400 14px/1 fig;
    color: var(--gri4);
    margin: 0 0 4px 0;
}
.penalizare .data strong {
    display: inline-flex;
    width: 100px;
    font-weight: 400;
}
.penalizare .data span {color: var(--mov);}

.etapa-si-zile {
    display: flex; flex-wrap: wrap; align-items: center;
    margin: 10px 0;
}
.penal-etapa {
    display: inline-flex; align-items: center;
    background: var(--mov); color: #fff;
    font: 400 12px/1 fig;
    text-transform: uppercase;
    border-radius: 20px 10px 10px 20px;
    padding: 2px 6px 2px 2px; margin: 0 5px 0 0;
}
.penal-etapa span {
    display: inline-flex; justify-content: center; align-items: center;
    width: 15px; height: 15px;
    border-radius: 100px;
    background: var(--rosu); color: #fff;
    margin: 0 5px 0 0;
}
.penal-zile {
    display: inline-flex; align-items: center;
    background: #ededed; color: var(--mov);
    font: 400 12px/1 fig;
    border-radius: 10px;
    padding: 3px 12px 3px 3px;

}
.penal-zile:before {
    content: "";
    display: inline-flex; width: 18px; height: 18px;
    margin: 0 5px 0 0;
    background: var(--rosu);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../assets/google/schedule_24dp_5F6368_FILL1_wght300_GRAD0_opsz24.svg);
}


.container-alte-sarcini-si-mesaje {
    padding: 0 10px;
}
.grup-butoane {
    display: flex; justify-content: space-between; align-items: center;
    background: #efeff7;
    border-radius: 10px;
}
.desfasurator-activitati {display: none; padding: 20px 0 0 0;}

.gbut {
    width: 50%;
    display: flex; justify-content: center; align-items: center;
    background: transparent;
    border: 0; outline: 0;
    font: 500 14px/1 fig;
    color: var(--mov);
    padding: 5px 0px 5px 5px; margin: 3px;
    border-radius: 5px;
    transition: all 0.5s;
}
.buton-comentarii {width: 60%;}
.buton-sarcini {width: 40%;}
.buton-comentarii + .buton-sarcini {margin-left: 0;}

.gbut.active {
    background: #d1ccec;
}
.titlu-nr {
    font: 500 14px/1 fig;
    color: var(--gri2);
    padding: 0 0 10px 0; margin: 0 0 10px 0;
    border-bottom: 1px solid #eee;
}

.coment-nr {
    display: inline-flex; align-items: center;
    border-right: 1px solid;
    padding: 0 10px 0 0; margin: 0 10px 0 0;
}
.coment-nr:before {
    content: "";
    display: inline-flex; width: 18px; height: 18px;
    margin: 0 5px 0 0;
    background: var(--mov);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../assets/google/chat_bubble_24dp_5F6368_FILL0_wght400_GRAD0_opsz24.svg);
    transition: all 0.5s;
}
.gbut:after {
    content: "";
    display: inline-flex; width: 26px; height: 26px;
    transform: rotate(-90deg);
    margin: 0 0 0 2px;
    background: var(--mov);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../assets/google/keyboard_arrow_down_24dp_5F6368_FILL0_wght300_GRAD0_opsz24.svg);
}
.gbut.active:after {transform: rotate(0);}

.penal-sarcina {
    position: relative;
    margin: 0 0 20px 0; padding: 0 0 10px 24px;
    border-bottom: 1px solid #eee;
}
.penal-sarcina:last-child {border-bottom: 0; margin: 0;}
.penal-sarcina .marca-penalizare {
    border: 0;
    margin: 0 0 10px 0; padding: 0;
}
.penal-sarcina .marca-penalizare span {color: #5d5bda;}
.penal-sarcina div.liniuta {
    position: absolute; top: 0; left: 7px;
    display: block;
    width: 6px;
    height: calc(100% - 15px);
    border-radius: 100px;
}
.penal-sarcina h3 {
    font: 700 14px/1 fig;
    margin: 0 0 10px 0;
}
.penal-sarcina-poza {
    float: right;
    width: 60px; height: 75px; object-fit: cover;
}

.penal-coment {
    display: flex; justify-content: space-between;
    margin: 0 0 20px 0;
}
.penal-coment-div-img {
    width: 49px;
    position: relative;
    margin: 0 15px 15px 0;
}
.penal-coment img {
    display: inline-flex;
    width: 49px; height: 49px;
    border-radius: 5px;
    
}
.penal-coment-div-img .icon {
    position: absolute; top: 36px; right: -3px;
    display: flex; justify-content: center; align-items: center;
    width: 25px; height: 25px;
    border-radius: 5px;
    background: #5c5bda;
}
.penal-coment-div-img .icon:before {
    content: "";
    display: block; width: 13px; height: 13px;
    background-color: #fff;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../assets/google/chat_bubble_24dp_5F6368_FILL1_wght400_GRAD0_opsz24.svg);
}

.penal-coment .right {
    width: calc(100% - 49px);
}
.penal-coment h3 {
    font: 700 18px/1 fig;
}
.penal-coment-zile {
    display: inline-flex; align-items: center;
    font: 400 12px/1 fig;
    color: var(--gri2);
    border-right: 1px solid #ccc;
    padding: 0 5px 0 0; margin: 0 5px 0 0;
}
.penal-coment-brand {
    display: inline-flex; align-items: center;
    font: 400 12px/1 fig;
    color: var(--gri2);
}
.penal-coment-text {
    display: block;
    font: 400 14px/1.2 fig;
    margin: 20px 0 0 0;
}



.anuleaza-sarcina {
    position: absolute; bottom: -30px; left: 50%;
    transform: translateX(-50%);
    display: inline-flex; align-items: center; justify-content: center;
    background: var(--mov); color: #fff;
    border-radius: 0 0 5px 5px;
    width: 195px;
    padding: 3px;
    font: 400 14px/1 fig;
}
.anuleaza-sarcina:before {
    content: "";
    display: inline-flex; width: 22px; height: 22px;
    margin: 0 5px 0 0;
    background: var(--rosu);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../assets/google/close_24dp_5F6368_FILL0_wght500_GRAD0_opsz24.svg);
}

/* End Penalizari */


.generaldata {
    background: #fff;
    padding: 10px;
    border-radius: 10px;
}
.generaldata .celula {width: 100%;}
.salveaza-form  {
    display: inline-flex; flex-wrap: wrap; justify-content: center;
    align-items: center;
    width: 100%;
    border: none;
    outline: none;
    border-radius: 5px;
    background: var(--mov);
    color: #fff;
    font: 500 15px/1 fig;
    text-transform: uppercase;
    padding: 15px 20px;
    margin: 20px 0;
    transition: all 0.5s;
}


/* Editare sarcina */

.editare-sarcina .tab-content {display: none;}
.editare-sarcina .tab-content.active {display: block;}


.editare-sarcina {
    background: #fff;
}
.editare-sarcina h4 {
    font: 700 16px/1.2 fig;
    margin: 0px 0 10px 0;
}
.editare-sarcina .container {
    background: #fff;
    padding-top: 15px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
}
.editare-sarcina .tabs {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    background: #efeff7;
    padding: 5px;
    border-radius: 5px;
}
.editare-sarcina .tabs a {
    display: inline-block;
    font: 500 14px/1 fig;
    padding: 12px 0px;
    border-radius: 5px;
    background: #eeeff7; color: #000;
}
.editare-sarcina .tabs a.active {
    background: #d1ccec;
    color: var(--mov);
}
.editare-sarcina .tf-persoana {
    width: 100%;
    border: none;
    padding: 0;
    border-radius: 0px;
}

.editare-sarcina .tf-nr, 
.editare-sarcina .tf-alocare-nr {
    display: flex; flex-wrap: wrap;
    justify-content: start; align-items: center;
    width: 100%;
}
.editare-sarcina .tf-nr label, 
.editare-sarcina .tf-alocare-nr label {
    padding: 0 8px 0 0; min-height: initial;
}

.editare-sarcina .tf-data {
    display: flex; flex-wrap: wrap;
    justify-content: space-between; align-items: center;
    width: 100%; padding: 0 10px;
    border: 1px solid #bbbcc8; border-radius: 5px;
}
.editare-sarcina .tf-data label {
    width: calc(100% - 120px); min-height: initial;
    padding: 0 7px 0 0;
}
.editare-sarcina .tf-data input {
    width: 120px;
    border: none;
    padding: 0;
}
.editare-sarcina .tf-status {
    display: flex; flex-wrap: wrap;
    justify-content: space-between; align-items: center;
    width: 100%;
}
.editare-sarcina .tf-status label {
    width: calc(100% - 150px);
    min-height: initial;
    padding: 0;
}
.editare-sarcina .tf-status select {
    width: 150px;
}
.sarcina .status .qe-text {
    display: flex; align-items: center; 
    height: 28px;
    padding: 0 5px;
}
.sarcini .status .qe-input {
    background: transparent;
    margin: 0 -2px 0 5px;
}
.sarcini .status .qe-input button {
    background: #fff;
}
/* End Editare sarcina */


/* Notificari */
.notificari-pagina {
    background: #fff;
    padding: 25px 0;
}
.notificari-pagina h2 {
    font: 700 18px/1.2 fig;
    margin: 0 0 10px 0;
}
.notificarea {
    position: relative;
    display: flex; flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0 12px 0;
}
.notificarea.noua {
    background: #edeeff;
    border-radius: 10px;
    padding: 10px;
}
.notificarea.veche {
    background: antiquewhite;
    border-radius: 10px;
    padding: 10px;
}
.notificarea a {color: var(--gri);}

.citit {
    position: absolute; top: 10px; right: 10px;
    display: inline-flex; justify-content: center; align-items: center;
    width: 25px; height: 25px;
    background: transparent; padding: 0; outline: 0; border: none; cursor: pointer;
}
.citit:before {
    content: "";
    display: block; width: 20px; height: 20px;
    background-color: var(--mov-deschis);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../assets/google/visibility_off_24dp_5F6368_FILL1_wght400_GRAD0_opsz24.svg);
}
.citit1:before {-webkit-mask-image: url(../assets/google/visibility_24dp_5F6368_FILL1_wght400_GRAD0_opsz24.svg);}


.notificarea .img {
    position: relative;
    width: 110px;
    padding: 0 10px 0 0;
}
.notificarea .img img {
    width: 100%; height: 120px;
    object-fit: cover;
    border-radius: 5px;
}
.notificarea .icon {
    position: absolute; top: 30px; right: 8px;
    display: flex; justify-content: center; align-items: center;
    width: 25px; height: 25px;
    background: #5a5cd7;
    border-radius: 5px;
}
.notificarea .icon:before {
    content: "";
    display: block; width: 15px; height: 15px;
    background-color: #fff;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    
}
.notificarea .icon.icon-task:before {
    -webkit-mask-image: url(../assets/google/bookmark_24dp_5F6368_FILL1_wght400_GRAD0_opsz24.svg);
}
.notificarea .icon.icon-comment:before {
    -webkit-mask-image: url(../assets/google/chat_bubble_24dp_5F6368_FILL1_wght400_GRAD0_opsz24.svg);
}

.notificarea .text {
    width: calc(100% - 110px);
}
.notificarea h4 {
    font: 700 16px/1.2 fig;
    margin: 0 0 3px 0;
}
.timp-marca {
    color: var(--gri4);
    font: 500 12px/1 fig;
    margin: 0 0 20px 0;
}
.timp-marca span {
    display: inline-flex; flex-wrap: wrap;
    border-right: 1px solid var(--gri4);
    padding: 0 5px 0 0; margin: 0 5px 0 0;
}
.timp-marca span:last-child {border: none;}
.mesaj {
    font: 500 16px/1.2 fig;
}
/* End Notificari */


/* Login */
.body-login {background: #fff;}
.pagina-login .sigla {text-align: center; margin: 20px 0 35px 0;}
.pagina-login .sigla img {width: 155px;}
.simplifica {text-align: center;}
.simplifica img {margin-right: -18px;}
.pagina-login .text-danger {
    color: var(--rosu)!important;
    text-align: center;
}

.form-login {
    /*position: fixed; bottom: 0; left: 0; z-index: 10;*/
    margin-top: 50px;
    width: calc(100% - 20px);
}
.form-login h3 {
    font: 600 24px/1.2 fig;
    text-align: center;
    margin: 0 0 20px 0;
}
.form-login .form-group {
    margin: 0 0 10px 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px 10px 0 10px;
}
.form-login label.control-label {
    display: block;
    margin: 0;
    padding: 0;
    color: #717a98;
    font: 500 12px / 1 fig;
}
.form-login input::placeholder {
    background: #fff !important;
}
.form-login input {
    display: block; width: 100%; height: 35px;
    border: none;
    padding: 0;
    color: var(--mov);
    font: 500 18px/1 fig;
    transition: all 0.5s;
}
.form-login input:focus {
    box-shadow: none !important;
}
.form-login input:-internal-autofill-selected {
    appearance: menulist-button;
    background-image: none !important;
    background-color: #fff !important;
    color: fieldtext !important;
    font: 500 18px/1 fig !important;
}
.buton-login {
    display: flex; flex-wrap: wrap;
    justify-content: center; align-items: center;
    width: 100%; height: 50px;
    background: var(--rosu); color: #fff;
    border-radius: 5px; border: none; outline: none;
    font: 600 18px/1 fig;
    transition: all 0.5s;
    margin: 0 0 10px 0;
}
.buton-parola {
    display: flex; flex-wrap: wrap;
    justify-content: center; align-items: center;
    width: 100%; height: 50px;
    background: #efeff7; color: var(--mov);
    border-radius: 5px; border: none; outline: none;
    font: 600 18px/1 fig;
    transition: all 0.5s;
    margin: 0 0 10px 0;
}
.form-login .copy {justify-content: center; padding: 0 0 10px 0;}
.form-login .beta {
    text-align: center;
    font: 700 16px/1 fig;
}
/* End Login */



.dashboard {
    width: 100%;
    overflow: hidden;
}
.dashboard + .wrapper-md + .app-aside-right {display: none;}

.show {
	visibility: visible;
}
.dropdown-menu.show {
	display: block;
}



.meniu-setari .subcategory-container {
    text-align: center;
}
.subcategory-square {
    position: relative;
    display: flex; flex-wrap: wrap; justify-content: space-between;
    align-items: center;
    background: #fff;
    border-radius: 5px;
    padding: 10px; margin: 5px;
}
.children-list {
    width: 100%;
    background: #fff;
    padding: 10px;
    border: 1px solid #ccc;
    border-top: none;
    border-radius: 0 0 5px 5px;
    text-align: left;
}
.subcategory-square:last-child .children-list {
    left: initial; right: 0;
}

.meniu-setari a {color: var(--mov);}
.meniu-setari .arrow {
    margin: 0 -6px 0 8px;
    cursor: pointer;
    border-radius: 100px;
    border: 1px solid #ccc;
}
.mso {
    font: 400 24px/1 var(--mso);   
}
.meniu-setari .children-list a {
    display: block;
    padding: 4px 0;
    color: var(--gri4);
}
.meniu-setari a:hover {color: var(--rosu);}

.img-thumbnail {
    border-radius: 10px;
    margin: 10px 0;
}

.notif span em {
    position: absolute; top: 0; left: 14px;
    display: flex; justify-content: center; align-items: center;
    width: 26px; height: 26px;
    border-radius: 100px;
    background: var(--rosu); color: #fff;
    font: 500 12px/1 fig;
}


.footer-general {
    position: fixed; bottom: 0; left: 0; z-index: 10;
    width: 100%; padding: 10px 0;
    background: #fff;
}
.body-adauga-masina .footer-general {display: none;}
.footer-general:after {
    content: "";
    display: block;
    width: 100%;
    height: 18px;
    background: linear-gradient(transparent, #000);
    position: absolute;
    top: -18px;
    left: 0;
    opacity: 0.2;
}
.footer-general ul {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.footer-general li {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 0 3px;
}
.footer-general li a {
    position: relative;
    display: block;
    text-align: center;
    padding: 8px 15px;
    margin: 0 2px;
    font: 400 14px/1 fig;
    color: var(--gri);
    border-radius: 5px;
    transition: all 0.5s;
    cursor: pointer;
}
.footer-general li a:before {
    content: "";
    display: block;
    width: 25px;
    height: 25px;
    margin: 0 auto 5px auto;
    background: var(--gri);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
}
.footer-general li.sarc a:before {
    -webkit-mask-image: url(../assets/feathericons/bookmark.svg);
}
.footer-general li.notif a:before {
    -webkit-mask-image: url(../assets/feathericons/bell15.svg);
}
.footer-general li.adauga a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 76px;
    height: 40px;
    background-image: linear-gradient(to top, var(--mov), var(--rosu));
    border-radius: 100px;
}
.footer-general li.adauga a:before {
    width: 34px;
    height: 30px;
    background: #fff;
    -webkit-mask-image: url(../assets/transport_12942370.svg);
}
.footer-general li.adauga a span {display: none;}
.sarc {order: 5;}
.notif {order: 15;}
.footer-general li.sarc.active a, 
.footer-general li.notif.active a {
    background: var(--mov);
    color: #fff;
}
.footer-general li.sarc.active a:before, 
.footer-general li.notif.active a:before {
    background: #fff;
}
.footer-general li.notif.cling a:after {
    content: "";
    position: absolute; top: 9px; right: 35px;
    display: block; width: 8px; height: 8px;
    border-radius: 100px;
    background: var(--rosu);
}


footer {
    margin: 50px 0;
    color: var(--gri4);
}
.footer-menu {
    display: flex; flex-wrap: wrap;
    justify-content: start; align-items: center;
}
footer a {
    display: inline-flex; align-items: center;
    color: var(--gri4);
    margin: 0 10px;
}
footer a .mso {color: var(--gri4);}
.copy {
    display: flex; flex-wrap: wrap;
    justify-content: start; align-items: center; 
    padding: 0 0 60px 0;
}

.alert {
	position: relative;
	padding: 0.75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: 0.25rem;
}
.alert {
  font-size: 13px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.alert .close i {
  display: block;
  font-size: 12px;
  font-weight: normal;
}
.alert-dismissible .close {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0.75rem 1.25rem;
	color: inherit;
}
button.close {
	padding: 0;
	background-color: transparent;
	border: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.close {
	float: right;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	opacity: .5;
}
.alert-danger {
	background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
	background-image: -o-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#e7c3c3));
	background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
	background-repeat: repeat-x;
	border-color: #dca7a7;
}

.alert-danger {
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
}
.custom-alert {
    background-color: #e7f3fe;
    color: var(--mov);
    padding: 15px;
    margin: 10px 0;
    font: 500 16px/1.2 fig;
    position: relative;
    border-bottom: 1px solid #ccc;
}
.custom-alert .alert-link {
    color: var(--mov);
    text-decoration: underline;
}
.custom-alert .alert-buttons {
    margin-top: 10px;
    display: flex; flex-wrap: wrap;
    align-items: center;
}
.custom-alert .btn-ignore,
.custom-alert .btn-notifications {
    padding: 6px 12px;
    margin-right: 5px;
    border-radius: 5px;
    border: none; outline: 0;
    cursor: pointer;
    font-size: 14px;
}
.custom-alert .btn-ignore {
    background: #d8dbee;
    color: var(--mov);
    padding: 8px 20px;
}
.custom-alert .btn-notifications {
    display: inline-flex; align-items: center;
    background: var(--mov-deschis);
    color: #fff;
    text-decoration: none;
}
.custom-alert .btn-notifications:before {
    content: "";
    display: inline-flex;
    width: 20px; height: 20px;
    margin: 0 5px 0 -3px;
    background: #fff;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat; 
    -webkit-mask-image: url(../assets/google/notifications_24dp_5F6368_FILL1_wght400_GRAD0_opsz24.svg);
}