﻿html {
    height: 100%;
}

body {
    font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
    border: 0px;
    padding: 0px;
    margin: 0px;
    /*min-height: 100%;*/
    height: 100%;
    width: 100%;
    background-color: white;
}

#body {
    height: 100%;
    width: 100%;
    display: table;
    min-height: 100%;
}

div {
    display: block;
}

#footer {
    width: 100%;
    background-color: white;
    box-shadow: 0px 0px 16px 8px rgba(0,0,0,0.75);
}

#UnderFooter {
    padding: 5px;
}

#viewSwitcher a {
    font-weight: bold;
    color: #1395D4;
}

#main {
    /*padding-top:120px;
	padding-bottom:150px;
	min-height: 100%;*/
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;

        /*overflow-y: auto;
    overflow-x: hidden;*/
}

nav ul {
    position: fixed;
    left: 200px;
    right: 0px;
    top: 0px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: white;
    box-shadow: 9px 8px 16px 0px rgba(0,0,0,0.75);
    min-width: 500px;
}
/*nav  li {*/
nav ul li {
    float: left;
    font-size: 20px;
}

    /*nav li a {*/
nav ul li a {
        display: block;
        color: black;
        text-align: center;
        padding: 16px;
        text-decoration: none;
    }

.colapsMenu label {
    margin-bottom: auto;
}
#butonAlerteMeniu {
    padding: 11px;
}

#butonAlerteMeniu2 {
    padding: 11px;
}

nav li a:hover {
    background-color: #1395D4;
    color: white;
}

nav li a:active {
    border-top: 2px solid #1395D4;
}

#footer {
    position: fixed;
    bottom: 0px;
    height: 100px;
}

#SolonCloudLogoContainer {
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: white;
    box-shadow: 4px 8px 16px rgba(0, 0, 0, .8);
}

    #SolonCloudLogoContainer img {
        width: 200px;
        height: auto;
    }

#MenuBar {
    background-color: white;
    color: black;
    display: block;
    margin: 0px;
}

#FeaturedContentContainer {
    display: table-cell;
}

/*#LoginContainer
{
	background-color:white;
	width: 380px ;
	height:240px;
	margin-left:auto;
	margin-right:auto;
	padding:0px 10px 3px 10px;
}*/

.lblTitluFormular {
    display: block;
    color: #1395D4;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 10px;
}

.txtField {
    width: 375px;
    height: 30px;
    font-size: 25px;
    margin-top: 5px;
    margin-bottom: 5px;
    border: solid thin;
}

.formular {
    /*box-shadow: 0px 0px 16px 8px rgba(0,0,0,0.75);*/
    border: thin solid black;
    background-color: white;
    width: 380px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
}

.randFormular {
    width: 100%;
    display: inline-block;
}

.buttonFormular {
    background-color: #0A62AA;
    width: 100%;
    height: 40px;
    margin-top: 5px;
    margin-bottom: 5px;
    color: white;
    font-size: 16px;
    cursor: pointer;
}

.campFormular {
    font-weight: bold;
}

.buttonFormular:hover {
    background-color: #299AD2;
}

.lblField {
    font-size: 20px;
}


input[type="radio"]:checked + label {
    font-weight: bold;
    color: black;
}

input[type="radio"]:not(:checked) + label {
    font-weight: normal;
    color: black;
}

input[type="checkbox"]:checked + label {
    font-weight: bold;
    color: #5a81d6;
}

input[type="checkbox"]:not(:checked) + label {
    font-weight: normal;
    color: black;
}

.butonInchideDialog {
    position: absolute;
    top: 2px;
    right: 2px;
    border: 1px solid white;
    background-color: #0A62AA;
    font-weight: normal;
    text-align: center;
    font-weight: bold;
    color: white;
}

    .butonInchideDialog:hover {
        background-color: #299AD2;
        font-weight: bolder;
    }

.butonAdaugareDreaptaJos {
    border-radius: 50%;
    height: 60px;
    width: 60px;
    position: absolute;
    bottom: 10px;
    right: 20px;
    border: 0px;
    font-size: 50px;
    font-weight: bold;
    background-color: #0A62AA;
    color: white;
}

    .butonAdaugareDreaptaJos:hover {
        font-weight: bolder;
        background-color: #299AD2;
    }



.icoanaDocumentPersonal {
    float: left;
    height: 120px;
    width: 120px;
    background-color: whitesmoke;
    margin: 10px;
    border: 1px solid black;
    display: block;
    position: relative;
    text-align: center;
}

    .icoanaDocumentPersonal:hover {
        border: 3px solid black;
        margin-left: 8px;
        margin-top: 8px;
        margin-right: 8px;
        margin-bottom: 8px;
    }

    .icoanaDocumentPersonal img {
        max-height: 115px;
        max-width: 115px;
    }

.baraJosIcoanaDocument {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px;
    background-color: white;
    opacity: 0.8;
}

.textIcoanaDocumentPersonal {
    height: 100%;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    color: black;
    font-weight: bold;
    opacity: 1;
}

.icoanaDocumentPersonal .tooltiptext {
    visibility: hidden;
    width: 200px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    top: 0%;
    left: calc(100% + 10px);
    /*margin-left: -60px;*/
    opacity: 0;
    transition: opacity 0.3s;
    z-index: 1;
}

    .icoanaDocumentPersonal .tooltiptext::after {
        content: "";
        position: absolute;
        top: 6px;
        right: 100%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent #555 transparent transparent;
    }

.icoanaDocumentPersonal:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}


.grupaDocumentePersoanel {
    width: calc(100% - 20px);
    height: 400px;
    background-color: white;
    border: 1px solid black;
    margin: 0px 10px 10px 10px;
}

.baraTitluDocumentePersonale {
    width: calc(100% - 5px);
    height: 35px;
    background-color: #1564A6;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 24px;
    font-weight: bold;
    padding-top: 5px;
    padding-left: 5px;
}

.listaDocumentePersonale {
    width: 100%;
    height: calc(100% - 40px);
    overflow-y: auto;
    overflow-x: hidden;
}

.colapseGrupa {
    float: right;
    width: 20px;
    height: 20px;
    margin: 3px;
    background-image: url('../../Images/32_TriangleDownCircle_blue.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.modificaGrupa {
    float: right;
    width: 20px;
    height: 20px;
    margin: 3px;
    background-image: url('../../Images/32_edit_blue.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.stergeGrupa {
    float: right;
    width: 20px;
    height: 20px;
    margin: 3px;
    background-image: url('../../Images/32_delete_blue.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.icoanaAlerta {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    margin: 2px;
}

    .icoanaAlerta img {
        z-index: 4;
        height: 100%;
        width: auto;
        border-radius: 3px;
        background-color: white;
    }

    .icoanaAlerta .textAlerta {
        position: absolute;
        bottom: -5px;
        right: -8px;
        width: 18px;
        height: 18px;
        background-color: red;
        color: white;
        font-weight: bolder;
        z-index: 5;
        margin: 2px;
        text-align: center;
        border-radius: 50%;
        font-size: 16px;
    }

.icoanaAlertaWallet {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    margin: 2px;
}

.icoanaAlertaWallet img {
    z-index: 4;
    height: 100%;
    width: auto;
    border-radius: 3px;
    background-color: white;
}

#divAdaugareAlertaDocumentPersonal {
    position: absolute;
    width: 400px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 250px;
}

#divAdaugareAlertaDocumentPersonalButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

.mesagerieDivContainerTrimis {
    border-radius: 10px;
    background-color: #78e08f;
    color: black;
    padding: 10px;
    margin: 5px;
    white-space: pre;
    width: 90%;
    min-width: 200px;
    float: right;
    position: relative;
}

    .mesagerieDivContainerTrimis:after {
        content: '';
        position: absolute;
        right: 0;
        top: 50%;
        width: 0;
        height: 0;
        border: 10px solid transparent;
        border-left-color: #78e08f;
        border-right: 0;
        border-bottom: 0;
        margin-top: -5px;
        margin-right: -10px;
    }

.mesagerieDivContainerPrimit {
    background-color: #1495D4;
    color: white;
    padding: 20px;
    margin: 5px;
    white-space: pre;
    width: 90%;
    min-width: 200px;
    float: left;
    border-radius: 10px;
    position: relative;
}

    .mesagerieDivContainerPrimit:after {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        width: 0;
        height: 0;
        border: 10px solid transparent;
        border-right-color: #1495D4;
        border-left: 0;
        border-bottom: 0;
        margin-top: -5px;
        margin-left: -10px;
    }

.mesagerieSpanExpeditor {
    font-weight: bold;
}

.mesagerieSpanTimestamp {
    margin-left: 5px;
}

.mesagerieSpanMesaj {
    font-style: italic;
    white-space: pre-line;
}

.listaPrieteni {
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    width: 200px;
    border: 2px solid black;
    background-color: #f5f6fa;
}

.elementListaPrieteni {
    position: relative;
    width: 200px;
}

    .elementListaPrieteni:hover {
        background-color: #299AD2;
        color: white;
    }

    .elementListaPrieteni > * {
        cursor: pointer;
    }

.grupPozaUtilizatorListaPrieteni {
    position: relative;
}

.pozaUtilizatorListaPrieteni {
    height: 45px;
    width: 45px;
    border-radius: 50%;
}

.pozaStareUtilizatorListaPrieteni {
    height: 15px;
    width: 15px;
    border-radius: 50%;
    position: absolute;
    left: 30px;
    bottom: 3px;
}

.numeUtilizatorListaPrieteni {
    font-weight: bold;
    position: absolute;
    top: 3px;
    left: 50px;
    width: calc(100% - 55px);
}

.statusUtilizatorListaPrieteni {
    font-size: small;
    position: absolute;
    top: 30px;
    left: 50px;
    width: 145px;
    height: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.alertaUtilizatorListaPrieteni {
    position: absolute;
    top: 5px;
    right: 10px;
    width: 25px;
    border-radius: 15%;
    text-align: center;
    background-Color: red;
    Color: white;
    font-weight: bolder;
}

    .alertaUtilizatorListaPrieteni:after {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        width: 0;
        height: 0;
        border: 10px solid transparent;
        border-right-color: red;
        border-left: 0;
        border-bottom: 0;
        margin-top: -5px;
        margin-left: -10px;
    }


#taTextDeTrimis {
    width: calc(100% - 76px);
    height: 40px;
    margin: 0;
    padding: 5px;
    resize: none;
    background-color: whitesmoke;
    font-style: italic;
    font-size: medium;
}

#baraAjutatoareMesagerie {
    position: absolute;
    bottom: -11px;
    left: 0px;
    width: calc(100% - 65px);
    height: 24px;
    background-color: #f5f6fa;
}

#baraEmoticoane {
    position: absolute;
    bottom: calc(24px - 11px + 1px);
    left: 0px;
    width: calc(100% - 65px - 10px);
    height: 40px;
    background-color: #f5f6fa;
    padding: 5px;
    overflow: hidden;
}

#divMesagerie {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 203px;
    width: calc(100% - 203px);
    min-width: 300px;
    border: solid thin black;
    visibility: hidden;
    background-color: #FFFFFF;
}

#tblCereriInboundHeader tr th {
    width: 14.28%;
}

#tblCereriInbound tr td {
    width: 14.28%;
}

#tblCereriOutboundHeader tr th {
    width: 14.28%;
}

#tblCereriOutbound tr td {
    width: 14.28%;
}

#tblAlerteHeader tr th {
    width: 20%;
}

#tblAlerte tr td {
    width: 20%;
}

.thUtilizatoriHeaderL {
    width: 40%;
}

.thUtilizatoriHeaderS {
    width: 20%;
}

.tdUtilizatoriHeaderL {
    width: 40%;
}

.tdUtilizatoriHeaderS {
    width: 20%;
}

.thDrepturiUtilizatoriHeaderL {
    width: 90%;
}

.thDrepturiUtilizatoriHeaderS {
    width: 10%;
}

.tdDrepturiUtilizatoriHeaderL {
    width: 90%;
}

.tdDrepturiUtilizatoriHeaderS {
    width: 10%;
}

.centered {
    text-align: center;
}

.right {
    text-align: right;
}

.left {
    text-align: left;
}

.divDrepturiUtilizatoriModul {
    background-color: #0A62AA;
    color: white;
    font-weight: bold;
    padding: 5px;
}

.divDrepturiUtilizatoriSubmodul {
    background-color: #299AD2;
    color: white;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
}

.divDrepturiUtilizatoriActiune {
    background-color: #ffffff;
    color: black;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
}

.divDrepturiUtilizator1 {
    background-color: #0A62AA;
    color: white;
    font-weight: bold;
    padding: 5px 1px 5px 1px;
    overflow: hidden;
    font-size: 16px;
}

.divDrepturiUtilizator2 {
    background-color: #299AD2;
    color: white;
    font-weight: bold;
    padding: 5px 1px 5px 1px;
    margin-top: 5px;
    overflow: hidden;
}

.divDrepturiUtilizator3 {
    background-color: #63c4f2;
    color: black;
    font-weight: bold;
    padding: 5px 1px 5px 1px;
    margin-top: 5px;
    overflow: hidden;
}

.divDrepturiUtilizator4 {
    background-color: #9ee0ff;
    color: black;
    font-weight: bold;
    padding: 5px 1px 5px 1px;
    margin-top: 5px;
    overflow: hidden;
}

.divDrepturiUtilizator5 {
    background-color: #e5f5ff;
    color: black;
    font-weight: bold;
    padding: 5px 1px 5px 1px;
    margin-top: 5px;
    overflow: hidden;
}

.divDrepturiUtilizator6 {
    background-color: #f7fcff;
    color: black;
    font-weight: bold;
    padding: 5px 1px 5px 1px;
    margin-top: 5px;
    overflow: hidden;
}

.checkAllNoneBox {
    background-color: #ffffff;
    border: 1px solid #000000;
    width: 20px;
    height: 20px;
    overflow: hidden;
    cursor: pointer;
    float: left;
}

.thJurnalOperatiiL {
    width: 50%;
}

.thJurnalOperatiiM {
    width: 20%;
}

.thJurnalOperatiiS {
    width: 10%;
}

.tdJurnalOperatiiL {
    width: 50%;
}

.tdJurnalOperatiiM {
    width: 20%;
}

.tdJurnalOperatiiS {
    width: 10%;
}

.importantaMica {
    background-color: gold;
}

.importantaMedie {
    background-color: orange;
}

.importantaMare {
    background-color: red;
}

.thServiciiHeaderL {
    width: 40%;
}

.thServiciiHeaderS {
    width: 15%;
}

.tdServiciiHeaderL {
    width: 40%;
}

.tdServiciiHeaderS {
    width: 15%;
}

.thClientiHeaderL {
    width: 35%;
}

.thClientiHeaderM {
    width: 20%;
}

.thClientiHeaderS {
    width: 10%;
}

.tdClientiHeaderL {
    width: 35%;
}

.tdClientiHeaderM {
    width: 20%;
}

.tdClientiHeaderS {
    width: 10%;
}





.thCarneteFacturiHeaderL {
    width: 25%;
}

.thCarneteFacturiHeaderM {
    width: 15%;
}

.thCarneteFacturiHeaderS {
    width: 10%;
}

.tdCarneteFacturiHeaderL {
    width: 25%;
}

.tdCarneteFacturiHeaderM {
    width: 15%;
}

.tdCarneteFacturiHeaderS {
    width: 10%;
}




.thFacturiHeaderL {
    width: 25%;
}

.thFacturiHeaderM {
    width: 10%;
}

.thFacturiHeaderS {
    width: 5%;
}

.tdFacturiHeaderL {
    width: 25%;
}

.tdFacturiHeaderM {
    width: 10%;
}

.tdFacturiHeaderS {
    width: 5%;
}



.thOferteHeaderL {
    width: 25%;
}

.thOferteHeaderM {
    width: 10%;
}

.thOferteHeaderS {
    width: 5%;
}

.tdOferteHeaderL {
    width: 25%;
}

.tdOferteHeaderM {
    width: 10%;
}

.tdOferteHeaderS {
    width: 5%;
}




.thContracteHeaderL {
    width: 25%;
}

.thContracteHeaderM {
    width: 10%;
}

.thContracteHeaderS {
    width: 5%;
}

.tdContracteHeaderL {
    width: 25%;
}

.tdContracteHeaderM {
    width: 10%;
}

.tdContracteHeaderS {
    width: 5%;
}



.thNomenclatoareHeaderL {
    width: 80%;
}

.thNomenclatoareHeaderM {
    width: 0%;
}

.thNomenclatoareHeaderS {
    width: 20%;
}

.tdNomenclatoareL {
    width: 80%;
}

.tdNomenclatoareM {
    width: 0%;
}

.tdNomenclatoareS {
    width: 20%;
}


.thFluxuriHeaderL {
    width: 15%;
}

.thFluxuriHeaderM {
    width: 15%;
}

.thFluxuriHeaderS {
    width: 10%;
}

.tdFluxuriL {
    width: 15%;
}

.tdFluxuriM {
    width: 15%;
}

.tdFluxuriS {
    width: 10%;
}



.thContracteSalarizareHeaderL {
    width: 25%;
}

.thContracteSalarizareHeaderM {
    width: 20%;
}

.thContracteSalarizareHeaderS {
    width: 10%;
}

.tdContracteSalarizareL {
    width: 25%;
}

.tdContracteSalarizareM {
    width: 20%;
}

.tdContracteSalarizareS {
    width: 10%;
}





.thProceseRecrutareHeaderL {
    width: 25%;
}

.thProceseRecrutareHeaderM {
    width: 20%;
}

.thProceseRecrutareHeaderS {
    width: 10%;
}

.tdProceseRecrutareL {
    width: 25%;
}

.tdProceseRecrutareM {
    width: 20%;
}

.tdProceseRecrutareS {
    width: 10%;
}




.thStocuriHeaderL {
    width: 35%;
}

.thStocuriHeaderM {
    width: 11.25%;
}

.thStocuriHeaderS {
    width: 10%;
}

.tdStocuriL {
    width: 35%;
}

.tdStocuriM {
    width: 11.25%;
}

.tdStocuriS {
    width: 10%;
}



.thContabilitateFacturiHeaderL {
    width: 50%;
}

.thContabilitateFacturiHeaderM {
    width: 30%;
}

.thContabilitateFacturiHeaderS {
    width: 20%;
}

.tdContabilitateFacturiL {
    width: 50%;
}

.tdContabilitateFacturiM {
    width: 30%;
}

.tdContabilitateFacturiS {
    width: 20%;
}




.listaGrupari {
    position: absolute;
    top: 0px;
    bottom: 20px;
    left: 0px;
    width: calc(100% - 0px);
    overflow-y: auto;
    overflow-x: hidden;
    margin-top: 30px;
    /*margin-left:10px;*/
}

/*#region *********** Start AlertePersonale ************/

#AlertePersonaleMain {
    overflow: hidden;
}

.AlertePersonaleCard {
    border: 1px solid black;
    overflow: auto;
    border-radius: 15px;
    margin-bottom: 4px;
}

.AlertePersonaleTip {
    width: 100px;
    float: left;
    text-align: center;
    vertical-align: middle;
    padding-top: 10px;
}

.AlertePersonaleInfo {
    width: calc(100% - 206px);
    float: left;
}

.AlertePersonaleInfoTitlu {
    padding: 2px;
    font-weight: bold;
}

.AlertePersonaleInfoContent {
    padding: 2px;
}

.AlertePersonaleInfoData {
    padding: 2px;
    font-style: italic;
    font-size: 12px;
}

.AlertePersonaleAct {
    width: 100px;
    float: left;
    text-align: center;
    vertical-align: middle;
    padding-top: 10px;
}



.AlertePersonaleCard2 {
    border-bottom: 1px solid gray;
}

.AlertePersonaleInfo2 {
}

.AlertePersonaleInfoTitlu2 {
    padding: 1px;
    font-weight: bold;
    font-size: 12px;
    color: #ffffff;
    background-color: #0A62AA;
}

.AlertePersonaleInfoContent2 {
    padding: 1px;
    font-size: 12px;
    text-align: justify;
}

.AlertePersonaleInfoData2 {
    padding: 1px 4px 1px 1px;
    font-style: italic;
    font-size: 10px;
    text-align: right;
}

/*#endregion *********** End AlertePersonale ************/

/*#region *********** Start Mesagerie ************/

#txtCautarePrieten {
    margin-top: 2px;
    margin-left: 2px;
    border: 1px solid #0A62AA;
    padding-top: 3px;
    padding-bottom: 3px;
}

#btnCautarePrieten {
    margin-top: 2px;
    border: 1px solid #000000;
    color: #FFFFFF;
    background-color: #0A62AA;
    padding-top: 3px;
    padding-bottom: 3px;
}

    #btnCautarePrieten:hover {
        border: 1px solid #000000;
        background-color: #299AD2;
    }


#divMesagerieAntet {
    border-bottom: 1px solid #000000;
    background-color: #f5f6fa;
    line-height: 30px;
}

#divMesagerieAntetBack {
    display: none;
    padding-left: 10px;
    margin-top: 3px;
}

#divMesagerieAntetNume {
    padding-left: 10px;
    font-weight: bold;
}

#divMesagerieAntetStatus {
    padding-left: 10px;
    margin-top: 3px;
}


.mesagerieSpanTimestamp {
    font-size: 12px;
}


#listaPrieteniStare {
    height: 29px;
    overflow: hidden;
    border-bottom: 1px solid #000000;
}

#listaPrieteniStareAfisare {
    float: left;
    width: 24px;
    height: 24px;
    margin: 2px;
}

#listaPrieteniStareSelect {
    float: left;
    height: 24px;
    margin: 2px;
    width: calc(100% - 32px);
}

#cmbStare {
    width: calc(100% - 0px);
    height: 24px;
}


#ulListaPrieteni {
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}

/*#endregion *********** End Mesagerie ************/

/*#region *********** Start Cereri de conectare ************/

#CereriDeConectareInbound {
    height: 50%;
    min-width: 350px;
}

#CereriDeConectareInboundHeader {
    height: 40px;
    font-weight: bold;
    font-size: 16px;
    line-height: 40px;
}

#CereriDeConectareInboundContent {
    overflow: auto;
    height: calc(100% - 40px);
}

#CereriDeConectareOutbound {
    height: 50%;
    min-width: 350px;
}

#CereriDeConectareOutboundHeader {
    height: 40px;
    font-weight: bold;
    font-size: 16px;
    line-height: 40px;
}

#CereriDeConectareOutboundContent {
    overflow: auto;
    height: calc(100% - 40px);
}

#CereriDeConectareOutboundButtons {
    height: 60px;
    overflow: hidden;
}



.CereriDeConectareCard {
    border: 1px solid black;
    overflow: auto;
    border-radius: 15px;
    margin-bottom: 4px;
}

