: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ă!";white-space: pre-wrap;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;}
.btn-circle{background:transparent;width:50px;height:50px;padding:0px 13px;border-radius:50%!important;}
.btn-circle:hover{background-color: #edebe9!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;}
[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;}


.fiter-grayscale-0{filter: grayscale(0)!important;}
.w3-animate-blink-2{animation:blinking 0.66s;animation-iteration-count:2}@keyframes blinking{0%{opacity:0}50%{opacity:1}100%{opacity:0}}

#form-rapoarte fieldset{border:none;}
#form-rapoarte label{display:block;}
#form-rapoarte label span{padding-left:4px;}
#form-rapoarte label:not(:first-of-type){margin-left: 32px;}
#form-rapoarte input,#form-rapoarte select{height: 29px;font-weight: 500;font-size: 95%;background-color:#fff;}
#form-rapoarte input:focus {border-bottom: 1px solid var(--theme-color);}
#form-rapoarte button {background-color: var(--theme-color)!important;width: 40px;height: 40px;padding: 0px 8px;border-radius: 50%!important;position:relative;top:1mm;color: #fff!important;}
#form-rapoarte button:hover{/* background-color: #edebe9!important; */opacity: 0.75;}
#form-rapoarte select[style*="border-bottom"],#form-rapoarte input[style*="border-bottom"]{box-shadow:0px 0px 8px #d70022!important;border:solid #d70022 1px!important;animation:blinking 0.66s;animation-iteration-count:2;}

#form-rapoarte input[type="number"], #form-rapoarte select, #modal-blank form input[type="number"],#modal-blank form input[type="date"] {
	background-color: #f7f9fc;border-radius:4px!important;border:solid #ccc 1px;box-shadow:0px 0px 2px #ccc;}
#form-rapoarte .w3-cell-middle{padding:0px 2px;}

#form-rapoarte input[type="number"]:hover, #form-rapoarte select:hover,
#modal-blank form input[type="number"]:hover, #modal-blank form input[type="date"]:hover{border:solid var(--theme-color) 1px;}

#form-rapoarte select optgroup{color:var(--theme-color)}
#form-rapoarte select optgroup option {color:#000}

div[data-help-before]::before{
	content:attr(data-help-before);
	display:block;
	float:left;
	color: #fff;
  	background-color:#666;
 	 width: 17px;
	 height: 16px;
  	text-align: center;
  	border-radius: 50%;
  	padding: 1px;
 	box-sizing: border-box!important;
	margin-top: -5px;
	font-size: 13px;
  	clear: unset;
  	line-height: 1.15;
}
div[data-help-before=""]::before{display:none;}

.sectiune-verde::before{margin-top:-20px!important;}

.sectiune-verde{border:dashed green 2px;}
.sectiune-portocalie{border:dashed orange 2px;}
.sectiune-albastra{border:dashed blue 2px!important;}

#help-container{font-size:111%;color:#345;width:100%;margin-left:auto;margin-right:auto;background-color:#f7f9fc;margin-top:1px;border:dashed #ccc 2px;user-select:none;}
#help-container li p,#help-container ol{background-color:transparent!important;margin:0;}
#help-container li{min-height: 32px;background-color:transparent;}
#help-container li p{margin:2px;}
#help-container ol {list-style:none;}
#help-container ol li::before {
    content: attr(data-li-before);
    float: left;
    position: relative;
    left: -6mm;
	top: 2px;
    display: block;
    width: 17px;
    background-color: #666;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    height: 16px;
    line-height: 1.15;
    top: 4px;
    font-size: 13px;
    padding: 1px;
	margin-right: -17px;
}

.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;}

.tbl-raport{border-collapse:collapse;font-size:12px;margin-left: auto;margin-right: auto;user-select: none;}
.tbl-raport tbody td, .tbl-raport thead th, .tbl-raport tfoot td {outline: none;border-width: 0.1mm!important;}
.tbl-raport td:focus, .tbl-raport th:focus{background-color:lightblue;}
.rapoarte-toolbar{height:32px;width:100%;}
.rapoarte-toolbar a{float:right;padding: 2px 4px;border-radius: 4px!important;margin-right: 4px;border:dashed #2e7b52 1px;color:#000!important;/*animation:blinking 0.5s;animation-iteration-count:2/*box-shadow:0px 0px 3px #2e7b52;*/}
.rapoarte-toolbar a[data-row-count="0"]{display:none;}
.rapoarte-toolbar a img{float:left;margin-right: 4px;pointer-events:none;}
.rapoarte-toolbar a span{float:right;/*color:var(--link-color);*/text-decoration: underline;font-size:13px;pointer-events:none;}
.rapoarte-toolbar a:hover {background-color:#edebe9!important;color:var(--theme-color)!important;}
#report-result{width: 100%;overflow:auto;height:600px;border: solid #aaa 1px;border-radius: 4px;box-sizing:border-box;padding:2%;}

.tbl-raport .furnizor-1 td,.tbl-raport .furnizor-3 td,.tbl-raport .furnizor-5 td,
.tbl-raport .furnizor-7 td,.tbl-raport .furnizor-9 td,.tbl-raport .furnizor-11 td,
.tbl-raport .furnizor-13 td,.tbl-raport .furnizor-15 td{background-color:#f7f9fc/*#eff*/;}
* ::-webkit-scrollbar {width:8px;}
* ::-webkit-scrollbar-track {background:#edebe9;/*-webkit-box-shadow: inset 0 0 8px rgba(0,0,0,0.3);box-shadow: inset 0 0 8px rgba(0,0,0,0.3);*/}
* ::-webkit-scrollbar-thumb{background:#ccc/*-webkit-box-shadow: inset 0 0 8px rgba(0,0,0,0.3);box-shadow: inset 0 0 8px rgba(0,0,0,0.3);*/}
* {scrollbar-width: thin;/* "auto" or "thin" */}         
* {scrollbar-color:#ccc #edebe9}