@font-face {font-family: "LucidaConsoleW01";font-style: normal;font-weight: 400; src:local(LucidaConsoleW01), url(LucidaConsoleW01.woff2) format('woff2');} 
@font-face {font-family: 'Roboto';font-style: normal;font-weight: 400;src: local('Roboto'), local('Roboto-Regular'),url(roboto-regular.woff2) format('woff2');}
@font-face {font-family: 'Roboto';font-style: normal;font-weight: 500;src: local('Roboto Medium'), local('Roboto-Medium'),url(roboto-medium.woff2) format('woff2');}
@font-face {font-family: 'Roboto';font-style: normal;font-weight: 700;src: local('Roboto Bold'), local('Roboto-Bold'),url(roboto-bold.woff2) format('woff2');}
html{background:whitesmoke;height:99%;filter:/*invert(100%)*/ grayscale(50%);background-color:/*#1e222b*/#007c7c;}
body::after{content:attr(data-after);display:block;width:100%;position:fixed;bottom:0;left:0;min-height:50px;padding:3mm;box-sizing:border-box;
    color:#001080;text-transform:uppercase;background-color:lightblue;font-weight:bold;font-size:24px;text-align:center;animation:animatebottom 0.4s;z-index:100;}
body[data-after=""]::after{display:none;}
#main,#modal-anexe,#modal-anexe-2{border:solid #aaa 3px; background-color:#c0c0c0;overflow:hidden;width:236mm;min-width:236mm;}
#main{position:relative; margin-top:7mm;margin-left:auto;margin-right:auto;transform:scale(105%);min-height:170mm;outline:none;}
#modal-anexe,#modal-anexe-2{position:absolute;resize:both;top:6mm;min-height:180mm;}
#modal-date-anexe,#modal-help{border:solid #aaa 3px;background-color:#c0c0c0;overflow:hidden;width:256mm;min-width:256mm;max-height:64mm;position:absolute;}
#modal-settings{border:solid #aaa 3px;background-color:#c0c0c0;overflow:hidden;width:800px;margin-left:auto;margin-right:auto;margin-top:2%;user-select:none;}
#modal-help {max-height:unset;height:unset;width:200mm;min-width:200mm;}
html,body,form{font-family:"LucidaConsoleW01";overflow:hidden;cursor: var(--cursor);} /*Lucida Console*/
input,select,textarea,button,form,label,span,div{cursor:var(--cursor);}
@-webkit-keyframes blur {0%, 100%  { -webkit-filter: blur(0px); } 50% { -webkit-filter: blur(0.2mm); }}
@keyframes blur {0%, 100%  {filter: blur(0px); } 50% {filter: blur(0.2mm); }}
body{position:absolute;top:0;width:100%;height:100%;left:0;padding:0;margin:0;overflow:auto;}
body::before {content: "";pointer-events:none;position:absolute;display:block;top:0;left:0;width:100%;height:100%;
  background-image: linear-gradient(0deg, transparent 0%, rgba(32, 128, 32, 0.2) 2%, rgba(32, 128, 32, 0.8) 3%, rgba(32, 128, 32, 0.2) 3%, transparent 100%);
  background-repeat: no-repeat;-webkit-animation: scan 7.5s linear 0s infinite;animation: scan 7.5s linear 0s infinite;}
@-webkit-keyframes scan {0% {background-position: 0 -100vh;}35%, 100% {background-position: 0 100vh;}}
@keyframes scan {0% {background-position: 0 -100vh;}35%, 100% {background-position: 0 100vh;}}
h4{background:blue;color:white;padding:2px;position:relative; top:-31px; left:-12px;width:102%;}
h3,th,footer,#drop_zone,#dbf-name,#buts{-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
#drop_zone {
  /*border: 2px dotted #222;*/
  width:  98%;
  margin-left:1%;
  /*height:53mm; /*64mm;*/
  text-align:center;
  padding-top:5%;
  padding-bottom:5%;
  box-sizing: border-box;
}
#browse-btn-1{background-image:var(--browseIco2); }
#browse-btn-2{background-image:var(--browseIco2); }
#btn-new-doc{background-image:var(--emptyFile); }
.printerIco{background-image:var(--printerIco); }
.twowinIco{background-image:var(--twowinIco);}
.anexeIco{background-image:var(--anexe);}
#btn-anexe{background-image:var(--anexe);padding-left:24px;color:blue;font-weight:bold;}

#select-tip-export{display:none;font-size:14px;}
#select-tip-export label{display:block;cursor:var(--cursor);margin-bottom:4mm;}
#select-tip-export button{background-image:var(--twowinIco);position:relative;left:50%;transform:translate(-50%,0);}
#select-tip-export input[type="number"]{width:40px;text-align:center;}
#select-tip-export input[name="an_074"]{width:64px;}
#select-tip-export select {width:95px;}
#select-tip-export input,#select-tip-export select{border:dotted #000 1px;background-color:#fff;outline:none;}
#select-tip-export *:foucus{border:solid #666 1px;}

#modal-anexe .topbar,#modal-date-anexe .topbar, #modal-help .topbar, #modal-anexe-2 .topbar{background-image:var(--anexe);background-repeat: no-repeat;background-size:20px;background-position:2px 2px;}
#topbar-cla{color: chartreuse;}
#topbar-cla, #topbar-lic{position:relative;top:-0.5mm;} 
#topbar-lic{left:27mm;display:inline-block;background-image:var(--wintrust);background-repeat:no-repeat;background-position:left center;background-size:24px;width:73px;padding-left:7mm;color:lightgreen;}
#wiki-link{float:left;position:relative;left:3mm;font-size:11px;font-style:normal;width:0;height:0;}
#wiki-link a{display:inline-block;width:35mm;text-decoration:none;position:relative;top:-0.5mm;color:#000;}
#offlinePin{background-color:#fff;background-image:url('../media/offline-pin.png');width:17px;height:17px;background-repeat:no-repeat;background-size:15px;background-position:center;visibility:hidden;position:relative;top:0.5mm;border-radius:50%;float:right;margin-right:35mm;}
#offlinePin:after{content:'FUNCTIONEAZA OFFLINE';color:#fff;font-size:70%;width:36mm;display:inline-block;overflow:hidden;margin-left:6mm;padding-top:0.5mm;font-style: normal;}
.dbf-table{font-size:13px;min-width: 866px;border-collapse:collapse;}
.dbf-table td,th{min-height: 18px;height: 18px!important;}
.dbf-table td:nth-child(1),th:nth-child(1){width:60px;min-width:60px;max-width:60px;text-align:center;} .dbf-table tr.selected td:first-child::before {content:"";float:left;display:block;border-left:solid #fff 3px;width:0;height:70%;}
.dbf-table td:nth-child(2),th:nth-child(2){width:70px;min-width:70px;max-width:70px;}
.dbf-table td:nth-child(3),th:nth-child(3){width:110px;min-width:110px;max-width:110px;}
.dbf-table td:nth-child(4),th:nth-child(4){width:65px;min-width:65px;max-width:65px;}
.dbf-table td:nth-child(5),th:nth-child(5){width:222px;min-width:222px;max-width:222px;text-transform:uppercase;}
.dbf-table td:nth-child(6),th:nth-child(6){width:60px;min-width:60px;max-width:60px;}
.dbf-table td:nth-child(7),th:nth-child(7){width:66px;min-width:66px;max-width:66px;}
.dbf-table td:nth-child(8),th:nth-child(8){width:92px;min-width:92px;max-width:92px;}
.dbf-table td:nth-child(9),th:nth-child(9){width:92px;min-width:92px;max-width:92px;}

#table-th{user-select:none;}
#table-th th:hover{background-color:#f7f9fc;}
#table-th th[data-order="asc"]:after{content:"⇈";float:right;color:blue;position:relative;top:-1.5mm;left:-2.75mm;height:0;width:0;}
#table-th th[data-order="desc"]:after{content:"⇊";float:right;color:blue;position:relative;top:-1.5mm;left:-2.75mm;height:0;width:0;}

#dbf-div{display:none;min-width:866px;width: 886px;height:489px;margin-top:-23px/*-25px*/;}
#div-table {min-width:866px;width:885px;height:465px;border: dotted #456 1px;}
#above-table{width:100%;height:24px;user-select:none;}
#above-table input[type="text"]{border: 1px dotted #222;outline:none;float:left;font-family:"LucidaConsoleW01";margin-top:4px; }
#above-table input[type="number"]{border: 1px dotted #222;outline:none;float:right;font-family:"LucidaConsoleW01";margin-top:4px;}
#zla{float:right;margin-top: 0.6mm;color:blue;}
#zla span{position:relative;left:25mm;font-size:13px;top:0.5mm;color:blue;user-select:none;}
#zla [data-hint-nr]:hover{text-decoration:underline;}
#zla:after{content:"zi   luna   an";font-size:12px;position:relative;top:-14px;left:28mm; white-space: pre;}
#txt-zi:after{content:' Data platii';}
tr, td{outline:none;}
td{background:#fff;}th{background:#eee;}
th, td {border: 1px dotted #222;}
.selected td {background:blue;color:white;}
.selected:hover td {background:blue;color:white;}
.error td, .cf-invalid{background:red;color:white;}
.error-div{background-color:red!important;color:white;}
tr:hover td {background:silver;color:white;}
#buts{margin-top:24px;display:none;width:887px;height:25mm;}
#buts button:not(:first-child){margin-left:-6px;}
/*#buts button {position:relative;top:-15px;}*/
button{background:#eee;height:25px;padding-left:21px;background-repeat:no-repeat;background-size:20px;cursor:var(--cursor);outline:none;border:solid #989898 2px;border-left: solid #e4e4e4 2px;border-top: solid #e4e4e4 2px;}
button:active{border-bottom: solid #e4e4e4 2px;border-right: solid #e4e4e4 2px; border-left: solid #989898 2px;border-top: solid #989898 2px;color:blueviolet!important;}
button:hover{background-color:#fff;}
#del-but{background-image:var(--delIco);}
#add-but{background-image:var(--addIco);}
#save-but,#frm-settings button{background-image:var(--saveIco);}
#excel-but{background-image:var(--excelIco);}
#help-but{background-image:var(--helpIco);}
#browse-btn-3{background-image:var(--excelIco);}
#browse-btn-4,.browse-btn-4{background-image:var(--excelIco);}
#msgbox-wrapper,#confirm-wrapper,.prompt-wrapper,#modal-anexe-wrapper,#modal-anexe-wrapper-2,#modal-date-anexe-wrapper,#div-loading-wrapper,#modal-help-wrapper,#modal-settings-wrapper{
    width:100%;height:100%;position:absolute;top:0px;left:0px;overflow:hidden;background: rgba(0,124,124,0.5);display:none;z-index:2;
}
#modal-help-wrapper{background: rgba(0,124,124,0.11);}
#msgbox,#confirm,#prompt{width:255px;height:auto;position:fixed;top:25%;left:40%;background:#c0c0c0;font-size:13px;box-shadow:1px 1px 2px #444;padding:1px;border-left: solid #aaa 1px;border-top:solid #aaa 1px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.topbar{background-color:#001080;height:20px;width:98%;padding:2px;user-select: none;}
#x-btn,#x-btn-confirm,#x-btn-main,#x-btn-modal-anexe,#x-btn-modal-anexe-2,#x-btn-date-anexe,#x-btn-modal-help,#x-btn-prompt,#x-btn-setari{float:right;height:20px;width:20px; text-align:center!important;padding:0px!important;}
#msgbox-title,#confirm-title,.main-title,#prompt-title{color:white;}
#msgbox-text,#confirm-text,#prompt-text{text-align:center;padding:1%;overflow:auto;max-height:100mm;}
#msgbox-buts,#confirm-buts,#prompt-buts{text-align: center;margin-top:35px;}
#msgbox-buts button{padding:0px;width:70px;background:#c0c0c0;}
#confirm-buts button{padding:0px;width:70px;background:#c0c0c0;}
#prompt-buts button{padding:0px;width:70px;background:#c0c0c0;}
.loading{background-image:var(--loading);
  background-size:250px;background-repeat:no-repeat;background-position:50% 280px;}
.loading2::before{content:" ";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background-image:var(--loading);background-repeat:no-repeat;background-position:center;background-color:rgba(0,124,124,0.5);z-index:1;}
  #reports{float:right;height:90px;overflow:hidden;border:dotted #222 1px;margin-top:-8px;margin-bottom:8px;width: 269px;}
  #reports table{font-size:12px;border-collapse:collapse;margin-right:2px;}
  #reports table td:nth-child(3){text-align:right;}
  footer{font-size:13px;position:absolute;bottom:1mm;display:flex;width:100%;flex-direction:row;}
  footer span{position:relative;left:50%;transform:translate(-50%,0);}
  .main-title{font-size:14px;}
  .main-title img{width:16px;margin-right:5px;margin-top:2px;float:left;}
  .main-title span{position:relative;top:3px;float:left;height:0;}
#div-loading-wrapper{z-index:100;}
#div-loading{width:80mm;height:64mm;margin-left: auto;margin-right: auto;position: relative;background-position: center;transform: translate(0,100%);border:solid #aaa 3px; background-color:#eee;overflow:hidden;}

#help-tooltip{user-select:none;}
[data-hint-div]{visibility:hidden;}
[data-hint]::after{
  content:attr(data-hint);
  display:inline-block; 
  min-width:220px;
  position:absolute;
  background-color:transparent;
  margin-left:1mm;
  font-size:11px;
  text-align:center;
  font-style:italic;
  opacity: 0.75;
  color: yellow;
  text-transform: none;
  visibility:hidden;
}

#span-conex-ok{
  color:yellowgreen;
  font-size: 11px;
  padding-right: 3px;
  display: block;
  text-align: right;
}
#span-conex-ok[data-no-conex]{color:red!important;}

[data-hint-after-nr], [data-hint-nr]{border:solid #001080 1px;box-shadow:0px 0px 8px #001080;}
[data-hint-nr]::before{content:attr(data-hint-nr);float:left;color:#fff;background-color:#001080;position:relative;left:1mm;opacity:1;/*0.75;*/}
[data-hint-after-nr]::after{content:attr(data-hint-after-nr);float:right;color:#fff;background-color:#001080;opacity:1;/*0.75;*/}
[data-hint-hide="1"]{border:solid transparent 1px;box-shadow:unset;}
[data-hint-hide="1"]::after,[data-hint-hide="1"]::before{content:"";}

.w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.w3-animate-blink{animation:blinking 1s infinite}@keyframes blinking{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.w3-animate-blink:hover{animation: none;}
.w3-animate-blink-05{animation:blinking_05 0.75s infinite}@keyframes blinking_05{0%{opacity:0}50%{opacity:0.5}100%{opacity:0}}
.w3-animate-blink-025{animation:blinking_025 0.75s infinite}@keyframes blinking_025{0%{opacity:0}50%{opacity:0.25}100%{opacity:0}}
.animate-saturate {animation:animsat 0.75s infinite;} 
@keyframes animsat{
  0%{filter:saturate(1);}
  25%{filter:saturate(1.5);}
  50%{filter:saturate(2);}
  75%{filter:saturate(2.5);}
  100%{filter:saturate(1);}
}
.animate-saturate:hover {animation:unset;}
#dbf-table[data-show-msg]::after{
  content:attr(data-show-msg);
  display:block;
  margin-top:5%;
  background-color:#f0f0f0;
  width:50%;
  margin-left:auto;
  margin-right:auto;
  padding:1%;
  line-height:16px;
  border:solid #ababab 2px;
  text-align:center;
}

  