.CereriDeConectareCardCol1 {
    width: 100px;
    float: left;
    text-align: center;
    vertical-align: middle;
}

.CereriDeConectareCardCol2 {
    width: calc(100% - 206px);
    float: left;
}

.CereriDeConectareCardCol3 {
    width: 100px;
    float: left;
    text-align: center;
    vertical-align: middle;
    padding-top: 15px;
}

.CereriDeConectareCardTip {
    text-align: center;
    vertical-align: middle;
    margin: 5px 0 5px 0;
    font-size: 12px;
    font-weight: bold;
}

.CereriDeConectareCardStatus {
    text-align: center;
    vertical-align: middle;
    margin: 0 0 5px 0;
}

.CereriDeConectareCardUser {
    padding: 2px;
}

.CereriDeConectareCardMesaj {
    padding: 2px;
}

.CereriDeConectareCardMesajRefuz {
    padding: 2px;
}

.CereriDeConectareCardData {
    padding: 2px;
    font-style: italic;
    font-size: 12px;
}



.btnAdaugaCerereDeConectareMesagerie {
    float: right;
    height: 40px;
    background-color: #0A62AA;
    color: white;
    font-size: 16px;
    border: 1px solid #000000;
    cursor: pointer;
}

    .btnAdaugaCerereDeConectareMesagerie:hover {
        background-color: #299AD2;
    }



#divAdaugareCerereDeConectareMesagerie {
    position: absolute;
    width: 400px;
    height: 267px;
    left: calc(50% - 200px);
    top: calc(50% - 100px);
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
}

#txtDestinatarCerereConectare {
    width: calc(100% - 2px);
    border: 1px solid #000000;
}

#tblListaDestinatariCerereConectare {
    width: calc(100% - 0px);
    background-color: #f2f2f2;
    cursor: pointer;
}

.tdDestinatarCerereConectare {
    border: 1px solid #f2f2f2;
}

    .tdDestinatarCerereConectare:hover {
        background-color: #0A62AA;
        color: white;
        border: 1px solid #000000;
    }

#divCerereConectareButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

#btnCancelCerereConectare {
    /*border: 1px solid #000000;
    cursor: pointer;
    background-color:#0A62AA;
    color:white;
    padding: 4px;*/
}

    #btnCancelCerereConectare:hover {
        /*background-color:#299AD2;*/
    }

#btnSaveCerereConectare {
    /*border: 1px solid #000000;
    cursor: pointer;
    background-color:#0A62AA;
    color:white;
    padding: 4px;*/
}

    #btnSaveCerereConectare:hover {
        /*background-color:#299AD2;*/
    }



#divCerereConectareRefuz {
    position: absolute;
    width: 400px;
    height: 200px;
    left: calc(50% - 200px);
    top: calc(50% - 100px);
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
}

#divCerereConectareButoaneRefuz {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

#btnCancelCerereConectareRefuz {
    border: 1px solid #000000;
    cursor: pointer;
    background-color: #0A62AA;
    color: white;
    padding: 4px;
}

    #btnCancelCerereConectareRefuz:hover {
        background-color: #299AD2;
    }

#btnSaveCerereConectareRefuz {
    border: 1px solid #000000;
    cursor: pointer;
    background-color: #0A62AA;
    color: white;
    padding: 4px;
}

    #btnSaveCerereConectareRefuz:hover {
        background-color: #299AD2;
    }

/*#endregion *********** End Cereri de conectare ************/

/*#region *********** Start General Styles ************/

.scalar {
    font-weight: bold;
}

table.blueTable {
    table-layout: fixed;
    border-collapse: collapse;
    border-width: 1px;
    width: 100%;
}

    table.blueTable tr:nth-child(even) {
        background-color: #ffffff;
    }

    table.blueTable tr:nth-child(odd) {
        background-color: #f9f9f9;
    }

    table.blueTable th {
        background-color: #0A62AA;
        color: #ffffff;
        font-weight: bold;
        padding: 6px;
    }

    table.blueTable td {
        padding: 4px;
        /*color: #000000;*/
    }

    table.blueTable tr:hover {
        background-color: #f2f2f2;
    }



  table.blueTableCompact {
    border: 0;
  }
  
  table.blueTableCompact thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table.blueTableCompact tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
  table.blueTableCompact td {
    border-bottom: 1px solid #ddd;
    display: block;
    /*font-size: .8em;*/
    text-align: right !important;
  }
  
  table.blueTableCompact td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  table.blueTableCompact td:last-child {
    border-bottom: 0;
  }

  .favButton {
    cursor: pointer;
    background-color: #088a0b;
    border: 1px solid #ffffff;
    color: #FFFFFF;
    padding: 4px;
	width: 150px;
}

    .favButton:hover {
        background-color: #056e08;
    }


.blueButton {
    cursor: pointer;
    background-color: #0A62AA;
    border: 1px solid #000000;
    color: #FFFFFF;
    padding: 4px;
}

    .blueButton:hover {
        background-color: #299AD2;
    }



.blueTextBox {
    border: 1px solid #0A62AA;
    padding: 4px;
}



.butonRotund {
    cursor: pointer;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    border: 0px;
    font-size: 25px;
    font-weight: bold;
    background-color: #0A62AA;
    color: white;
}

    .butonRotund:hover {
        font-weight: bolder;
        background-color: #299AD2;
    }


.blueLink {
    color: #0A62AA;
    cursor: pointer;
}

    .blueLink:hover {
        color: #299AD2;
    }

.whiteLink {
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
}

    .whiteLink:hover {
        text-decoration: underline;
    }


.blueSelect {
    border: 1px solid #0A62AA;
    padding: 3px;
}

.blueSelectTitleBar {
    color: white;
    background-color: #f0f8ff11;
    background-image: url('../../Images/32_dropdown_down_grey5.png');
    background-size: 12px 12px;
    background-repeat: no-repeat;
    background-position: calc(100% - 8px);
    border: none;
    padding: 3px;
    margin-left: 5px;
    /*margin-right: 5px;*/
    border-radius: 5px;
    height: 26px;
    width: 100%;
    font-weight: bold;
    -moz-appearance: none;
    -webkit-appearance: none;
}

    .blueSelectTitleBar:hover {
        background-color: #f0f8ff55;
    }

    /*.blueSelectTitleBar:focus {
        background-image: url('../../Images/32_dropdown_up_grey5.png');
    }*/

    .blueSelectTitleBar::-ms-expand {
        display: none;
    }

    .blueSelectTitleBar option {
        color: steelblue;
    }

.blueSearchButton {
    cursor: pointer;
    background-color: #0A62AA;
    border: 1px solid #000000;
    color: #FFFFFF;
    padding: 4px;
    padding-left: 29px;
    background-image: url('../../Images/xx_search.png');
    background-repeat: no-repeat;
    background-position: 2px 2px;
    background-size: 20px 20px;
}

    .blueSearchButton:hover {
        background-color: #299AD2;
    }

.blueSaveButton {
    cursor: pointer;
    background-color: #0A62AA;
    border: 1px solid #000000;
    color: #FFFFFF;
    padding: 4px;
    padding-left: 29px;
    background-image: url('../../Images/xx_save.png');
    background-repeat: no-repeat;
    background-position: 2px 2px;
    background-size: 20px 20px;
}

    .blueSaveButton:hover {
        background-color: #299AD2;
    }

.blueCancelButton {
    cursor: pointer;
    background-color: #0A62AA;
    border: 1px solid #000000;
    color: #FFFFFF;
    padding: 4px;
    padding-left: 29px;
    background-image: url('../../Images/xx_cancel.png');
    background-repeat: no-repeat;
    background-position: 2px 2px;
    background-size: 20px 20px;
}

    .blueCancelButton:hover {
        background-color: #299AD2;
    }

.blueAddButton {
    cursor: pointer;
    background-color: #0A62AA;
    border: 1px solid #000000;
    color: #FFFFFF;
    padding: 4px;
    padding-left: 29px;
    background-image: url('../../Images/xx_add.png');
    background-repeat: no-repeat;
    background-position: 2px 2px;
    background-size: 20px 20px;
}

    .blueAddButton:hover {
        background-color: #299AD2;
    }

.blueReturnButton {
    cursor: pointer;
    background-color: #0A62AA;
    border: 1px solid #000000;
    color: #FFFFFF;
    padding: 4px;
    padding-left: 29px;
    background-image: url('../../Images/xx_return.png');
    background-repeat: no-repeat;
    background-position: 2px 2px;
    background-size: 20px 20px;
}

    .blueReturnButton:hover {
        background-color: #299AD2;
    }

.blueEditButton {
    cursor: pointer;
    background-color: #0A62AA;
    border: 1px solid #000000;
    color: #FFFFFF;
    padding: 4px;
    padding-left: 29px;
    background-image: url('../../Images/xx_edit.png');
    background-repeat: no-repeat;
    background-position: 2px 2px;
    background-size: 20px 20px;
}

    .blueEditButton:hover {
        background-color: #299AD2;
    }

.blueDeleteButton {
    cursor: pointer;
    background-color: #0A62AA;
    border: 1px solid #000000;
    color: #FFFFFF;
    padding: 4px;
    padding-left: 29px;
    background-image: url('../../Images/xx_delete.png');
    background-repeat: no-repeat;
    background-position: 2px 2px;
    background-size: 20px 20px;
}

    .blueDeleteButton:hover {
        background-color: #299AD2;
    }

.blueOkButton {
    cursor: pointer;
    background-color: #0A62AA;
    border: 1px solid #000000;
    color: #FFFFFF;
    padding: 4px;
    padding-left: 29px;
    background-image: url('../../Images/xx_ok.png');
    background-repeat: no-repeat;
    background-position: 2px 2px;
    background-size: 20px 20px;
}

    .blueOkButton:hover {
        background-color: #299AD2;
    }

.blueExportButton {
    cursor: pointer;
    background-color: #0A62AA;
    border: 1px solid #000000;
    color: #FFFFFF;
    padding: 4px;
    padding-left: 29px;
    background-image: url('../../Images/xx_export.png');
    background-repeat: no-repeat;
    background-position: 2px 2px;
    background-size: 20px 20px;
}

    .blueExportButton:hover {
        background-color: #299AD2;
    }

.blueCoinsButton {
    cursor: pointer;
    background-color: #0A62AA;
    border: 1px solid #000000;
    color: #FFFFFF;
    padding: 4px;
    padding-left: 29px;
    background-image: url('../../Images/xx_coins.png');
    background-repeat: no-repeat;
    background-position: 2px 2px;
    background-size: 20px 20px;
}

    .blueCoinsButton:hover {
        background-color: #299AD2;
    }

.bluePdfButton {
    cursor: pointer;
    background-color: #0A62AA;
    border: 1px solid #000000;
    color: #FFFFFF;
    padding: 4px;
    padding-left: 29px;
    background-image: url('../../Images/xx_pdf.png');
    background-repeat: no-repeat;
    background-position: 2px 2px;
    background-size: 20px 20px;
}

    .bluePdfButton:hover {
        background-color: #299AD2;
    }

.blueArchiveButton {
    cursor: pointer;
    background-color: #0A62AA;
    border: 1px solid #000000;
    color: #FFFFFF;
    padding: 4px;
    padding-left: 29px;
    background-image: url('../../Images/32_arhiva_gold.png');
    background-repeat: no-repeat;
    background-position: 2px 2px;
    background-size: 20px 20px;
}

    .blueArchiveButton:hover {
        background-color: #299AD2;
    }

.blueSettingsButton {
    cursor: pointer;
    background-color: #0A62AA;
    border: 1px solid #000000;
    color: #FFFFFF;
    padding: 4px;
    padding-left: 29px;
    background-image: url('../../Images/xx_settings.png');
    background-repeat: no-repeat;
    background-position: 2px 2px;
    background-size: 20px 20px;
}

    .blueSettingsButton:hover {
        background-color: #299AD2;
    }

.blueBlueAlertButton {
    cursor: pointer;
    background-color: #0A62AA;
    border: 1px solid #000000;
    color: #FFFFFF;
    padding: 4px;
    padding-left: 29px;
    background-image: url('../../Images/32_alerta_blueOnGrey.png');
    background-repeat: no-repeat;
    background-position: 2px 2px;
    background-size: 20px 20px;
}

    .blueBlueAlertButton:hover {
        background-color: #299AD2;
    }

.blueGreenAlertButton {
    cursor: pointer;
    background-color: #0A62AA;
    border: 1px solid #000000;
    color: #FFFFFF;
    padding: 4px;
    padding-left: 29px;
    background-image: url('../../Images/32_alerta_greenOnGray.png');
    background-repeat: no-repeat;
    background-position: 2px 2px;
    background-size: 20px 20px;
}

    .blueGreenAlertButton:hover {
        background-color: #299AD2;
    }

.blueImageButtonBig {
    padding: 6px;
    padding-left: 31px;
    background-size: 24px 24px;
}

.blueImageOnlyButton {
    padding-left: 24px;
    width: 24px;
    background-position: center center;
}

.blueImageOnlyButtonVeryBig {
    padding-left: 26px;
    width: 40px;
    height: 40px;
    background-size: 26px 26px;
    background-position: center center;
}

.blueImageOnlyButtonRound {
    border-radius: 50%;
}



.cbcontainer {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 4px;
    cursor: pointer;
    font-size: 20px;
    font-family: Calibri;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default checkbox */
    .cbcontainer input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
        display: none;
    }

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.cbcontainer:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.cbcontainer input:checked ~ .checkmark {
    background-color: #0A62AA;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.cbcontainer input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.cbcontainer .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.disableSelection {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.cbcontainer2 {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 4px;
    cursor: pointer;
    font-size: 16px;
    font-family: Calibri;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default checkbox */
    .cbcontainer2 input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
        display: none;
    }

/* Create a custom checkbox */
.checkmark2 {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.cbcontainer2:hover input ~ .checkmark2 {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.cbcontainer2 input:checked ~ .checkmark2 {
    background-color: #0A62AA;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark2:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.cbcontainer2 input:checked ~ .checkmark2:after {
    display: block;
}

/* Style the checkmark/indicator */
.cbcontainer2 .checkmark2:after {
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}



.rbcontainer {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 4px;
    cursor: pointer;
    font-size: 16px;
    font-family: Calibri;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default checkbox */
    .rbcontainer input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
        display: none;
    }

/* Create a custom checkbox */
.radiomark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border-radius: 25px;
}

/* On mouse-over, add a grey background color */
.rbcontainer:hover input ~ .radiomark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.rbcontainer input:checked ~ .radiomark {
    background-color: #0A62AA;
}

/* Create the checkmark/indicator (hidden when not checked) */
.radiomark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.rbcontainer input:checked ~ .radiomark:after {
    display: block;
}

/* Style the checkmark/indicator */
.rbcontainer .radiomark:after {
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}



.tdW10 {
    width: 10%;
}

.tdW20 {
    width: 20%;
}

.tdW30 {
    width: 30%;
}

.tdW40 {
    width: 40%;
}

.darkScreen {
    left: -10px;
    opacity: 0.4;
    z-index: 1;
    height: calc(100% + 20px);
    position: absolute;
    top: -10px;
    visibility: hidden;
    background-color: rgb(0, 0, 0);
    width: calc(100% + 20px);
}

.darkScreen2 {
    left: 0px;
    opacity: 0.4;
    z-index: 1;
    height: calc(100% - 0px);
    position: absolute;
    top: 0px;
    visibility: hidden;
    background-color: rgb(0, 0, 0);
    width: calc(100% + 20px);
}

.divDialog {
    position: absolute;
    width: 400px;
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 200px;
}

.divDialogBig {
    position: absolute;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    left: 10px;/*calc(50% - 200px);*/
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    /*max-height: 200px;*/
}

.divDialog800x600 {
    position: absolute;
    width: 800px;
    height: calc(100% - 20px);
    left: calc(50% - 400px);
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 600px;
}

.divDialogButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

.divDialog3d {
    position: absolute;
    width: 400px;
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    top: 10px;
    background: linear-gradient(#fcfcfc, aliceblue);
    border: 1px solid #1e3b53;
    z-index: 2;
    max-height: 100%;
}

.divDialog3dBaraTitlu {
    padding: 5px;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    background: linear-gradient(steelblue, #0A62AA);
    color: white;
}

.divDialog3dTitlu {
    font-weight: bold;
    text-align: center;
    float: left;
    width: calc(100% - 40px);
    padding-left: 20px;
}

.divDialog3dContinut {
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100% - 40px - 40px);
    padding: 5px;
}

.divDialog3dComenzi {
    padding: 5px;
}

.divDialog3dContinutSectiune {
    background: linear-gradient(steelblue, #0A62AA);
    padding: 5px;
    border-radius: 5px;
    margin-bottom: 5px;
}

.divDialog3dContinutSectiuneTitlu {
    padding: 5px;
    border-radius: 5px;
    font-weight: bold;
    color: white;
    margin-bottom: 5px;
}

.imgDialog3dContinutSectiuneIcon {
    vertical-align: middle;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 20px;
}

.imgDialog3dContinutSectiuneButton {
    vertical-align: middle;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-color: #f0f8ff11;
    background-size: 12px 12px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 20px;
    cursor: pointer;
}

    .imgDialog3dContinutSectiuneButton:hover {
        background-color: #f0f8ff55;
    }

.spanDialog3dContinutSectiuneTitlu {
    padding-left: 3px;
    display: inline-block;
    width: calc(100% - 30px);
}

.divDialog3dButon {
    vertical-align: middle;
    float: right;
    width: 20px;
    height: 20px;
    background-color: #f0f8ff11;
    background-size: 12px 12px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 20px;
    cursor: pointer;
}

    .divDialog3dButon:hover {
        background-color: #f0f8ff55;
    }

.divDialog3dButon24Blue {
    vertical-align: middle;
    float: right;
    width: 24px;
    height: 24px;
    background-color: #4682b477;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 20px;
    cursor: pointer;
    display: inline-block;
}

    .divDialog3dButon24Blue:hover {
        background-color: #4682b4cc;
    }

.divDialog3dButon34Blue {
    vertical-align: middle;
    width: 34px;
    height: 34px;
    background-color: #4682b477;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 20px;
    cursor: pointer;
    display: inline-block;
}

    .divDialog3dButon34Blue:hover {
        background-color: #4682b4cc;
    }

.spanButonCircular {
    vertical-align: middle;
    width: 24px;
    height: 24px;
    background-color: #f0f8ff11;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 20px;
    cursor: pointer;
    display: inline-block;
}

    .spanButonCircular:hover {
        background-color: #f0f8ff55;
    }

.divDialog3dElementeAscunse {
    display: none;
}

.divDialog3dPanouTaskuriEticheteEtichetaMockup_OLD {
    border-radius: 20px;
    text-align: center;
    /*font-weight: bold;*/
    padding: 2px;
}

.divDialog3dPanouTaskuriEticheteEtichetaMockup {
    width: calc(100% - 75px);
    border-radius: 20px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

.txtDialog3dPanouTaskuriEticheteEticheta {
    width: calc(100% - 20px);
    border-radius: 20px;
    border: none;
    background: transparent;
    margin: 5px;
    text-align: center;
}

    .txtDialog3dPanouTaskuriEticheteEticheta:focus {
        background: linear-gradient(#fcfcfc, aliceblue);
        color: black !important;
    }

.divBulinaGradient24 {
    width: 24px;
    height: 24px;
    border-radius: 20px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 3px;
}

.divDialog3dButonRotund24 {
    width: 24px;
    height: 24px;
    border-radius: 20px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    background-image: url('../../Images/32_delete_grey.png');
    background: linear-gradient(#5fba7e, #4aa669);
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-position: center;
}

    .divDialog3dButonRotund24:hover {
        background: linear-gradient(#73cd92, #5fba7e);
    }

.divDialog3dPanouTaskuriEticheteAdaugaNou {
    height: 30px;
    background: linear-gradient(#5fba7e, #4aa669);
    text-align: center;
    color: white;
    font-weight: bold;
    border-radius: 5px;
    cursor: pointer;
}

    .divDialog3dPanouTaskuriEticheteAdaugaNou:hover {
        background: linear-gradient(#73cd92, #5fba7e);
    }

.spanDialog3dPanouTaskuriEticheteAdaugaNou {
    line-height: 30px;
}

.verticalText
{
	writing-mode: tb-rl;
    transform: rotate(-180deg);
}
.verticalTextSmall
{
	writing-mode: tb-rl;
    transform: rotate(-180deg);
	font-size: 12px;
}

/*#endregion *********** End General Styles ************/

#ulListaAdmin .liActiveElement, #ulListaStandard .liActiveElement{
    /*background-color: #f2f2f2;*/
}

.liActiveElement a {
    color: white;
}

/*#region *********** Start Utilizatori ************/

#divAdaugareInrolareUtilizatorFirma {
    /*position: absolute;
    width: 400px;
    height: 350px;
    left: calc(50% - 200px);
    top: calc(50% - 100px);
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;*/
}

#txtDestinatarInrolareUtilizatorFirma {
    width: calc(100% - 2px);
    border: 1px solid #000000;
}

#txtDescriereInrolareUtilizatorFirma {
    width: calc(100% - 2px);
    border: 1px solid #000000;
}

#tblListaDestinatariInrolareUtilizatorFirma {
    width: calc(100% - 0px);
    background-color: #f2f2f2;
    cursor: pointer;
}

.tdDestinatarInrolareUtilizatorFirma {
    border: 1px solid #f2f2f2;
}

    .tdDestinatarInrolareUtilizatorFirma:hover {
        background-color: #0A62AA;
        color: white;
        border: 1px solid #000000;
    }

#divInrolareUtilizatorFirmaButoane {
    /*position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);*/
}




#divInrolareLaFiliala {
    position: absolute;
    width: 400px;
    height: 275px;
    left: calc(50% - 200px);
    top: calc(50% - 100px);
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
}

#divInrolareLaFilialaComenzi {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}




.UtilizatorCard {
    border: 1px solid #0A62AA;
    overflow: hidden;
    border-radius: 15px;
    margin-bottom: 2px;
    width: calc(100% - 4px);
    min-width: 300px;
}

.UtilizatorCardCol1 {
    width: calc(100% - 112px);
    float: left;
    padding: 4px;
}

.UtilizatorCardCol2 {
    width: 100px;
    float: right;
    text-align: center;
    vertical-align: middle;
    padding-top: 10px;
}

#divInrolareClient {
    position: absolute;
    width: 400px;
    height: 250px;
    left: calc(50% - 200px);
    top: calc(50% - 100px);
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
}

#divInrolareClientBody {
}

/*#endregion *********** End Utilizatori ************/

/*#region *********** Start Grupuri ************/

#divAdaugareGrupFirma {
    position: absolute;
    width: 400px;
    /*height: 200px;*/
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 100px);*/
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 200px;
}

