:root{
    --excel-16: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7EAAAOxAGVKw4bAAABdElEQVQ4jY3TMUhVURgH8N+TyxscRKQkWgSR0AYppaGI8IFTBYENotTQUPCmiEAnJ5HmgnBIIQhxcmgQGgShhkCcbFMQXzRFSDiIRFwazrm94+2C/Zd7vu/8z/983/+7p6aERrPViWGM4Gr8Ptpc7Nspc6HWaLbGImkUVzCIjhLvOr6WcjmOM6yjs0o9wSV8rsgfZmccLHCMDZyL8Q9043IqcIQsVpPjJMZ1fMMd3I7cD7iF95l2v/dwgD0s4Rm+YEDwpaqFk7SCl4KRbzGPmXgY9oWJjOMXPgrGv04FhvEET9GL2WSvB1Poj+0N4aLYY4p6JHB6lB3o0vanWJ8ibeEV3uAQL5K975jDKt7F9XJawW88xg08EMxcwMPowwA++Rd/Tcyxpj3nGUzH3mEX53FXMHEDN7FSCNS1HS/i/iS+gOeCcTnux8vy//0TuzBRkf+ZYRLXhIc0Em8pY18YXRlHtXKm0Wz1JmLFc57aXOzbrirtDyavSGhW0Uo1AAAAAElFTkSuQmCC);
    --whatsapp-24:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAACbklEQVRIiZ3VTYiOURQH8N88TZM0SZM0TZqkabKwsLCQIlnIAsnKSpqkyYIFC8nOQhaSZCFKkqw0CUlCvpKvpEY+IgkhjYkxPmbwWtzz9Dzzzrwz7zh1e27n/s/XPef+nwbjywwsxyrMRysyfMVTXMU59OLvBL5GSDN24DX+oIIf+BTrS0k/gB7Mq9d5B26F8Z/IsqtUQWtgVuAQ+gLbj+6JnM/HmzB4gCV1JNSC/RiOhHbXAs7EywD1YHodznPJsF66rmGp4hHSiBOR+WWpB2XjeqUrAvShs3ywJA4+YnbomnAk9LvqDJDhcCR6qnxwKpRlR6vDeQXPMK3OIG0YlCatkzTr78NZawl4IJzna0WdAeBk2GzOMDeC3MWHEuhn1f73JAKcje/iDHOkJvdWgS5hKPZHcWUSAZ6H7ZxMMY7fqkDXcTP2CzBlEgG+R4DpmaL0pirQELbiMxZir1RpPdIoTdRQhrehbB8D2IttkUS31Ph8mubijDRt1cm1SRW/JY3SgPQ4amW4W0Fuj7AFjxV8dTmclvEV7BGl3AnFmtpV26QgtrFWzqZNeIVfSlzWHaAbmDpOkE4ckyg7dzyM0wpK6Qr9PaWra5G4v4Kl4wTIZRY2YCdWKiasA++ka1tbNmiX+Py99Oj+R9rxMJI8rqqfeVknpVIbJdJrNrFkWCTxVUXq5yiqvxCHO7Ad1yTCeiDxfK2+LJB6Mhj2V43kMyLTfqOnotzIQdyWWPd4JPSudN4vMfGYr31jgH5FmQexTPrDrcPFCJZTd74G8ESa9Y4aFWrAPokWzuO+kSyaS1tUOlPqz1fplb5QEOKY8g/GIrp6IyrZUgAAAABJRU5ErkJggg==);
}
html,body{font-family: Roboto;font-weight: 400;font-size:14px;overflow:hidden;-webkit-font-smoothing: antialiased;height:100%;}
@media print {@page {size:auto;margin:16mm; } body{display:none;} html:after{content:"Acțiune interzisă!";color:var(--red-60);font-size:24px; margin:0;position:absolute;top:50%;left:50%;-ms-transform: translate(-50%, -50%);transform:translate(-50%, -50%);}}
#main-tabs .tablink{font-weight:500;color:#555!important;font-size: 1.2em;}
#main-tabs .w3-border-theme{color:#000!important;}
#login-form{width: 25%;margin-left:auto;margin-right:auto;margin-top:5%;background-color:#fff;min-width:450px;border-radius:5px;margin-bottom: 5%;background-image: url(../img/128x128.png);background-repeat: no-repeat;/* background-size: 39%; */background-position: top right;}
.bar-item-circle{
	width:45px!important;
	height: 45px;
	border-radius: 50% !important;
	margin-top: 3px;
	padding: 7px!important;
}
.w3-content{max-width:1200px;}
.w3-green{color:#fff!important;background-color:var(--theme-color)!important;}
header .with-img i{font-size:24px;line-height:10px;position: relative;top: 10px;transition:all 0.1s; }
header .active i{transform:scale(1);filter:unset!important;font-size:25px;}

header .with-img{line-height:32px;height:72px;min-width:100px;font-size:15px;transition:all 0.1s;color:#444;border-radius:unset!important;}
.with-img img{width:28px;transition:all 0.1s;filter: sepia(1) opacity(0.9);}
header .active img{transform:scale(1);filter:unset;}
header .active{border-bottom:solid var(--theme-color) 2px!important;color:var(--theme-color);border-radius:unset!important;pointer-events:none;font-size:16px;}
header .active:hover{background-color:#fff!important;cursor:default!important;color:var(--theme-color)!important;}
#btn-add-change-pj{margin-right:26px;margin-top: 20px;line-height:18px;padding: 4px;min-width: 224px;}
div[data-role="app-menu-dots-right-dropdown-content"]{padding:2px 0px;}
div[data-role="app-menu-dots-right-dropdown-content"] .w3-bar-item{text-align:center;margin-top:3px;}
div[id^="confirm_"], div[id^="confirm_"] button, .toast, .dialogBox form button{border-radius:4px!important;}
[data-after]::after{content: attr(data-after);display: block;position: absolute;top: 15%;width: 100%; max-width:1200px;margin-left:auto;margin-right:auto;text-align: center;z-index: 100;font-size: 16px;padding: 8px;font-style: italic;}

main{margin-top: 4px;border-radius:4px;overflow-y:hidden;}
select.w3-input{border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;}
.w3-input{border-radius:0!important;}
.dialogBox{margin-top:5px!important;}
#modal-pfauri,#modal-intrare-iesire{width: 990px;}
#scrollArea-pfauri{height: 530px;}
#thead-pfauri th:nth-child(1), #contentArea-pfauri td:nth-child(1) {width:219px;min-width:219px;max-width:219px;}
#thead-pfauri th:nth-child(2), #contentArea-pfauri td:nth-child(2) {width:100px;min-width:100px;max-width:100px;}
#thead-pfauri th:nth-child(3), #contentArea-pfauri td:nth-child(3) {width:100px;min-width:100px;max-width:100px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
#thead-pfauri th:nth-child(4), #contentArea-pfauri td:nth-child(4) {width:90px;min-width:90px;max-width:90px;}
#thead-pfauri th:nth-child(5), #contentArea-pfauri td:nth-child(5) {width:110px;min-width:110px;max-width:110px;}
#thead-pfauri th:nth-child(6), #contentArea-pfauri td:nth-child(6) {width:110px;min-width:110px;max-width:110px;}
#thead-pfauri th:nth-child(7), #contentArea-pfauri td:nth-child(7) {width:175px;min-width:175px;max-width:175px;}
#contentArea-pfauri [data-propriu="1"]{visibility:visible;border:none;background-color:transparent;}
#contentArea-pfauri [data-propriu="0"]{visibility:hidden;}
#contentArea-pfauri [data-id="0"] td:last-child i:first-child{visibility:hidden!important;}
#contentArea-pfauri [data-id="0"] td:first-child::before{content:"Ferma mea";display:block;font-size: 9px;background-color: var(--theme-color);color: #fff;width: 64px;border-radius: 4px;text-align: center;}

[data-td-before]::before{content:attr(data-td-before);display:block;font-size: 12px;color:#444;width:100%;border-radius: 4px;text-align: left;font-style: italic;text-transform: none;}
[data-td-after]::after{content:attr(data-td-after);display:block;font-size: 12px;color: #666;width: 100%;border-radius: 4px;text-align: left;font-style: italic;text-transform: none;}
[data-disabled="true"]{pointer-events:none;opacity: 0.8;filter:grayscale(1);}

[data-error-msg]::after {
    content: attr(data-error-msg);
    color: var(--red-60);
    width: 100%;
    text-align: center;
    display: block;
    font-size: 15px;
    animation: blinking 1s infinite;
}

[data-empty-row] td{border-bottom: solid var(--red-60) 1px!important;}
[data-tip="?"] [data-de-platit_incasat]{visibility:hidden!important;}
[data-tip="F"]>[data-de-platit_incasat]{visibility:unset!important;}
[data-de-platit_incasat="0"]{visibility:hidden!important;}

#thead-incasari th:last-child, #data-table-incasari tbody td:last-child{width:50px;}

#modal-sync-cfp{max-width:600px;}
#modal-sync-cfp .dialogClose{display:none;}
#modal-info, #modal-date-firma,#modal-teren{max-width:340px;min-width:340px;user-select: none;} 
#modal-pfa{max-width: 580px;min-width: 365px;} 
#modal-pfa .scroll-area{height:625px;}
#modal-pfa .scroll-area .w3-cell,#modal-intrare-iesire .scroll-area .w3-cell,#modal-animal .scroll-area .w3-cell, #modal-teren .scroll-area .w3-cell, #form-rapoarte .w3-cell{padding:4px;}

#form-pfa input[type="date"]{height:26px;}
#modal-intrare-iesire .scroll-area{height:625px;}
#form-intrare-iesire .w3-input{height: 28px;}
#form-intrare-iesire .add-button, #form-intrare-iesire .del-button{
	background: transparent;
	width: 50px;
	height: 50px;
	padding: 13px;
	border-radius:50%!important;
	transform: scale(0.9);
	}
#form-intrare-iesire .del-button {position:relative;left:20px;font-size: 24px;}
#form-intrare-iesire input[name="p"]{cursor:pointer;user-select: none!important;}
#form-intrare-iesire .add-button:hover,#form-intrare-iesire .del-button:hover{background-color:#edebe9!important;}
#form-intrare-iesire [data-total]{margin-top: 4px;padding: 3px!important;height:21px;}
#form-intrare-iesire .pad-4{padding:4px;}
#form-intrare-iesire [name="platit"]{cursor:pointer;}
#form-intrare-iesire form [name="data_iesirii"]{width:145px;}

#div-rm-taur input[type="date"], form[data-name="rand-monta"] input[type="date"]{width:135px;min-width:135px;}
#div-rm-taur *, form[data-name="rand-monta"] *{font-size:96%;}

#modal-animal{max-width: 600px;min-width:600px;} 
#form-animal .w3-input{height:29px;}

.table-rand{border-collapse: collapse;height: 40px;margin-top: 1px;max-width: 381px;/* width: 381px; */}
.table-rand th, .table-rand td{border-bottom:solid #ccc 1px;padding: 0px 8px;box-sizing: border-box;height: 14px;user-select: none;font-weight:normal;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;max-width: 130px;}
.table-rand td:last-child{cursor:pointer;font-size: 14px;}
.table-rand th{color:var(--theme-color);text-align: left;max-height: 13px;}
.table-rand tbody tr:hover td:last-child i {visibility: visible;}
.table-rand td:last-child i{font-size:20px;visibility: hidden;cursor:pointer;background-color:transparent;width: 25px;height: 25px;border-radius: 4px;padding: 2px 2px;border: solid #ccc 1px;color:var(--theme-color)}
.table-rand th:last-child i{font-size:20px;cursor:pointer;background-color:transparent;width: 22px;height: 21px;border-radius: 4px;/* padding: 2px 2px; */border: solid #ccc 1px;color:var(--theme-color);}
.table-rand td:last-child i:hover{color:#000;background-color: #edebe9;}
.w3-dropdown-content .w3-input{margin:16px;width:90%;}
.w3-dropdown-content .w3-input + div {height:293px;overflow-y:auto;width: 90%;margin-left: auto;margin-right: auto;}
.w3-dropdown-content .w3-input + div a:hover{background-color:var(--theme-color-hover)!important;}
.w3-dropdown-content .i-close{cursor: pointer;
    background-color: #f9f9f9;
    border-radius: 10%;
    font-size: 10px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-weight: 600;}

#modal-date-firma .scroll-area{height: 630px;}
#form-date-firma label span{user-select:none;} 
#modal-date-firma .like-p {margin: 7px 0px!important;}#form-date-firma .w3-input{text-align:right;}

#modal-produs{max-width:400px;min-width:340px;}
#modal-produs .scroll-area{height:256px}
#modal-produs form label span{user-select:none;}

#modal-rand-factura{max-width:500px;min-width:340px;}

#modal-delegat,#modal-tip-act,#modal-setari{max-width: 400px;min-width: 400px;}
#modal-setari #btn-delete-logo{background:transparent;width:35px;height:35px;padding:0px 5px;border-radius:50%!important;line-height:35px;margin-top:5px;visibility:hidden;}
#modal-setari #btn-delete-logo:hover{background-color:#edebe9!important;}

#modal-delegati{min-width:575px;}
#modal-tipuri-acte{min-width:680px;}
#modal-incasare-plata{width: 980px;min-width: 980px;}
#modal-incasare-plata thead tr th input[type="text"],
#modal-incasare-plata thead tr th input[type="text"]:focus{width:75px; min-width:75px; max-width:75px;height:32px;font-size:13px;}
#modal-incasare-plata thead tr th input[type="date"],
#modal-incasare-plata thead tr th input[type="date"]:focus{width: 143px;min-width:143px;max-width:143px;height:32px;font-size:13px;}
#modal-incasare-plata thead tr th select,
#modal-incasare-plata thead tr th select:focus{width:200px; min-width:200px; max-width:200px;height:32px;font-size:13px;}
#table-incasare-right thead tr th {text-align:left;font-weight:normal;color:var(--theme-color);}

#div-incasari-left th:first-child, #div-incasari-left td:first-child{width: 168px;max-width: 168px;white-space: pre-wrap;}
#div-incasari-left th:nth-child(2), #div-incasari-left td:nth-child(2){width: 100px;max-width: 100px;}
#div-incasari-left th:nth-child(3), #div-incasari-left td:nth-child(3){width: 100px;max-width: 100px;}
#div-incasari-left th:last-child, #div-incasari-left td:last-child{width: 50px;max-width: 50px;}
#div-incasari-left td:last-child i{padding:7px!important;visibility: visible!important;}
#contentArea-incasari-right{width:100%;height:329px;max-height:329px;overflow-y:auto;}
#form-incasare .w3-cell{padding:4px;}
#form-incasare .w3-input{height:29px;}
#form-incasare [name="data"]{width: 146px;}
#form-incasare span[data-total]{margin-right:20px;width:125px;height:23px;padding:3px;user-select:none;font-weight:500;}
#ul-incasari{list-style:none;cursor:default;user-select:none;position:relative;left:-14px;font-size: 13px;}
#ul-incasari li{padding:0.01em 16px;color:#000;height:60px;width:100%;border:1px solid rgba(0,0,0,0.12);margin-top:3px;}
#ul-incasari li i{background:transparent;width:35px;height:35px;padding:0px 5px;border-radius:50%!important;line-height:35px;margin-top:9px;position:relative;right:-14px;}
#ul-incasari li i:hover{background-color: #edebe9!important;color:var(--theme-color)!important;}
#modal-incasare-plata .error::after {content:"\00cencasarea nu con\021bine facturi!";color:var(--red-60);width:100%;text-align:center;display:block;font-size:15px;animation:blinking 1s infinite;}
#th-nr-act, #th-nr-act:focus{width:75px;/* border:none; *//* height:24px; */text-align:center;}

#download-cfp{min-width:500px;width:500px;user-select:none;background-color:#fff;;margin-left:auto;margin-right:auto;margin-top:5%;border-radius:5px;}
#download-cfp .dialogClose{display:none;}
#download-cfp img{width:32px; height:32px;}
#download-cfp .w3-cell{filter: grayscale(1);}
.fiter-grayscale-0{filter: grayscale(0)!important;}

#form-rapoarte fieldset{border:none;}
#form-rapoarte label{display:block;}
#form-rapoarte label:not(:first-of-type){margin-left: 32px;}
#form-rapoarte input,#form-rapoarte select{height: 29px;font-weight: 500;font-size: 95%;}
#form-rapoarte input:focus {border-bottom: 1px solid var(--theme-color);}
#form-rapoarte button {background: transparent;width: 40px;height: 40px;padding: 0px 9px;border-radius: 50%!important;}
#form-rapoarte button:hover{background-color: #edebe9!important;}



.search-div{width: 46%;float:left;height:35px;margin-top:0!important;}
.search-div .w3-input, .tbl-search caption .result{font-size:14px;}
.search-div > div {width: 60%;float:left;}
.search-div select{float:left;height:38px;font-size: 12px!important;font-weight:500;width:25%;}
#sel-tipuri{width: 250px;float:left;font-size: 12px;height:38px;font-weight:500;text-overflow: ellipsis;white-space: nowrap;}
.search-div form{display:block;height:0px;width:100%;transform:scale(0.82);filter:grayscale(1);visibility:hidden;}
.search-div form label input[type="radio"] + span:before {margin-right:5px;}
.tbl-search caption .result, .tbl-search caption .download-excel
{
	display:block;
	min-width:120px;
	user-select:none;
	text-align:left;
	padding-left:5px;
	visibility:hidden;
	float:left;
	position:relative;
	top: 14px;
	left: 14px;
	height: 23px;
	font-size: 14px;
}
.tbl-search caption .result .clear-button{
	background-color:#fff;
	font-size: 14px;
	line-height: 14px;
	margin-right: 5px;
	border: solid 1px #ccc;
	border-radius: 50%;
	cursor: pointer;
	position: relative;
    top: 3px;
}

.tbl-search caption .result .clear-button:hover{background-color:#edebe9;}
.tbl-search caption .download-excel{margin-left:8px;min-width: 100px;}
.tbl-search caption .download-excel a{
    background-image:var(--excel-16);
    background-size: 16px;
    background-repeat: no-repeat;
    padding-left: 24px;display: block;
    width: 100%;
    text-decoration: none;
    background-position: 0px 3px;
}

.whatsapp-icon{
    background-image:var(--whatsapp-24);
    background-size: 24px;
    background-repeat: no-repeat;
    padding-left: 32px!important;
    background-position: 3px 6px;
}

.error-message{color:var(--red-60);}
.error-message p{height:13px;}
#input-file-logo,#input-file-logo:focus,#input-file-logo:active{display:none!important;}

.thead-in-out th:nth-child(1), .tbody-in-out td:nth-child(1){width: 250px;min-width: 250px;}
.thead-in-out th:nth-child(2), .tbody-in-out td:nth-child(2){width: 143px;min-width: 100px;}
.thead-in-out th:nth-child(3), .tbody-in-out td:nth-child(3){width: 400px;min-width: 250px;text-transform: uppercase;}
.thead-in-out th:nth-child(4), .tbody-in-out td:nth-child(4){width: 100px;min-width: 100px;}
.thead-in-out th:nth-child(5), .tbody-in-out td:nth-child(5){width: 100px;min-width: 100px;}

.tbody-in-out td:last-child{width: 175px;height:44px;min-width: 125px;}
.tbody-in-out .anulata td {text-decoration:line-through;}
.tbody-in-out .anulata td:last-child i:nth-child(1),
.tbody-in-out .anulata td:last-child i:nth-child(3),
.tbody-in-out .anulata td:last-child i:nth-child(4){display:none;}

.tbody-in-out .partial td:last-child i:nth-child(3){display:none;}

.tbody-in-out .incasata td:last-child i:nth-child(3),
.tbody-in-out .incasata td:last-child i:nth-child(4){display:none;}

#div-data-table-clienti th:nth-child(3), #div-data-table-clienti tbody td:nth-child(3){width:350px;min-width:350px;}
#div-data-table-clienti th:nth-child(1), #div-data-table-clienti tbody td:nth-child(1){width:220px;min-width:220px;}
#div-data-table-produse th:nth-child(1), #div-data-table-produse tbody td:nth-child(1){width:400px;min-width:400px;}

#btn-clear-produs{font-size:16px;width:20px;height:20px;border:solid #ccc 1px;
	line-height:19px;border-radius:50%;cursor:pointer;color:#444;visibility:hidden;float:right;padding-left:1px;position:relative;
    top:-24px;right:3px;background-color: #fff;}

#modal-print-factura{width:230mm;height:99%;overflow:hidden;margin-top:0;visibility:hidden;}



#modal-send-email{width:275mm;}
#modal-send-email .scroll-area{overflow-x: hidden;}
#modal-send-email [data-name="div-iframe-viewer"]{width:78%;height:180mm;}
#modal-send-email iframe{border:none;border-radius:4px;width:100%;height:180mm;}

.foo-ter {
	
    position: absolute;
    bottom: 5%;
    width: 100%;
	background-color:transparent;
	text-align: center;
  }

  .foo-ter h6{display:inline-block;margin:8px 16px;}

* ::-webkit-scrollbar {width:6px;}
* ::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
* ::-webkit-scrollbar-thumb{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}