#txtGrupuriGrup {
    /*width: calc(100% - 2px);
    border: 1px solid #000000;*/
}

#divAdaugareGrupFirmaButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

#txtAdaugareGrupDenumireGrup {
    /*width: calc(100% - 2px);
    border: 1px solid #000000;*/
}


.GrupCard {
    border: 1px solid #0A62AA;
    overflow: hidden;
    border-radius: 15px;
    margin-bottom: 2px;
    width: calc(100% - 4px);
    min-width: 300px;
}

.GrupCardCol1 {
    width: calc(100% - 112px);
    float: left;
    padding: 4px;
    line-height: 20px;
}

.GrupCardCol2 {
    width: 100px;
    float: right;
    text-align: center;
    vertical-align: middle;
    padding-top: 4px;
}

/*#endregion *********** End Grupuri ************/

/*#region *********** Start Clienti ************/

.ClientiCard {
    border: 1px solid #0A62AA;
    overflow: hidden;
    border-radius: 15px;
    margin-bottom: 2px;
    width: calc(100% - 4px);
    min-width: 300px;
}

.ClientiCardCol1 {
    width: 100px;
    float: left;
    text-align: center;
    vertical-align: middle;
    padding-top: 5px;
}

.ClientiCardCol2 {
    width: calc(100% - 389px);
    float: left;
    padding: 4px;
}

.ClientiCardCol3 {
    width: 262px;
    float: right;
    text-align: center;
    vertical-align: middle;
    padding-top: 5px;
}


.divAdaugareClientButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

/*#endregion *********** End Clienti ************/

/*#region *********** Start CoduriCentrala ************/

#divEditare{
    position: absolute;
    width: 400px;
    height: 200px;
    left: calc(50% - 200px);
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 525px;
}

.divEditareButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

/*#endregion *********** End CoduriCentrala ************/

/*#region *********** Start FluxuriClienti ************/

#divFluxuriFiltrare {
    display: none;
}

#divFluxuriFiltrare2 {
    display: block;
}

#divAdaugareFlux {
    position: absolute;
    width: 400px;
    /*height: 450px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 225px);*/
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 450px;
}

#divAdaugareFluxButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

#divAdaugareClient {
    position: absolute;
    width: 400px;
    /*height: 500px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 250px);*/
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 525px;
}

#divAdaugareClientFluxButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

#divFiltruFluxuriClienti {
    position: absolute;
    width: 300px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 150px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 335px;
}

#divFiltruFluxuriClientiButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}



.FluxuriClientiCard {
    border: 1px solid #0A62AA;
    overflow: hidden;
    border-radius: 15px;
    margin-bottom: 2px;
    width: calc(100% - 4px);
    min-width: 300px;
}

.FluxuriClientiCardRand1 {
    width: 100%;
    overflow: hidden;
    margin-top: 2px;
    margin-bottom: 2px;
}

.FluxuriClientiCardRand2 {
    width: 100%;
    overflow: hidden;
    margin-top: 2px;
    margin-bottom: 2px;
    background-color: #f9f9f9;
}

.FluxuriClientiCardRand3 {
    width: 100%;
    overflow: hidden;
    margin-top: 2px;
    margin-bottom: 2px;
}

.FluxuriClientiCardRand4 {
    width: 100%;
    overflow: hidden;
    display: none;
    margin-top: 2px;
    margin-bottom: 2px;
    padding-left: 4px;
}

.FluxuriClientiCardR1C1 {
    width: calc(50% - 10px);
    float: left;
    padding-left: 4px;
}

.FluxuriClientiCardR1C2 {
    width: calc(50% - 10px);
    float: left;
}

.FluxuriClientiCardR2C1 {
    width: 100px;
    float: left;
    text-align: center;
    vertical-align: middle;
}

.FluxuriClientiCardR2C2 {
    width: calc(100% - 206px);
    float: left;
}

.FluxuriClientiCardR2C3 {
    width: 100px;
    float: right;
    text-align: center;
    vertical-align: middle;
    padding-top: 5px;
}

.FluxuriClientiCardR3C1 {
    width: calc(100% - 106px);
    float: left;
    padding-left: 4px;
    margin-top: 4px;
    margin-bottom: 4px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.FluxuriClientiCardR3C2 {
    width: 100px;
    float: right;
    text-align: center;
    vertical-align: middle;
}

/*#endregion *********** End FluxuriClienti ************/

/*#region *********** Start CarneteFacturi ************/

#divAdaugareCarnetFacturi {
    position: absolute;
    width: 400px;
    /*height: 350px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px);*/
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 370px;
}

#divAdaugareCarnetFacturiButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}



.CarnetFacturaCard {
    border: 1px solid #0A62AA;
    overflow: hidden;
    border-radius: 15px;
    margin-bottom: 2px;
    width: calc(100% - 4px);
    min-width: 300px;
}

.CarnetFacturaCol1 {
    width: calc(100% - 112px);
    float: left;
    padding: 4px;
}

.CarnetFacturaCol2 {
    width: 100px;
    float: right;
    text-align: center;
    vertical-align: middle;
    padding-top: 10px;
}


#divAdaugareAlertaCarnetFacturiExpirare {
    position: absolute;
    width: 400px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 270px;
}

#divAdaugareAlertaCarnetFacturiExpirareButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

#divAdaugareAlertaCarnetFacturiConsumare {
    position: absolute;
    width: 400px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 270px;
}

#divAdaugareAlertaCarnetFacturiConsumareButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

/*#endregion *********** End CarneteFacturi ************/

/*#region *********** Start Servicii ************/

#divAdaugareServiciu {
    position: absolute;
    width: 400px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px);*/
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 320px;
}

#divAdaugareServiciuButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

/*#endregion *********** End Servicii ************/

/*#region *********** Start Nomenclatoare ************/

#divAddNomenclator {
    position: absolute;
    width: 400px;
    /*height: 180px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 90px);*/
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 300px;
}

#divAddNomenclatorButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

.NomenclComenzi {
    text-align: center;
    width: 170px;
}

/*#endregion *********** End Nomenclatoare ************/

/*#region *********** Start JurnalOperatii ************/

#divJurnalOperatiiFiltrare {
    display: none;
}

#divJurnalOperatiiFiltrare2 {
    display: block;
}

#divFiltruJurnalOperatii {
    position: absolute;
    width: 300px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 150px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 275px;
}

#divFiltruJurnalOperatiiButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

.JurnalOperatiiCard {
    border: 1px solid #0A62AA;
    overflow: hidden;
    /*border-radius: 15px;*/
    margin-bottom: 1px;
    margin-top: 1px;
    width: calc(100% - 2px);
    min-width: 300px;
}

.JurnalOperatiiCardCol1 {
    width: 18px;
    height: 100%;
    float: left;
    text-align: left;
    padding: 4px;
    border-radius: 15px;
    margin-left: 2px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.JurnalOperatiiCardCol2 {
    width: calc(25% - 30px);
    float: left;
    min-width: 80px;
    padding: 4px;
}

.JurnalOperatiiCardCol3 {
    width: calc(25% - 30px);
    float: left;
    min-width: 200px;
    padding: 4px;
}

.JurnalOperatiiCardCol4 {
    width: calc(25% - 30px);
    float: left;
    min-width: 290px;
    padding: 4px;
}

.JurnalOperatiiCardCol5 {
    width: calc(25% - 30px);
    float: left;
    min-width: 290px;
    padding: 4px;
}

/*#endregion *********** End JurnalOperatii ************/

/*#region *********** Start Stocuri ************/

#divStocuriFiltrare {
    display: none;
}

#divStocuriFiltrare2 {
    display: block;
}

#divFiltruStocuri {
    position: absolute;
    width: 300px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 150px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 235px;
}

#divFiltruStocuriButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

#divAdaugareStoc {
    position: absolute;
    width: 400px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 335px;
}

#divAdaugareStocButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

#divAbonareAlertaStoc {
    position: absolute;
    width: 400px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 170px;
}

#divAbonareAlertaStocButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

/*#endregion *********** End Stocuri ************/

/*#region *********** Start Salarizare ************/

#divSalarizareFiltrare {
    display: none;
}

#divSalarizareFiltrare2 {
    display: block;
}

#divAdaugareContractSalarizare {
    position: absolute;
    width: 400px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 400px;
}

#divAdaugareContractSalarizareButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

#divFiltruSalarizare {
    position: absolute;
    width: 400px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 240px;
}

#divFiltruSalarizareButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

/*#endregion *********** End Salarizare ************/

/*#region *********** Start ResurseUmane ************/

#divResurseUmaneFiltrare {
    display: none;
}

#divResurseUmaneFiltrare2 {
    display: block;
}

#divAdaugareProcesRecrutare {
    position: absolute;
    width: 400px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 475px;
}

#divAdaugareProcesRecrutareButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

#divFiltruResurseUmane {
    position: absolute;
    width: 400px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 300px;
}

#divFiltruResurseUmaneButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

/*#endregion *********** End ResurseUmane ************/

/*#region *********** Start ContabilitateFacturi ************/

#divContaFacturiFiltrare {
    display: none;
}

#divContaFacturiFiltrare2 {
    display: block;
}

#divFiltruContaFacturi {
    position: absolute;
    width: 400px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 300px;
}

#divFiltruContaFacturiButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

#divAdaugareAlertaContabilitateFactura {
    position: absolute;
    width: 400px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 270px;
}

#divAdaugareAlertaContabilitateFacturaButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

/*#endregion *********** End ContabilitateFacturi ************/

/*#region *********** Start ContabilitateContracte ************/

#divContaContracteFiltrare {
    display: none;
}

#divContaContracteFiltrare2 {
    display: block;
}

#divFiltruContaContracte {
    position: absolute;
    width: 400px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 300px;
}

#divFiltruContaContracteButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

#divAdaugareAlertaContabilitateContract {
    position: absolute;
    width: 400px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 280px;
}

#divAdaugareAlertaContabilitateContractButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

/*#endregion *********** End ContabilitateContracte ************/

/*#region *********** Start Ofertare ************/

#divOfertareFiltrare {
    display: none;
}

#divOfertareFiltrare2 {
    display: block;
}

#divFiltruOfertare {
    position: absolute;
    width: 400px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 300px;
}

#divFiltruOfertareButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

.liClientOferta {
    padding: 2px;
    cursor: pointer;
    background-color: #ffffff;
    border: 1px solid #000000;
    margin-bottom: 1px;
}

    .liClientOferta:hover {
        /*background-color: #f2f4f7;*/
        font-weight: bold;
    }

.liClientSelectatOferta {
    padding: 2px;
    background-color: #d9edbb; /*#d9edbb;*/
    border: 1px solid #000000;
    margin-bottom: 1px;
    overflow: hidden;
}

/*#endregion *********** End Ofertare ************/

/*#region *********** Start OfertareAM ************/

#divPozitieOferta {
    position: absolute;
    width: 400px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 350px;
}

#divPozitieOfertaButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

/*#endregion *********** End OfertareAM ************/

/*#region *********** Start Contractare ************/

#divContractareFiltrare {
    display: none;
}

#divContractareFiltrare2 {
    display: block;
}

#divFiltruContractare {
    position: absolute;
    width: 400px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 300px;
}

#divFiltruContractareButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

/*#endregion *********** End Contractare ************/

/*#region *********** Start ContractAM ************/

#divPozitieContract {
    position: absolute;
    width: 400px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 470px;
}

#divPozitieContractButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

/*#endregion *********** End ContractAM ************/

/*#region *********** Start Facturare ************/

#divFacturareFiltrare {
    display: none;
}

#divFacturareFiltrare2 {
    display: block;
}

#divFiltruFacturare {
    position: absolute;
    width: 400px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 300px;
}

#divFiltruFacturareButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

#divStornoFactura {
    position: absolute;
    width: 400px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 150px;
}

#divStornoFacturaButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

/*#endregion *********** End Facturare ************/

/*#region *********** Start FacturareAM ************/

#divPozitieFactura {
    position: absolute;
    width: 400px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 350px;
}

#divPozitieFacturaButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

/*#endregion *********** End FacturareAM ************/

/*#region *********** Start PreferinteUtilizator ************/

#divSchimbareParola {
    position: absolute;
    width: 400px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 230px;
}

#divSchimbareParolaButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

/*#endregion *********** End PreferinteUtilizator ************/


/*#region *********** Start ActivareEntitateJuridica ************/

#divObservatii {
    position: absolute;
    width: 400px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 230px;
}

#divObservatiiButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

/*#endregion *********** End ActivareEntitateJuridica ************/

/*#region *********** Start Registre ************/

#divRegistreFiltrare {
    display: none;
}

#divRegistreFiltrare2 {
    display: block;
}

#divAdaugareRegistru {
    position: absolute;
    width: 400px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 200px;
}

#divAdaugareRegistruButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

#divFiltruRegistre {
    position: absolute;
    width: 400px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 200px;
}

#divFiltruRegistreButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

#divAbonareAlertaRegistru, #divAbonareAlertaRegistru2 {
    position: absolute;
    width: 400px;
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 200px;
}

#divAbonareAlertaRegistruButoane, #divAbonareAlertaRegistruButoane2 {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

/*#endregion *********** End Registre ************/

/*#region *********** Start Registru ************/

#divInregistrariRegistruFiltrare {
    display: none;
}

#divInregistrariRegistruFiltrare2 {
    display: block;
}

#divAdaugareInregistrareRegistru {
    position: absolute;
    width: 400px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 460px;
}

#divTrimitePeTraseu {
    position: absolute;
    width: 400px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 150px;
}

#divConfirmareTrimite {
    position: absolute;
    width: 400px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 150px;
}

#divSetariAlerte {
    position: absolute;
    width: 400px;
    left: calc(50% - 200px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    /*max-height: 200px;*/
}

.divAdaugareInregistrareRegistruButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

#divRezervareNumere {
    position: absolute;
    width: 400px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 350px;
}

#divFiltruInregistrariRegistru {
    position: absolute;
    width: 400px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 240px;
}

#divFiltruInregistrariRegistruButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}





#divInregistrareRegistruViewMape {
    background-color: rgb(99, 196, 242);
    padding: 3px;
}

#divInregistrareRegistruViewContorMape {
    height: 45px;
}

#spanInregistrareRegistruViewContorMape {
    float: left;
    display: block;
    line-height: 35px;
    padding: 5px;
    font-weight: bold;
}

#divInregistrareRegistruViewListaMape {
}

.divInregistrareRegistruViewMapa {
    background-color: rgb(158, 224, 255);
    padding: 3px;
}

.divInregistrareRegistruViewInfoMapa {
    height: 45px;
}

.spanInregistrareRegistruViewInfoMapa {
    float: left;
    display: inline;
    line-height: 35px;
    padding: 5px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.divInregistrareRegistruViewFisiereMapa {
    background-color: rgb(229, 245, 255);
    padding: 3px;
}

.divInregistrareRegistruViewFisierMapa {
    height: 45px;
}

    .divInregistrareRegistruViewFisierMapa:hover {
        background-color: aliceblue;
    }

.imgInregistrareRegistruViewIconFisierMapa {
    float: left;
    display: block;
    line-height: 35px;
    padding: 5px;
}

.spanInregistrareRegistruViewInfoFisierMapa {
    float: left;
    display: block;
    line-height: 35px;
    padding: 5px;
}

.aInregistrareRegistruViewDescarcaFisierMapa {
    float: right;
    display: block;
    height: 35px;
    padding: 5px;
}

    .aInregistrareRegistruViewDescarcaFisierMapa:hover {
        background-color: rgba(255,255,255,0.3);
    }





#divInregistrareRegistruEditMape {
    background-color: rgb(99, 196, 242);
    padding: 3px;
}

#divInregistrareRegistruEditListaMape {
}

#divInregistrareRegistruEditContorMape {
    height: 45px;
}

#spanInregistrareRegistruEditContorMape {
    float: left;
    display: block;
    line-height: 35px;
    padding: 5px;
    font-weight: bold;
}

#aInregistrareRegistruEditAdaugaMapa {
    float: right;
    display: block;
    height: 35px;
    padding: 5px;
    margin-right: 6px;
}

    #aInregistrareRegistruEditAdaugaMapa:hover {
        background-color: rgba(255,255,255,0.3);
    }

.divInregistrareRegistruEditMapa {
    background-color: rgb(158, 224, 255);
    padding: 3px;
}

.divInregistrareRegistruEditInfoMapa {
    height: 45px;
}

.spanInregistrareRegistruEditInfoMapa {
    float: left;
    display: inline;
    line-height: 35px;
    padding: 5px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.txtInregistrareRegistruEditInfoMapa {
    float: left;
    display: none;
    margin-top: 11px;
    width: calc(100% - 100px);
}

.aInregistrareRegistruEditAdaugaFisierMapa {
    float: right;
    display: block;
    height: 35px;
    padding: 5px;
    margin-right: 3px;
}

    .aInregistrareRegistruEditAdaugaFisierMapa:hover {
        background-color: rgba(255,255,255,0.3);
    }

.aInregistrareRegistruEditStergeMapa {
    float: right;
    display: block;
    height: 35px;
    padding: 5px;
}

    .aInregistrareRegistruEditStergeMapa:hover {
        background-color: rgba(255,255,255,0.3);
    }

.divInregistrareRegistruEditFisiereMapa {
    background-color: rgb(229, 245, 255);
    padding: 3px;
}

.divInregistrareRegistruEditFisierMapa {
    height: 45px;
    /*overflow: auto;*/
}

    .divInregistrareRegistruEditFisierMapa:hover {
        background-color: aliceblue;
    }

.imgInregistrareRegistruEditIconFisierMapa {
    float: left;
    display: block;
    line-height: 35px;
    padding: 5px;
}

.spanInregistrareRegistruEditInfoFisierMapa {
    float: left;
    display: block;
    line-height: 35px;
    padding: 5px;
}

.aInregistrareRegistruEditStergeFisierMapa {
    float: right;
    display: block;
    height: 35px;
    padding: 5px;
}

    .aInregistrareRegistruEditStergeFisierMapa:hover {
        background-color: rgba(255,255,255,0.3);
    }


.divInregistrareRegistruEditAddFisierMapa {
    height: 45px;
}

    .divInregistrareRegistruEditAddFisierMapa:hover {
        background-color: aliceblue;
    }

.divInregistrareRegistruEditAddFisierMapaSelect {
    width: 100%;
    height: 100%;
    display: block;
}

.fileInregistrareRegistruEditFisierMapaNou {
    float: left;
    display: block;
    line-height: 35px;
    padding: 5px;
}

.aInregistrareRegistruEditStergeFisierMapaNou {
    float: right;
    display: block;
    height: 35px;
    padding: 5px;
}

    .aInregistrareRegistruEditStergeFisierMapaNou:hover {
        background-color: rgba(255,255,255,0.3);
    }

.divInregistrareRegistruEditAddFisierMapaUploading {
    width: 100%;
    height: 100%;
    display: none;
    text-align: center;
}

.spanInregistrareRegistruEditAddFisierMapaUploading {
    line-height: 45px;
    text-align: center;
}

.clearfix {
    clear: both;
}

/*#endregion *********** End Registru ************/

/*#region *********** Start Registratura Noduri ************/

#divNoduriFiltrare {
    display: none;
}

#divNoduriFiltrare2 {
    display: block;
}

#divAdaugareNod {
    position: absolute;
    width: 400px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 240px;
}

#divAdaugareNodButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

#divFiltruNoduri {
    position: absolute;
    width: 400px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 150px;
}

#divFiltruNoduriButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

/*#endregion *********** End Registratura Noduri ************/

/*#region *********** Start Registratura Dosare ************/

#divDosareFiltrare {
    display: none;
}

#divDosareFiltrare2 {
    display: block;
}

#divAdaugareDosar {
    position: absolute;
    width: 400px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 240px;
}

#divAdaugareDosarButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

#divFiltruDosare {
    position: absolute;
    width: 400px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 150px;
}

#divFiltruDosareButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

.thDosareHeaderS {
    width: 15%;
}
.thDosareHeaderM {
    width: 25%;
}
.thDosareHeaderL {
    width: 35%;
}

.tdDosareS {
    width: 15%;
}
.tdDosareM {
    width: 25%;
}
.tdDosareL {
    width: 35%;
}

/*#endregion *********** End Registratura Dosare ************/

/*#region *********** Start Registratura Actiuni ************/

#divActiuniFiltrare {
    display: none;
}

#divActiuniFiltrare2 {
    display: block;
}

#divAdaugareActiune {
    position: absolute;
    width: 400px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 240px;
}

#divAdaugareActiuneButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

#divFiltruActiuni {
    position: absolute;
    width: 400px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 200px;
}

#divFiltruActiuniButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

/*#endregion *********** End Registratura Actiuni ************/

/*#region *********** Start Registratura TipuriDocumente ************/

#divTipuriDocumenteFiltrare {
    display: none;
}

#divTipuriDocumenteFiltrare2 {
    display: block;
}

#divAdaugareTipDocument {
    position: absolute;
    width: 400px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 300px;
}

#divAdaugareTipDocumentButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

#divFiltruTipuriDocumente {
    position: absolute;
    width: 400px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 200px;
}

#divFiltruTipuriDocumenteButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

/*#endregion *********** End Registratura TipuriDocumente ************/

/*#region *********** Start Registratura Trasee ************/

#divTraseeFiltrare {
    display: none;
}

#divTraseeFiltrare2 {
    display: block;
}

#divAdaugareTraseu {
    position: absolute;
    width: 400px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 240px;
}

#divAdaugareTraseuButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

#divFiltruTrasee {
    position: absolute;
    width: 400px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 200px;
}

#divFiltruTraseeButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

/*#endregion *********** End Registratura Trasee ************/

/*#region *********** Start Registratura Traseu Noduri ************/

#divAdaugareTraseuNod {
    position: absolute;
    width: 400px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 150px;
}

#divAdaugareTraseuNodButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

/*#endregion *********** End Registratura Traseu Noduri ************/

/*#region *********** Start Registratura Directii Trasee ************/

#divAdaugareDirectieTraseu {
    position: absolute;
    width: 400px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 200px;
}

#divAdaugareDirectieTraseuButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

/*#endregion *********** End Registratura Directii Trasee ************/

/*#region *********** Start Registratura Tip Document Trasee ************/

#divAdaugareTipDocumentTraseu {
    position: absolute;
    width: 400px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 200px;
}

#divAdaugareTipDocumentTraseuButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

/*#endregion *********** End Registratura Tip Document Trasee ************/

/*#region *********** Start Registratura Traseu Tipuri Documente ************/

#divAdaugareTraseuTipDocument {
    position: absolute;
    width: 400px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 200px;
}

#divAdaugareTraseuTipDocumentButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

/*#endregion *********** End Registratura Traseu Tipuri Documente ************/

/*#region *********** Start Departamente ************/

.ulDeptChildren {
}

.liDeptOpen {
    font-size: 20px;
    list-style-image: url('../../Images/10_treeview_minus_blue.png');
}

.liDeptClosed {
    list-style-image: url('../../Images/10_treeview_plus_blue.png');
}

.liDeptDescendant {
    font-size: 20px;
    list-style-image: url('../../Images/10_treeview_descendant_blue.png');
}

.liDeptEmpty {
    list-style-image: url('../../Images/10_treeview_empty_blue.png');
}

.liDeptNone {
    list-style: none;
}

.divDeptContainer {
    /*background-color: steelblue;
    border: 1px solid steelblue;
    border-radius: 15px;*/
    padding: 2px;
    margin: 2px;
}

.divDeptLabel {
    /*background-color: aliceblue;
    border: 1px solid aliceblue;
    border-radius: 15px;*/
    padding: 2px;
    margin: 2px;
}

.divDeptChildren {
    /*background-color: mintcream;
    border: 1px solid mintcream;
    border-radius: 15px;*/
    padding: 2px;
    margin: 2px;
}

#divAdaugareDepartament {
    position: absolute;
    width: 400px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 400px;
}

.divAdaugareDepartamentButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

/*#endregion *********** End Departamente ************/

/*#region *********** Start Departamente Utilizatori ************/

#divDepartamenteDU {
    float: left;
    width: 25%;
    height: 100%;
    /*background-color: lightyellow; */
    overflow-y: auto;
}

#divUtilizatoriDU {
    float: left;
    width: calc(75% - 3px);
    height: 100%;
    /*background-color: #f7f7f7;*/
    overflow-y: auto;
    border-left: 3px solid #f7f7f7; /*#14519C*/
}

#divAdaugareDepartamentUtilizator {
    position: absolute;
    width: 400px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 250px;
}

#divAdaugareDepartamentUtilizatorButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

.lblContainerDU {
    display: block;
    line-height: 30px;
}

    .lblContainerDU input {
        position: absolute;
        cursor: pointer;
        opacity: 0;
    }

    .lblContainerDU > input:checked + .lblDepartament {
        background-color: #0A62AA; /*#f7f7f7*/
    }

.lblDepartament {
    display: block;
    line-height: 30px;
    background-color: #0A62AA; /*#fefefe*/
    padding: 5px;
    border-bottom: thin solid #f0f0f0; /*#14519C;*/
}

    .lblDepartament:hover {
        background-color: #299AD2; /*#f3f3f3*/
    }

.lblContainerDU > input:checked + .lblDepartament:hover {
    background-color: #299AD2; /*#f3f3f3*/
}

.divDU {
    line-height: 30px;
    padding: 5px;
    background-color: #f7f7f7;
    border-bottom: thin solid #f0f0f0; /*#f0f0f0;*/
    overflow: hidden;
}

    .divDU:hover {
        background-color: #f3f3f3;
    }

/*#endregion *********** End Departamente Utilizatori ************/

/*#region *********** Start Pachete Module ************/

#divPacheteModuleFiltrare {
    display: none;
}

#divPacheteModuleFiltrare2 {
    display: block;
}

#divFiltruPacheteModule {
    position: absolute;
    width: 400px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 200px;
}

#divFiltruPacheteModuleButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

/*#endregion *********** End Pachete Module ************/

/*#region *********** Start Parteneriate ************/

#divParteneriateFiltrare {
    display: none;
}

#divParteneriateFiltrare2 {
    display: block;
}

#divAdaugareParteneriat {
    position: absolute;
    width: 400px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 200px;
}

#divAdaugareParteneriatButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

#divFiltruParteneriate {
    position: absolute;
    width: 400px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 200px;
}

#divFiltruParteneriateButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

/*#endregion *********** End Parteneriate ************/

/*#region *********** Start Concedii Angajat ************/

#divConcediiAngajatSelectorAn {
    text-align: center;
    line-height: 40px;
}

#aConcediiAngajatAnPrevious, #spanConcediiAngajatAn, #aConcediiAngajatAnNext {
    line-height: 40px;
    display: inline-block;
}

#imgConcediiAngajatAnPrevious, #imgConcediiAngajatAnNext {
}

#divAdaugareConcediu {
    position: absolute;
    width: 400px;
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px);*/
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 400px;
}

.divAdaugareConcediuButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

/*#endregion *********** End Concedii Angajat ************/

/* Start Grafic Concedii */
.divGraficConcediiFiltru {
    float: left;
    width: 300px;
    /*background-color: blueviolet;*/
    height: 100%;
}

.divGraficConcediiFiltruArbore {
    overflow-y: auto;
    height: calc(100% - 70px);
    /*background-color: green;*/
}

#ulGraficConcediiDepartamenteAngajati {
    margin: 10px;
    padding: 0px;
}

.divGraficConcediiFiltruPerioada {
    height: 70px;
    /*background-color: red;*/
}

#divGraficConcediiGrafic {
    float: left;
    width: calc(100% - 300px - 30px - 154px);
    /*background-color: darkolivegreen;*/
    height: 100%;
    overflow-x: scroll;
    overflow-y: auto;
}
#divGraficConcediiGrafic0 {
    float: left;
    width: 154px;
    height: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
}

#divGraficConcediiFiltruToggle {
    float: left;
    width: 30px;
    height: 100%;
    overflow: hidden;
    background-image: url('../../Images/leftright.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px 30px;
    background-color: #f7f8f9;
}

.liGraficConcediiDepartament, .liGraficConcediiAngajat {
    list-style: none;
}

#spanGraficConcediiDeLa, #spanGraficConcediiPanaLa {
    display: inline-block;
    width: 75px;
}

#tableGraficConcediiGrafice {
    border: 1px solid steelblue;
    border-collapse: collapse;
}

    #tableGraficConcediiGrafice tr {
        height: 25px;
        min-height: 25px;
        max-height: 25px;
        background-image: url('../../Images/25_grid_blue.png');
        background-position: right bottom;
        background-repeat: repeat;
    }

        #tableGraficConcediiGrafice tr th {
            background-color: steelblue;
            color: white;
        }

        #tableGraficConcediiGrafice tr td {
            padding: 0px;
            /*border-right: 1px dotted rgba(70, 130, 180, 0.25);*/
        }

.trGraficConcediiGraficeRowHeader {
    width: 150px;
    min-width: 150px;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    text-align: center;
    background-color: steelblue;
    color: white;
}

.trGraficConcediiGraficeColumnHeader {
    width: 25px;
    min-width: 25px;
    max-width: 25px;
    font-weight: bold;
    text-align: center;
    background-color: steelblue;
    color: white;
    /*border-left: 1px dotted rgba(70, 130, 180, 0.25);
    border-right: 1px dotted rgba(70, 130, 180, 0.25);*/
}

#tableGraficConcediiGraficeData {
    /*border-top: 1px solid steelblue;
    border-bottom: 1px solid steelblue;*/
    /*border: 1px solid steelblue;*/
    /*border-left: 1px dotted rgba(70, 130, 180, 0.25);
    border-right: 1px dotted rgba(70, 130, 180, 0.25);*/
    min-width: 25px;
    max-width: 25px;
}

#tableGraficConcediiGrafice tr:nth-child(odd) {
    background-color: #F0F0F0;
}

#tableGraficConcediiGrafice tr:nth-child(even) {
    background-color: #FCFCFC;
}

#tableGraficConcediiGrafice tr:hover {
    background-color: #e8f8ff;
}

/* End Grafic Concedii */

/* Start Anexe Contract */
#spanAnexeContractNumarData {
    font-weight: bold;
    margin-right: 10px;
}

#spanAnexeContractClient {
    font-weight: bold;
    margin-right: 10px;
}

#spanAnexeContractValoare {
    font-weight: bold;
}

.tdAnexeContractS {
    width: 10%;
}

.tdAnexeContractM {
    width: 20%;
}

.tdAnexeContractL {
    width: 50%;
}

#divAnexeContractAdauga {
    /*background-color: white;
    border: 1px solid steelblue;*/
    position: absolute;
    width: 500px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 250px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 350px;
}

#divAnexeContractAdaugaButoane {
    /*padding: 5px;
    box-shadow: 0px -5px 16px -5px rgba(0, 0, 0, 0.75);
    height: 30px;*/
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

#tblAnexeContractSabloane {
    width: 100%;
}
/* End Anexe Contract */

/* Start Tipuri Șabloane */
#divAdaugareSablonTip {
    position: absolute;
    width: 400px;
    /*height: 400px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 200px);*/
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 400px;
}

#spanAnexeContractNumarData {
    font-weight: bold;
    margin-right: 10px;
}

#spanAnexeContractClient {
    font-weight: bold;
    margin-right: 10px;
}

#spanAnexeContractValoare {
    font-weight: bold;
}

.tdAnexeContractS {
    width: 10%;
}

.tdAnexeContractM {
    width: 20%;
}

.tdAnexeContractL {
    width: 50%;
}

#divAnexeContractAdauga {
    /*
    background-color: white;
    border: 1px solid steelblue;
        */
}

#divAnexeContractAdaugaButoane {
    /*
    padding: 5px;
    box-shadow: 0px -5px 16px -5px rgba(0, 0, 0, 0.75);
    height: 30px;
    */
}

#tblAnexeContractSabloane {
    width: 100%;
}
/* End Tipuri Șabloane */

/* Start șabloane */
.tagSablon {
    margin-left: 3px;
    background-color: #7c43c1;
    color: #ffffff;
    border-radius: 5px;
    padding: 3px;
    text-decoration: none;
     display: inline-block;
    margin: 1px;
}

    .tagSablon:hover {
        background-color: #b076f7;
    }
/* End șabloane */

.formularFull {
    border: thin solid black;
    background-color: white;
    width: calc(100% - 30px);
    padding: 10px;
    margin-left: 5px;
}


.tooltip {
    /*position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;*/
}

    .tooltip .tooltiptext {
        visibility: hidden;
        width: 120px;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        top: 150%;
        left: 50%;
        margin-left: -60px;
    }

        .tooltip .tooltiptext::after {
            content: "";
            position: absolute;
            bottom: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: transparent transparent black transparent;
        }

    .tooltip:hover .tooltiptext {
        visibility: visible;
    }

/* Modules.Master */
.liModulesMasterModul {
    background-size: auto 28px;
    background-repeat: no-repeat;
    background-position: left;
    min-height: 25px;
    text-align: left;
    padding-left: 35px;
    padding-top: 5px;
    margin-left: -25px;
}

.aModulesMasterModul {
    font-weight: bold;
    text-decoration: none;
    font-size: 14px;
    color: #14519C;
}

.liActiv {
    background-color: #f2f2f2;
    /*background-color: #FF0000;*/
}

.liInactiv {
    /*background-color: #FFFFFF;*/
}

    .liInactiv:hover {
        background-color: #f2f2f2;
        /*background-color: #0094da;*/
    }
/* END Modules.Master */

/*#region *********** Start ArhivaDocumente ************/

#divArhivaDocumenteFiltrare {
    display: none;
}

#divArhivaDocumenteFiltrare2 {
    display: block;
}

#divFiltruArhivaDocumente {
    position: absolute;
    width: 400px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 300px;
}

#divFiltruArhivaDocumenteButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

/*#endregion *********** End ArhivaDocumente ************/

.wrapit {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.CompanyName {
    width: 100px;
    font-size: 14px;
    display: block;
    text-align: center;
    padding: 18px 5px 18px 10px;
    text-decoration: underline;
    color: #0095d0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*#region *********** Start Arhivare ************/

#divArhivareInFiltrare {
    display: none;
}

#divArhivareInFiltrare2 {
    display: block;
}

#divArhivareOutFiltrare {
    display: none;
}

#divArhivareOutFiltrare2 {
    display: block;
}

#divFiltruArhivareIn {
    position: absolute;
    width: 400px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 300px;
}

#divFiltruInArhivareButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

#divFiltruArhivareOut {
    position: absolute;
    width: 400px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 300px;
}

#divFiltruOutArhivareButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

/*#endregion *********** End Arhivare ************/

/*#region *********** Start Manager Utilizatori ************/

#divManagerUtilizatoriFiltrare {
    display: none;
}

#divManagerUtilizatoriFiltrare2 {
    display: block;
}

#divFiltruManagerUtilizatori {
    position: absolute;
    width: 400px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 300px;
}

#divFiltruManagerUtilizatoriButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

/*#endregion *********** End Manager Utilizatori ************/

/*#region *********** Start Manager Utilizatori Pending ************/

#divManagerUtilizatoriPendingFiltrare {
    display: none;
}

#divManagerUtilizatoriPendingFiltrare2 {
    display: block;
}

#divFiltruManagerUtilizatoriPending {
    position: absolute;
    width: 400px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 300px;
}

#divFiltruManagerUtilizatoriPendingButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

/*#endregion *********** End Manager Utilizatori Pending ************/

/*#region *********** Start Autentificari ************/

#divAutentificariFiltrare {
    display: none;
}

#divAutentificariFiltrare2 {
    display: block;
}

#divFiltruAutentificari {
    position: absolute;
    width: 400px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 300px;
}

#divFiltruAutentificariButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

/*#endregion *********** End Autentificari ************/

/*#region *********** Start Jurnal Erori ************/

#divJurnalEroriFiltrare {
    display: none;
}

#divJurnalEroriFiltrare2 {
    display: block;
}

#divFiltruJurnalErori {
    position: absolute;
    width: 400px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 300px;
}

#divFiltruJurnalEroriButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

/*#endregion *********** End Jurnal Erori ************/

/*#region *********** Start Jurnal Admin Utilizatori ************/

#divJurnalAdminUtilizatoriFiltrare {
    display: none;
}

#divJurnalAdminUtilizatoriFiltrare2 {
    display: block;
}

#divFiltruJurnalAdminUtilizatori {
    position: absolute;
    width: 400px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 300px;
}

#divFiltruJurnalAdminUtilizatoriButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

/*#endregion *********** End Jurnal Admin Utilizatori ************/

/*#region *********** Start Manager Filiale ************/

#divManagerFilialeFiltrare {
    display: none;
}

#divManagerFilialeFiltrare2 {
    display: block;
}

#divFiltruManagerFiliale {
    position: absolute;
    width: 400px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 300px;
}

#divFiltruManagerFilialeButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

.thManagerFilialeHeaderL {
    width: 25%;
}

.thManagerFilialeHeaderM {
    width: 20%;
}

.thManagerFilialeHeaderS {
    width: 10%;
}

.tdManagerFilialeL {
    width: 25%;
}

.tdManagerFilialeM {
    width: 20%;
}

.tdManagerFilialeS {
    width: 10%;
}

/*#endregion *********** End Manager Filiale ************/

/*#region *********** Start Zile Libere ************/

#divAdaugareZiLibera {
    position: absolute;
    width: 400px;
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px);*/
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 230px;
}

.divAdaugareZiLiberaButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

#divAdaugareZileLibere {
    position: absolute;
    width: 400px;
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px);*/
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 320px;
}

.divAdaugareZileLibereButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

/*#endregion *********** End Zile Libere ************/

/*#region *********** Start Plati ************/

#divDocumentePlataFiltrare {
    display: none;
}

#divDocumentePlataFiltrare2 {
    display: block;
}

.thPlatiHeaderS {
    width: 10%;
}

.thPlatiHeaderM {
    width: 17.5%;
}

.tdPlatiS {
    width: 10%;
}

.tdPlatiM {
    width: 17.5%;
}


/*#endregion *********** End Plati ************/

/*#region *********** Start Solduri ************/

#divSolduriFiltrare {
    display: none;
}

#divSolduriFiltrare2 {
    display: block;
}

#divFiltruSolduri {
    position: absolute;
    width: 400px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 400px;
}

#divFiltruSolduriButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

.thSolduriHeaderL {
    width: 25%;
}

.thSolduriHeaderM {
    width: 13.57%;
}

.thSolduriHeaderS {
    width: 5%;
}

.tdSolduriL {
    width: 25%;
}

.tdSolduriM {
    width: 13.57%;
}

.tdSolduriS {
    width: 5%;
}

/*#endregion *********** End Solduri ************/


/*#region *********** Start SoldClient ************/

.thSoldClientHeaderL {
    width: 25%;
}

.thSoldClientHeaderM {
    width: 12.85%;
}

.thSoldClientHeaderS {
    width: 5%;
}

.tdSoldClientL {
    width: 25%;
}

.tdSoldClientM {
    width: 12.85%;
}

.tdSoldClientS {
    width: 5%;
}

/*#endregion *********** End SoldClient ************/

/*#region *********** Start SolduriFirma ************/

#divSolduriFirmaFiltrare {
    display: none;
}

#divSolduriFirmaFiltrare2 {
    display: block;
}

#divFiltruSolduriFirma {
    position: absolute;
    width: 400px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 300px;
}

#divFiltruSolduriFirmaButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

.thSoldFirmaHeaderL {
}

.thSoldFirmaHeaderM {
    width: 40%;
}

.thSoldFirmaHeaderS {
    width: 10%;
}

.tdSoldFirmaL {
}

.tdSoldFirmaM {
    width: 40%;
}

.tdSoldFirmaS {
    width: 10%;
}

/*#endregion *********** End SolduriFirma ************/


/*#region *********** Start FisaClient ************/

.thFisaClientHeaderL {
    width: 25%;
}

.thFisaClientHeaderM {
    width: 15%;
}

.thFisaClientHeaderS {
    width: 5%;
}

.tdFisaClientL {
    width: 25%;
}

.tdFisaClientM {
    width: 15%;
}

.tdFisaClientS {
    width: 5%;
}

.trFisaClientFacturaOdd {
    background-color: #fff6e4 !important;
}

.trFisaClientFacturaEven {
    background-color: #ffefce !important;
}

.trFisaClientPlataEven {
    background-color: #ecffe2 !important;
}

.trFisaClientPlataOdd {
    background-color: #def3d3 !important;
}

/*#endregion *********** End FisaClient ************/

/* Start TDP-MP */
#divTipuriDocumentePlata {
    float: left;
    width: 25%;
    height: 100%;
    /*background-color: lightyellow; */
    overflow-y: auto;
}

#divMetodePlata {
    float: left;
    width: calc(75% - 3px);
    height: 100%;
    /*background-color: #f7f7f7;*/
    overflow-y: auto;
    border-left: 3px solid #f7f7f7; /*#14519C*/
}

.lblContainerTDP {
    display: block;
    line-height: 30px;
}

    .lblContainerTDP input {
        position: absolute;
        cursor: pointer;
        opacity: 0;
    }

    .lblContainerTDP > input:checked + .lblTipDocumentPlata {
        background-color: #0A62AA; /*#f7f7f7*/
    }

.lblTipDocumentPlata {
    display: block;
    line-height: 30px;
    background-color: #0A62AA; /*#fefefe*/
    padding: 5px;
    border-bottom: thin solid #f0f0f0; /*#14519C;*/
}

    .lblTipDocumentPlata:hover {
        background-color: #299AD2; /*#f3f3f3*/
    }

.lblContainerTDP > input:checked + .lblTipDocumentPlata:hover {
    background-color: #299AD2; /*#f3f3f3*/
}

.divDU {
    line-height: 30px;
    padding: 5px;
    background-color: #f7f7f7;
    border-bottom: thin solid #f0f0f0; /*#f0f0f0;*/
    overflow: hidden;
}

    .divDU:hover {
        background-color: #f3f3f3;
    }
/* End TDP-MP */

.blankTableRow {
    border: none;
    height: 9px;
    background-color: transparent;
    width: 100%;
}

/*#endregion *********** Start PanouControl ************/

.cpHeader {
    overflow: hidden;
    /*background-color: #0A62AA;*/
    color: #ffffff;
    font-weight: bold;
    padding: 6px;
    text-align: center;
    font-size: 22px;
    font-family: Calibri;
}

.cpContent {
    overflow: hidden;
}

.cpCard {
    float: left;
    width: 200px;
    margin: 10px;
}

@media (max-width:456px) {
    .cpCard {
        float: none;
        margin: 10px auto;
    }
}

.cpCardTitle {
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 2px;
    font-size: 16px;
    font-family: Calibri;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
    /*text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #01fcff, 0 0 5px #01fcff, 0 0 5px #01fcff, 0 0 5px #01fcff, 0 0 5px #01fcff;*/
    /*text-shadow: 1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;*/
}

.cpCardPic {
    width: 200px;
    height: 200px;
    margin: 0 auto;
    border-radius: 20% 40%;
    box-shadow: 0px 5px 16px -5px rgba(0,0,0,0.75);
    background-color: #0094da;
    overflow: hidden;
}

.cpCardMeniu {
    padding: 2px;
    overflow: hidden;
    text-align: center;
    height: 49px;
}

.cpCardMeniuItem {
    width: 35px;
    height: 35px;
    margin: 5px;
    box-shadow: 0px 5px 16px -5px rgba(0,0,0,0.75);
    border-radius: 38%;
    background-color: #0094da;
    display: inline-block;
    overflow: hidden;
}

.cpCardMeniuImg {
    width: 70%;
    height: 70%;
    margin-top: 15%;
}

.firmaCard {
    float: left;
    width: 200px;
    margin: 10px;
    cursor: pointer;
}

@media (max-width:456px) {
    .firmaCard {
        float: none;
        margin: 10px auto;
    }
}

.firmaCardPic {
    width: 200px;
    height: 200px;
    margin: 0 auto;
    border-radius: 50%;
    box-shadow: 0px 5px 16px -5px rgba(0,0,0,0.75);
    background-color: #0094da;
    overflow: hidden;
}

.firmaCardPic2 {
    width: 150px;
    height: 150px;
    margin: 25px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
    overflow: hidden;
}

.firmaCardTitle {
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 2px;
    font-size: 16px;
    font-family: Calibri;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
    width: 196px;
    height: 19px;
    overflow: hidden;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.firmaCard:hover {
    text-shadow: 0 0 10px #01fcff;
}

.GridDialog {
    position: absolute;
    width: 400px;
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    top: 10px;
    z-index: 2;
    overflow-y: auto;
    overflow-x: hidden;
}

.GrdiDialogTitle {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    background-color: #0A62AA;
    color: #ffffff;
    padding: 6px;
    border-radius: 20px;
    overflow: hidden;
}

.GridDialogItem {
    overflow: hidden;
    margin-bottom: 5px;
    margin-top: 5px;
    background-color: #ffffff;
    border-radius: 20px;
    /*border: 1px solid #0A62AA;*/
    padding: 2px;
}

.GridDialogItemImgContainer {
    float: left;
    width: 35px;
    height: 35px;
    background-color: #0094da;
    border-radius: 50%;
    /*border-top-right-radius: 50%; 
    border-bottom-right-radius: 50%;*/
    overflow: hidden;
}

.GridDialogItemImg {
    width: 70%;
    height: 70%;
    margin-top: 15%;
    margin-left: 15%;
}

.GridDialogItemLink {
    float: left;
    overflow: hidden;
    width: calc(100% - 40px - 25px - 25px - 4px - 20px);
    height: 31px;
    line-height: 31px;
    padding: 2px;
    font-size: 18px;
    margin-left: 5px;
}

.ChangeViewer {
    float: right;
    width: 30px;
    height: 30px;
    background-color: #ffffff;
    border: 1px solid #000000;
    margin-left: 2px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: contain;
}

/*#endregion *********** End PanouControl ************/

/*#region *********** Joburi disponibile ************/

#divJoburiDisponibileFiltrare {
    display: none;
}

#divJoburiDisponibileFiltrare2 {
    display: block;
}

#divFiltruJoburiDisponibile {
    position: absolute;
    width: 400px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 300px;
}

#divFiltruJoburiDisponibileButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

#divJoburiInfo {
    line-height: 30px;
    text-align: center;
    background-image: linear-gradient(steelblue, #0A62AA);
    font-weight: bold;
    color: white;
}

.divJoburiJob {
    margin-top: 5px;
    padding: 10px;
    background-image: linear-gradient(#f2f2f2, #e6e6e6);
    min-height: 150px;
}

.divJoburiJobAplicat {
    margin-top: 5px;
    padding: 10px;
    background-image: linear-gradient(#eaf2e4, #d2e9c1);
    min-height: 150px;
}

.divJoburiFirma {
    float: left;
    width: 150px;
    overflow: hidden;
    text-align: center;
}

.divJoburiFirmaLogo {
    display: block;
    width: 100%;
    height: 120px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.spanJoburiFirma {
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: steelblue;
    font-weight: bold;
    line-height: 30px;
}

.divJoburiDetalii {
    float: left;
    margin-left: 10px;
    width: calc(100% - 150px - 10px);
}

.divJoburiDenumire {
    /*text-align: center;*/
    font-weight: bold;
    font-size: large;
}

.divJoburiTermenLimita {
    margin-top: 5px;
    font-weight: bold;
}

.divJoburiTermenLimitaEnding {
    margin-top: 5px;
    font-weight: bold;
    color: crimson;
}

.divJoburiPostOferit {
    margin-top: 5px;
}

.divJoburiCompetenteNecesare {
    margin-top: 5px;
}

.divJoburiAbilitati {
    margin-top: 5px;
}

.divJoburiAlteCerinte {
    margin-top: 5px;
}

.divJoburiComenzi {
    margin-top: 5px;
}

/*#endregion *********** End Joburi disponibile ************/



/*#region *********** Lista Aplicanti ************/
#divAplicantiInfo {
    line-height: 25px;
    background-image: linear-gradient(steelblue, #0A62AA);
    color: white;
    padding: 5px;
    white-space: nowrap;
}

#spanAplicantiDenumire {
    font-weight: bold;
}

#spanAplicantiPostOferit {
    font-weight: bold;
}

#spanAplicantiPerioadaDesfasurare {
    font-weight: bold;
}

#spanAplicantiTimpRamas {
    font-style: italic;
}

#spanAplicantiPersoane {
    font-weight: bold;
}

#divAplicantiFiltre {
    /*margin-top: 5px;*/
    color: white;
    background-image: linear-gradient(steelblue, #0A62AA);
    padding: 5px;
}

#divAplicantiLista {
    height: calc(100% - 125px);
    overflow-y: auto;
}

.divAplicantiAplicant {
    background-image: linear-gradient(#f2f2f2, #e6e6e6);
    padding: 5px;
    margin-top: 5px;
    line-height: 25px;
}

.divAplicantiAplicantRefuzat {
    background-image: linear-gradient(#f2f2f2, #f6d4d4);
    padding: 5px;
    margin-top: 5px;
    line-height: 25px;
}

.spanAplicantiAplicant {
    font-weight: bold;
}

.spanAplicantiAplicantDataOra {
}

.spanAplicantiAplicantLocatie {
}
/*#region *********** End Lista Aplicanti ************/


/*************** Documente Firma **************/

.icoanaDocumentFirma {
    float: left;
    height: 120px;
    width: 120px;
    background-color: whitesmoke;
    margin: 10px;
    border: 1px solid black;
    display: block;
    position: relative;
    text-align: center;
}

    .icoanaDocumentFirma:hover {
        border: 3px solid black;
        margin-left: 8px;
        margin-top: 8px;
        margin-right: 8px;
        margin-bottom: 8px;
    }

    .icoanaDocumentFirma img {
        max-height: 115px;
        max-width: 115px;
    }

.textIcoanaDocumentFirma {
    height: 100%;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    color: black;
    font-weight: bold;
    opacity: 1;
}

.icoanaDocumentFirma .tooltiptext {
    visibility: hidden;
    width: 200px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    top: 0%;
    left: calc(100% + 10px);
    /*margin-left: -60px;*/
    opacity: 0;
    transition: opacity 0.3s;
    z-index: 1;
}

    .icoanaDocumentFirma .tooltiptext::after {
        content: "";
        position: absolute;
        top: 6px;
        right: 100%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent #555 transparent transparent;
    }

.icoanaDocumentFirma:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}


.grupaDocumenteFirma {
    width: calc(100% - 20px);
    height: 400px;
    background-color: white;
    border: 1px solid black;
    margin: 0px 10px 10px 10px;
}

.baraTitluDocumenteFirma {
    width: calc(100% - 5px);
    height: 35px;
    background-color: #1564A6;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 24px;
    font-weight: bold;
    padding-top: 5px;
    padding-left: 5px;
}

.listaDocumenteFirma {
    width: 100%;
    height: calc(100% - 40px);
    overflow-y: auto;
    overflow-x: hidden;
}

#divAdaugareAlertaDocumentFirma {
    position: absolute;
    width: 400px;
    /*height: 300px; */
    height: calc(100% - 20px);
    left: calc(50% - 200px);
    /*top: calc(50% - 150px); */
    top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 2;
    max-height: 250px;
}

#divAdaugareAlertaDocumentFirmaButoane {
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    overflow: hidden;
    width: calc(100% - 10px);
}

/************* End Documente Firma ************/

/************* Zile Concediu ******************/
#divZileConcediuSelectorAn {
    text-align: center;
    height: 60px;
}

.imgZileConcediuSelectorAn {
}

#spanZileConcediuSelectorAn {
    font-size: 40px;
}

#divZileConcediuInrolari {
    overflow-y: auto;
    height: calc(100% - 90px);
}

.divZileConcediuInrolare {
    background-image: linear-gradient(#f2f2f2, #e6e6e6);
    padding: 5px;
    /*margin-bottom: 5px;*/
    line-height: 25px;
}

.divZileConcediuInrolarePersoana {
    font-weight: bold;
    font-size: large;
}

.spanZileConcediuInrolarePersoana {
}

.divZileConcediuInrolareZile {
}

.spanZileConcediuInrolareZileValoare {
    font-weight: bold;
}

#divZileConcediuComenzi {
    text-align: center;
    height: 30px;
    line-height: 30px;
}
/************* End Zile Concediu **************/

/************* Panouri Taskuri ****************/

#divPanouriLista {
    height: 100%;
    overflow-y: auto;
    background: linear-gradient(#f2f2f2, #e6e6e6);
}

.divPanouriPanou {
    margin: 5px;
    background: linear-gradient(steelblue, #0A62AA);
    display: inline-block;
    border-radius: 10px;
    padding: 10px;
    width: 150px;
    height: 75px;
    color: white;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .divPanouriPanou:hover {
        margin: 5px;
        background: linear-gradient(#38adf3, #0d87d0);
        display: inline-block;
        border-radius: 10px;
        padding: 10px;
        width: 150px;
        height: 75px;
    }

.divPanouriPanouTitlu {
    text-align: center;
    line-height: 20px;
}

.spanPanouriPanouTitlu {
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    width: 100%;
}

.divPanouriPanouDescriere {
    text-align: center;
    line-height: 20px;
}

.spanPanouriPanouDescriere {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    width: 100%;
}

.divPanouriPanouComenzi {
    line-height: 20px;
}

.imgPanouriPanouComenzi {
    width: 16px;
    display: inline-block;
    padding-left: 2px;
    padding-right: 2px;
}

.spanPanouriPanouComenzi {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    font-weight: bold;
    padding-left: 2px;
    padding-right: 2px;
}

.divPanouriPanouAdauga {
    cursor: pointer;
    margin: 5px;
    background: linear-gradient(#e6e6e6, #b3b3b3);
    display: inline-block;
    border-radius: 10px;
    padding: 10px;
    width: 150px;
    height: 75px;
    color: black;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .divPanouriPanouAdauga:hover {
        margin: 5px;
        background: linear-gradient(#e6e6e6, #cccccc);
        display: inline-block;
        border-radius: 10px;
        padding: 10px;
        width: 150px;
        height: 75px;
    }



/*********** End Panouri Taskuri **************/


/************** Panou Taskuri *****************/

#divPanouTaskuriComenzi {
    height: 40px;
    background: linear-gradient(steelblue, #0A62AA);
    color: white;
}

#txtPanouTaskuriFiltru {
    margin: 7px;
    margin-right: 0px;
    width: 210px;
    max-width: 50%;
}

#spanPanouTaskuriTitlu {
    color: white;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    width: calc(100% - 855px);
}

#divPanouTaskuriColoane {
    height: calc(100% - 40px);
    overflow-x: auto;
    background: linear-gradient(#f2f2f2, #e6e6e6);
    white-space: nowrap;
}

.divPanouTaskuriColoana {
    margin: 5px;
    background: linear-gradient(steelblue, #0A62AA);
    display: inline-block;
    border-radius: 10px;
    padding: 10px;
    width: 200px;
    height: calc(100% - 35px);
    color: white;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
}

    .divPanouTaskuriColoana:hover {
        background: linear-gradient(#38adf3, #0d87d0);
    }

.divPanouTaskuriColoanaInfo {
    height: 23px;
}

.imgPanouTaskuriColoanaInfo {
    width: 16px;
    display: inline-block;
    padding-left: 2px;
    padding-right: 2px;
}

.spanPanouTaskuriColoanaInfoComenzi {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    font-weight: bold;
    padding-left: 2px;
    padding-right: 10px;
}

.spanPanouTaskuriColoanaInfoTitlu {
    display: inline-block;
    width: 115px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
}

.divPanouTaskuriColoanaTaskuri {
    margin-top: 5px;
    margin-bottom: 5px;
    overflow-y: auto;
    /*background: linear-gradient(#f2f2f2, #e6e6e6);*/
    height: calc(100% - 65px);
}

    .divPanouTaskuriColoanaTaskuri::-webkit-scrollbar {
        display: none;
    }

.divPanouTaskuriColoanaTask {
    /*height: 150px;*/
    border-radius: 5px;
    background: linear-gradient(#f2f2f2, #e6e6e6);
    white-space: initial;
    padding: 5px;
    color: black;
    text-align: justify;
    margin: 1px;
    margin-bottom: 5px;
    cursor: pointer;
}

    .divPanouTaskuriColoanaTask:hover {
        background: linear-gradient(#fefefe, aliceblue);
    }

#divDialog3dPanouTaskuriEticheteLista {
}

.divDialog3dPanouTaskuriEticheteEtichetaAM {
    padding: 5px;
    background: linear-gradient(#f2f2f2, #e6e6e6);
    border-radius: 5px;
    margin-bottom: 5px;
}

    .divDialog3dPanouTaskuriEticheteEtichetaAM:hover {
        background: linear-gradient(#fefefe, aliceblue);
    }

.divPanouTaskuriColoanaTaskEticheteEticheta {
    overflow: hidden;
    border-radius: 20px;
    height: 7px;
    margin-right: 4px;
    width: calc(20% - 4px);
    display: inline-block;
}

.divPanouTaskuriColoanaTaskTitlu {
    font-size: 10pt;
    color: #105895;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
}

.divPanouTaskuriColoanaTaskDescriere {
    font-size: 8pt;
    color: #105895;
    overflow: hidden;
    text-overflow: ellipsis;
}

.divPanouTaskuriColoanaTaskMembri {
}

.spanPanouTaskuriColoanaTaskMembriMembru {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 3px;
    line-height: 24px;
    text-align: center;
    font-size: 8pt;
}

.spanPanouTaskuriColoanaTaskMembriMembruFaraPoza {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: steelblue;
    /*background-image: url('../../Images/32_user_grey5.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px 20px;*/
    margin: 3px;
    line-height: 24px;
    text-align: center;
    color: white;
    font-weight: bold;
    font-size: 8pt;
}

.divPanouTaskuriColoanaTaskProgresContainer {
    background: linear-gradient(steelblue, #0A62AA);
    /*padding-left: 5px;
    padding-right: 5px;*/
    overflow: hidden;
    border-radius: 20px;
    padding: 1px;
}

.divPanouTaskuriColoanaTaskProgresValue {
    background: linear-gradient(gold, orange);
    height: 3px;
    /*width: 75%;*/
    margin: 0px;
    border-radius: 20px;
}

.divPanouTaskuriColoanaAdaugaTask {
    height: 30px;
    background: linear-gradient(#5fba7e, #4aa669);
    text-align: center;
    color: white;
    font-weight: bold;
    border-radius: 5px;
    cursor: pointer;
}

    .divPanouTaskuriColoanaAdaugaTask:hover {
        background: linear-gradient(#73cd92, #5fba7e);
    }

.spanPanouTaskuriColoanaAdaugaTask {
    line-height: 30px;
}

#txtDialogPanouTaskuriTaskTitlu {
    /*background: linear-gradient(steelblue, #0A62AA);*/
    background: transparent;
    padding: 5px;
    border-radius: 5px;
    border: 0px;
    color: white;
    font-weight: bold;
}

    #txtDialogPanouTaskuriTaskTitlu:focus {
        background: linear-gradient(#fafafa, aliceblue);
        color: steelblue;
    }

#txtDialogPanouTaskuriTaskTaguri {
    /*background: linear-gradient(steelblue, #0A62AA);*/
    background: transparent;
    padding: 5px;
    border-radius: 5px;
    border: 0px;
    color: white;
    font-weight: bold;
    width: calc(100% - 90px);
    text-align: right;
    margin-left: 3px;
}

    #txtDialogPanouTaskuriTaskTaguri:focus {
        background: linear-gradient(#fafafa, aliceblue);
        color: steelblue;
    }

.divDialogPanouTaskuriTaskSectiune {
    background: linear-gradient(steelblue, #0A62AA);
    padding: 5px;
    border-radius: 5px;
    margin-bottom: 5px;
}

.divDialogPanouTaskuriTaskSectiuneTitlu {
    /*background: linear-gradient(#5fba7e, #4aa669);*/
    padding: 5px;
    border-radius: 5px;
    /*text-align: center;*/
    font-weight: bold;
    color: white;
    margin-bottom: 5px;
}

#divDialogPanouTaskuriTaskEtichete {
    background: linear-gradient(#fafafa, aliceblue);
    padding: 5px;
    border-radius: 5px;
}

.divDialogPanouTaskuriTaskEticheta {
    border-radius: 20px;
    text-align: center;
    line-height: 32px;
    padding-left: 15px;
    padding-right: 15px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    margin: 3px;
}

.divDialogPanouTaskuriTaskSelecteazaEtichete {
    display: inline-block;
    min-width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: steelblue;
    background-image: url('../../Images/32_browse_grey5.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    cursor: pointer;
    margin: 3px;
    line-height: 32px;
    text-align: center;
    vertical-align: middle;
}

#divDialogPanouTaskuriTaskProgramareRealizare {
    background: linear-gradient(#fafafa, aliceblue);
    padding: 5px;
    border-radius: 5px;
}

#divDialogPanouTaskuriTaskMembri {
    background: linear-gradient(#fafafa, aliceblue);
    padding: 5px;
    border-radius: 5px;
}

.spanDialogPanouTaskuriTaskMembru {
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 3px;
    line-height: 32px;
    text-align: center;
}

.spanDialogPanouTaskuriTaskMembruFaraPoza {
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: steelblue;
    /*background-image: url('../../Images/32_user_grey5.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px 20px;*/
    margin: 3px;
    line-height: 32px;
    text-align: center;
    color: white;
    font-weight: bold;
}

.spanDialogPanouTaskuriTaskSelecteazaMembri {
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: steelblue;
    background-image: url('../../Images/32_browse_grey5.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    cursor: pointer;
    margin: 3px;
    line-height: 32px;
    text-align: center;
}

#txtDialogPanouTaskuriTaskDescriere {
    width: 100%;
    height: 100px;
    overflow-y: auto;
    resize: none;
    font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
}

.divDialogPanouTaskuriTaskActivitate {
    background: linear-gradient(#fafafa, aliceblue);
    padding: 5px;
    border-radius: 5px;
    margin-bottom: 5px;
}

    .divDialogPanouTaskuriTaskActivitate > label {
        display: inline-block;
    }

.divDialogPanouTaskuriTaskActivitateNoua {
    background: linear-gradient(#fafafa, aliceblue);
    padding: 5px;
    border-radius: 5px;
}

.divPanouTaskuriTaskComentariu {
    background: linear-gradient(#fafafa, aliceblue);
    padding: 5px;
    border-radius: 5px;
    margin-bottom: 5px;
}

.divPanouTaskuriTaskComentariuHeader {
    font-size: xx-small;
}

.divPanouTaskuriTaskComentariuContinut {
}

.divPanouTaskuriTaskComentariuNou {
    background: linear-gradient(#fafafa, aliceblue);
    padding: 5px;
    border-radius: 5px;
}

#divDialog3dPanouTaskuriEtichetaPaleteCuloriLista {
    padding: 5px;
    background: linear-gradient(#f2f2f2, #e6e6e6);
    border-radius: 5px;
    margin-bottom: 5px;
}

/********** End Panou Taskuri *****************/

/************** Arhiva Panou Taskuri *****************/

#divArhivaPanouTaskuriComenzi {
    height: 40px;
    background: linear-gradient(steelblue, #0A62AA);
    color: white;
}

#txtPanouTaskuriFiltru {
    margin: 7px;
    margin-right: 0px;
    width: 210px;
    max-width: 50%;
}

#spanPanouTaskuriTitlu {
    color: white;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    width: calc(100% - 855px);
}

#divArhivaPanouTaskuriContainerExterior {
    height: calc(100% - 40px);
    overflow-x: auto;
    background: linear-gradient(#f2f2f2, #e6e6e6);
    white-space: nowrap;
}

#divArhivaPanouTaskuriContainerInterior {
    margin: 5px;
    background: linear-gradient(steelblue, #0A62AA);
    border-radius: 10px;
    padding: 10px;
    width: calc(100% - 30px);
    height: calc(100% - 35px);
    color: white;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    #divArhivaPanouTaskuriContainerInterior:hover {
        background: linear-gradient(#38adf3, #0d87d0);
    }

#divArhivaPanouTaskuriContainerScrollable {
    overflow: auto;
    height: 100%;
}

.divArhivaPanouTaskuriContainerInteriorTask {
    display: block;
    float: left;
    vertical-align: top;
    height: 200px;
    width: 200px;
    border-radius: 5px;
    background: linear-gradient(#f2f2f2, #e6e6e6);
    white-space: initial;
    padding: 5px;
    color: black;
    text-align: justify;
    /*margin: 1px;*/
    margin-right: 5px;
    margin-bottom: 5px;
    cursor: pointer;
}

    .divArhivaPanouTaskuriContainerInteriorTask:hover {
        background: linear-gradient(#fefefe, aliceblue);
    }

.divArhivaPanouTaskuriContainerInteriorTaskEticheteContainer {
    height: 19px;
}

.divArhivaPanouTaskuriContainerInteriorTaskEticheteEticheta {
    overflow: hidden;
    border-radius: 20px;
    height: 7px;
    margin-right: 4px;
    width: calc(20% - 4px);
    display: inline-block;
}

.divArhivaPanouTaskuriContainerInteriorTaskTitlu {
    height: 17px;
    font-size: 10pt;
    color: #105895;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
}

.divArhivaPanouTaskuriContainerInteriorTaskDescriere {
    height: 128px;
    font-size: 8pt;
    color: #105895;
    overflow: hidden;
    text-overflow: ellipsis;
}

.divArhivaPanouTaskuriContainerInteriorTaskMembri {
    height: 30px;
    overflow: hidden;
    white-space: nowrap;
}

.spanPanouTaskuriColoanaTaskMembriMembru {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 3px;
    line-height: 24px;
    text-align: center;
    font-size: 8pt;
}

.spanPanouTaskuriColoanaTaskMembriMembruFaraPoza {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: steelblue;
    /*background-image: url('../../Images/32_user_grey5.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px 20px;*/
    margin: 3px;
    line-height: 24px;
    text-align: center;
    color: white;
    font-weight: bold;
    font-size: 8pt;
}

.divArhivaPanouTaskuriContainerInteriorTaskProgresContainer {
    /*height: 5px;*/
    background: linear-gradient(steelblue, #0A62AA);
    /*padding-left: 5px;
    padding-right: 5px;*/
    overflow: hidden;
    border-radius: 20px;
    padding: 1px;
}

.divArhivaPanouTaskuriContainerInteriorTaskProgresValue {
    background: linear-gradient(gold, orange);
    height: 3px;
    /*width: 75%;*/
    margin: 0px;
    border-radius: 20px;
}

.divArhivaPanouTaskuriTaskComentariu {
    background: linear-gradient(#fafafa, aliceblue);
    padding: 5px;
    border-radius: 5px;
    margin-bottom: 5px;
}

.divArhivaPanouTaskuriTaskComentariuHeader {
    font-size: xx-small;
}

.divArhivaPanouTaskuriTaskComentariuContinut {
}

/********** End Arhiva Panou Taskuri *****************/

/*#region *********** Start Vehicule ************/

#divVehiculeFiltrare {
    display: none;
}

#divVehiculeFiltrare2 {
    display: block;
}

/********** End Vehicule *****************/

/*#region *********** Start Documente Vehicule ************/

#divDocumenteVehiculeFiltrare {
    display: none;
}

#divDocumenteVehiculeFiltrare2 {
    display: block;
}

/********** End Documente Vehicule *****************/

/*#region *********** Start Constatari Vehicule ************/

#divConstatariVehiculeFiltrare {
    display: none;
}

#divConstatariVehiculeFiltrare2 {
    display: block;
}

/********** End Constatari Vehicule *****************/

/*#region *********** Start Interventii Vehicule ************/

#divInterventiiVehiculeFiltrare {
    display: none;
}

#divReviziiFiltrare2 {
    display: block;
}

/********** End Interventii Vehicule *****************/

/*#region *********** Start Revizii Vehicule ************/

#divReviziiFiltrare {
    display: none;
}

#divInterventiiVehiculeFiltrare2 {
    display: block;
}

/********** End Revizii Vehicule *****************/

/* Start DocumenteRegistraturaInPerioada */
#divDocumenteRegistraturaInPerioadaFiltre {
    /*height: px;*/
    padding: 5px;
    background: linear-gradient(steelblue, #0A62AA);
    color: white;
    font-weight: bold;
}

    #divDocumenteRegistraturaInPerioadaFiltre > img {
        height: 16px;
        vertical-align: middle;
        display: inline-block;
        margin-left: 5px;
    }

    #divDocumenteRegistraturaInPerioadaFiltre > select {
        width: 210px;
    }

    #divDocumenteRegistraturaInPerioadaFiltre > label {
        display: inline-block;
        margin-left: 5px;
    }

    #divDocumenteRegistraturaInPerioadaFiltre > input[type=text] {
        /*background: linear-gradient(steelblue, #0A62AA);*/
        background: #f0f8ff11;
        padding: 5px;
        border-radius: 5px;
        border: 0px;
        color: white;
        font-weight: bold;
        width: 150px;
        margin-left: 5px;
    }

        #divDocumenteRegistraturaInPerioadaFiltre > input[type=text]:focus {
            background: linear-gradient(#fafafa, aliceblue);
            color: steelblue;
        }

#divDocumenteRegistraturaInPerioadaContinut {
    height: calc(100% - 36px);
    background: linear-gradient(#f2f2f2, #e6e6e6);
    overflow-y: auto;
}
/** End DocumenteRegistraturaInPerioada **/


/* Start DocumenteRegistraturaInLucru */
#divDocumenteRegistraturaInLucruFiltre {
    /*height: px;*/
    padding: 5px;
    background: linear-gradient(steelblue, #0A62AA);
    color: white;
    font-weight: bold;
}

    #divDocumenteRegistraturaInLucruFiltre > img {
        height: 16px;
        vertical-align: middle;
        display: inline-block;
        margin-left: 5px;
    }

    #divDocumenteRegistraturaInLucruFiltre > select {
        width: 210px;
    }

    #divDocumenteRegistraturaInLucruFiltre > label {
        display: inline-block;
        margin-left: 5px;
    }

    #divDocumenteRegistraturaInLucruFiltre > input[type=text] {
        /*background: linear-gradient(steelblue, #0A62AA);*/
        background: #f0f8ff11;
        padding: 5px;
        border-radius: 5px;
        border: 0px;
        color: white;
        font-weight: bold;
        width: 150px;
        margin-left: 5px;
    }

        #divDocumenteRegistraturaInLucruFiltre > input[type=text]:focus {
            background: linear-gradient(#fafafa, aliceblue);
            color: steelblue;
        }

#divDocumenteRegistraturaInLucruContinut {
    height: calc(100% - 66px);
    background: linear-gradient(#f2f2f2, #e6e6e6);
    overflow-y: auto;
}
/** End DocumenteRegistraturaInLucru **/

/* Start ContracteCareExpiraInPerioada */
#divContracteCareExpiraInPerioadaFiltre {
    /*height: px;*/
    padding: 5px;
    background: linear-gradient(steelblue, #0A62AA);
    color: white;
    font-weight: bold;
}

    #divContracteCareExpiraInPerioadaFiltre > img {
        height: 16px;
        vertical-align: middle;
        display: inline-block;
        margin-left: 5px;
    }

    #divContracteCareExpiraInPerioadaFiltre > select {
        width: 210px;
    }

    #divContracteCareExpiraInPerioadaFiltre > label {
        display: inline-block;
        margin-left: 5px;
    }

    #divContracteCareExpiraInPerioadaFiltre > input[type=text] {
        /*background: linear-gradient(steelblue, #0A62AA);*/
        background: #f0f8ff11;
        padding: 5px;
        border-radius: 5px;
        border: 0px;
        color: white;
        font-weight: bold;
        width: 150px;
        margin-left: 5px;
    }

        #divContracteCareExpiraInPerioadaFiltre > input[type=text]:focus {
            background: linear-gradient(#fafafa, aliceblue);
            color: steelblue;
        }

#divContracteCareExpiraInPerioadaContinut {
    height: calc(100% - 36px);
    background: linear-gradient(#f2f2f2, #e6e6e6);
    overflow-y: auto;
}
/** End ContracteCareExpiraInPerioada **/

/* Start ContracteActiveInPerioada */
#divContracteActiveInPerioadaFiltre {
    /*height: px;*/
    padding: 5px;
    background: linear-gradient(steelblue, #0A62AA);
    color: white;
    font-weight: bold;
}

    #divContracteActiveInPerioadaFiltre > img {
        height: 16px;
        vertical-align: middle;
        display: inline-block;
        margin-left: 5px;
    }

    #divContracteActiveInPerioadaFiltre > select {
        width: 210px;
    }

    #divContracteActiveInPerioadaFiltre > label {
        display: inline-block;
        margin-left: 5px;
    }

    #divContracteActiveInPerioadaFiltre > input[type=text] {
        /*background: linear-gradient(steelblue, #0A62AA);*/
        background: #f0f8ff11;
        padding: 5px;
        border-radius: 5px;
        border: 0px;
        color: white;
        font-weight: bold;
        width: 150px;
        margin-left: 5px;
    }

        #divContracteActiveInPerioadaFiltre > input[type=text]:focus {
            background: linear-gradient(#fafafa, aliceblue);
            color: steelblue;
        }

#divContracteActiveInPerioadaContinut {
    height: calc(100% - 36px);
    background: linear-gradient(#f2f2f2, #e6e6e6);
    overflow-y: auto;
}
/** End ContracteActiveInPerioada **/

/* Start FacturiEmiseInPerioada */
#divFacturiEmiseInPerioadaFiltre {
    /*height: px;*/
    padding: 5px;
    background: linear-gradient(steelblue, #0A62AA);
    color: white;
    font-weight: bold;
}

    #divFacturiEmiseInPerioadaFiltre > img {
        height: 16px;
        vertical-align: middle;
        display: inline-block;
        margin-left: 5px;
    }

    #divFacturiEmiseInPerioadaFiltre > select {
        width: 210px;
    }

    #divFacturiEmiseInPerioadaFiltre > label {
        display: inline-block;
        margin-left: 5px;
    }

    #divFacturiEmiseInPerioadaFiltre > input[type=text] {
        /*background: linear-gradient(steelblue, #0A62AA);*/
        background: #f0f8ff11;
        padding: 5px;
        border-radius: 5px;
        border: 0px;
        color: white;
        font-weight: bold;
        width: 150px;
        margin-left: 5px;
    }

        #divFacturiEmiseInPerioadaFiltre > input[type=text]:focus {
            background: linear-gradient(#fafafa, aliceblue);
            color: steelblue;
        }

#divFacturiEmiseInPerioadaContinut {
    height: calc(100% - 36px);
    background: linear-gradient(#f2f2f2, #e6e6e6);
    overflow-y: auto;
}
/** End FacturiEmiseInPerioada **/

/* Start FacturiScadenteInPerioada */
#divFacturiScadenteInPerioadaFiltre {
    /*height: px;*/
    padding: 5px;
    background: linear-gradient(steelblue, #0A62AA);
    color: white;
    font-weight: bold;
}

    #divFacturiScadenteInPerioadaFiltre > img {
        height: 16px;
        vertical-align: middle;
        display: inline-block;
        margin-left: 5px;
    }

    #divFacturiScadenteInPerioadaFiltre > select {
        width: 210px;
    }

    #divFacturiScadenteInPerioadaFiltre > label {
        display: inline-block;
        margin-left: 5px;
    }

    #divFacturiScadenteInPerioadaFiltre > input[type=text] {
        /*background: linear-gradient(steelblue, #0A62AA);*/
        background: #f0f8ff11;
        padding: 5px;
        border-radius: 5px;
        border: 0px;
        color: white;
        font-weight: bold;
        width: 150px;
        margin-left: 5px;
    }

        #divFacturiScadenteInPerioadaFiltre > input[type=text]:focus {
            background: linear-gradient(#fafafa, aliceblue);
            color: steelblue;
        }

#divFacturiScadenteInPerioadaContinut {
    height: calc(100% - 36px);
    background: linear-gradient(#f2f2f2, #e6e6e6);
    overflow-y: auto;
}
/** End FacturiScadenteInPerioada **/

/* Start FacturiCiclice */
#divFacturiCicliceFiltre {
    /*height: px;*/
    padding: 5px;
    background: linear-gradient(steelblue, #0A62AA);
    color: white;
    font-weight: bold;
}

    #divFacturiCicliceFiltre > img {
        height: 16px;
        vertical-align: middle;
        display: inline-block;
        margin-left: 5px;
    }

    #divFacturiCicliceFiltre > select {
        width: 210px;
    }

    #divFacturiCicliceFiltre > label {
        display: inline-block;
        margin-left: 5px;
    }

    #divFacturiCicliceFiltre > input[type=text] {
        /*background: linear-gradient(steelblue, #0A62AA);*/
        background: #f0f8ff11;
        padding: 5px;
        border-radius: 5px;
        border: 0px;
        color: white;
        font-weight: bold;
        width: 150px;
        margin-left: 5px;
    }

        #divFacturiCicliceFiltre > input[type=text]:focus {
            background: linear-gradient(#fafafa, aliceblue);
            color: steelblue;
        }

#divFacturiCicliceContinut {
    height: calc(100% - 36px);
    background: linear-gradient(#f2f2f2, #e6e6e6);
    overflow-y: auto;
}
/** End FacturiCiclice **/

/* Start FacturiNeachitate */
#divFacturiNeachitateFiltre {
    /*height: px;*/
    padding: 5px;
    background: linear-gradient(steelblue, #0A62AA);
    color: white;
    font-weight: bold;
}

    #divFacturiNeachitateFiltre > img {
        height: 16px;
        vertical-align: middle;
        display: inline-block;
        margin-left: 5px;
    }

    #divFacturiNeachitateFiltre > select {
        width: 210px;
    }

    #divFacturiNeachitateFiltre > label {
        display: inline-block;
        margin-left: 5px;
    }

    #divFacturiNeachitateFiltre > input[type=text] {
        /*background: linear-gradient(steelblue, #0A62AA);*/
        background: #f0f8ff11;
        padding: 5px;
        border-radius: 5px;
        border: 0px;
        color: white;
        font-weight: bold;
        width: 150px;
        margin-left: 5px;
    }

        #divFacturiNeachitateFiltre > input[type=text]:focus {
            background: linear-gradient(#fafafa, aliceblue);
            color: steelblue;
        }

#divFacturiNeachitateContinut {
    height: calc(100% - 36px);
    background: linear-gradient(#f2f2f2, #e6e6e6);
    overflow-y: auto;
}
/** End FacturiNeachitate **/

/* Start BorderouIncasari */
#divBorderouIncasariFiltre {
    /*height: px;*/
    padding: 5px;
    background: linear-gradient(steelblue, #0A62AA);
    color: white;
    font-weight: bold;
}

    #divBorderouIncasariFiltre > img {
        height: 16px;
        vertical-align: middle;
        display: inline-block;
        margin-left: 5px;
    }

    #divBorderouIncasariFiltre > select {
        width: 210px;
    }

    #divBorderouIncasariFiltre > label {
        display: inline-block;
        margin-left: 5px;
    }

    #divBorderouIncasariFiltre > input[type=text] {
        /*background: linear-gradient(steelblue, #0A62AA);*/
        background: #f0f8ff11;
        padding: 5px;
        border-radius: 5px;
        border: 0px;
        color: white;
        font-weight: bold;
        width: 150px;
        margin-left: 5px;
    }

        #divBorderouIncasariFiltre > input[type=text]:focus {
            background: linear-gradient(#fafafa, aliceblue);
            color: steelblue;
        }

#divBorderouIncasariContinut {
    height: calc(100% - 36px);
    background: linear-gradient(#f2f2f2, #e6e6e6);
    overflow-y: auto;
}
/** End BorderouIncasari **/

/* Start MonetarSintetic */
#divMonetarSinteticFiltre {
    /*height: px;*/
    padding: 5px;
    background: linear-gradient(steelblue, #0A62AA);
    color: white;
    font-weight: bold;
}

    #divMonetarSinteticFiltre > img {
        height: 16px;
        vertical-align: middle;
        display: inline-block;
        margin-left: 5px;
    }

    #divMonetarSinteticFiltre > select {
        width: 210px;
    }

    #divMonetarSinteticFiltre > label {
        display: inline-block;
        margin-left: 5px;
    }

    #divMonetarSinteticFiltre > input[type=text] {
        /*background: linear-gradient(steelblue, #0A62AA);*/
        background: #f0f8ff11;
        padding: 5px;
        border-radius: 5px;
        border: 0px;
        color: white;
        font-weight: bold;
        width: 150px;
        margin-left: 5px;
    }

        #divMonetarSinteticFiltre > input[type=text]:focus {
            background: linear-gradient(#fafafa, aliceblue);
            color: steelblue;
        }

#divMonetarSinteticContinut {
    height: calc(100% - 36px);
    background: linear-gradient(#f2f2f2, #e6e6e6);
    overflow-y: auto;
}
/** End MonetarSintetic **/

/* Start MonetarAnalitic */
#divMonetarAnaliticFiltre {
    /*height: px;*/
    padding: 5px;
    background: linear-gradient(steelblue, #0A62AA);
    color: white;
    font-weight: bold;
}

    #divMonetarAnaliticFiltre > img {
        height: 16px;
        vertical-align: middle;
        display: inline-block;
        margin-left: 5px;
    }

    #divMonetarAnaliticFiltre > select {
        width: 210px;
    }

    #divMonetarAnaliticFiltre > label {
        display: inline-block;
        margin-left: 5px;
    }

    #divMonetarAnaliticFiltre > input[type=text] {
        /*background: linear-gradient(steelblue, #0A62AA);*/
        background: #f0f8ff11;
        padding: 5px;
        border-radius: 5px;
        border: 0px;
        color: white;
        font-weight: bold;
        width: 150px;
        margin-left: 5px;
    }

        #divMonetarAnaliticFiltre > input[type=text]:focus {
            background: linear-gradient(#fafafa, aliceblue);
            color: steelblue;
        }

#divMonetarAnaliticContinut {
    height: calc(100% - 36px);
    background: linear-gradient(#f2f2f2, #e6e6e6);
    overflow-y: auto;
}
/** End MonetarAnalitic **/

/* Start StocuriProdus */
#divStocuriProdusFiltre {
    /*height: px;*/
    padding: 5px;
    background: linear-gradient(steelblue, #0A62AA);
    color: white;
    font-weight: bold;
}

    #divStocuriProdusFiltre > img {
        height: 16px;
        vertical-align: middle;
        display: inline-block;
        margin-left: 5px;
    }

    #divStocuriProdusFiltre > select {
        width: 210px;
    }

    #divStocuriProdusFiltre > label {
        display: inline-block;
        margin-left: 5px;
    }

    #divStocuriProdusFiltre > input[type=text] {
        /*background: linear-gradient(steelblue, #0A62AA);*/
        background: #f0f8ff11;
        padding: 5px;
        border-radius: 5px;
        border: 0px;
        color: white;
        font-weight: bold;
        width: 150px;
        margin-left: 5px;
    }

        #divStocuriProdusFiltre > input[type=text]:focus {
            background: linear-gradient(#fafafa, aliceblue);
            color: steelblue;
        }

#divStocuriProdusContinut {
    height: calc(100% - 36px);
    background: linear-gradient(#f2f2f2, #e6e6e6);
    overflow-y: auto;
}
/** End StocuriProdus **/

/* Start StocuriGestiune */
#divStocuriGestiuneFiltre {
    /*height: px;*/
    padding: 5px;
    background: linear-gradient(steelblue, #0A62AA);
    color: white;
    font-weight: bold;
}

    #divStocuriGestiuneFiltre > img {
        height: 16px;
        vertical-align: middle;
        display: inline-block;
        margin-left: 5px;
    }

    #divStocuriGestiuneFiltre > select {
        width: 210px;
    }

    #divStocuriGestiuneFiltre > label {
        display: inline-block;
        margin-left: 5px;
    }

    #divStocuriGestiuneFiltre > input[type=text] {
        /*background: linear-gradient(steelblue, #0A62AA);*/
        background: #f0f8ff11;
        padding: 5px;
        border-radius: 5px;
        border: 0px;
        color: white;
        font-weight: bold;
        width: 150px;
        margin-left: 5px;
    }

        #divStocuriGestiuneFiltre > input[type=text]:focus {
            background: linear-gradient(#fafafa, aliceblue);
            color: steelblue;
        }

#divStocuriGestiuneContinut {
    height: calc(100% - 36px);
    background: linear-gradient(#f2f2f2, #e6e6e6);
    overflow-y: auto;
}
/** End StocuriGestiune **/


/* Start StocuriCritice */
#divStocuriCriticeFiltre {
    /*height: px;*/
    padding: 5px;
    background: linear-gradient(steelblue, #0A62AA);
    color: white;
    font-weight: bold;
}

    #divStocuriCriticeFiltre > img {
        height: 16px;
        vertical-align: middle;
        display: inline-block;
        margin-left: 5px;
    }

    #divStocuriCriticeFiltre > select {
        width: 210px;
    }

    #divStocuriCriticeFiltre > label {
        display: inline-block;
        margin-left: 5px;
    }

    #divStocuriCriticeFiltre > input[type=text] {
        /*background: linear-gradient(steelblue, #0A62AA);*/
        background: #f0f8ff11;
        padding: 5px;
        border-radius: 5px;
        border: 0px;
        color: white;
        font-weight: bold;
        width: 150px;
        margin-left: 5px;
    }

        #divStocuriCriticeFiltre > input[type=text]:focus {
            background: linear-gradient(#fafafa, aliceblue);
            color: steelblue;
        }

#divStocuriCriticeContinut {
    height: calc(100% - 36px);
    background: linear-gradient(#f2f2f2, #e6e6e6);
    overflow-y: auto;
}
/** End StocuriCritice **/

/* Start ContracteMuncaCuExpirareInPerioada */
#divContracteMuncaCuExpirareInPerioadaFiltre {
    /*height: px;*/
    padding: 5px;
    background: linear-gradient(steelblue, #0A62AA);
    color: white;
    font-weight: bold;
}

    #divContracteMuncaCuExpirareInPerioadaFiltre > img {
        height: 16px;
        vertical-align: middle;
        display: inline-block;
        margin-left: 5px;
    }

    #divContracteMuncaCuExpirareInPerioadaFiltre > select {
        width: 210px;
    }

    #divContracteMuncaCuExpirareInPerioadaFiltre > label {
        display: inline-block;
        margin-left: 5px;
    }

    #divContracteMuncaCuExpirareInPerioadaFiltre > input[type=text] {
        /*background: linear-gradient(steelblue, #0A62AA);*/
        background: #f0f8ff11;
        padding: 5px;
        border-radius: 5px;
        border: 0px;
        color: white;
        font-weight: bold;
        width: 150px;
        margin-left: 5px;
    }

        #divContracteMuncaCuExpirareInPerioadaFiltre > input[type=text]:focus {
            background: linear-gradient(#fafafa, aliceblue);
            color: steelblue;
        }

#divContracteMuncaCuExpirareInPerioadaContinut {
    height: calc(100% - 36px);
    background: linear-gradient(#f2f2f2, #e6e6e6);
    overflow-y: auto;
}
/** End ContracteMuncaCuExpirareInPerioada **/

/* Start ContracteMuncaIncheiateInPerioada */
#divContracteMuncaIncheiateInPerioadaFiltre {
    /*height: px;*/
    padding: 5px;
    background: linear-gradient(steelblue, #0A62AA);
    color: white;
    font-weight: bold;
}

    #divContracteMuncaIncheiateInPerioadaFiltre > img {
        height: 16px;
        vertical-align: middle;
        display: inline-block;
        margin-left: 5px;
    }

    #divContracteMuncaIncheiateInPerioadaFiltre > select {
        width: 210px;
    }

    #divContracteMuncaIncheiateInPerioadaFiltre > label {
        display: inline-block;
        margin-left: 5px;
    }

    #divContracteMuncaIncheiateInPerioadaFiltre > input[type=text] {
        /*background: linear-gradient(steelblue, #0A62AA);*/
        background: #f0f8ff11;
        padding: 5px;
        border-radius: 5px;
        border: 0px;
        color: white;
        font-weight: bold;
        width: 150px;
        margin-left: 5px;
    }

        #divContracteMuncaIncheiateInPerioadaFiltre > input[type=text]:focus {
            background: linear-gradient(#fafafa, aliceblue);
            color: steelblue;
        }

#divContracteMuncaIncheiateInPerioadaContinut {
    height: calc(100% - 36px);
    background: linear-gradient(#f2f2f2, #e6e6e6);
    overflow-y: auto;
}
/** End ContracteMuncaIncheiateInPerioada **/

/* Start ProceseRecrutareInPerioada */
#divProceseRecrutareInPerioadaFiltre {
    /*height: px;*/
    padding: 5px;
    background: linear-gradient(steelblue, #0A62AA);
    color: white;
    font-weight: bold;
}

    #divProceseRecrutareInPerioadaFiltre > img {
        height: 16px;
        vertical-align: middle;
        display: inline-block;
        margin-left: 5px;
    }

    #divProceseRecrutareInPerioadaFiltre > select {
        width: 210px;
    }

    #divProceseRecrutareInPerioadaFiltre > label {
        display: inline-block;
        margin-left: 5px;
    }

    #divProceseRecrutareInPerioadaFiltre > input[type=text] {
        /*background: linear-gradient(steelblue, #0A62AA);*/
        background: #f0f8ff11;
        padding: 5px;
        border-radius: 5px;
        border: 0px;
        color: white;
        font-weight: bold;
        width: 150px;
        margin-left: 5px;
    }

        #divProceseRecrutareInPerioadaFiltre > input[type=text]:focus {
            background: linear-gradient(#fafafa, aliceblue);
            color: steelblue;
        }

#divProceseRecrutareInPerioadaContinut {
    height: calc(100% - 36px);
    background: linear-gradient(#f2f2f2, #e6e6e6);
    overflow-y: auto;
}
/** End ProceseRecrutareInPerioada **/

/* Start AplicantiLaProceseRecrutare */
#divAplicantiLaProceseRecrutareFiltre {
    /*height: px;*/
    padding: 5px;
    background: linear-gradient(steelblue, #0A62AA);
    color: white;
    font-weight: bold;
}

    #divAplicantiLaProceseRecrutareFiltre > img {
        height: 16px;
        vertical-align: middle;
        display: inline-block;
        margin-left: 5px;
    }

    #divAplicantiLaProceseRecrutareFiltre > select {
        width: 210px;
    }

    #divAplicantiLaProceseRecrutareFiltre > label {
        display: inline-block;
        margin-left: 5px;
    }

    #divAplicantiLaProceseRecrutareFiltre > input[type=text] {
        /*background: linear-gradient(steelblue, #0A62AA);*/
        background: #f0f8ff11;
        padding: 5px;
        border-radius: 5px;
        border: 0px;
        color: white;
        font-weight: bold;
        width: 150px;
        margin-left: 5px;
    }

        #divAplicantiLaProceseRecrutareFiltre > input[type=text]:focus {
            background: linear-gradient(#fafafa, aliceblue);
            color: steelblue;
        }

#divAplicantiLaProceseRecrutareContinut {
    height: calc(100% - 36px);
    background: linear-gradient(#f2f2f2, #e6e6e6);
    overflow-y: auto;
}
/** End AplicantiLaProceseRecrutare **/

/* Start FacturiContaPrimiteInPerioada */
#divFacturiContaPrimiteInPerioadaFiltre {
    /*height: px;*/
    padding: 5px;
    background: linear-gradient(steelblue, #0A62AA);
    color: white;
    font-weight: bold;
}

    #divFacturiContaPrimiteInPerioadaFiltre > img {
        height: 16px;
        vertical-align: middle;
        display: inline-block;
        margin-left: 5px;
    }

    #divFacturiContaPrimiteInPerioadaFiltre > select {
        width: 210px;
    }

    #divFacturiContaPrimiteInPerioadaFiltre > label {
        display: inline-block;
        margin-left: 5px;
    }

    #divFacturiContaPrimiteInPerioadaFiltre > input[type=text] {
        /*background: linear-gradient(steelblue, #0A62AA);*/
        background: #f0f8ff11;
        padding: 5px;
        border-radius: 5px;
        border: 0px;
        color: white;
        font-weight: bold;
        width: 150px;
        margin-left: 5px;
    }

        #divFacturiContaPrimiteInPerioadaFiltre > input[type=text]:focus {
            background: linear-gradient(#fafafa, aliceblue);
            color: steelblue;
        }

#divFacturiContaPrimiteInPerioadaContinut {
    height: calc(100% - 36px);
    background: linear-gradient(#f2f2f2, #e6e6e6);
    overflow-y: auto;
}
/** End FacturiContaPrimiteInPerioada **/

/* Start FacturiContaEmiseInPerioada */
#divFacturiContaEmiseInPerioadaFiltre {
    /*height: px;*/
    padding: 5px;
    background: linear-gradient(steelblue, #0A62AA);
    color: white;
    font-weight: bold;
}

    #divFacturiContaEmiseInPerioadaFiltre > img {
        height: 16px;
        vertical-align: middle;
        display: inline-block;
        margin-left: 5px;
    }

    #divFacturiContaEmiseInPerioadaFiltre > select {
        width: 210px;
    }

    #divFacturiContaEmiseInPerioadaFiltre > label {
        display: inline-block;
        margin-left: 5px;
    }

    #divFacturiContaEmiseInPerioadaFiltre > input[type=text] {
        /*background: linear-gradient(steelblue, #0A62AA);*/
        background: #f0f8ff11;
        padding: 5px;
        border-radius: 5px;
        border: 0px;
        color: white;
        font-weight: bold;
        width: 150px;
        margin-left: 5px;
    }

        #divFacturiContaEmiseInPerioadaFiltre > input[type=text]:focus {
            background: linear-gradient(#fafafa, aliceblue);
            color: steelblue;
        }

#divFacturiContaEmiseInPerioadaContinut {
    height: calc(100% - 36px);
    background: linear-gradient(#f2f2f2, #e6e6e6);
    overflow-y: auto;
}
/** End FacturiContaEmiseInPerioada **/

/* Start DocumenteVehiculeCareExpiraInPerioada */
#divDocumenteVehiculeCareExpiraInPerioadaFiltre {
    /*height: px;*/
    padding: 5px;
    background: linear-gradient(steelblue, #0A62AA);
    color: white;
    font-weight: bold;
}

    #divDocumenteVehiculeCareExpiraInPerioadaFiltre > img {
        height: 16px;
        vertical-align: middle;
        display: inline-block;
        margin-left: 5px;
    }

    #divDocumenteVehiculeCareExpiraInPerioadaFiltre > select {
        width: 210px;
    }

    #divDocumenteVehiculeCareExpiraInPerioadaFiltre > label {
        display: inline-block;
        margin-left: 5px;
    }

    #divDocumenteVehiculeCareExpiraInPerioadaFiltre > input[type=text] {
        /*background: linear-gradient(steelblue, #0A62AA);*/
        background: #f0f8ff11;
        padding: 5px;
        border-radius: 5px;
        border: 0px;
        color: white;
        font-weight: bold;
        width: 150px;
        margin-left: 5px;
    }

        #divDocumenteVehiculeCareExpiraInPerioadaFiltre > input[type=text]:focus {
            background: linear-gradient(#fafafa, aliceblue);
            color: steelblue;
        }

#divDocumenteVehiculeCareExpiraInPerioadaContinut {
    height: calc(100% - 36px);
    background: linear-gradient(#f2f2f2, #e6e6e6);
    overflow-y: auto;
}
/** End DocumenteVehiculeCareExpiraInPerioada **/

/* Start StareFlotaVehicule */
#divStareFlotaVehiculeFiltre {
    /*height: px;*/
    padding: 5px;
    background: linear-gradient(steelblue, #0A62AA);
    color: white;
    font-weight: bold;
}

    #divStareFlotaVehiculeFiltre > img {
        height: 16px;
        vertical-align: middle;
        display: inline-block;
        margin-left: 5px;
    }

    #divStareFlotaVehiculeFiltre > select {
        width: 210px;
    }

    #divStareFlotaVehiculeFiltre > label {
        display: inline-block;
        margin-left: 5px;
    }

    #divStareFlotaVehiculeFiltre > input[type=text] {
        /*background: linear-gradient(steelblue, #0A62AA);*/
        background: #f0f8ff11;
        padding: 5px;
        border-radius: 5px;
        border: 0px;
        color: white;
        font-weight: bold;
        width: 150px;
        margin-left: 5px;
    }

        #divStareFlotaVehiculeFiltre > input[type=text]:focus {
            background: linear-gradient(#fafafa, aliceblue);
            color: steelblue;
        }

#divStareFlotaVehiculeContinut {
    height: calc(100% - 36px);
    background: linear-gradient(#f2f2f2, #e6e6e6);
    overflow-y: auto;
}
/** End StareFlotaVehicule **/

/* Start FisaVehicul */
#divFisaVehiculFiltre {
    /*height: px;*/
    padding: 5px;
    background: linear-gradient(steelblue, #0A62AA);
    color: white;
    font-weight: bold;
}

    #divFisaVehiculFiltre > img {
        height: 16px;
        vertical-align: middle;
        display: inline-block;
        margin-left: 5px;
    }

    #divFisaVehiculFiltre > select {
        width: 210px;
    }

    #divFisaVehiculFiltre > label {
        display: inline-block;
        margin-left: 5px;
    }

    #divFisaVehiculFiltre > input[type=text] {
        /*background: linear-gradient(steelblue, #0A62AA);*/
        background: #f0f8ff11;
        padding: 5px;
        border-radius: 5px;
        border: 0px;
        color: white;
        font-weight: bold;
        width: 150px;
        margin-left: 5px;
    }

        #divFisaVehiculFiltre > input[type=text]:focus {
            background: linear-gradient(#fafafa, aliceblue);
            color: steelblue;
        }

#divFisaVehiculContinut {
    height: calc(100% - 36px);
    background: linear-gradient(#f2f2f2, #e6e6e6);
    overflow-y: auto;
    padding: 5px;
}
/** End FisaVehicul **/

/* Start InterventiiVehiculeInPerioada */
#divInterventiiVehiculeInPerioadaFiltre {
    /*height: px;*/
    padding: 5px;
    background: linear-gradient(steelblue, #0A62AA);
    color: white;
    font-weight: bold;
}

    #divInterventiiVehiculeInPerioadaFiltre > img {
        height: 16px;
        vertical-align: middle;
        display: inline-block;
        margin-left: 5px;
    }

    #divInterventiiVehiculeInPerioadaFiltre > select {
        width: 210px;
    }

    #divInterventiiVehiculeInPerioadaFiltre > label {
        display: inline-block;
        margin-left: 5px;
    }

    #divInterventiiVehiculeInPerioadaFiltre > input[type=text] {
        /*background: linear-gradient(steelblue, #0A62AA);*/
        background: #f0f8ff11;
        padding: 5px;
        border-radius: 5px;
        border: 0px;
        color: white;
        font-weight: bold;
        width: 150px;
        margin-left: 5px;
    }

        #divInterventiiVehiculeInPerioadaFiltre > input[type=text]:focus {
            background: linear-gradient(#fafafa, aliceblue);
            color: steelblue;
        }

#divInterventiiVehiculeInPerioadaContinut {
    height: calc(100% - 36px);
    background: linear-gradient(#f2f2f2, #e6e6e6);
    overflow-y: auto;
}
/** End InterventiiVehiculeInPerioada **/

/* Start ListaTaskuriEchipa */
#divListaTaskuriEchipaFiltre {
    /*height: px;*/
    padding: 5px;
    background: linear-gradient(steelblue, #0A62AA);
    color: white;
    font-weight: bold;
}

    #divListaTaskuriEchipaFiltre > img {
        height: 16px;
        vertical-align: middle;
        display: inline-block;
        margin-left: 5px;
    }

    #divListaTaskuriEchipaFiltre > select {
        width: 210px;
    }

    #divListaTaskuriEchipaFiltre > label {
        display: inline-block;
        margin-left: 5px;
    }

    #divListaTaskuriEchipaFiltre > input[type=text] {
        /*background: linear-gradient(steelblue, #0A62AA);*/
        background: #f0f8ff11;
        padding: 5px;
        border-radius: 5px;
        border: 0px;
        color: white;
        font-weight: bold;
        width: 150px;
        margin-left: 5px;
    }

        #divListaTaskuriEchipaFiltre > input[type=text]:focus {
            background: linear-gradient(#fafafa, aliceblue);
            color: steelblue;
        }

#divListaTaskuriEchipaContinut {
    height: calc(100% - 36px);
    background: linear-gradient(#f2f2f2, #e6e6e6);
    overflow-y: auto;
}
/** End ListaTaskuriEchipa **/

/* Start ListaTaskuriUtilizator */
#divListaTaskuriUtilizatorFiltre {
    /*height: px;*/
    padding: 5px;
    background: linear-gradient(steelblue, #0A62AA);
    color: white;
    font-weight: bold;
}

    #divListaTaskuriUtilizatorFiltre > img {
        height: 16px;
        vertical-align: middle;
        display: inline-block;
        margin-left: 5px;
    }

    #divListaTaskuriUtilizatorFiltre > select {
        width: 210px;
    }

    #divListaTaskuriUtilizatorFiltre > label {
        display: inline-block;
        margin-left: 5px;
    }

    #divListaTaskuriUtilizatorFiltre > input[type=text] {
        /*background: linear-gradient(steelblue, #0A62AA);*/
        background: #f0f8ff11;
        padding: 5px;
        border-radius: 5px;
        border: 0px;
        color: white;
        font-weight: bold;
        width: 150px;
        margin-left: 5px;
    }

        #divListaTaskuriUtilizatorFiltre > input[type=text]:focus {
            background: linear-gradient(#fafafa, aliceblue);
            color: steelblue;
        }

#divListaTaskuriUtilizatorContinut {
    height: calc(100% - 36px);
    background: linear-gradient(#f2f2f2, #e6e6e6);
    overflow-y: auto;
}
/** End ListaTaskuriUtilizator **/

/* Start ListaTaskuriProiect */
#divListaTaskuriProiectFiltre {
    /*height: px;*/
    padding: 5px;
    background: linear-gradient(steelblue, #0A62AA);
    color: white;
    font-weight: bold;
}

    #divListaTaskuriProiectFiltre > img {
        height: 16px;
        vertical-align: middle;
        display: inline-block;
        margin-left: 5px;
    }

    #divListaTaskuriProiectFiltre > select {
        width: 210px;
    }

    #divListaTaskuriProiectFiltre > label {
        display: inline-block;
        margin-left: 5px;
    }

    #divListaTaskuriProiectFiltre > input[type=text] {
        /*background: linear-gradient(steelblue, #0A62AA);*/
        background: #f0f8ff11;
        padding: 5px;
        border-radius: 5px;
        border: 0px;
        color: white;
        font-weight: bold;
        width: 150px;
        margin-left: 5px;
    }

        #divListaTaskuriProiectFiltre > input[type=text]:focus {
            background: linear-gradient(#fafafa, aliceblue);
            color: steelblue;
        }

#divListaTaskuriProiectContinut {
    height: calc(100% - 36px);
    background: linear-gradient(#f2f2f2, #e6e6e6);
    overflow-y: auto;
}
/** End ListaTaskuriProiect **/

/* Start PontajProiect */
#divPontajProiectFiltre {
    /*height: px;*/
    padding: 5px;
    background: linear-gradient(steelblue, #0A62AA);
    color: white;
    font-weight: bold;
}

    #divPontajProiectFiltre > img {
        height: 16px;
        vertical-align: middle;
        display: inline-block;
        margin-left: 5px;
    }

    #divPontajProiectFiltre > select {
        width: 210px;
    }

    #divPontajProiectFiltre > label {
        display: inline-block;
        margin-left: 5px;
    }

    #divPontajProiectFiltre > input[type=text] {
        /*background: linear-gradient(steelblue, #0A62AA);*/
        background: #f0f8ff11;
        padding: 5px;
        border-radius: 5px;
        border: 0px;
        color: white;
        font-weight: bold;
        width: 150px;
        margin-left: 5px;
    }

        #divPontajProiectFiltre > input[type=text]:focus {
            background: linear-gradient(#fafafa, aliceblue);
            color: steelblue;
        }

#divPontajProiectContinut {
    height: calc(100% - 36px);
    background: linear-gradient(#f2f2f2, #e6e6e6);
    overflow-y: auto;
}
/** End PontajProiect **/

/* Start SolduriFurnizor */
#divSolduriFurnizorFiltre {
    /*height: px;*/
    padding: 5px;
    background: linear-gradient(steelblue, #0A62AA);
    color: white;
    font-weight: bold;
}

    #divSolduriFurnizorFiltre > img {
        height: 16px;
        vertical-align: middle;
        display: inline-block;
        margin-left: 5px;
    }

    #divSolduriFurnizorFiltre > select {
        width: 210px;
    }

    #divSolduriFurnizorFiltre > label {
        display: inline-block;
        margin-left: 5px;
    }

    #divSolduriFurnizorFiltre > input[type=text] {
        /*background: linear-gradient(steelblue, #0A62AA);*/
        background: #f0f8ff11;
        padding: 5px;
        border-radius: 5px;
        border: 0px;
        color: white;
        font-weight: bold;
        width: 150px;
        margin-left: 5px;
    }

        #divSolduriFurnizorFiltre > input[type=text]:focus {
            background: linear-gradient(#fafafa, aliceblue);
            color: steelblue;
        }

#divSolduriFurnizorContinut {
    height: calc(100% - 36px);
    background: linear-gradient(#f2f2f2, #e6e6e6);
    overflow-y: auto;
}
/** End SolduriFurnizor **/

/* Start DiagramaGanttTaskuriProiect */
#divDiagramaGanttTaskuriProiectFiltre {
    /*height: px;*/
    padding: 5px;
    background: linear-gradient(steelblue, #0A62AA);
    color: white;
    font-weight: bold;
}

    #divDiagramaGanttTaskuriProiectFiltre > img {
        height: 16px;
        vertical-align: middle;
        display: inline-block;
        margin-left: 5px;
    }

    #divDiagramaGanttTaskuriProiectFiltre > select {
        width: 210px;
    }

    #divDiagramaGanttTaskuriProiectFiltre > label {
        display: inline-block;
        margin-left: 5px;
    }

    #divDiagramaGanttTaskuriProiectFiltre > input[type=text] {
        /*background: linear-gradient(steelblue, #0A62AA);*/
        background: #f0f8ff11;
        padding: 5px;
        border-radius: 5px;
        border: 0px;
        color: white;
        font-weight: bold;
        width: 150px;
        margin-left: 5px;
    }

        #divDiagramaGanttTaskuriProiectFiltre > input[type=text]:focus {
            background: linear-gradient(#fafafa, aliceblue);
            color: steelblue;
        }

#divDiagramaGanttTaskuriProiectContinut {
    height: calc(100% - 36px);
    background: linear-gradient(#f2f2f2, #e6e6e6);
    overflow: auto;
}

#tblDiagramaGanttTaskuriProiect {
    text-align: center;
    border: 1px solid steelblue;
    border-collapse: collapse;
}

.trDiagramaGanttTaskuriProiectHeader {
    height: 30px;
}

.trDiagramaGanttTaskuriProiectZileProiect {
    height: 30px;
}

.tdDiagramaGanttTaskuriProiectLuna {
    min-width: 30px;
    max-width: 30px;
    min-height: 30px;
    padding: 0px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.tdDiagramaGanttTaskuriProiectLunaImpara {
    background-color: #e0eaed;
}

.tdDiagramaGanttTaskuriProiectZiHeader {
    min-width: 30px;
    min-height: 30px;
    padding: 0px;
    background-color: whitesmoke;
}

.tdDiagramaGanttTaskuriProiectZiHeaderWeekend {
    background-color: #edf5f8;
}

.tdDiagramaGanttTaskuriProiectZiProiect {
    min-width: 30px;
    min-height: 30px;
    padding: 0px;
    background-color: whitesmoke;
    background-size: 30px 30px;
    background-repeat: no-repeat;

    background-image: url('../../Images/30_GanttBarEmpty.png');
}

.tdDiagramaGanttTaskuriProiectRowHeader {
    text-align: left;
    min-width: 150px;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 3px;
    padding-right: 3px;
    font-size: small;
    font-weight: bold;
}

.tdDiagramaGanttTaskuriTaskuriRowHeader {
    text-align: left;
    padding-left: 10px;
    padding-right: 3px;
    min-width: 150px;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: small;
}

.tdDiagramaGanttTaskuriProiectZiProiectWeekend {
    background-color: #edf5f8;
}

.tdDiagramaGanttTaskuriProiectZiProiectL {
    background-image: url('../../Images/30_GanttBarLeft_blue.png');
}

.tdDiagramaGanttTaskuriProiectZiProiectC {
    background-image: url('../../Images/30_GanttBarCenter_blue.png');
}

.tdDiagramaGanttTaskuriProiectZiProiectR {
    background-image: url('../../Images/30_GanttBarRight_blue.png');
}

.tdDiagramaGanttTaskuriProiectZiProiectS {
    background-image: url('../../Images/30_GanttBarSingle_blue.png');
}


.trDiagramaGanttTaskuriProiectZileTask {
    height: 20px;
}

.tdDiagramaGanttTaskuriProiectZiTask {
    min-width: 30px;
    min-height: 20px;
    padding: 0px;
    background-color: whitesmoke;
    background-size: 30px 20px;
    background-repeat: no-repeat;

    background-image: url('../../Images/30_GanttBarSlimEmpty.png');
}

.tdDiagramaGanttTaskuriProiectZiTaskWeekend {
    background-color: #edf5f8;
}

.tdDiagramaGanttTaskuriProiectZiTaskLF {
    cursor: pointer;
    background-image: url('../../Images/30_GanttBarSlimLeft_green.png');
}

.tdDiagramaGanttTaskuriProiectZiTaskCF {
    cursor: pointer;
    background-image: url('../../Images/30_GanttBarSlimCenter_green.png');
}

.tdDiagramaGanttTaskuriProiectZiTaskRF {
    cursor: pointer;
    background-image: url('../../Images/30_GanttBarSlimRight_green.png');
}

.tdDiagramaGanttTaskuriProiectZiTaskSF {
    cursor: pointer;
    background-image: url('../../Images/30_GanttBarSlimSingle_green.png');
}


.tdDiagramaGanttTaskuriProiectZiTaskLS {
    cursor: pointer;
    background-image: url('../../Images/30_GanttBarSlimLeft_yellow.png');
}

.tdDiagramaGanttTaskuriProiectZiTaskCS {
    cursor: pointer;
    background-image: url('../../Images/30_GanttBarSlimCenter_yellow.png');
}

.tdDiagramaGanttTaskuriProiectZiTaskRS {
    cursor: pointer;
    background-image: url('../../Images/30_GanttBarSlimRight_yellow.png');
}

.tdDiagramaGanttTaskuriProiectZiTaskSS {
    cursor: pointer;
    background-image: url('../../Images/30_GanttBarSlimSingle_yellow.png');
}


.tdDiagramaGanttTaskuriProiectZiTaskLP {
    cursor: pointer;
    background-image: url('../../Images/30_GanttBarSlimLeft_orange.png');
}

.tdDiagramaGanttTaskuriProiectZiTaskCP {
    cursor: pointer;
    background-image: url('../../Images/30_GanttBarSlimCenter_orange.png');
}

.tdDiagramaGanttTaskuriProiectZiTaskRP {
    cursor: pointer;
    background-image: url('../../Images/30_GanttBarSlimRight_orange.png');
}

.tdDiagramaGanttTaskuriProiectZiTaskSP {
    cursor: pointer;
    background-image: url('../../Images/30_GanttBarSlimSingle_orange.png');
}

.tdDiagramaGanttTaskuriProiectZiTaskSG {
    cursor: pointer;
    background-image: url('../../Images/30_GanttBarSlimSingle_grey.png');
}

#txtDiagramaGanttTaskuriProiectTitlu {
    /*background: linear-gradient(steelblue, #0A62AA);*/
    background: transparent;
    padding: 5px;
    border-radius: 5px;
    border: 0px;
    color: white;
    font-weight: bold;
}

    #txtDiagramaGanttTaskuriProiectTitlu:focus {
        background: linear-gradient(#fafafa, aliceblue);
        color: steelblue;
    }

#txtDiagramaGanttTaskuriProiectTaguri {
    /*background: linear-gradient(steelblue, #0A62AA);*/
    background: transparent;
    padding: 5px;
    border-radius: 5px;
    border: 0px;
    color: white;
    font-weight: bold;
    width: calc(100% - 90px);
    text-align: right;
    margin-left: 3px;
}

    #txtDiagramaGanttTaskuriProiectTaguri:focus {
        background: linear-gradient(#fafafa, aliceblue);
        color: steelblue;
    }

.divDiagramaGanttTaskuriProiectSectiune {
    background: linear-gradient(steelblue, #0A62AA);
    padding: 5px;
    border-radius: 5px;
    margin-bottom: 5px;
}

.divDiagramaGanttTaskuriProiectSectiuneTitlu {
    /*background: linear-gradient(#5fba7e, #4aa669);*/
    padding: 5px;
    border-radius: 5px;
    /*text-align: center;*/
    font-weight: bold;
    color: white;
    margin-bottom: 5px;
}

#divDiagramaGanttTaskuriProiectEtichete {
    background: linear-gradient(#fafafa, aliceblue);
    padding: 5px;
    border-radius: 5px;
}

.divDiagramaGanttTaskuriProiectEticheta {
    border-radius: 20px;
    text-align: center;
    line-height: 32px;
    padding-left: 15px;
    padding-right: 15px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    margin: 3px;
}

.divDiagramaGanttTaskuriProiectSelecteazaEtichete {
    display: inline-block;
    min-width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: steelblue;
    background-image: url('../../Images/32_browse_grey5.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    cursor: pointer;
    margin: 3px;
    line-height: 32px;
    text-align: center;
    vertical-align: middle;
}

#divDiagramaGanttTaskuriProiectProgramareRealizare {
    background: linear-gradient(#fafafa, aliceblue);
    padding: 5px;
    border-radius: 5px;
}

#divDiagramaGanttTaskuriProiectMembri {
    background: linear-gradient(#fafafa, aliceblue);
    padding: 5px;
    border-radius: 5px;
}

.spanDiagramaGanttTaskuriProiectMembru {
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 3px;
    line-height: 32px;
    text-align: center;
}

.spanDiagramaGanttTaskuriProiectMembruFaraPoza {
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: steelblue;
    /*background-image: url('../../Images/32_user_grey5.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px 20px;*/
    margin: 3px;
    line-height: 32px;
    text-align: center;
    color: white;
    font-weight: bold;
}

.spanDiagramaGanttTaskuriProiectSelecteazaMembri {
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: steelblue;
    background-image: url('../../Images/32_browse_grey5.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    cursor: pointer;
    margin: 3px;
    line-height: 32px;
    text-align: center;
}

#txtDiagramaGanttTaskuriProiectDescriere {
    width: 100%;
    height: 100px;
    overflow-y: auto;
    resize: none;
    font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
}

.divDiagramaGanttTaskuriProiectActivitate {
    background: linear-gradient(#fafafa, aliceblue);
    padding: 5px;
    border-radius: 5px;
    margin-bottom: 5px;
}

    .divDiagramaGanttTaskuriProiectActivitate > label {
        display: inline-block;
    }

.divDiagramaGanttTaskuriProiectActivitateNoua {
    background: linear-gradient(#fafafa, aliceblue);
    padding: 5px;
    border-radius: 5px;
}

.divPanouTaskuriTaskComentariu {
    background: linear-gradient(#fafafa, aliceblue);
    padding: 5px;
    border-radius: 5px;
    margin-bottom: 5px;
}

.divPanouTaskuriTaskComentariuHeader {
    font-size: xx-small;
}

.divPanouTaskuriTaskComentariuContinut {
}

.divPanouTaskuriTaskComentariuNou {
    background: linear-gradient(#fafafa, aliceblue);
    padding: 5px;
    border-radius: 5px;
}

#divDialog3dPanouTaskuriEtichetaPaleteCuloriLista {
    padding: 5px;
    background: linear-gradient(#f2f2f2, #e6e6e6);
    border-radius: 5px;
    margin-bottom: 5px;
}

/** End DiagramaGanttTaskuriProiect **/

/* Start FirmeModule */
#divFirmeModuleFiltre {
    /*height: px;*/
    padding: 5px;
    background: linear-gradient(steelblue, #0A62AA);
    color: white;
    font-weight: bold;
}

    #divFirmeModuleFiltre > img {
        height: 16px;
        vertical-align: middle;
        display: inline-block;
        margin-left: 5px;
    }

    #divFirmeModuleFiltre > select {
        width: 210px;
    }

    #divFirmeModuleFiltre > label {
        display: inline-block;
        margin-left: 5px;
    }

    #divFirmeModuleFiltre > input[type=text] {
        /*background: linear-gradient(steelblue, #0A62AA);*/
        background: #f0f8ff11;
        padding: 5px;
        border-radius: 5px;
        border: 0px;
        color: white;
        font-weight: bold;
        width: 150px;
        margin-left: 5px;
    }

        #divFirmeModuleFiltre > input[type=text]:focus {
            background: linear-gradient(#fafafa, aliceblue);
            color: steelblue;
        }

#divFirmeModuleContinut {
    height: calc(100% - 36px);
    background: linear-gradient(#f2f2f2, #e6e6e6);
    overflow-y: auto;
}
/** End FirmeModule **/

/** Start collapse menu left **/



.btnDeschide {
    width: 21px;
    height: 21px;
    float: left;
    background: #4682b4;
    color: #fefefe;
    text-decoration: none;
    position: absolute;
    border-radius: 50%;
    text-align: center;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
  }

body::-webkit-scrollbar-track,  *::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
     background-color: #F5F5F5;
     cursor:pointer;
}

body::-webkit-scrollbar, *::-webkit-scrollbar {
      width: 10px;
      height: 20px;
      background-color: #F5F5F5;
      cursor:pointer;
}

        body::-webkit-scrollbar-thumb, *::-webkit-scrollbar-thumb {
            background-color: #0ae;
             cursor:pointer;
             border-radius:10px;
            background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent));
        }

        .scrollbar::-webkit-scrollbar {
            width: 10px;
            background-color: #F5F5F5;
             cursor:pointer;
        }

        .scrollbar::-webkit-scrollbar-thumb {
            background-color: #0ae;
             cursor:pointer;
            background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent));
        }

#ulListaModule .colapsMenu , #ulListaAdmin .colapsMenu, #ulListaStandard .colapsMenu{
    width: -webkit-fill-available;
    width: -moz-available;
    margin-bottom: 1.2rem 0;
    border-left: 5px solid white;
    border-bottom-left-radius: 11px;
    border-top-left-radius: 11px;
    display: grid;
}

#ulListaModule .colapsMenu input[type='checkbox'] , #ulListaAdmin .colapsMenu input[type='checkbox'], #ulListaStandard .colapsMenu input[type='checkbox']{
  display: none;
}

#ulListaModule .colapsMenu  .lbl-toggle, #ulListaAdmin .colapsMenu  .lbl-toggle{
  display: block;

  font-weight: bold;
  font-family: monospace;
  font-size: 1em;
  text-transform: uppercase;
  text-align: center;

  padding: 0;

  color: #0a62aa;
  background: #0094da3b;

  cursor: pointer;

  border-radius: 7px;
  transition: all 0.25s ease-out;
}

#ulListaModule .colapsMenu .lbl-toggle:hover, #ulListaAdmin .colapsMenu .lbl-toggle:hover , #ulListaStandard .colapsMenu .lbl-toggle:hover{
  color: white;
}

#ulListaModule .colapsMenu .lbl-toggle::before, #ulListaAdmin .colapsMenu .lbl-toggle::before {
      content: ' ';
    display: inline-block;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid currentColor;
    vertical-align: middle;
    margin-right: 0.4rem;
  transform: translateY(-2px);

  transition: transform .2s ease-out;
}

#ulListaModule .colapsMenu .toggle:checked + .lbl-toggle::before, #ulListaAdmin .colapsMenu .toggle:checked + .lbl-toggle::before , #ulListaStandard .colapsMenu .toggle:checked + .lbl-toggle::before {
  transform: rotate(90deg) translateX(-3px);
}

#ulListaModule .colapsMenu .colapse-continut, #ulListaAdmin .colapsMenu .colapse-continut , #ulListaStandard .colapsMenu .colapse-continut {
  max-height: 0px;
  overflow: hidden;
  transition: max-height .25s ease-in-out;
}

#ulListaModule .colapsMenu .toggle:checked + .lbl-toggle + .colapse-continut, #ulListaAdmin .colapsMenu .toggle:checked + .lbl-toggle + .colapse-continut, #ulListaStandard .colapsMenu .toggle:checked + .lbl-toggle + .colapse-continut {
  max-height: max-content;
  max-height:100%;
}

#ulListaModule .colapsMenu .toggle:checked + .lbl-toggle, #ulListaAdmin .colapsMenu .toggle:checked + .lbl-toggle, #ulListaStandard .colapsMenu .toggle:checked + .lbl-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

#ulListaModule .colapsMenu .colapse-continut .colapse-copil, #ulListaAdmin .colapsMenu .colapse-continut .colapse-copil {
  background: #0094da;
  border-bottom: 1px solid #0094da;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  padding: .5rem 1rem;
}
#ulListaStandard .colapsMenu .colapse-continut .colapse-copil, #ulListaAdmin .colapsMenu .colapse-continut .colapse-copil {
  background: #c4e6f6;
  border-bottom: 1px solid #0094da;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  padding: .5rem 1rem;
}
 #ulListaStandard .colapsMenu .lbl-toggle::before {
      content: ' ';
    display: inline-block;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid currentColor;
    vertical-align: middle;
    margin-right: 0.4rem;
  transform: translateY(-2px);

  transition: transform .2s ease-out;
}
 #ulListaStandard .colapsMenu  .lbl-toggle,  #ulListaAdmin .colapsMenu  .lbl-toggle {
  display: block;

  font-weight: bold;
  font-family: monospace;
  font-size: 1em;
  text-transform: uppercase;
  text-align: center;

  padding: 0;

  color: #0a62aa;
  background: #0094da;

  cursor: pointer;

  border-radius: 7px;
  transition: all 0.25s ease-out;
}


#ulListaModule .parentColapse , #ulListaAdmin .parentColapse, #ulListaStandard .parentColapse {
    display: -webkit-inline-box;
    padding:5px;
    margin:auto;
    width: 97%;
    display: -webkit-box;
}

 .itemSimplu {
   /*background-image: attr('data-poz1') !important;*/
   background-image: var(--tooltip-poz1) !important;
}


 .itemSimplu:hover {
    background-image: var(--tooltip-poz2) !important;
}
.minim {
    background-size: 0 0 !important;
}

#ulListaModule .colapse-copil a:hover, #ulListaModule .colapse-copil .spanAfterImg:hover, #ulListaAdmin .colapse-copil a:hover, #ulListaAdmin .colapse-copil .spanAfterImg:hover
, #ulListaStandard .colapse-copil a:hover, #ulListaStandard .colapse-copil .spanAfterImg:hover {
    text-decoration: underline;
}

/** End collapse menu left **/


/** Start collapse menu principal list **/

.colapsMenu {
    width: -webkit-fill-available;
    margin-bottom: 1.2rem 0;
    border-left: 5px solid white;
    border-bottom-left-radius: 11px;
    border-top-left-radius: 11px;
    display: grid;
    width:100%;
}

.colapsMenu input[type='checkbox'] {
  display: none;
}

.colapsMenu  .lbl-toggle {
  display: block;

  font-weight: bold;
  font-family: monospace;
  font-size: 1.2rem;
  text-transform: uppercase;
  text-align: center;

  padding: 1rem;

  color: white;
  background: #0094da;

  cursor: pointer;

  border-radius: 7px;
  transition: all 0.25s ease-out;
}

.colapsMenu .lbl-toggle:hover {
  color: white;
}

.colapsMenu .lbl-toggle::before {
  content: ' ';
  display: inline-block;

  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid currentColor;
  vertical-align: middle;
  margin-right: .7rem;
  transform: translateY(-2px);

  transition: transform .2s ease-out;
}

.colapsMenu .toggle:checked + .lbl-toggle::before {
  transform: rotate(90deg) translateX(-3px);
}

.colapsMenu .colapse-continut {
  max-height: 0px;
  overflow: hidden;
  transition: max-height .25s ease-in-out;
}

.colapsMenu .toggle:checked + .lbl-toggle + .colapse-continut {
  max-height: max-content;
  max-height:100%;
}

.colapsMenu .toggle:checked + .lbl-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.colapsMenu .colapse-continut .colapse-copil {
  background: rgba(0, 148, 218, 0.32);
  border-bottom: 1px solid #0094da;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  padding: .5rem 1rem;
}

.imgMenu {
    width: 32px;
    height: 32px;
    display: -webkit-box;
    margin: auto;
}

.spanAfterImg {
    margin: auto;
    text-align: center;
    display: inline-block;
    word-break: break-all;
}

.divforImage {
    text-align:center;
}

.clasOne {
    width: calc(100% - 215px) !important;
}

.clasTwo {
    width: calc(100% - 135px) !important;
}

.parentColapse {
    width: 48%;
    display: -webkit-inline-box;
    padding:5px;
    margin:auto;
    
}

.spanDenumireLimitSize {
    /*width: 220px !important;*/
    width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

@media only screen and (max-width: 1200px) {
    .parentColapse {
        width: 97%;
        display: -webkit-box;
    }
}
.liActiveElement {
    border-bottom: 6px solid white;
    background-color: rgba(0,0,0,0.75);
    border-radius: 7px;
}

.liActiveElement {
    border-bottom: 6px solid white;
    background-color: rgba(0,0,0,0.75);
    border-radius: 7px;
}

#divDialogPanouTaskuriTask {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}


/**End collapse menu principal list **/

/*start vizibilitate parola*/
.eye {
  width: 13px;
  height: 13px;
  border: solid 1px #000;
  border-radius:  75% 15%;
  position: relative;
  transform: rotate(45deg);
  float: right;
    right: 10px;
    top: -30px;
    cursor: pointer;
}
.eye:before {
  content: '';
  display: block;
  position: absolute;
  width: 5px;
  height: 5px;
  border: solid 1px #000;
  border-radius: 50%;
  left: 3px;
  top: 3px;
}

.divSearch {
    display: none !important;
}
/*end vizibilitate parola*/

.pontajProiectMenuDiv,.InterventiiVehiculeDivMenu {
    display: inline-flex;
    width: 200px;
    vertical-align: middle;
}

#spanUsageBarPercentage {
    -webkit-text-fill-color: white !important;
}

/*Configurari pt drag si drop taskuri*/

.clasaDragging{ /*.divPanouTaskuriColoanaTask:active:hover, .divPanouTaskuriColoanaTask:active,*/
             box-shadow:0 0 2px #000;
            border:2px solid red;
            transform: rotate(10deg); 
            -webkit-transform: rotate(10deg); 
            -moz-transform: rotate(10deg);
            -ms-transform: rotate(10deg); 
            -o-transform: rotate(10deg); 
            border:2px solid red !important;
            cursor: grabbing !important;
            cursor: -moz-grabbing !important;
            cursor: -webkit-grabbing !important;

            /*-webkit-transition-delay:0.5s;     
        -moz-transition-delay:0.5s; 
        -ms-transition-delay:0.5s;     
        -o-transition-delay:0.5s;     
        transition-delay:0.5s;*/  
         }

        .placeholderBackground{
           background-color: white !important;
           border: 2px solid red;
           border-style: dashed;
        }
        .divPanouTaskuriColoanaTaskuri  {
            overflow: auto;
            /*border:3px solid blue;*/
        }    
       .divPanouTaskuriColoanaTaskuri:active {  /*.divPanouTaskuriColoanaTaskuri:active:hover,*/
            overflow:inherit;
            /*border:3px solid red;*/
        }

.divPanouTaskuriColoanaInfo, .divPanouTaskuriColoanaAdaugaTask {
    position: relative;
}
.pointer {
    /*cursor: pointer;*/
}
.fisierClass {
        position: relative;
    margin: 8px;
}
.download {
   position: absolute;
    bottom: -20px;
    left: -3px;
    font-size: 10px;
    right: 0;
    margin-left: auto;
    margin-right: auto;
        display: block;
    cursor: pointer;
}
    .download:hover , .download:active{
        text-decoration: underline;
    }
.closeBntSpan {
  position: absolute;
    width: 10px;
    height: 10px;
    left: 0;
    top: 0;
    color: red;
    border-radius: 5px;
    cursor:pointer;
}
.closeBntSpan:hover {
  opacity: 1;
}
.closeBntSpan:before, .closeBntSpan:after {
     position: absolute;
    left: 0px;
    content: ' ';
    height: 12px;
    width: 2px;
    background-color: red;

}
.closeBntSpan:before {
  transform: rotate(45deg);
}
.closeBntSpan:after {
  transform: rotate(-45deg);
}
.spanGoTop,.upArrow,.downArrow {
   display:none;
}
@keyframes bouncing-loader {
  to {
    opacity: 0.5;
    transform: translate3d(0, -1rem, 0);
  }
}
.bouncing-loader {
  display: flex;
  justify-content: center;
}
.bouncing-loader > div {
  width: 1rem;
  height: 1rem;
  margin: 1rem 0.2rem;
  background: #105895;
  border-radius: 50%;
  animation: bouncing-loader 0.6s infinite alternate;
}
.bouncing-loader > div:nth-child(2) {
  animation-delay: 0.2s;
}
.bouncing-loader > div:nth-child(3) {
  animation-delay: 0.4s;
}

/*End configurari drag drop taskuri*/

/*start configurari pt drag si drop fisiere taskuri*/
.upload-area{
    width: 100%;
    height: 70px;
    border: 2px solid lightgray;
    border-radius: 3px;
    margin: 0 auto;
    margin-top: 5px;
    text-align: center;
    overflow: auto;
    font-size: 10px;
    background-image: url('../../Images/drop.png');
       background-size: 20px 13px;
    background-repeat: no-repeat;
    background-position: top;
}

.upload-area:hover{
    cursor: pointer;
}

.upload-area h1{
    text-align: center;
    font-weight: normal;
    font-family: sans-serif;
    line-height: 15px;
    color: #1467ab;
        margin-top: 12px;
}

/*end configurari pt drag si drop fisiere taskuri*/

/* START ManagerParteneriWallet */

.FirmaPartenerWallet {
    padding: 2px; 
    border: 1px solid #b3aead; 
    background-color: #0A62AA; 
    margin-bottom: 1px; 
    margin-top: 1px; 
    cursor: pointer;
    color: #ffffff;
}
.FirmaPartenerWallet:hover {
    background-color: #299AD2; 
}

/* END ManagerParteneriWallet */

/* START Interventii Clienti */

.row-IC
{
	display: flex;
}
.col-IC
{
	flex: 1;
}

.panel-IC-A1
{
	padding: 4px; 
	width: calc(50% - 12px); 
	min-width: 500px; 
	margin-right: 4px; 
	margin-bottom: 4px; 
	float: left; 
	border: 1px solid #c5c5c5;
	background-color: #ffffff;
	border-radius: 3px;
}

.panel-IC-A2
{
	padding: 4px; 
	width: calc(100% - 12px); 
	min-width: 500px; 
	margin-bottom: 4px; 
	float: left; 
	border: 1px solid #c5c5c5;
	background-color: #ffffff;
	border-radius: 3px;
    min-height: 490px;
}

.panel-IC-A3
{
	padding: 4px; 
	width: calc(100% - 10px); 
	min-width: 500px; 
	margin-bottom: 4px; 
	float: left; 
	border: 1px solid #c5c5c5;
	background-color: #ffffff;
	border-radius: 3px;
}

@media (max-width:1400px)
{
	.row-IC
	{
		display: block;
	}
	.col-IC
	{
		flex: none;
	}

	.panel-IC-A1
	{
		width: calc(100% - 10px); 
		min-width: 10px;
		margin-right: 0px; 
	}

	.panel-IC-A2
	{
		width: calc(100% - 10px); 
		min-width: 10px;
        min-height: 10px;
	}

    .panel-IC-A3
	{
		width: calc(100% - 10px); 
		min-width: 10px;
	}
}

.panel-IC-title
{
	padding: 4px; 
	background-color: #0a62aa; 
	margin-bottom: 2px; 
	color: #ffffff; 
	font-weight: bold;
	border-radius: 3px;
}
.panel-IC-content
{
	padding: 4px;
}

/* END Interventii Clienti */

/* Start Rapoarte Interventii Clienti */
#divRaportInterventiiFiltre {
    /*height: px;*/
    padding: 5px;
    background: linear-gradient(steelblue, #0A62AA);
    color: white;
    font-weight: bold;
	overflow: hidden;
}

#divRaportInterventiiFiltre img {
    height: 16px;
    vertical-align: middle;
    display: inline-block;
    margin-left: 5px;
}

#divRaportInterventiiFiltre select {
    width: 210px;
}

#divRaportInterventiiFiltre label {
    display: inline-block;
    margin-left: 5px;
}

#divRaportInterventiiFiltre input[type=text] {
    /*background: linear-gradient(steelblue, #0A62AA);*/
    background: #f0f8ff11;
    padding: 5px;
    border-radius: 5px;
    border: 0px;
    color: white;
    font-weight: bold;
    width: 150px;
    margin-left: 5px;
}

#divRaportInterventiiFiltre input[type=text]:focus {
    background: linear-gradient(#fafafa, aliceblue);
    color: steelblue;
}

#divRaportInterventiiContinut {
    height: calc(100% - 36px);
    background: linear-gradient(#f2f2f2, #e6e6e6);
    overflow-y: auto;
}
/** End Rapoarte Interventii Clienti **/

/* Start Rapoarte General */
#divRaportFiltre {
    /*height: px;*/
    padding: 5px;
    background: linear-gradient(steelblue, #0A62AA);
    color: white;
    font-weight: bold;
	overflow: hidden;
}

#divRaportFiltre img {
    height: 16px;
    vertical-align: middle;
    display: inline-block;
    margin-left: 5px;
}

#divRaportFiltre select {
    width: 210px;
}

#divRaportFiltre label {
    display: inline-block;
    margin-left: 5px;
}

#divRaportFiltre input[type=text] {
    /*background: linear-gradient(steelblue, #0A62AA);*/
    background: #f0f8ff11;
    padding: 5px;
    border-radius: 5px;
    border: 0px;
    color: white;
    font-weight: bold;
    width: 150px;
    margin-left: 5px;
}
#divRaportFiltre input[type=number] {
    /*background: linear-gradient(steelblue, #0A62AA);*/
    background: #f0f8ff11;
    padding: 5px;
    border-radius: 5px;
    border: 0px;
    color: white;
    font-weight: bold;
    width: 150px;
    margin-left: 5px;
}

#divRaportFiltre input[type=text]:focus {
    background: linear-gradient(#fafafa, aliceblue);
    color: steelblue;
}

#divRaportContinut {
    height: calc(100% - 36px);
    background: linear-gradient(#f2f2f2, #e6e6e6);
    overflow-y: auto;
}


.tableRaport
{
}

.tableRaport td, .tableRaport th
{
	padding: 8px 10px;
}
/** End Rapoarte General **/