:root {
  --togglenone: none;
  --admin: none;
  --tilesx: 2;
  --tilesy: 2;
}
html,
body {
  font-family: proxima-soft;
  overflow-x: hidden;
  position: fixed;
  width: 100%;
}
#content {
  overflow-y: hidden;
  overflow-x: hidden;
  box-sizing: border-box;
}
#content textarea:not(.nexteditor):not(.canscroll):not(.se-wrapper-inner),
div.editfield {
  overflow: hidden;
  background-color: #fff;
  font-family: monospace;
  font-weight: normal;
  padding-left: 0px;
  padding-right: 0px;
  background-image: url(/images/lines28.png), url(/images/paper.png);
  background-repeat: repeat, repeat;
  line-height: 28px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  min-width: 200px;
  box-sizing: border-box;
  padding: 0;
  min-width: fit-content;
  width: 100%;
  white-space: pre-wrap;
  max-width: 35vw;
}
div.editfield.dropdown {
  ppadding: 4px 0 2px;
}
#content input {
  position: relative;
  width: 15vw;
  width: -webkit-fill-available;
  min-width: 200px;
  background: 0 0;
  padding: 0px 0 8px;
  line-height: 20px;
  font-family: monospace;
  font-weight: normal;
  font-size: 100%;
  border: 0;
  box-shadow: none;
  background-image: url(/images/lines28.png);
  background-repeat: repeat;
}
#content input#name,
#content input#cif {
  width: calc(100% - 40px);
}
#auth_user,
#auth_pass,
#auth_2fa {
  width: 200px !important;
}
#content input[type="checkbox"] {
  min-width: 0;
  width: 0;
}
#content button.cancel {
  background-color: #5c5c5c;
}
#content button.inactive {
  background-color: #5c5c5c;
}
#content button.direction {
  background-color: #3c8c3c;
}
#content button.renderdocs {
  float: right;
  background-color: #3c3cac;
}
#content button.renderpdfs {
  float: right;
}
#content button.exportxlsx {
  float: right;
  background-color: #3cac3c;
}
#content img.checkbox {
  width: 32px;
  height: 32px;
  display: block;
  float: left;
}
#content textarea {
  resize: none;
}
#content select {
  background-color: white;
  border-radius: 0;
}
#content button {
  font-size: 100%;
}
#content button.realsmall {
  width: auto;
  padding-left: 11px;
  padding-right: 11px;
  display: inline;
}
#content button.uploadhere {
  width: auto;
  padding-left: 0.4em;
  padding-right: 0.4em;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  display: inline;
  background-color: #3cac3c;
  margin: 0;
}
.nopad {
  padding: 0;
}
#content input[type="file"] {
  display: none;
}
.al_panel {
  width: 340px;
  box-shadow: 0 0 0.25em 0em rgba(0, 0, 0, 0.25);
  padding: 1em;
  margin-left: auto;
  margin-right: auto;
  background-color: #e8e8e8;
}
.al_panel button {
  font-size: 100%;
}
.alright,
.al_destra {
  text-align: right !important;
}
.alleft {
  text-align: left !important;
}
.alcenter,
.al_centro {
  text-align: center !important;
}
.al_tutto {
  width: 100%;
}
.grid td,
.grid th,
.grid caption {
  white-space: nowrap;
  /*  user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
*/
}
.grid th {
  background-color: #a8a8a8;
}

.head [sort]::after {
  content: " \f0dc";
  font-family: FontAwesome;
}

.head [sort][sortdir="desc"]::after {
  content: " \f0dd";
  font-family: FontAwesome;
  color: red;
}

.head [sort][sortdir="asc"]::after {
  content: " \f0de";
  font-family: FontAwesome;
  color: green;
}

.head .filtrable[filter]:before {
  content: "\f0b0 ";
  font-family: FontAwesome;
  font: var(--fa-font-regular);
  margin-right: 5px;
}
.head .filtrable.active[filter]:before {
  content: "\e17c ";
  font-family: FontAwesome;
  color: green;
}

.grid.sortable th::after {
  content: " \f0dc";
  font-family: FontAwesome;
}
.grid.sortable th.sortdown::after {
  content: " \f0dd";
  font-family: FontAwesome;
  color: red;
}
.grid.sortable th.sortup::after {
  content: " \f0de";
  font-family: FontAwesome;
  color: green;
}

.grid tr:hover td {
  background-color: #fce5d6;
}
.grid tr.linked td {
  background-color: #78e878;
}
.grid tr.haser > td.canmark::before {
  content: "\f071";
  font-family: FontAwesome;
}
.grid caption {
  text-align: left;
}
.grid th[rowspan] {
  vertical-align: middle;
}
th[colspan] {
  text-align: center;
}
.map {
  width: 350px;
  height: 350px;
}
.hidecol {
  display: none;
}
.modal {
  z-index: 12000;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.modalw {
  z-index: 12000;
  background: rgba(0, 0, 0, 0);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.nowr {
  white-space: nowrap;
}
.form {
  background-image: url(/images/paper.png);
  background-repeat: repeat;
  overflow-y: scroll;
  max-height: 80vh;
  max-width: 80vw;
}
.formt td {
  padding: 2px;
  vertical-align: middle;
}
.formt td:first-child {
  text-align: right;
  white-space: nowrap;
}
.formt td:last-child {
  text-align: left;
}
.al_form {
  box-shadow: 0 0 0.25em 0em rgba(0, 0, 0, 0.25);
  background-color: #e8e8e8;
  padding: 0.5em;
}
button:focus,
input:focus {
  outline: 0;
}
.editfield {
  width: 100%;
}
#task-container {
  display: none;
}
.superuser #task-container {
  display: block;
}
.delitem:hover {
  color: white;
}

.editable {
  min-width: 50px;
  display: inline-block;
}
.editable:empty {
  min-height: 1.75em;
}
#content input.editing {
  min-width: 40px;
  height: 18px;
  padding: 0;
  margin: 0;
}
.toright {
  float: right !important;
}
#dropmenu {
  display: none;
}
#dropmenu {
  width: fit-content;
}
#dropmenu li {
  width: 100%;
  white-space: nowrap;
}
#xmltab {
  overflow-y: scroll;
  height: 600px;
}
#settcontainer {
  overflow-y: scroll;
  height: 600px;
}
csv {
  white-space: pre-wrap;
  overflow-x: hidden;
}
pre {
  max-height: 80vh;
  overflow-y: scroll;
}
#modalop,
#modalop1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 12000;
  background: rgba(0, 0, 0, 0.5);
  height: 100vh;
  overflow-y: hidden;
  overflow-x: hidden;
}
#editclient {
  background-color: #fff;
  border-radius: 1em;
  padding-top: 1em;
  padding-bottom: 1em;
  overflow-y: scroll;
  margin: auto auto auto auto;
  visibility: hidden;
  width: 90%;
  height: 90%;
}

@keyframes blink {
  0% {
    border: 0px solid black;
  }
  50% {
    border: 1px solid red;
  }
  100% {
    border: 0px solid black;
  }
}
.blinkred {
  border: 1px solid red;
  animation: blink 0.1s step-end 5;
  animation-play-state: running;
}
.noshow {
  display: none;
}
ul.picklist {
  list-style-type: none;
  padding: 0;
  min-width: fit-content;
  display: block;
}
ul.picklist li:hover {
  background-color: #fc0;
}
ul.editing {
  position: fixed;
  list-style-type: none;
  padding: 0;
  background: #ddd;
  min-width: fit-content;
  max-height: 400px;
  overflow-y: scroll;
  z-index: 10;
  text-align: center;
}
ul.editing.floating {
  z-index: 15000;
}
ul.editing > li {
  padding-right: 8px;
  text-align: center;
  height: 2em;
  width: 100%;
  max-width: 90vw;
  wwhite-space: nowrap;
  vertical-align: middle;
}
ul.editing > li[contenteditable]:focus {
  outline: none;
}
ul.editing > li:hover {
  background-color: #fc0;
}
ul.editing > li.selected {
  background-color: #0cf;
}
.resultbar {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  background: #fc0;
  display: none;
  font-weight: bold;
  color: black;
  background: linear-gradient(#b70, #fc0, #b70);
  z-index: 12001;
}
.resultbar.err {
  color: white;
  background: linear-gradient(#b10, #f50, #b10);
}
.editable[fromjson] {
  min-width: 50px;
  border: 1px dotted grey;
  border-radius: 5px;
  box-sizing: border-box;
  text-align: center;
}
.datedialoginput {
  width: 0;
  height: 0;
  position: absolute;
  z-index: 5;
  display: inline-block;
  top: 25px;
  padding: 0;
  margin: 0;
}

.hasDatepicker:hover {
  background-color: white;
}

tr > td.unlocked[print] {
  background-color: #82e0aa;
}
.todate > i:hover {
  color: #82e0aa;
}
.grid tr.nobg {
  background-color: transparent;
}
#prodata {
  width: 100%;
}
#prodata [print] {
  text-align: right;
}
#prodata div[uid] {
  font-weight: bold;
}
#content #prodata input.editvalue {
  width: 20px;
  min-width: 20px;
}
#uploadform,
.uploadform {
  display: none;
}
.dpz > th {
  color: #cd6155;
  background-color: #f9e5e3;
}
.ddpz > th {
  color: #a569bd;
  background-color: #eecefb;
}
.didm > th {
  background-color: #5dade2;
}
#distrib {
  background-color: #3c3cac;
}
.spacer {
  display: block;
  width: 1px;
  height: 1px;
  top: 0;
  left: 0;
}
.fly {
  position: absolute;
  background-color: rgba(255, 0, 0, 0);
  color: #cd6155;
  display: none;
  z-index: 10;
  width: 50px;
  text-align: right;
}
.dropdown {
  text-align: center;
  white-space: nowrap;
  overflow-x: hidden;
}
.dropdown::after,
.dropdown::before {
  content: "\ \f0dd\ ";
  font-family: FontAwesome;
  color: black;
  text-decoration: none;
}
.dropdown::after {
  padding-left: 0.5em;
}
.dropdown::before {
  padding-right: 0.5em;
}
input[type="password"] {
  font-style: normal;
  font-weight: 800;
  font-family: verdana;
  font-size: 18px;
}
input#newuser {
  width: 100px;
  display: none;
}
.preok {
  background-color: #82e0aa;
}
.prenotok {
  background-color: #edbb99;
}
.prenotok.prealmostok {
  background-color: #a2d9ce;
}
.details {
  display: none;
  background-color: #d6dbdf;
}
.details table td {
  display: table-cell;
}
.detcont {
  border-radius: 10px;
  background-color: white;
  text-align: center;
  display: inline-block;
  overflow-y: scroll;
  padding: 0;
  position: absolute;
}
.separator {
  display: none;
}
.showdetails::after {
  content: " \f0dd";
  font-family: FontAwesome;
  color: #82e0aa;
}

.det tr:nth-child(2n + 2) {
  background-color: transparent;
}
.det td {
  padding: 0;
  margin: 0;
  border: 0;
  border-right: thin solid black;
  border-left: thin solid black;
  min-width: 16px;
}
.det .lastday {
  border-bottom: thin solid black;
}
.det .month {
  border-bottom: thin solid black;
}
.det .year {
  border-bottom: thin solid black;
}

.det .blank {
  background-color: transparent;
  border: 0;
}
.det .missing {
  background-color: #edbb99;
}
.det .having {
  background-color: #82e0aa;
}
.cashflow .dptfc.selected,
.cashflow td.selected,
.det .selected {
  background-color: #5dade2;
}

.modalm {
  z-index: 10;
  background: white;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: thin solid black;
}

.sellint {
  color: #239b56;
}
.buyint {
  color: #c0392b;
}
.tpl,
.addtpl {
  display: inline-block;
}
.tpl::before {
  content: "\f0dd\ ";
  font-family: FontAwesome;
  color: #82e0aa;
}
.addtpl {
  float: right;
  color: #cd6155;
}
.tplcont {
  min-width: 130px;
}

.pzures {
  border: thin solid black;
  font-family: monospace;
}
.sercv {
  font-family: monospace;
  text-align: center;
}
#sets > tbody > tr > th {
  width: 100px;
}
#sets > tbody > tr > td {
  background-color: #d5d8dc;
}

#prodata .details[prid="0"] {
  background-color: #f9e5e3;
  color: #cd6155;
  border-top: thin solid black;
}
#prodata .details[prid="-1"] {
  background-color: #b7dff9;
  color: #cd6155;
}
#prodata .details[prid="-2"] {
  background-color: #eecefb;
  color: #a569bd;
}
#prodata .details[prid="-3"] {
  background-color: #884ea0;
  color: #fdfefe;
}
.copyclp:hover,
.copycli:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA2UlEQVQ4T83TsUqCYRTG8Z8QiEPQEtHgYhQuehFtoQbOXkAQtHYTQUvegNAlKLoYuDW7iNHe6hVovKHw8vJ9fXxNnfHh8Oc8zzmngg9cKq4tupjGrRXs9sId3jI4oWeBczxgmAdY4isHcI2jIkCxCR7xlDdBCthgFIl9nKKH+UGPM0gBazQjcYYTtHB7gJQFjBG2EWz8QP4CCFu430M6ZQCvGCQ+P8sAqqhHgAvMygDSkEPAq/8BeMZVMt8ZjpM7yLWQdcLh615w88t9NzAJGWRVG++oFTzI6ht7WDX8Eug6ygAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-position: right center;
}
.ccopycli:hover::after {
  content: "\f0ea";
  font-family: "FontAwesome";
  position: relative;
  margin-right: 20px;
  overflow: visible;
  float: right;
}
.cancopy:hover::before {
  content: "\f0ea";
  font-family: "FontAwesome";
  position: absolute;
  left: -15px;
}
.ctrcopy:hover::before {
  content: "\f0ea";
  font-family: "FontAwesome";
  position: absolute;
  left: 0px;
}

.day:hover::after {
  content: "\f0ea";
  font-family: "FontAwesome";
  font-size: 12px;
}
.month:hover::after {
  content: "\f0ea";
  font-family: "FontAwesome";
  font-size: 12px;
}

.dropover {
  background-color: #eecefb !important;
}

.verscont {
  display: inline-block;
  clear: none;
  padding: 0;
}
.verscont > button.version {
  position: absolute;
  display: inline;
  float: left;
  clear: both;
}
.verscont > .versin {
  position: absolute;
  margin-top: 0px;
}
.verscont > .versin > button.ver {
  background-color: #eee;
  color: black;
  width: auto;
  padding-left: 11px;
  padding-right: 11px;
  display: inline;
  float: left;
}
.verscont > .versin > button.ver:first-child {
  clear: left;
}
.verscont > .versin > button.ver.versel {
  background-color: #30cc73;
}
.expired > td > div {
  opacity: 0.3;
}
.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
td.hasrealdetail {
  width: 30px;
}
.mp_table .mp_title {
  background-color: #c94663;
  text-align: center;
  color: white;
  font-weight: bold;
}
.mp_float {
  position: absolute;
  z-index: 20000;
  border: 1px solid black;
}
.mp_table {
  max-width: 100px;
  cursor: pointer;
  border: 1px solid black;
}
.mp_table th {
  background-color: #acacac;
  text-align: center;
  padding: 0.2em 0.4em 0.2em 0.4em;
}
.mp_table th:hover {
  outline: 1px solid #8c8c8c;
  outline-offset: -1px;
}
.mp_table td {
  background-color: #ececec;
  text-align: center;
  padding: 0.2em 0.4em 0.2em 0.4em;
}
.mp_table td[data-day]:hover,
.mp_table td[data-month]:hover {
  outline: 1px solid #8c8c8c;
  outline-offset: -1px;
}
.mp_table td .tomonth {
  background-color: #fcecec;
}
.mp_table td.selected {
  background-color: #9c9c9c;
  color: white;
}
tr.nobg {
  background-color: transparent !important;
}
#realdata > tbody > tr > td {
  white-space: nowrap;
}
#realdata .details > td > div {
  overflow-x: scroll;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.splitd {
  background: linear-gradient(to top left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 0.8px), rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0) calc(50% + 0.8px), rgba(0, 0, 0, 0) 100%);
}
.splitd > div:first-child {
  float: left;
  clear: right;
}
.splitd > div:last-child {
  float: right;
  clear: left;
}

.costs > tbody > tr > td {
  white-space: nowrap;
}
.costs > tbody > tr > th {
  background-color: #eee;
  white-space: nowrap;
}
.costs > caption {
  font-size: 2em;
  text-align: left;
  line-height: 1.6;
  background-color: #acacac;
}
.costs input {
  text-align: center;
  font-size: 1.2em;
}
.costs label {
  font-size: 1.2em;
}
.costs button[data-val] {
  display: none;
}
.costs[sel] {
  box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.5), 0 12px 40px 0 rgba(0, 0, 0, 0.49);
}
.zoomify {
  display: none;
  width: 250px;
  height: 250px;
  left: -250px;
  right: -250px;
  border: 1px solid black;
  position: absolute;
  overflow: hidden;
  z-index: 100;
  background: white;
}
.pt > tbody > tr > td {
  white-space: nowrap;
}
.pt td.bgyellow {
  background-color: #f4d03f;
}
.pt td.bgred {
  background-color: #c0392b;
  color: white;
}
.pt td.bggrey,
.pt > tbody > tr:first-child > td {
  background-color: #acacac;
}
#imageframe {
  width: 50%;
  height: fit-content;
  max-width: 1200px;
  max-height: 900px;
  overflow: hidden;
  margin: auto auto;
}
#imageframe > img {
  width: 100%;
}
#pdfframe {
  width: 900px;
  min-height: 50vh;
  max-height: 85vh;
  height: 1200px;
  margin: 0 auto;
  margin-top: 2rem;
  display: block;
}
#pdfframe.inline_pdf {
  width: 1200px;
  height: 1600px;
  min-height: 50vh;
  max-height: 85vh;
}
#pdfframeinv {
  width: 1200px;
  min-height: 50vh;
  max-height: 85vh;
  height: 1600px;
  margin: 0 auto;
  display: block;
}
#cledit {
  display: inline-block;
  width: 800px;
  min-height: 600px;
  height: fit-content;
  background: white;
  margin-top: 20px;
  border-radius: 10px;
}
.editform td {
  text-align: left;
}
.editform th {
  text-align: center;
}
.editform button.cancel {
  background-color: #5c5c5c;
  font-size: 16px;
}
.editform button.save {
  font-size: 16px;
  background-color: #3cac3c;
}
.likebutton.green,
button.green {
  background-color: #3cac3c;
}
a.button.blue,
button.blue {
  background-color: #3c3cac;
}
button.pdf {
  background-color: #ff7f50;
}
#showinvo {
  right: 0;
  position: absolute;
}
#sendsum,
#senddet {
  margin-left: 20px;
}
.fr {
  float: right;
}
.totalvals {
  min-width: 120px;
}
.fhh {
  visibility: visible;
}
.fhh .missvals {
  background-color: #f9eab0;
}
.xlsfile {
  background-color: #3cac3c;
}
.xlsfile:hover {
  background-color: #4cbc4c;
}
.pdffile {
}
td[contenteditable]:focus,
div[contenteditable]:focus {
  outline: none;
}
.daypick {
  display: inline;
}

.fh,
.fho,
.fhh {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 0;
}
.fh > thead > tr > th {
  background-color: #a8a8a8;
}
.fhd {
  display: block;
  overflow-y: scroll;
}
.fhh {
  width: 100%;
  white-space: nowrap;
}
#invcontainer,
#invoicecontainer {
  display: inline-block;
  overflow-x: visible;
  overflow-y: scroll;
}
.invoicecontainer .formt {
  min-width: 30em;
}
.xlstrans {
  display: none;
}
#logs {
  overflow-y: scroll;
}
#importresults {
  overflow-y: scroll;
  width: 1800px;
  height: 900px;
}
.fix th,
.fix td {
  padding: 5pt;
}
.fix td > div {
  width: calc(100% - 2px);
}
.fix td.long {
  overflow-x: hidden;
}
#prodata table.fix {
  table-layout: fixed;
  padding-left: 0;
  padding-right: 0;
}
#profs table.fix {
  table-layout: fixed;
  padding-left: 0;
  padding-right: 0;
}
#prodata table.fix td .inclfull {
  overflow-x: scroll;
}
.tblfix {
  table-layout: fixed;
  padding-left: 0;
  padding-right: 0;
}

div.grid div.cell {
  padding: 0;
  display: inline-block;
  box-sizing: border-box;
  background-color: inherit;
}
table.grid th,
table.grid td {
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 1px;
  padding-bottom: 1px;
}
div.grid div.rand {
  width: 100%;
  display: block;
  clear: both;
  white-space: nowrap;
  background-color: white;
}
div.grid > div {
  overflow-y: scroll;
  overflow-x: hidden;
  box-sizing: border-box;
}

div.grid div.cellhalf {
  width: 25%;
  display: inline-block;
  padding-right: 5px;
}
.repocontainer div.grid div.rand.head div {
  background-color: #a4a4a4;
}
.repocontainer div.grid div.rand:nth-child(even) {
  background-color: #e4e4e4;
}
div.cellfly {
  display: none;
  position: absolute;
  z-index: 1;
  background-color: #a8a8a8;
  color: black;
  font-weight: bold;
  right: 0;
}
p.repready {
  margin: 0;
}
p.repready > a {
  vertical-align: middle;
}
div.grid div.cell[print] {
  width: 3%;
  padding-left: 2px;
  padding-right: 2px;
}

div.grid {
  box-sizing: border-box;
  font-size: 0.6vw;
}
div.grid div.rand.hidefirst {
  /*  display:none;*/
}
div.grid div.thead {
  background-color: #a8a8a8;
}
div.grid div.yel {
  background-color: #f4d03f;
}
div.grid div.thead div[print] {
  text-align: center;
}

/*
div.grid *::-webkit-scrollbar {
  display: none;
}
*/

div.grid div.preok {
  background-color: #82e0aa;
}
div.grid div.prenotok {
  background-color: #edbb99;
}
div.grid div.prenotok.isfurn {
  background-color: #49d685;
}
div.grid div.prenotok.prealmostok {
  background-color: #a2d9ce;
}
div.grid div.prenotok.prealmostok.isfurn {
  background-color: #49d685;
}
div.grid div.details {
  background-color: #d6dbdf;
}
div.grid div.detail {
  cursor: pointer;
}
#sumout {
  position: absolute;
  bottom: 0;
  height: fit-content;
  background-color: white;
  -moz-transform: translateY(90%);
  -webkit-transform: translateY(90%);
  -ms-transform: translateY(90%);
  transform: translateY(90%);
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
  width: 100%;
}
#sumout.visible {
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
#sumout .grid {
  font-size: 0.5vw;
}
#sumout .grid .rand {
  background-color: #ebdef0;
}
#sumout .grid .rand .cell {
  text-align: right;
}
#sumout .grid .rand:first-child,
#sumout .grid .rand .cell:last-child,
#sumout .grid .rand .cell:first-child {
  background-color: #5dade2;
  font-weight: bold;
  color: black;
}
#sumout .grid .rand .cell.nok {
  background-color: #c0392b;
  color: white;
}
div.grid div.cell.furnizor {
  background-color: #a9dfbf;
}
#fullscreen {
  overflow-y: scroll;
}
.fullimg {
  position: absolute;
  max-width: 100vw;
  max-height: 100vh;
  top: 50%;
  left: 50%;
  -moz-transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
#importrun {
  width: fit-content;
  min-width: 7em;
  height: 2em;
  border-radius: 1em;
  color: white;
  padding: 0.2em;
  padding: 0.2em;
  visibility: hidden;
  background-color: red;
}
#importrun.running {
  visibility: visible;
}
#damasstatus {
  min-width: 170px;
}
.topstatus {
  width: fit-content;
  min-width: 2em;
  height: 2em;
  border-radius: 1em;
  color: white;
  margin-left: 0.3em;
  padding: 0.2em;
}
.topstatus.inactive {
  visibility: hidden;
}
#activeusers.topstatus {
  visibility: hidden;
}
#autotoday.topstatus {
}
#autotomorrow.topstatus {
}
#damassynced.topstatus {
  margin-left: auto;
}
#scadaup.topstatus:not(:empty) {
  background-color: #239b56;
  visibility: visible;
}
#scadaup.topstatus.inactive:not(:empty) {
  background-color: #a93226;
  visibility: visible;
}
#schimbsync.topstatus,
#intradaysync.topstatus,
#disposynced.topstatus,
#damassynced.topstatus {
  text-align: center;
  visibility: hidden;
}
.topstatus {
  visibility: hidden;
}
.topstatus.on,
.topstatus.off {
  visibility: visible;
}
.topstatus.on,
#damasstatus.ok {
  background-color: #239b56;
}
.topstatus.off,
#damasstatus.notok {
  background-color: red;
}
.topstatus.on.mute {
  background-color: #f4d03f;
  color: black;
}
#choosemember {
  padding-left: 10px;
  background: #364050 url("/assets/css/images/bg01.png");
  text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.5);
  box-shadow: inset -0.1em 0em 0.35em 0em rgba(0, 0, 0, 0.15);
  color: rgba(255, 255, 255, 0.55);
  position: absolute;
  z-index: 10003;
  width: 300px;
  right: 0px;
  height: 100%;
  overflow-y: scroll;
  top: 0px;
  padding-top: 50px;
}
.membertochoose {
  box-shadow: inset -0.1em 0em 0.35em 0em rgba(0, 0, 0, 0.15);
  border-bottom-left-radius: 9px;
  border-top-left-radius: 9px;
  padding: 3px;
}
.membertochoose:hover {
  background: #c94663 url("/assets/css/images/bg01.png");
  color: white;
}
.membertochoose.chosen {
  background: #239b56 url("/assets/css/images/bg01.png");
  color: white;
}

div.cmside {
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
  -moz-transform: translateX(260px);
  -webkit-transform: translateX(260px);
  -ms-transform: translateX(260px);
  transform: translateX(260px);
}
div.cmsideshow {
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
div.notifside {
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
  -moz-transform: translateX(300px);
  -webkit-transform: translateX(300px);
  -ms-transform: translateX(300px);
  transform: translateX(300px);
}
div.notifications {
  position: absolute;
  z-index: 10003;
  right: 300px;
  top: 50px;
  width: 35px;
  height: 35px;
  font-weight: bold;
  color: #fff;
  font-size: 25px;
  padding: 5px;
  background: #c94663 url("/assets/css/images/bg01.png");
  box-shadow: inset -0.1em 0em 0.35em 0em rgba(0, 0, 0, 0.15);
  border-bottom-left-radius: 9px;
  border-top-left-radius: 9px;
}
div.notificationscontent {
  padding-left: 10px;
  background: #364050 url("/assets/css/images/bg01.png");
  text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.5);
  box-shadow: inset -0.1em 0em 0.35em 0em rgba(0, 0, 0, 0.15);
  color: rgba(255, 255, 255, 0.55);
  position: absolute;
  z-index: 10003;
  width: 300px;
  right: 0px;
  height: 100%;
  overflow-y: scroll;
}
div.notifvisible {
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
div.inotif {
  background-color: rgba(255, 255, 255, 0.05);
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  font-size: inherit;
  margin-top: 10px;
  margin-bottom: 10px;
}
div.inotif:hover {
  background-color: rgba(244, 208, 63, 0.15);
}
span.msg1 {
  color: #cd6155;
  font-weight: bold;
}
span.msg2 {
  color: #239b56;
  font-weight: bold;
}
span.msg3 {
  color: #eeeeee;
  font-weight: bold;
}
div.btnact {
  text-align: center;
}
#script {
  display: none;
}
#prodatacontainer {
  overflow-x: visible;
  overflow-y: scroll;
  display: inline-block;
  padding-right: 20px;
}
.xlstrans {
  position: fixed;
  bottom: -50px;
}
#forday {
  padding: 5px;
  border: 1px solid black;
  text-align: center;
  width: 13em;
}
#forday::before {
  content: "For day: ";
}
#main table td,
#main table th {
  padding: 0.2em 0.25em 0.2em 0.25em;
}
div.grid div.cell.inbal,
th.head.inbal {
  border-top-color: #c0392b;
  background-color: #c0392b;
  color: white;
}

div.inbalval {
  position: absolute;
  display: block;
  margin-top: -2.5vw;
  background-color: inherit;
  color: white;
  border-radius: 5px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
  transform: rotate(-45deg);
  transform-origin: top left;
}
div.cell.inbal.inbalaccept {
  border-top-color: #239b56 !important;
  background-color: #239b56 !important;
}
div.inbalval:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top-color: inherit;
  border-bottom: 0;
  margin-left: -5px;
  margin-bottom: -5px;
}
div.grid div.cell.nodisposync {
  background: #337fb1;
  color: white;
}
div.grid div.cell.nodamassync {
  background: #a93226;
  color: white;
}
div.grid div.cell.nodamassync.nodisposync {
  background: linear-gradient(to right top, #a93226 50%, #337fb1 50%);
}
.tops.hovered,
.tops:hover {
  z-index: 10000;
}
.tops {
  cursor: pointer;
  background: #364050 url("/assets/css/images/bg01.png");
  position: fixed;
  top: 0;
  right: 0;
  width: calc(100% - 14em);
  height: 35px;
  display: inline-flex;
}
.tops div.topstatus {
  float: left;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.tops div.topstatus:hover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.ctrtop.haveauto {
  background-color: #117a65;
}
.clstranse,
.tasktop,
.ctrtop,
.facttop,
.replcl,
.goident,
.goseen,
.damasprs {
  text-align: center;
  background-color: #a93226;
  border-top: 2px solid white;
  border-radius: 2px;
}
.facttop.haveto {
  text-align: left;
}
.agrimbal {
  text-align: center;
  background-color: #a569bd;
  margin-top: 2px;
  border-radius: 2px;
}
.damasprs.butsynced {
  background-color: #239b56;
}
.damasprs.notyetup {
  background-color: #f4d03f;
  color: black;
}
.damasprs.butmissing {
  background-color: #e43ff4;
}
#mobilecontainer > div {
  display: inline-block;
  width: 100%;
  height: 280px;
  margin-bottom: 1em;
  background: #364050 url("/assets/css/images/bg01.png");
  border-radius: 8px;
}
#mobilecontainer > div > span.title {
  width: 100%;
  display: block;
  color: white;
  background: #c94663;
  border-radius: 8px 8px 0 0;
  text-align: center;
}
#mobilecontainer > div.active > span.title {
  background-color: green;
}
#mobilecontainer {
  color: white;
}
#mobilecontainer > div > div.content div.set {
  width: 100%;
}
#mobilecontainer > div > div.content {
  width: 100%;
  height: 85%;
  overflow-y: scroll;
}
#mobilecontainer > div div {
  width: fit-content;
  padding: 0 5px 0 5px;
  margin-right: 5px;
  float: left;
  display: inline-block;
}
#mobilecontainer div.nok {
  background: #a93226;
}
#mobilecontainer div.ok {
  background: #239b56;
}
#mobilecontainer div.inbal {
  background: #c0392b;
}
#mobilecontainer div.eic {
  background: #f4d03f;
  color: black;
}
#mobilecontainer div.int {
  background: #a569bd;
}
#mobilecontainer div.int.accepted {
  background: #17a589;
}
.touched {
  -webkit-filter: hue-rotate(90deg);
  filter: hue-rotate(90deg);
}
.topstatus.user {
  text-align: center;
  height: auto;
  width: auto;
  min-height: 2em;
  min-width: 2em;
}
.topstatus.user:hover {
  writing-mode: vertical-lr;
  text-orientation: mixed;
  text-align: center;
  height: auto;
  min-height: 2em;
  min-width: 2em;
}
msg {
  display: none;
}
.msg {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  background-color: #f0f7fb;
  background-position: 9px 0px;
  background-repeat: no-repeat;
  border: solid 1px #3498db;
  border-radius: 6px;
  line-height: 18px;
  overflow: hidden;
  padding: 5px 10px;
}
.msg > .msgd {
  width: fit-content;
  float: right;
  font-style: italic;
}
.hasints .cell.total {
  position: absolute;
  z-index: -1;
  -moz-transform: translateX(-3em);
  -webkit-transform: translateX(-3em);
  -ms-transform: translateX(-3em);
  transform: translateX(-3em);
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
  background-color: #000000;
  color: #ffffff;
  min-width: 3em;
  border-radius: 5px;
  text-align: right;
  padding-left: 3px;
  padding-right: 3px;
}
.hasints .cell.total:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-right-color: #000000;
  border-left: 0;
  margin-left: -5px;
  margin-top: -5px;
}
.hasints.calcsum .cell.total {
  -moz-transform: translateX(5px);
  -webkit-transform: translateX(5px);
  -ms-transform: translateX(5px);
  transform: translateX(5px);
}
div.pickmember {
  background-color: #f5b7b1;
}
div.pickzone {
  background-color: #f5b7b1;
}

#realcontainer tr.dropped {
  background-color: #f4d03f;
}
#costscont {
  overflow: scroll;
}
#showdata {
  background-color: white;
}
#vezioduri {
  background-color: white;
  overflow: scroll;
}
#vezioduri .grid {
  width: fit-content;
  overflow-x: scroll;
}
#vezioduri .grid > .rand {
  width: fit-content;
  overflow-x: visible;
}
#vezioduri .grid > .rand > .cell {
  text-align: right;
}
#vezioduri .grid > .rand > .eic.cell {
  width: 10rem;
}
div.rand.hasints:hover {
  opacity: 0.9;
}
div.rand div.cell-1 {
  display: inline-block;
  width: 2%;
}
div.rand div.cell-2 {
  display: inline-block;
  width: 4%;
}
div.rand div.cell-3 {
  display: inline-block;
  width: 6%;
}
div.rand div.cell-4 {
  display: inline-block;
  width: 8%;
}
div.rand div.cell-5 {
  display: inline-block;
  width: 10%;
}
div.rand div.cell-6 {
  display: inline-block;
  width: 12%;
}
div.rand div.cell-7 {
  display: inline-block;
  width: 14%;
}
div.rand div.cell-8 {
  display: inline-block;
  width: 16%;
}
div.rand div.cell-9 {
  display: inline-block;
  width: 20%;
}
div.rand div.cell-10 {
  display: inline-block;
  width: 20%;
}
div.rand div.cell-20 {
  display: inline-block;
  width: 40%;
}
div.rand div.cell-25 {
  display: inline-block;
  width: 50%;
}
div.rand div.cells {
  background-color: white;
  overflow-x: hidden;
}
div.rand.head div.cells {
  background-color: #a8a8a8;
  font-weight: bold;
  color: white;
}
div.rand div.cells:focus {
}
div.cliok {
  color: #239b56;
}
div.clioknot {
  color: #23869b;
}
div.clinok {
  color: #cd6155;
}
div.xcliok {
  background-color: #239b56 !important;
  color: black;
}
div.xclioknot {
  background-color: #23869b !important;
  color: black;
}
div.xclinok {
  background-color: #cd6155 !important;
  color: black;
}
div.xclimiss {
  background-color: #5dade2 !important;
  color: black;
}
div.xclimiss.xcliok {
  background: linear-gradient(to right top, #5dade2 50%, #239b56 50%) !important;
}
div.xclimiss.xclinok {
  background: linear-gradient(to right top, #5dade2 50%, #cd6155 50%) !important;
}
#polhist label,
#billhist label {
  margin-right: 0.5rem;
  color: white;
}
.poltofrom,
.billtofrom {
  width: 10rem;
  display: inline-block;
}
.poltoclname,
.billtoclname {
  width: 20rem;
  display: inline-block;
}
.billtodel {
  color: #f4d03f;
}
.billtodel:hover {
  color: #c0392b;
}
.billtotvar {
  width: 5rem;
  display: inline-block;
}
#billtocont {
  position: relative;
  width: fit-content;
  height: fit-content;
  background: #364050 url("/assets/css/images/bg01.png");
}
#polhist div,
#billhist div {
  background-color: #f4d03f;
  margin-right: 0.5rem;
}
#polhist,
#billhist,
#billto {
  width: fit-content;
  height: fit-content;
  position: relative;
  padding: 2em;
  background: #364050 url("/assets/css/images/bg01.png");
}

#chooselink {
  display: inline-block;
  width: fit-content;
  height: fit-content;
  padding: 2em;
  position: relative;
  background-color: white;
}
.linkprofs {
  display: inline-block;
  float: left;
  clear: both;
  margin-bottom: 1em;
}
.detaildiff > td {
  background-color: #cd6155;
  color: white;
}
.diffomepa {
  background-color: #cd6155;
  color: white;
}
.missomepa {
  background-color: #cd6155;
  color: white;
}
#taskmanager {
  position: absolute;
  right: 0.5em;
  bottom: 0;
  z-index: 2;
}
#taskmanager:hover {
  color: orange;
}
#damastasks {
  position: absolute;
  left: 1em;
  bottom: 0;
  z-index: 2;
}
#damastasks.rqproblem i {
  color: #ff0000;
}
#damastasks:hover {
  color: orange;
}
#renderallmonth {
  position: absolute;
  left: 1em;
  top: 3em;
  z-index: 2;
}
#renderallmonth:hover {
  color: orange;
}
#damastasklist {
  z-index: 1;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: white;
  overflow-y: scroll;
  display: block;
  box-shadow: 20px 0px 60px #0e0e0e;
}
#damastasklist .tasktip {
  width: 6em;
}
#damastasklist .taskeic {
  width: 12em;
}
#damastasklist .tasktime {
  width: 12em;
}
#damastasklist .taskuser {
  width: 6em;
}
.dtaskitem > div {
  display: inline-block;
}
#tasksched {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: white;
  overflow-y: scroll;
  display: block;
  box-shadow: -20px 0px 60px #0e0e0e;
}
#taskmanager[newcontract]:before {
  border-radius: 50%;
  content: attr(newcontract);
  background: #c0392b;
  color: #fff;
  padding: 2px;
  border: 2px solid black;
  text-align: center;
  width: 2rem;
  display: inline-block;
  top: -35px;
  position: relative;
  -webkit-animation: bounce 1s infinite;
}
.taskmark1:before {
  border-radius: 50%;
  content: "!!!";
  background: #c0392b;
  color: #fff;
  padding: 2px;
  border: 2px solid black;
  text-align: center;
  width: 2rem;
  display: inline-block;
  top: 0px;
  position: relative;
  -webkit-animation: bounce2 1s infinite;
}
@keyframes bounce {
  0% {
    top: -35px;
  }
  25%,
  75% {
    top: -30px;
  }
  50% {
    top: -28px;
  }
  100% {
    top: -35px;
  }
}
@keyframes bounce2 {
  0% {
    top: -20px;
  }
  25%,
  75% {
    top: -15px;
  }
  50% {
    top: -13px;
  }
  100% {
    top: -20px;
  }
}
.taskitem:hover {
  background-color: #d0e8f8;
}
.taskitem a {
  text-decoration: none;
  color: #728490;
}
.taskitem a:visited {
  color: inherit;
}
.taskerror {
  background-color: #f4d03f;
  color: red;
}
.taskerror a {
  color: black;
  text-decoration: none;
}
.taskerror a:visited {
  color: inherit;
}
.taskerror > div,
.taskacks > div,
.taskitem > div {
  display: inline;
  vertical-align: middle;
  padding-left: 1em;
}
.overnok,
.oldfile,
.taskacks {
  background-color: red !important;
  color: white;
}
.taskitem > div.ret0 > a {
  color: #42ad70;
}
.taskacks {
  padding-left: 3em;
}
.taskitem.importdailyxls > div.ret0 > a {
  color: #a569bd;
}
.taskhead {
  min-width: 200px;
  text-align: center;
}
.inline_pdf:empty,
.invoice_pdf:empty {
  background: url("/images/wait.gif") center center no-repeat, #ffffff;
  max-width: 50%;
  max-height: 80vh;
}
.pleasewait {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url("/images/wait.gif") center center no-repeat #ffffff;
  z-index: 20000;
  animation: show-up 0.4s ease;
}
@keyframes show-up {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#profs td {
  font-size: 14px;
}
#overviewcontainer {
  display: block;
  overflow: scroll;
}
#overviewcontainer .pt {
  width: fit-content;
  clear: both;
}
#overviewcontainer .pt tr > td.overints {
  background-color: #f4d03f;
}
#overviewcontainer .pt tr > td.oversold {
  background-color: #2ecc71;
}
#overviewcontainer .pt tr:nth-child(-n + 4) > td {
  background-color: #acacac;
}
#overviewcontainer .pt td + td {
  border-left: 1px solid black;
}
#overviewcontainer button.exportxlsx {
  float: left;
}
#choosemember .monthpicker {
  color: #565656;
  text-shadow: none;
}
.havemute {
  text-align: center;
}
.havemute > i.fa-bell-o {
  color: #239b56;
}
.havemute > i.fa-bell-slash-o {
  color: #cd6155;
}
#intrapre,
#cereri,
#forceedit,
#angrycode,
#pickpro,
#pickcode {
  background-color: #fff;
  border-radius: 1em;
  padding-top: 1em;
  padding-bottom: 1em;
  overflow-y: scroll;
  margin: auto auto auto auto;
  width: 90%;
  height: 90%;
}
#intrapre,
#cereri,
#forceedit,
#angrycode {
  background: #364050 url("/assets/css/images/bg01.png");
  width: fit-content;
  height: fit-content;
  max-height: 90%;
}
#pickpro,
#pickcode {
  background: #364050 url("/assets/css/images/bg01.png");
  width: fit-content;
}
#pickpro {
  height: fit-content;
}
.pickprofs {
  background: #c0392b;
  color: white;
  display: block;
  text-align: center;
  width: fit-content;
  margin-bottom: 0.5em;
}
.eictodate,
.eicinfo,
.eicintro,
.eicvalue,
.linkidm,
.valedit,
.eiccode {
  background: #c0392b;
  color: white;
  display: block;
  text-align: center;
  min-width: 7em;
}
div.eicinfo {
  background: #f4d03f;
  color: #5f5f5f;
}
div.eicinfo:after {
  content: ".";
  visibility: hidden;
}
table.valstable td.valedit {
  padding-bottom: 2px;
}
table.cereritable,
table.cereritable td,
table.cereritable th,
table.valstable,
table.valstable td,
table.valstable th,
table.eictable,
table.eictable td,
table.eictable th {
  padding: 0.5em 1em 0.5em 1em;
  margin: 0;
}
table.valstable th,
table.eictable th {
  color: white;
  text-align: center;
}
table.cereritable td,
table.cereritable th {
}
table.cereritable th {
  color: white;
}
table.cereritable > tbody > tr,
table.valstable > tbody > tr,
table.eictable > tbody > tr {
  background: inherit;
}
table.cereritable .daypick {
  display: inline-block;
  background: #f4d03f;
  color: #5f5f5f;
  min-width: 7em;
}
#manarii.topstatus {
  display: none;
}
#manarii.topstatus.on,
#manarii.topstatus.off {
  display: block;
}
#manarii.topstatus.on::before {
  white-space: pre;
  font-family: FontAwesome;
  font-size: 1.2em;
  content: " \f118 ";
}
#manarii.topstatus.off::before {
  white-space: pre;
  font-size: 1.2em;
  font-family: FontAwesome;
  content: " \f119 ";
}
.forcelock {
  border: 1px solid red;
}
.cereritable div.headint {
  display: inline-block;
  width: 4em;
  text-align: center;
}
.cereritable div.dispint {
  display: inline-block;
  background-color: #82e0aa;
  color: black;
  border-left: 1px solid;
  border-right: 1px solid;
  width: 4em;
  text-align: right;
  overflow-wrap: normal;
}
div.dispint:after {
  content: ".";
  visibility: hidden;
}
div.dispint.dispmiss {
  border: 1px solid blue;
}
div.dispint.dispdiff {
  border: 1px solid red;
}
#intrapre table tr:first-child > td > div {
  writing-mode: vertical-rl;
  text-orientation: mixed;
}
div.grid div.cell.inlimit {
  background-color: #239b56;
  color: white;
}
div.grid div.cell.offlimit {
  background-color: #cd6155;
  color: white;
}
.fault11metri {
  background-color: #a569bd !important;
  color: white !important;
}
.infos {
  width: fit-content;
  max-width: 500px;
  z-index: 20001;
  white-space: pre-wrap;
  overflow-y: hidden;
}
.infoslarge {
  width: 500px;
}

#fault11metri {
  display: none;
  position: fixed;
  top: 70px;
  right: 100px;
  color: #a569bd;
  z-index: 5;
}
#fault11metri.active {
  display: block;
}
button.uploading > span {
  display: none;
}
button.uploading {
  background-color: #5d6d7e;
}
button.uploading:after {
  content: "Uploading... " attr(data-count) " remaining";
  width: fit-content;
}
button#dayahead.daopen:after {
  content: " open";
}
button#dayahead.daclosed:after {
  content: " closed";
}
button#dayahead.daopen {
  background-color: #239b56;
}
button#dayahead.daclosed {
  background-color: #c94663;
}
#whatday {
  position: fixed;
  top: 3vw;
  right: 0.5em;
  font-size: 5em;
  font-weight: bold;
  color: rgba(205, 97, 85, 0.3);
  z-index: -1;
  min-width: 1em;
}
todownload:after {
  content: attr(fn);
}
#slideright {
  position: fixed;
  right: 0;
  top: 35px;
  background: #364050 url("/assets/css/images/bg01.png");
}
todownload {
  background: #c94663 url("/assets/css/images/bg01.png");
  color: white;
  border-radius: 2px;
  clear: both;
  float: left;
  width: 100%;
  text-align: center;
  margin-bottom: 1em;
  line-height: 2em;
}
todownload:hover {
  animation: buttanim 1s;
  background-color: #138d75;
}
@keyframes buttanim {
  from {
    background-color: #c94663;
  }
  to {
    background-color: #138d75;
  }
}
.container {
  position: absolute;
  display: block;
  background-color: white;
  color: white;
  height: fit-content;
  box-shadow: 2px 2px 10px #0f0f0f, -2px -2px 10px #0f0f0f;
  overflow-y: scroll;
}
.dtaskitem.done {
  background-color: #82e0aa;
}
.dtaskitem.done.failed {
  background-color: #cd6155;
  color: white;
}
.dtaskitem.canceled {
  background-color: #f4d03f;
}
.dtaskitem.running {
  background-color: #5dade2;
}
#intrapre > div {
  float: left;
}
#intrapre div.eiclist {
  display: inline-block;
  max-width: 10%;
  width: fit-content;
}
#intrapre div.eic {
  background-color: #337fb1;
  color: white;
  display: block;
  min-width: 10em;
  text-align: center;
  margin-right: 0.5em;
  white-space: nowrap;
}
#intrapre div.eic.premis {
  background-color: #f1c40f;
  color: black;
}
#intrapre div.eic.preok {
  background-color: #239b56;
}
#intrapre div.eic.prenok {
  background-color: #c0392b;
}

#intrapre table tbody tr:nth-child(2n + 1) {
  background-color: white;
}
#intrapre .pres td {
  padding: 0.1em 0.2em 0.1em 0.2em;
}
#intrapre .pres {
  display: none;
  max-width: 90%;
}
#intrapre td.cliazi {
  color: #239b56;
}
#intrapre td.clinuazi {
  color: #23869b;
}
#searchtask {
}
#searchtask:empty:not(:focus):before {
  content: attr(data-placeholder);
  color: lightgray;
}
#polhist li,
#billhist li,
#billto li {
  list-style: none;
  padding-bottom: 0.5em;
}
.billfromdate {
  display: inline-block;
  min-width: 7em;
  background-color: #cd6155;
  color: white;
  text-align: center;
  margin-left: 2em;
}
.repocontainer {
  overflow-y: hidden;
}
.repscont {
  height: calc(100% - 2em);
  overflow-y: scroll;
  display: block;
}
.outing:before {
  content: "\f046";
  font-family: FontAwesome;
  font-size: 1.5em;
  color: green;
}
.outing[data-isout="1"]:before {
  content: "\f096";
  font-family: FontAwesome;
  font-size: 1.5em;
  color: red;
}
.wdate {
  width: 7rem;
}
.wint {
  width: 3rem;
}
.wtot {
  width: 5rem;
}
#cstyle {
  display: inline-block;
  min-width: 800px;
  min-height: 600px;
  width: fit-content;
  height: fit-content;
  margin-top: 20px;
  border-radius: 10px;
  background: #364050 url("/assets/css/images/bg01.png");
  padding: 5px;
  white-space: nowrap;
}
#cstyle > div {
  vertical-align: top;
}
#timeline {
  display: inline-block;
  overflow-y: scroll;
  width: fit-content;
  height: fit-content;
  max-height: 90%;
}
#timecontent {
  display: inline-block;
  height: fit-content;
  width: fit-content;
  position: relative;
}
.timeval {
  font-weight: bold;
  color: white;
  border: 0px solid black;
  cursor: pointer;
  padding: 2px;
}
.timeval.selected {
  color: #239b56;
  border-width: 1px 1px 0px 1px;
}
.timeval.selected:last-child {
  border-bottom-width: 1px;
}
.timeval.selected + .timeval {
  color: #cd6155;
  border-width: 0px 1px 1px 1px;
}
#timecontent caption {
  color: white;
}
#timecontent table td {
  box-sizing: border-box;
  border: 1px solid black;
  padding: 0 8px;
  color: white;
  text-align: center;
}
td.head {
  font-weight: bold;
}
td.headover {
  font-weight: bold;
  color: white;
  background-color: #364050;
}
td.headover:hover {
  background-color: #364050;
}
td.headalert {
  background-color: #ff0000;
  color: white;
  font-weight: bold;
  text-align: center;
}
td.footunder {
  background-color: inherit;
  text-align: center;
}
td.footunder:hover {
  background-color: inherit;
}

#timecontent td.isnew {
  background-color: red;
}
#timecontent td span.idmvalprev {
  display: inline;
  position: relative;
  white-space: pre;
  text-decoration: line-through #364050;
  padding-right: 0.7rem;
}
#timecontent td.highlight {
  background-color: #5dade2;
  color: black;
}
.sentalready {
  background-color: #16a085;
}
.sentalready:hover {
  background-color: #16a085;
}
.emails {
  white-space: pre-wrap;
  width: fit-content;
  min-width: 10rem;
  min-height: 1rem;
}
table.fh:not(.mp_table):not(.nohover) > tbody > tr:hover > td:not(.headover):not(.headagain) {
  background-color: #fad7a0;
  color: black;
}
table.fh:not(.mp_table):not(.nohover) > tbody > tr:hover > td.selected:not(.headover):not(.headagain) {
  background-color: #5dade2;
}
.pleasewait > .counter {
  font-size: 10vw;
  display: block;
  text-align: center;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  color: rgba(32, 32, 32, 0.05);
}
.emailfield {
}
#searchprof {
  text-align: center;
  background-color: #daf7a6;
}
.rendered {
  background-color: green;
}
#slider > div {
  width: 3em;
  height: 1.6em;
  top: 50%;
  margin-top: -0.8em;
  text-align: center;
  line-height: 1.6em;
}
.floating {
  display: inline-block;
  position: absolute;
  background-color: white;
  border-radius: 5px;
  left: 20px;
  top: 20px;
  z-index: 100;
  padding: 5px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.floating > header {
  background-color: #a8a8a8;
  width: 100%;
  margin-bottom: 0;
}
.scrollcontainer {
  overflow-y: scroll;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* Internet Explorer 10+ */
}
.scrollcontainer::-webkit-scrollbar {
  /* WebKit */
  display: none;
  width: 0;
  height: 0;
}
#barright {
  padding-left: 1em;
  background: #364050 url("/assets/css/images/bg01.png");
  position: absolute;
  z-index: 9999;
  width: 300px;
  right: 0px;
  overflow-y: scroll;
  top: 0;
  padding-top: 3em;
  display: none;
}
div.barrightside {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -moz-transform: translateX(260px);
  -webkit-transform: translateX(260px);
  -ms-transform: translateX(260px);
  transform: translateX(260px);
}
div.forceopen,
div.barrightsideshow {
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
#content:has(~ div.barrightsideshow) downgrid {
  right: 260px;
}
#content:has(~ div.barrightsideshow) upyours {
  right: calc(260px + 5em);
}
.intro {
  display: inline;
  width: 3%;
  text-align: center;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  border-top: 1px solid rgba(0, 0, 0, 0);
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  box-sizing: border-box;
  overflow: hidden;
  height: 1.3em;
  overflow: hidden;
  text-overflow: clip;
  white-space: nowrap;
}
.intro.hover {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.intro.iszero:empty {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z8DwHwAFBQIAX8jx0gAAAABJRU5ErkJggg==);
  background-size: 2px 2px;
  background-repeat: no-repeat;
  background-position: top right;
}
.ct {
  width: 100%;
  display: flex;
  line-height: 1.5;
}
.ctr,
.groupcol {
  border-bottom: 1px solid black;
}
.groupcol {
  display: inline-block;
  width: 3%;
}
.iph {
  float: left;
  width: 100%;
}
.intro.head {
  background-color: #2980b9;
  color: white;
  font-weight: bold;
}
.intro.fixed {
  background-color: #f7dc6f;
}
.intro.linked {
  background-color: #a9dfbf;
}
.intro.linked.notverified {
  background-color: #e6b0aa;
}
.intro.head.orar {
  background-color: #f1c40f;
  color: #c0392b;
}
.intro.head.orarcet {
  background-color: #9b59b6;
  color: #fff;
}
.intro.caneditafter:not(.fromcet),
.intro.caneditfirst.fromeet,
.intro.caneditnofirst:not(.fromeet),
.intro.caneditbefore.fromcet,
.intro.canedit {
  background-color: #d6dbdf;
}
.intro.caneditfirst:not(.fromeet) {
  background-color: #fc574b;
}
.intro.caneditnofirst {
  background-color: #fc574b;
}
.intro.caneditbefore {
  background-color: #fc574b;
}
.intro.caneditafter.fromcet {
  background-color: #fc574b;
}
.intro.furnedit {
  background-color: #fcf3cf;
}
.ct .cdate {
  width: 10%;
  display: inline-block;
  font-weight: bold;
  white-space: nowrap;
  overflow-x: hidden;
  background-color: #5d6d7e;
  color: black;
  text-align: right;
}
.ctr {
  width: 20%;
  display: inline-block;
  background-color: #5d6d7e;
  color: black;
  font-weight: bold;
  white-space: nowrap;
  overflow-x: hidden;
}
.ct.consum > .ctr {
  background-color: #2ecc71;
}
.ct.productie > .ctr {
  background-color: #f39c12;
}
.ct.ppa > .ctr {
  background-color: #d4ac0d;
  padding-left: 4em;
}
.ct.pzu > .ctr {
  background-color: #77abcc;
}
.ct.solar > .ctr {
  background-color: #d4ac0d;
}
.ct.hidro > .ctr {
  background-color: #77abcc;
}
.ct.eolian > .ctr {
  background-color: #2ecc71;
}
.ct.bio > .ctr {
  background-color: #a3e4d7;
}
.ct.head,
.ct.diff {
  position: absolute;
  top: 0;
  background-color: white;
  z-index: 5;
}
.ct.diff > .ctr {
  background-color: #ffffff;
  background-image: url(/assets/css/images/bg02.png);
}
.ct.diff > [intro] {
  background-color: #e74c3c;
  color: white;
}
.ct.diff > [intro]:empty {
  background-color: #ffffff;
  background-image: url(/assets/css/images/bg02.png);
  border-right: 0px;
}
.ct.intraday > .ctr {
  background-color: #9b59b6;
}
.ct.intradaybrm > .ctr {
  background-color: #d2b4de;
}
.ct.pzubrm > .ctr {
  background-color: #d2b4de;
}
.ct.macee > .ctr {
  background-color: #27ae60;
}
#toggletoid {
  background-color: #9c27b0;
}
.ct.toid > .ctr {
  background-color: #9c27b0;
  color: white;
}
.ct.toid .intro {
  background-color: #fff176;
  color: red;
  font-weight: bold;
}
.ct.vanzare > .ctr {
  background-color: #2471a3;
}
.ct.cumparare > .ctr {
  background-color: #f39c12;
}
.ct.furnizare > .ctr {
  background-color: #1f618d;
}
.ct.noeic.furnizare > .ctr,
.ct.noeic.vanzare > .ctr,
.ct.noeic.cumparare > .ctr {
  background-color: #f33412;
}
#barsele .button,
#barbuttons .button {
  margin-top: 1em;
  width: 90%;
}
#barsele {
  margin-top: 1em;
}
#iscet {
  width: 10rem;
  display: inline-block;
  border: 1px solid black;
  color: white;
  font-size: 1.5em;
  line-height: 1.5em;
}
#iscet[data-iscet="0"] {
  background: linear-gradient(90deg, #000000 50%, #ffffff 50%);
  text-align: left;
  padding-left: 1rem;
}
#iscet[data-iscet="0"]:after {
  content: "EET";
}
#iscet[data-iscet="1"] {
  background: linear-gradient(90deg, #ffffff 50%, #000000 50%);
  text-align: right;
  padding-right: 1rem;
}
#iscet[data-iscet="1"]:after {
  content: "CET";
}
.fromcet {
  opacity: 0.5;
}
.inbal {
  background-color: #c0392b;
  color: white;
  font-weight: bold;
}
.inbal.notsobig {
  background-color: #229954;
}
.paramedit {
  width: fit-content;
  white-space: nowrap;
  background-color: white;
  display: block;
  position: absolute;
}
.likebutton {
  background-color: red;
  color: white;
  font-weight: bold;
  text-align: center;
}
.likebutton:hover {
  cursor: pointer;
  opacity: 0.5;
}
.newparamhide {
  display: none;
}
.newparamplus td {
  text-align: center;
}
.newparamplus td:hover {
  background-color: #fcf3cf;
}
.bissame {
  visibility: hidden;
}
quant[contenteditable],
price[contenteditable] {
  border: 1px solid #73c6b6;
  width: 100%;
  display: inline-block;
  background-color: rgba(202, 231, 226, 100);
  text-align: center;
  padding-left: 0.4em;
  padding-right: 0.4em;
}
quant.zero,
price.zero {
  background-color: rgba(0, 0, 0, 0);
}
.cai table td,
.pzu table td {
  padding: 0.1em 0.2em 0.1em 0.2em;
  min-width: 4em;
}
.editcontainer .selected,
#forecastcontainer .selected,
#tradingcontainer .selected,
.grid tr.selected:hover {
  background-color: #5499c7 !important;
}
.editcontainer .selected.selectwithshift,
#forecastcontainer .selected.selectwithshift,
#tradingcontainer .selected.selectwithshift,
.grid .selected.selectwithshift {
  background-color: #82e0aa !important;
}
.editcontainer .form {
  min-width: 80%;
  min-height: 20rem;
}
.grid tr:hover {
  background-color: #fad7a0 !important;
  color: black;
}
.groupmenu a:before {
  font-family: "FontAwesome";
  content: "\f078";
  display: inline-block;
  width: 20px;
}
.groupmenu.collapsed a:before {
  font-family: "FontAwesome";
  content: "\f054";
  display: inline-block;
  width: 20px;
}
#nav li.menuitem,
#nav li.groupmenu {
  white-space: nowrap;
}
.menuitem[data-group] a:before {
  content: " ";
  display: inline-block;
  width: 20px;
}
.menuitem.iscollapsed {
  display: none;
}
.floating header {
  cursor: move;
}
ul.listbills {
  padding: 0;
  margin: 0;
}
.listbills li {
  list-style-type: none;
  overflow: hidden;
  display: block;
  padding: 0;
  margin: 0;
  height: 1.75em;
}
li.head span {
  filter: invert(0.3);
}
.listbills li span {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
}
.listbills li label {
  display: none;
  min-width: 0;
}
.billsn {
  width: 10em;
  background-color: #a9dfbf;
}
.billto {
  background-color: white;
  width: 25em;
}
.billstat {
  width: 6em;
  background-color: #a9dfbf;
  overflow: hidden;
}
.billstat[data-stat="-1"] {
  background-color: #f7ccc8;
}
.billstat[data-stat="-2"] {
  background-color: #34495e;
  color: white;
}
.billstat[data-stat="1"] {
  background-color: #fad7a0;
}
.billstat[data-stat="2"] {
  background-color: #d4e6f1;
}
.billval {
  width: 10em;
  background-color: #d4e6f1;
  text-align: center;
}
.billat {
  background-color: #fad7a0;
  width: 7em;
  text-align: center;
}
.billterm {
  background-color: #fad7a0;
  width: 7em;
  text-align: center;
}
.listbills li:hover * {
  filter: invert(0.1);
}
.dragging {
  background-image: linear-gradient(90deg, silver 50%, transparent 50%), linear-gradient(90deg, silver 50%, transparent 50%), linear-gradient(0deg, silver 50%, transparent 50%), linear-gradient(0deg, silver 50%, transparent 50%);
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
  background-size: 15px 2px, 15px 2px, 2px 15px, 2px 15px;
  background-position: left top, right bottom, left bottom, right top;
  animation: border-dance 1s infinite linear;
}
@keyframes border-dance {
  0% {
    background-position: left top, right bottom, left bottom, right top;
  }
  100% {
    background-position: left 15px top, right 15px bottom, left bottom 15px, right top 15px;
  }
}
timerbar {
  display: block;
  position: relative;
  height: 5px;
  width: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
}
timerbargrow {
  display: block;
  height: 100%;
  background-color: #239b56;
  animation-fill-mode: both;
}
timerbargrowatt {
  display: block;
  height: 100%;
  background-color: #a93226;
  animation-fill-mode: both;
}
@keyframes grow {
  0% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}
#invcontainer > .form {
  width: 80%;
  height: fit-content;
  background-color: white;
  margin: 0 auto;
  overflow-y: scroll;
  max-height: calc(100% - 20em);
}
#sgbcontainer > .form {
  height: fit-content;
  max-height: calc(100% - 20em);
  max-width: 50%;
  min-width: 30%;
}
table.inv {
  width: 100%;
}
table.inv tr td,
table.inv tr th {
  background-color: #eef9db;
  padding: 0em 0.25em 0em 0.25em;
}
table.invi {
  width: auto;
  margin: 0 auto;
}
table.invi tr td,
table.invi tr th {
  background-color: #fdf4d8;
}
#content table.invi select {
  background-color: unset;
}
table.inv th,
table.invi th {
  width: fit-content;
  white-space: nowrap;
  text-shadow: 1px 1px 1px #aaa;
}
#invcontainer table.inv input {
  min-width: 5em;
}
#invcontainer input,
#invcontainer textarea,
#invcontainer div.dropdown,
#invcontainer select {
  position: relative;
  width: calc(100% - 16px);
  background: 0 0;
  padding: 4px 0 2px;
  line-height: 1.3;
  font-family: monospace;
  font-weight: 500;
  font-size: 100%;
  border: 1px solid rgba(0, 0, 0, 0.78);
  border-width: 0 0 1px;
  box-shadow: none;
  min-width: 200px;
  resize: none;
}
.footcontainer {
  padding: 1em;
  text-align: center;
}
span.idata,
span.irows {
  color: #fb857c;
  width: 100%;
  display: inline-block;
}
span.idata.ok,
span.irows.ok {
  color: #1e8449;
}
#invcontainer div[contenteditable] {
  background-image: url(/images/lines28.png);
  background-repeat: repeat;
  white-space: pre-wrap;
  font-family: monospace;
}

td.blankcol {
  width: 5em;
  background-color: transparent !important;
}
.newinvrec {
  text-align: center;
}
span.cell:empty:after {
  content: "-";
}
.dropfile {
  text-align: center !important;
}
.dropfile[size="0"]:after {
  content: "lipsa fisier";
}
.dropfile:after {
  content: "( " attr(size) " bytes )";
}
.dropfile.uploading:after {
  content: "Uploading...";
}
.dropfile:before {
  font-family: "FontAwesome";
  content: "\f0ee\ ";
  font-size: 2em;
}
.dropfile.dragactive {
  color: red;
}
.dropfile form {
  display: none;
}
redzone {
  color: red;
  --fa-primary-color: #030303;
  --fa-secondary-color: red;
}
redbox,
.red {
  background-color: red !important;
  color: white;
}
greenbox,
.green {
  background-color: green !important;
  color: white;
}
.fgreen {
  color: green !important;
}
.fred {
  color: red !important;
}
.orange {
  background-color: #fadfb2 !important;
}
.portocaliu {
  background-color: #e67e22 !important;
}
.blueish {
  background-color: #057bf1 !important;
}
.bgbox {
  background-color: #eaeded;
  padding: 1em;
  height: 4em;
  text-align: center;
  position: relative;
}
.bgbox:hover {
  background-color: #fcf3cf;
}
.listgrid .headcol,
.listgrid .rand.foot,
.listgrid .rand.head {
  background-color: #a4a4a4;
  z-index: 1;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  line-height: 1.5em;
}
#tabs .listgrid .headcol,
#tabs .listgrid .rand.foot,
#tabs .listgrid .rand.head {
  padding-top: 0;
  padding-bottom: 0;
  line-height: inherit;
}
.listgrid .rand.rec {
  border-bottom: 1px solid #a4a4a4;
  padding-top: 1em;
  padding-bottom: 1em;
}
.listgrid .rand.asrec:not(:last-child),
.listgrid .rand.pprec:not(:last-child),
.listgrid .rand.ctrec:not(:last-child) {
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  border-bottom: 1px solid #a4a4a4;
  border-image: linear-gradient(to right, #a4a4a4 90%, rgba(0, 0, 0, 0) 10%); /* to top - at 50% transparent */
  border-image-slice: 1;
}
.altcell:hover,
.listgrid:not(.nohover) .rand.alts:hover,
.listgrid .rand.rec .fctr:hover {
  background-color: #fcf3cf;
  cursor: context-menu;
}
.listgrid .rand.rec .faa:hover {
  background-color: #fcf3cf;
  cursor: context-menu;
}
.listgrid .rand.inv:hover {
  background-color: #f2d7d5;
  cursor: context-menu;
}
.listgrid .rand.funit:hover,
.listgrid .rand.loc:hover {
  background-color: #d4e6f1;
  cursor: context-menu;
}
.mp_null.isnull {
  color: green;
  font-weight: bold;
}
.mp_null.isnull:before {
  font-family: Fontawesome;
  content: "\f00c";
  padding-right: 0.5em;
}
.mp_null {
  font-weight: bold;
}
.listgrid .gridcontainer {
  position: relative;
  overflow-y: scroll;
  padding-bottom: 2em;
}
.listgrid .gridcontainer > .rand.head {
  position: sticky;
  top: 0;
  width: 100%;
}
.listgrid .gridcontainer > .rand.foot {
  position: sticky;
  bottom: 0;
  width: 100%;
  height: fit-content;
  -moz-transform: translateY(80%);
  -webkit-transform: translateY(80%);
  -ms-transform: translateY(80%);
  transform: translateY(80%);
}
.listgrid .rand {
  box-sizing: border-box;
}
#tarifecontainer {
  overflow-y: scroll;
  color: black;
  max-width: fit-content;
}
#tarif td,
#tarif th {
  border: 1px solid black;
}
#tarif .editable {
  width: 100%;
}
#modinfo:not(:empty):before {
  content: " - ";
}
.notready,
.invo,
.invoin,
.invs,
.readyto {
  padding: 0.3em;
}
.mh3r {
  min-height: 5em;
}
.drop-hover {
  background-color: green;
}
.invoin,
.invo {
  padding: 0.3em;
}
.readyto.hover,
.readyto:hover,
.invoin:hover,
.invo:hover {
  background-color: #aab7b8;
  color: white;
  padding: 0.3em;
}
.invo.billedtoday {
  background-color: #a9dfbf;
}
.invo.inlucru {
  animation: blinkingBackground 2s infinite;
}
.invo.inlucru:after {
  font-family: "FontAwesome";
  font: var(--fa-font-thin);
  content: " \e0c0";
}
.haveibd {
  background-color: #229954;
  color: white;
  cursor: zoom-in;
}
.haveibdnok {
  background-color: #c0392b;
  color: white;
  cursor: zoom-in;
}
.haveibd:after {
  content: "ibd ok";
  margin-right: 1em;
  float: right;
}
.haveibdnok:after {
  content: "ibd not ok";
  margin-right: 1em;
  float: right;
}
.einfo {
  background-color: #f5eef8;
}
.dinfo {
  position: relative;
  background-color: #d6eaf8;
}
.ibdsrc:hover {
  cursor: zoom-in;
  background-color: #ebdef0;
}
.ibdmat tr td:first-child,
.ibdmat thead tr {
  background-color: #5d6d7e;
  color: white;
  font-weight: bold;
  text-align: center;
}
.ibdmat thead {
  border-bottom: none;
  position: sticky;
  top: 1.75em;
}
.ibdmat {
}
.ibdcol,
.ibdmat {
  font-size: 1em;
  color: black;
}
.ibdcol td,
.ibdmat td,
.ibdcol th,
.ibdmat th {
  padding: 0.2em 0.4em 0.2em 0.4em;
  min-width: 3em;
}
#ibdcontainer {
  overflow-y: scroll;
  height: fit-content;
}
#usercontainer {
  overflow-y: scroll;
  height: fit-content;
  background-color: white;
  position: relative;
}
#ibdcontainer p.head {
  position: sticky;
  top: 0;
  width: 100%;
  color: black;
  text-align: center;
  background-color: white;
  margin-bottom: 0;
}
.ibdmat .switchview {
  cursor: ns-resize;
}
.ibdcol .switchview {
  cursor: nwse-resize;
}
#facturicontainer .fact:hover {
  cursor: pointer;
  background-color: #f9efc7;
}
.factfix.readyto {
  background-color: #f08080;
}
.factreg.readyto {
  background-color: #73c6b6;
}
.readyto.notsoready {
  background-color: #f8c471;
}
.ignored {
  text-decoration: line-through;
  color: red;
}
.efactign {
  background-color: #eee;
  color: #999;
  font-style: italic;
}
.efactnolink {
  background-color: #aed6f1;
}
#invrowsplit {
  position: absolute;
  display: block;
  z-index: 10;
  background-color: white;
  border: 1px solid black;
}
#invrowsplit tr td {
  background-color: white;
}
#invrowsplit tr.selected td {
  background-color: #a9cce3;
}
#addmas {
  position: absolute;
  display: block;
  z-index: 10;
  background-color: white;
  border: 1px solid black;
}
.gv[contenteditable="true"] {
  border-bottom: 1px solid black;
}
.ea {
  background-color: #b1e3a9;
}
.ind {
  background-color: #d0ece7;
}
.cap {
  background-color: #f6ddcc;
}
.pros {
  background-color: #8e44ad;
  color: white;
}
.gv {
  text-align: center;
}
#main,
.grid,
.listgrid {
  background-color: #ffffff;
  background-image: url(/assets/css/images/bg02.png);
}
.notmatch {
  display: none;
}
.rap,
.anrerap {
  min-height: 5em;
}
.factive {
  color: green;
}
.orphan,
.fexpired {
  color: red;
}
#monitorizare {
  text-align: center;
}
#furnizare,
#cogenerare,
#cfd {
  line-height: 4em;
  text-align: center;
}
#bartabs {
  display: none;
}
.headlabel {
  display: none;
}
ul > li > a {
  cursor: pointer;
}
.listgrid .infocol {
  background-color: #f6ddcc;
}
.listgrid .head .infocol,
.listgrid .infocol.headcol {
  background-color: #cdb7a8;
}
tr.sep td {
  display: var(--togglenone);
}
tr.sep td {
  background-color: #d4e6f1;
  padding-bottom: 1em !important;
}
.rand.sepa:not(:first-child) {
  padding-top: 2em;
}
.rand.sepa div {
  background-color: #abebc6;
  font-weight: bold;
  color: red;
}
.copyblkp.hovered,
.copyblk.hovered {
  background-color: #fcf3cf;
}
.inforec {
  display: inline-block;
  position: absolute;
  right: 0;
  padding: 0 1em 0 1em;
}
.infodiff {
  background-color: #f5b7b1;
}
.infodiff.infodiffok {
  background-color: #fad7a0;
}
.infomiss {
  background-color: #fad7a0;
}
.infook {
  background-color: #7dcea0;
}
.infoerr {
  background-color: #f5b7b1;
}
.infook.infocol {
  background-color: #d0d8bf;
}
.infoerr.infocol {
  background-color: #f5c6bc;
}

.infobox {
  margin: 0;
  padding: 0 0 0 0.2em;
  line-height: inherit;
  width: 100%;
  position: relative;
}
.infohead {
  background-color: #2471a3;
  color: white;
}
input.err {
  color: red;
}
.headcol.infok {
  background-color: #7dcea0;
}
.headcol.infoerr {
  background-color: #f5b7b1;
}
.matchother {
  -webkit-box-shadow: inset 0px 0px 0px 2px #f72542;
  -moz-box-shadow: inset 0px 0px 0px 2px #f72542;
  box-shadow: inset 0px 0px 0px 2px #f72542;
}
.rand.alt:nth-child(even) {
  background-color: #f2f3f4;
}
.rand.alt:nth-child(odd) {
  background-color: #e5e7e9;
}
.rand.expired div {
  text-decoration: line-through;
  filter: opacity(60%);
}
.dropinfo {
  background-color: #a569bd !important;
  color: white !important;
  max-width: 50vw;
  width: fit-content;
}
#content #serial {
  min-width: 40rem;
}
.rand.so.collapsing {
  display: block;
}
.rand.so.collapsing.collapsed {
  display: none;
}
.fixcw {
  font-family: monospace;
  font-weight: bold;
}
.fixcwpre {
  white-space: pre-wrap;
  font-family: monospace;
  font-weight: bold;
}
.fixcw.smatch {
  background-color: #7dcea0;
}
p.yearinfo {
  color: white;
  font-weight: bold;
  text-align: center;
}
.trzone {
  display: block;
  background-color: #cacfd2;
  border-radius: 4px;
  margin-bottom: 1em;
  cursor: pointer;
}
.trzone:hover > span {
  background-color: #fef9e7;
}
.trzone > span {
  display: block;
}
.trzone > .trinfo {
  text-align: center;
}
.draghelper {
  width: fit-content;
  white-space: nowrap;
  background-color: white;
  border: 1px solid black;
}
.zone-hover span {
  background-color: green !important;
  color: white;
}
.zerogrid .col-flex {
  display: inline-flex;
}
i.fa-2x {
  padding-left: 5px;
  padding-right: 5px;
}
.shortable {
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.shortable[contenteditable="true"] {
  text-overflow: unset;
}
.pdfpage {
  max-width: 98vw;
  max-height: 90vh;
  margin: auto auto;
  display: inline-block;
  background-color: white;
}
.inline_pdf,
.invoice_pdf {
  overflow-x: hidden;
  overflow-y: scroll;
}
.welcome {
  margin: 0 auto;
  display: block;
  width: fit-content;
  height: fit-content;
  max-width: 80vw;
  max-height: 80vh;
}
.welcome > img {
  width: auto;
  height: 100%;
  max-width: 80vw;
  object-fit: contain;
}
#tabs {
  display: none;
}
#bartabs [tab="ALL"],
#tabs [tab="ALL"] {
  display: none;
}
#tabs.insearch [tab] {
  display: none;
}
#tabs.insearch [tab="ALL"] {
  display: block;
}
#tabs.ui-tabs {
  display: block;
}
.hidedrop .dropdown {
  display: none;
}
.fa-check-to-slot {
  color: orange;
}
.fa-check-to-slot.isprimary {
  color: green;
}
.fa-xmark-to-slot {
  color: #a9cce3;
}
.fa-xmark-to-slot.wantprimary {
  color: #d98880;
}
.total {
  position: absolute;
  background-color: #000000;
  color: #ffffff;
  min-width: 3em;
  border-radius: 5px;
  text-align: right;
  padding-left: 3px;
  padding-right: 3px;
  z-index: 1;
  line-height: 1.2;
  white-space: nowrap;
}
.total:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-right-color: #000000;
  border-left: 0;
  margin-left: -5px;
  margin-top: -5px;
}
.maxtouch {
  background-color: #f2d7d5 !important;
}
.disco .maxtouch {
  background-color: #fa3019 !important;
  color: white;
}
.ctr {
  position: relative;
}
#content input.groupmultigroup,
#content input.groupmulti,
#content input.multitemp {
  min-width: 4rem;
  width: 4rem;
  position: absolute;
  display: inline-block;
  right: 0;
  top: 50%;
  border: 1px solid black;
  border-radius: 6px;
  padding: 0;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-decoration: none;
  text-align: center;
  background: none;
  line-height: inherit;
  font-family: inherit;
}
.shortablebr:has(~ .groupmultigroup) {
  margin-right: 5em;
}
#content input.groupmultigroup:not([value="100"]),
#content input.groupmulti:not([value="100"]),
#content input.multitemp:not([value="100"]) {
  background-color: #f1c3cf !important;
}
#content input.groupmulti {
  right: 4rem;
}
.iright {
  position: absolute;
  right: 0;
  display: inline-block;
}
.fctr.noeic > .tr,
.eicissue {
  background-color: #f1c3cf;
}
.togglecinshpe.fa-circle-quarter {
  color: green;
}
.togglecinshpe.fa-circle {
  color: #f1c40f;
}
.intro.canedit.manedit {
  background-color: #f7dc6f;
}
.intro.canedit.evented {
  background-color: #a2f4fd;
}
.disco .intro.canedit.evented {
  background-color: #0516ff;
  color: white;
}
.intro.tradeok {
  color: green;
  font-weight: bold;
}
.intro.tradenok:empty:after {
  content: "-";
  color: red;
}
.notpaid {
  color: #e6b0aa;
}
.paidsome {
  color: #f0b27a;
  --fa-primary-color: #7dcea0;
}
.ispaid {
  color: green;
}
.paid {
  color: #7dcea0;
}
.payback {
  color: #5499c7;
}
.paidback {
  color: #7dcea0;
}
.verificat:not(.lastadded) {
  background-color: #d4efdf !important;
}
.lastadded {
  animation: blinkingBackground 2s 20;
}
.lastchosen {
  animation: blinkingBackground 2s infinite;
}
.ctrselected {
  animation: blinkingBackground 2s infinite;
}
.centselected {
  animation: blinkingBackground 2s infinite;
}
.lastcent {
  animation: blinkingBackground 2s 2;
}
.lastcopied {
  animation: blinkingBackground 2s 1;
}
@keyframes blinkingBackground {
  0% {
    background-color: #aff1b3;
  }
  25% {
    background-color: #9fc3f9;
  }
  50% {
    background-color: #fab7bb;
  }
  75% {
    background-color: #a6cbfc;
  }
  100% {
    background-color: #ace7fa;
  }
}
label.ph {
  display: none;
  color: #aab7b8;
}
.irows {
  z-index: 1;
}
.irows + label.ph {
  display: block;
  position: absolute;
  top: 0;
  left: 4px;
  z-index: 0;
}
.irows.ph1 {
  text-indent: 5rem;
}
.irows.ph2 {
  text-indent: 3rem;
}
.irows.ph3 {
  text-indent: 4rem;
}
tr.sep td {
  position: relative;
}
.autoinvos {
  position: relative;
  overflow: hidden;
  height: 4em;
}
.autoinvos .invo {
  position: absolute;
  display: inline-block;
  left: 0;
}
.lastupinfo {
  position: relative;
  font-size: 1.5em;
}
.lastupinfo > i {
  position: absolute;
  bottom: 50%;
  transform: translateY(50%);
}
.lastupinfo.old {
  color: red;
}
.lastupinfo.new {
  color: green;
}
.prchart {
  position: absolute;
  left: 20%;
  top: 0;
  width: 72%;
  height: 10em;
  transform: translateY(-100%);
  background-color: white;
  z-index: 100;
}
#forecastcontainer {
  position: relative;
}
.isactive .fctr,
.isactive .faa {
}
.isinactiveyet,
.isinactiveyet b {
  color: #3498db !important;
}
.isinactive .fctr,
.isinactive .inv,
.isinactive .faa,
.isinactive .loc {
  bbackground-image: linear-gradient(180deg, transparent 0 48%, rgba(0, 0, 0, 0.2) 48% 52%, transparent 52% 100%);
  background-image: url(/images/1pxblack.gif);
  background-repeat-y: no-repeat;
  background-repeat: repeat-x;
  background-position-y: 0.75em;
}
.ishidden {
  display: none;
}
.isinactive div {
  opacity: 0.7;
}
.recinactive {
  opacity: 0.3;
}
.search {
  display: none;
}
.search.active {
  display: inline-block;
}
.tarrec {
  font-family: monospace;
}
.versionpicker {
  display: inline-block;
  width: 24px;
  height: 24px;
  text-align: center;
  border-radius: 50%;
  background-color: red;
  color: white;
}
.highver,
.lowver {
  color: green;
  --fa-primary-color: white;
}
.dialoglabels {
  display: inline-block;
  text-align: right;
  width: 10rem;
  padding-right: 0.5rem;
}
#container {
  overflow: scroll;
}
#confirm_dialog {
  max-height: 50vh !important;
}
#confirm_dialog table td {
  vertical-align: top;
}
#confirm_dialog .dropdown {
  background: transparent;
  width: 20em;
  display: inline-block;
  padding: 0;
  border: 1px solid black;
}
#confirm_dialog input {
  width: 20em;
}
#confirm_dialog div[contenteditable] {
  min-width: 20em;
  min-height: 20rem;
  border: 1px solid black;
}

.sendprog.active,
.sendprogspec.active,
.sendprogpre.active {
  background-color: #d35400;
  display: inline-block;
}
.sendprogpre.inactive,
.sendprogspec.inactive,
.sendprog.inactive {
  display: none;
}
.sendprog.sent,
.sendprogpre.sent,
.sendprogspec.sent,
.fivedayforc.sent,
.repbuttons.sent {
  display: inline-block;
  background-color: green;
}

header {
  position: relative;
}
downgrid {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
upyours {
  display: none;
  position: absolute;
  right: 5em;
  top: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

downgrid:hover,
upyours:hover {
  --fa-primary-color: #27511f;
  --fa-secondary-color: #c0d714;
}
.rand.missing {
  background-color: #a93226 !important;
  color: white;
}
rpm {
  display: table;
  text-align: center;
  background-color: #e7e8e9;
  padding-left: 1em;
  padding-right: 1em;
}
.addassoc {
  display: table;
}
.addassoc:hover,
rpm:hover {
  background-color: #c0d9ea;
}
.remassoc:hover {
  color: red;
  --fa-primary-color: white;
}
rpm .repohidden {
  padding-right: 1em;
}
rpm .repohidden:hover {
  color: red;
  --fa-primary-color: white;
}
.repfile:hover {
  cursor: pointer;
  background-color: #c0d9ea;
}
.payment.rand:not(.foot) .unp {
  background-color: red;
  color: white;
}
.payment.rand:not(.foot) .unp[sumv="0.00"] {
  background-color: unset;
  color: unset;
}
.sumar {
  background-color: #ebedef;
  font-weight: bold;
}
.notseen {
  display: none;
}
.head,
.foot {
  font-weight: bold;
}
.scrollcontainerlandinfo {
  display: none;
}
.editcontainer .ct.head {
  background-color: transparent;
  width: calc(100% - 10px);
}
.editcontainer .form {
  overflow-x: hidden;
  overflow-y: hidden;
}
.listemails {
  cursor: context-menu;
}
.reppzu {
  background-color: #aaaaaa;
}
label.bl {
  cursor: pointer;
  background-color: #c94663;
  background-image: url(/assets/css/images/bg01.png);
  border-width: 1px;
  border-radius: 0.4em 0 0 0.4em;
  box-shadow: inset 0px 0px 0px 1px rgb(255 255 255 / 15%);
  color: #fff;
  font-family: proxima-soft, sans-serif;
  font-weight: 400;
  text-decoration: none;
  -moz-transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
  -webkit-transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
  -ms-transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
  transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
  text-shadow: -1px -1px 0px rgb(0 0 0 / 50%);
  padding: 0.5em;
  float: left;
  clear: left;
  width: 50%;
  text-align: right;
}
span.param {
  float: left;
  clear: right;
  border-radius: 0 0.4em 0.4em 0;
  border: 1px solid rgb(255 255 255 / 15%);
  color: #fff;
  padding: 0.5em;
  text-align: left;
  width: 50%;
}
#masuradecontare,
#preturidecontare {
  position: fixed;
  top: 50%;
  left: 50%;
  height: 50%;
  overflow-y: scroll;
  -moz-transform: translateY(100%) translateX(-50%);
  -webkit-transform: translateY(100%) translateX(-50%);
  -ms-transform: translateY(100%) translateX(-50%);
  transform: translateY(100%) translateX(-50%);
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
  background-color: #c0daea;
}
#masuradecontare.hover,
#preturidecontare.hover {
  -moz-transform: translateY(0) translateX(-50%);
  -webkit-transform: translateY(0) translateX(-50%);
  -ms-transform: translateY(0) translateX(-50%);
  transform: translateY(0) translateX(-50%);
}
#masuradecontare table tr:first-child,
#preturidecontare table tr:first-child {
  font-weight: bold;
  background-color: #ec7063;
  color: black;
  position: sticky;
  top: 0;
}
.isimm {
  position: relative;
}
.isimm:after {
  font-family: Fontawesome;
  content: " \e272 \e276 \e276";
  position: absolute;
  top: 0;
  right: 1em;
}
div:has(> .withgo) {
  position: relative;
}
.withgo {
  display: block;
  position: absolute;
  top: 0.5em;
  right: 0.5em;
}
.withgo100 {
  display: block;
  position: absolute;
  top: 0.5em;
  right: 2em;
}
.neg {
  background-color: #cd6155;
  color: white;
}
.poz {
  background-color: #52be80;
  color: white;
}
#timemachine {
  visibility: visible;
  color: white;
  --fa-primary-color: white;
  background-color: #9c36b5;
  text-align: center;
  margin-left: auto;
}
#timemachine > div {
  display: inline;
}
#mattules {
  visibility: visible;
  text-align: center;
  background-color: #2980b9;
}
#mattools {
  margin-left: auto;
  margin-right: auto;
  margin-top: 20vh;
  background-color: white;
  overflow: auto;
  min-width: 60vw;
  min-height: 60vh;
  max-width: 60vw;
  max-height: 60vh;
}
#help {
  visibility: visible;
  color: yellow;
  background-color: none;
  --fa-primary-color: red;
  text-align: center;
  margin-right: 40px;
  border: 0;
  border-radius: 0;
  padding: 0;
}
.adminonly {
  display: var(--admin);
}

#helpcontainer {
  display: block;
  position: absolute;
  right: 0;
  top: 2em;
  z-index: 15000;
  height: fit-content;
  max-height: 60%;
  color: white;
  min-height: 50%;
  padding-left: 2em;
  padding-right: 2em;
  overflow-y: scroll;
  background: #364050 url("/assets/css/images/bg01.png");
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
  -moz-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  white-space: pre-wrap;
  cursor: pointer;
}
#helpcontainer:focus {
  text-decoration: none;
}
#helpcontainer.shown {
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
#helpcontainer tag {
  color: #fc0;
}
svg.help {
  position: absolute;
  display: block;
  z-index: 15001;
  color: red;
  padding: 0;
  margin: 0;
}
svg.help line {
  stroke-dasharray: 20;
  animation: dash 5s linear;
  animation-iteration-count: infinite;
}
@keyframes dash {
  to {
    stroke-dashoffset: 1000;
  }
}
.coef.diffcoef {
  color: red;
}
.frommanual {
  color: red;
  font-weight: bold;
  cursor: grab;
}
.frommanual:hover {
  background-color: #a9dfbf;
}
.notfrommanual {
  color: red;
}
.pzutbl,
.pzutblro,
.preprices,
.rawdata,
.dezechs {
  width: fit-content;
}
.pzutbl.onlyone,
.pzutblro.onlyone {
  display: none;
}
.dezechs {
  width: 12rem;
  max-width: 12rem;
  min-width: 12rem;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
}
.preprices tr td {
  width: 12rem;
  max-width: 12rem;
  min-width: 12rem;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
}
.preprices tr td:first-child {
  width: 18rem;
  max-width: 18rem;
  min-width: 18rem;
}
.rawdata tr td {
  width: 6rem;
  max-width: 6rem;
  min-width: 6rem;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
}
.preprices thead,
.rawdata thead {
  position: relative;
}
.dptfc {
  display: inline-block;
  width: 7rem;
  box-shadow: inset -1px -1px 0px 0px #bfbfbf;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  text-align: right;
}
.dptfc:empty:before {
  content: "\00A0";
}
.dptfr .dptr {
  width: fit-content;
}
.dptfr {
  white-space: nowrap;
  width: fit-content;
}
.dptfr .dpth {
  position: sticky;
  top: 0;
  z-index: 2;
}
.dpth .dptfc {
  background-color: #5d6d7e;
  color: white;
  text-align: center;
}
.dptfr.ptfc .dptfc:first-child {
  width: 25rem;
  background-color: #5d6d7e;
  color: white;
  position: sticky;
  text-align: left;
  left: 0;
}
.dptfr.ptfc .sell:first-child {
  background-color: #138d75;
}
.dptfr.ptfc .sell.sellf:first-child {
  background-color: #17ae90;
}
.dptfr.ptfc .sell.sells:first-child {
  background-color: #28b463;
}
.dptfr.ptfc .buy:first-child {
  background-color: #a93226;
}
.dptfr.ptfc .buy.buys:first-child {
  background-color: #e74c3c;
}
.dptfr.ptfc .buy.buysv:first-child {
  background-color: #ec7063;
}
.dptfr.ptfc .buy.buyp:first-child {
  background-color: #dc7633;
}

.ptfr {
  color: black;
}
.ptfr.wfit {
  width: fit-content;
}
#main .ptfr.wfit thead td {
  border-left: 1px solid white;
}
.ptfr.nobr {
  white-space: nowrap;
}
.ptfr.brd {
}
.zptfr .rand > div {
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.zptfr .subhead {
  background-color: #a9cce3;
  font-weight: bold;
}
.zptfr .rand > div:not(.headagain),
.ptfr.brd th,
.ptfr.brd td {
  box-shadow: inset -1px -1px 0px 0px #bfbfbf;
}
.ptfr thead tr,
.pzutbl thead tr,
.pzutblro thead tr,
.preprices thead tr:first-child,
.dezechs thead tr,
.rawdata thead tr {
  background-color: #5d6d7e;
  color: white;
  font-weight: bold;
  position: sticky;
  top: 0;
  z-index: 2;
}
.ptfr thead tr td {
  vertical-align: middle;
}
.ptfr .headagain {
  background-color: #5d6d7e;
  color: white;
  font-weight: bold;
}
.ptfc tr {
  margin-left: 10rem;
}
.ptfr.ptfc td:first-child {
  position: sticky;
  left: 0;
  width: 10rem;
  background-color: #5d6d7e;
  color: white;
  z-index: 1;
}
.forcehead,
.ptfr.srvtr tr td:first-child,
.ptfr.srvtr tr td:nth-child(2) {
  background-color: #5d6d7e;
  color: white;
  font-weight: bold;
}
.ptfr.srvtr tr td:nth-child(3),
.ptfr.srvtr tr td:nth-child(4),
.ptfr.srvtr tr td:nth-child(5) {
  background-color: #229954;
  color: white;
  font-weight: bold;
}
.ptfr.srvtr thead tr:nth-child(2) {
  top: 1.75em;
}
.ptfr.srvtr thead tr:nth-child(3) {
  top: 3.5rem;
}
.ptfr td[colspan] {
  text-align: center;
}
.preprices thead tr {
  background-color: #138d75;
  color: white;
  font-weight: bold;
}
.preprices thead tr td.notok {
  background-color: #e74c3c;
}
.preprices thead tr td.preselected {
  background-color: #27ae60;
}
.preprices thead tr:not(:first-child) td {
  border-right: 1px solid white;
}
.dezechs tr td:first-child,
.pzutbl tr td:first-child,
.pzutblro tr td:first-child,
.preprices tr td:first-child,
.rawdata tr td:first-child {
  position: sticky;
  left: 0;
  background-color: #5d6d7e;
  color: white;
  font-weight: bold;
}
.rawdata tr td:nth-child(2) {
  position: sticky;
  left: 6rem;
  background-color: #5d6d7e;
  color: white;
  font-weight: bold;
}
a.button.oneliner {
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 0 !important;
  padding: 0;
}
a.button.rs {
  white-space: nowrap;
  padding: 0.2em 0.6em;
}
a.button > b {
  color: white;
}
a.white {
  color: white;
  text-decoration: none;
}
a.white:visited {
  color: white;
}
.versioncontainer {
  width: fit-content;
  border-radius: 1em;
  border: 1px solid white;
  padding: 1em;
}
.versioncontainer h1 {
  background-color: white;
  text-align: center;
  font-weight: bold;
}
.pzutblro tr td:not(:first-child),
.pzutbl tr td:not(:first-child) {
  min-width: 4em;
  text-align: center;
}
.pzutblro tr td:first-child,
.pzutbl tr td:first-child {
  white-space: nowrap;
}
.invo.sent:after {
  font-family: FontAwesome;
  content: " \f0e0";
}
.invo.nosend:after {
  font-family: FontAwesome;
  content: " \e24c";
}
#dashboard {
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
#dashboard::-webkit-scrollbar {
  display: none;
}
#container .card,
#dashboard .card {
  border-radius: 5px;
  border: none;
  height: 100%;
  -webkit-box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}
.updated .card {
  animation: boxshadowef 1s 3;
}
@keyframes boxshadowef {
  50% {
    -webkit-box-shadow: rgba(84, 112, 198, 0.35) 0px 5px 15px;
    box-shadow: rgba(84, 112, 198, 0.35) 0px 5px 15px;
    opacity: 0.7;
  }
}
#container .wnd1,
#dashboard .wnd1 {
  height: 11rem;
  max-height: 11rem;
  min-height: 11rem;
}
#container .wnd2,
#dashboard .wnd2 {
  height: 22rem;
  max-height: 22rem;
  min-height: 22rem;
}
#container .wnd1,
#container .wnd2,
#dashboard .wnd1,
#dashboard .wnd2 {
  padding: 5px;
  overflow: hidden;
  position: relative;
}
.cardtitle {
  line-height: 3em;
  padding-left: 2em;
  border-bottom: 1px solid #ddd;
  font-weight: bold;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.cardtitle[data-stitle]:after {
  content: attr(data-stitle);
  position: absolute;
  display: inline-block;
  right: 2em;
}
.cardcontent {
  line-height: 2em;
  padding: 1em 2em 1em 2em;
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100% - 3.5rem);
  max-height: 20rem;
  position: relative;
  box-sizing: border-box;
}
.double {
  font-size: 2em;
  font-weight: bold;
  display: inline;
}
.doublex {
  font-size: 1.3em;
  font-weight: bold;
  display: inline;
}
.bj {
  border-bottom: 1px solid #ddd;
}
.br {
  border-right: 1px solid #ddd;
}
.bs {
  border-left: 1px solid #ddd;
}
cur {
  padding-left: 0.1em;
  line-height: 1.3em;
  vertical-align: top;
}
.sp1m,
.sp1,
.sp2,
.sp2-1,
.sp3,
.sp3-1,
.sp3-2,
.sp4 {
  display: inline-block;
  box-sizing: border-box;
  vertical-align: top;
}
.sp1m {
  height: fit-content;
  line-height: 0;
  padding: 0;
  width: 100%;
  overflow-y: hidden;
  display: block;
}
.lh {
  line-height: 1.4em;
}
.dp {
  width: fit-content;
  display: inline-flex;
}
.dr {
  float: right;
  display: inline-flex;
}
.sp1 {
  width: 100%;
}
.sp2-1,
.sp2 {
  width: 50%;
}
.sp3-1,
.sp3 {
  width: 33.33%;
}
.sp3-2 {
  width: 66.66%;
}
.sp4 {
  width: 25%;
}
.spright {
  padding-right: 0.5em;
  box-sizing: border-box;
}
.sbright {
  border-right: 1px solid #ddd;
}
.mobsep {
  background-color: #ccd1d1;
  height: 2px;
  overflow: hidden;
}
.spr {
  text-align: right;
}
.spc {
  text-align: center;
}
.spfix {
  font-family: monospace;
  font-size: 0.9em;
}
.scr {
  overflow-y: scroll;
  height: calc(100% - 5em);
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.scr::-webkit-scrollbar {
  display: none;
}
.scr2 {
  height: calc(100% - 2em);
}
.ired {
  color: red;
  --fa-primary-color: red;
}
.igreen {
  color: #229954;
  --fa-primary-color: #229954;
}
.cardcontent .actrow {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}
.actrow .ico,
.actrow .actinfo {
  display: inline;
  float: left;
  line-height: 1em;
}
.actrow .actinfo {
  width: 90%;
  padding-left: 1em;
}
.actinfo msgi,
.actinfo msg {
  width: 100%;
  display: inline-block;
}
.actinfo msg {
  font-weight: bold;
}
.actinfo msgi {
  font-size: 0.8em;
}
chart {
  display: block;
}
#clearsel {
  background-color: #dc7633;
}
invo {
  color: #2471a3;
  font-weight: bold;
}
invo[delbid] {
  color: #d35400;
}
#allfact.active {
  background-color: #3cac3c;
}
.hidenwins {
  display: none;
}
.previewfile {
  overflow-y: scroll;
}
.previewfile > #pdfframe {
  max-width: 100vw;
  width: 800px;
  margin: 0;
}
.splitfit {
  width: fit-content;
  margin: 0 auto;
}
.needinv {
  background-color: #d7bde2;
}
.needinvme {
  background-color: #d6eaf8;
}
.needinvme.invok,
.needinv.invok {
  background-color: #45b39d;
}
.needinvme.invdiff,
.needinv.invdiff {
  background-color: #fc0;
}
.needinvme.invokalm,
.needinv.invokalm {
  background-color: #a3e4d7;
}
.idata.nok:hover {
  color: #c0392b;
}
.invcantok {
  background-color: #45b39d;
}
.invcantdiff {
  background-color: #fc0;
}
.invcantrook {
  color: green;
  font-weight: bold;
}
.invcantrook {
  color: green;
  font-weight: bold;
}
.invcantronook {
  color: red;
  font-weight: bold;
}
.invcantronook.red {
  color: white;
}
.invcantokalm {
  background-color: #a3e4d7;
}
.havepdf {
  color: green;
}
.havepdf.cnote {
  color: #fc0;
}
.efactnolink .havepdf.cnote {
  color: #f00;
}
.havepdf:after {
  font-family: Fontawesome;
  content: " \f1c1";
}
.pdfmissing:after {
  font-family: Fontawesome;
  content: " \f608";
}
.pdfmissing:after {
}
.toggleactive {
  display: inline-block;
  padding-right: 1em;
}
.toggleactive .fa-toggle-on {
  color: green;
}
.toggleactive .fa-toggle-off {
  color: red;
}
choosefrom {
  color: white;
  display: inline-block;
  border-radius: 0.5em;
  border: 1px solid red;
  padding: 0.5em 1em 0.5em 1em;
  margin-top: 0.5em;
}
choosefrom:before {
  font-weight: bold;
  content: attr(label) ":";
  padding-right: 1em;
}
#furnsecs > .form {
  min-width: 30vw;
}
.fa-green {
  color: green;
}
.fa-red {
  color: red;
}
.fa-orange {
  color: orange;
}
.noclear {
  background-color: #5499c7;
}
.inlinefield {
  cursor: text;
  text-align: center;
}
.inlinefield.daypicker {
  display: inline-block;
  min-width: 4em;
}
.inlinefield.daypicker:empty:before {
  text-align: center;
  content: "...";
}
.inlineedit {
  cursor: text;
  text-decoration: underline;
  text-align: center;
}
.inlinefield:hover,
.inlineedit:hover {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #d5dbdb 25%, #d5dbdb 75%, rgba(0, 0, 0, 0) 100%);
}
.ibdmat td.inactive {
  background-color: #5d6d7e;
}
[data-odc]:after {
  content: attr(data-odc);
  background-color: red;
  display: inline-block;
  position: relative;
  border-radius: 1em;
  padding-left: 1em;
  padding-right: 1em;
  color: white;
  font-weight: bold;
}
.fillhere {
  color: green;
}
.inlineedit.fillhere {
  color: inherit;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #abebc6 25%, #abebc6 75%, rgba(0, 0, 0, 0) 100%);
}
.addstamp:hover,
.canactivate:hover {
  background-color: #fc0;
}
.activestamp {
  color: white;
  background-color: green;
}
.stamp {
  height: 10em;
  background-color: white;
}
#stampcontainer td {
  vertical-align: top;
}
.calcdiff {
  background-color: #e6b0aa;
  margin-bottom: 0;
}
.calcok {
  color: #16a085;
  font-weight: bold;
  margin-bottom: 0;
}
.calcdiffok {
  color: #e67070;
  margin-bottom: 0;
}
.calcdiffok:after {
  content: " [adaugate in centralizator]";
}
#content #docdesc {
  min-width: 400px;
}
.warnmon {
  background-color: #c0392b;
  color: white;
  font-weight: bold;
}
.warnmon:hover {
  background-color: #d98880 !important;
  color: black;
}
.overlap {
  background-color: #2980b9;
  color: white;
}
.calcdiffx {
  background-color: #b0d7f0;
}
.noformula,
.calcdiffx.noformula {
  background-color: #a9dfbf;
}
.calcdiffx.noformula {
  color: red;
}
.soldoff {
  background-color: #f9e79f;
}
.soldoff.soldoffakn {
  background-color: #d4efdf;
}
.slider {
  display: inline-block;
  width: 80%;
  margin-left: 10%;
}
.ui-slider-handle.slidehandle {
  min-width: 3em;
  width: fit-content;
  height: 1.6em;
  top: 50%;
  margin-top: -0.8em;
  text-align: center;
  line-height: 1.6em;
  padding-left: 1em;
  padding-right: 1em;
}
.cvsell {
  background-color: #27ae60;
  color: white;
  font-weight: bold;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  cursor: default;
}
.largechart {
  left: 2%;
  width: 96%;
  background: white;
  height: 90%;
  top: 5%;
  display: inline-block;
  position: relative;
}
.dezechs .missing {
  background-color: #edbb99;
}
.ptfr .dez {
  background-color: red;
  color: white;
}
.expired.blue {
  color: #2471a3;
}
.expired.blue .obsck:empty:not(:focus-within):after {
  content: "[posibil storno]";
}

#importcontainer #doc0,
#importcontainer #xls1,
#importcontainer #xls2,
#importcontainer #pdfout,
#importcontainer #subjout,
#importcontainer #textout {
  text-align: center;
  min-height: 4em;
  border: 2px solid #27ae60;
  border-radius: 0.5em;
}
#importcontainer #doc0:empty:before {
  content: "DOC confirmare";
  color: #aaa;
}
#importcontainer #xls1:empty:before {
  content: "Anexa 1 confirmare";
  color: #aaa;
}
#importcontainer #xls2:empty:before {
  content: "Anexa 2 confirmare";
  color: #aaa;
}
#importcontainer #pdfout:empty:before,
#importcontainer #subjout:empty:before,
#importcontainer #textout:empty:before {
  color: #aaa;
}
#importcontainer #doc0:empty,
#importcontainer #xls1:empty,
#importcontainer #xls2:empty,
#importcontainer #pdfout:empty,
#importcontainer #subjout:empty,
#importcontainer #textout:empty {
  border: 1px solid #999;
}
#importcontainer #subjout:empty {
  text-align: center;
}
container.dragactive {
  outline: 1px solid red;
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
}
#importcontainer #subjout,
#importcontainer #textout {
  text-align: left;
}
#importcontainer #subjout {
  padding-top: 1em;
}
#importcontainer #subjout:before {
  content: "Mail Subject: ";
}
#importcontainer #doc0[cvtot]:after,
#importcontainer #xls1[cvtot]:after {
  display: block;
  content: "[ " attr(cvtot) " CVs found ]";
}
.ptfr .ics {
  text-align: center;
}
.attention {
  background-color: #fae5d3;
}
#content input.att {
  background-color: #fae5d3;
}
#xlsnotif.sent {
  background-color: green;
}
#xlsnotif.sent:after {
  display: block;
  content: "Trimisa: " attr(data-sent);
}
.sendprog.sent:after,
.sendprogpre.sent:after,
.sendprogspec.sent:after,
.fivedayforc.sent:after {
  display: block;
  content: "Trimisa: " attr(data-sent);
}
.repbuttons.sent:after {
  display: block;
  content: "Trimis: " attr(data-sent);
}
.inactive.inactdiff.sent {
  background-color: #2471a3;
}
.fromtrans {
  color: #808b96;
  font-style: italic;
}
.fromforced {
  color: #e67e22;
  font-style: italic;
}
.headcols {
  color: #464646;
  font-weight: bold;
  background-color: #d4d4d4;
}
.rand.recmon {
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  border-bottom: 1px solid #a4a4a4;
}
.emphovered > .rand.rec {
}
.emphovered:has(.contexted) > .rand.rec:not(.hovered),
.emphovered:hover > .rand.rec:not(.hovered) {
  opacity: 0.5;
}
.emphovered:has(.contexted) > .rand.rec.hovered .headcols,
.emphovered:hover > .rand.rec.hovered .headcols {
  background-color: #d4efdf;
}
.zerogrid .fullheight {
  height: auto;
}
.zerogrid .fullheight:hover {
  background-color: #f7dc6f;
}
.rand.rec.so:has(toooldcontract) {
  display: none;
  animation: show-up 1s ease;
}
#container.showold .rand.rec.so:has(toooldcontract) {
  display: block;
  animation: show-up 1s ease;
}
.rand.rec.so:has(oldcontract) {
  background-color: #d5dbdb;
}
.emph {
  font-weight: bold;
}
.emphi {
  font-style: oblique;
}
#sellcontainer .head {
  text-align: center;
}
#sellcontainer .canedit {
  border-bottom: 1px solid #454545;
  text-align: center;
}
#sellcontainer .canedit:empty:not(:focus):after {
  content: "<empty>";
  color: #a5a5a5;
}
#container.full {
  min-height: 80vh;
}
.uploadhere:empty {
  text-align: center;
  background-color: #f3f3f3;
}
.gridleft {
  border-left: 1px solid black;
}
.gridright {
  border-right: 1px solid black;
}
.pidetok {
  color: green;
}
.cfilter.filtered {
  font-style: italic;
}
ppunit {
  border-radius: 1em;
  display: block;
  padding: 5px 10px 5px 10px;
  margin-bottom: 5px;
  color: black;
  font-weight: bold;
  position: relative;
}
ppunit.solar {
  background-color: #f39c12;
}
ppunit.eolian {
  background-color: #259954;
}
ppunit.hidro {
  background-color: #2980b9;
}
ppunit > i {
  right: 0;
}
ppunit.dragging {
  background-image: linear-gradient(90deg, black 50%, transparent 50%), linear-gradient(90deg, black 50%, transparent 50%), linear-gradient(0deg, black 50%, transparent 50%), linear-gradient(0deg, black 50%, transparent 50%);
  background-size: 15px 2px, 15px 2px, 2px 15px, 2px 15px;
}
.candrop {
  margin-top: -1em;
  margin-bottom: -1em;
  min-height: 4em;
}
ppunit.ppfit {
  display: inline-block;
}
ppunit .candelete {
  margin-left: 1em;
}
ppunit .candelete:hover {
  color: red;
  font-weight: bold;
}
ppunit.cmp {
  background-color: #c0392b !important;
  color: white !important;
}
.candrop ppunit {
  margin-top: 1em;
  margin-bottom: 1em;
}
.linkdbl {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 80%, red 20%);
}
.notlinked {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 80%, #aeb6bf 20%);
}
limitunit,
dailyrap {
  display: block;
  margin-right: 5%;
  margin-bottom: 5%;
  min-height: 12em;
  max-height: 12em;
  position: relative;
  overflow-y: scroll;
}
limitunit {
  overflow-y: hidden;
}
limitunit > .lhead,
dailyrap > .raphead {
  font-weight: bold;
  color: white;
  text-align: center;
  width: 100%;
  padding: 0.5em 0.1em 0.5em 0.1em;
}
limitunit.lactiv,
dailyrap.rapready {
  background-color: #d5f5e3;
}
limitunit.lactiv > .lhead,
dailyrap.rapready > .raphead {
  background-color: #239b56;
}
dailyrap.rapnotready {
  background-color: #fadbd8;
}
dailyrap.rapnotready.canbeready {
  background-color: #f9e79f;
}
dailyrap.rapnotready > .raphead {
  background-color: #a93226;
}
dailyrap.rapnotready.canbeready > .raphead {
  background-color: #d4ac0d;
}
limitunit.linactiv {
  background-color: #ccd1d1;
}
limitunit.linactiv > .lhead {
  background-color: #717d7e;
}
limitunit.lactivlimit {
  background-color: #fadbd8;
}
limitunit.lactivlimit > .lhead {
  background-color: #a93226;
}
dailyrap.nodaily {
  background-color: #d6eaf8;
}
dailyrap.nodaily > .raphead {
  background-color: #2980b9;
}
dailyrap.nodaily.rapready {
  background-color: #d5f5e3;
}
.forthisday {
  background-color: #f5eef8;
}
.gridable > div {
  text-align: center;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.gridable > div:not(.last) {
  border-right: 1px solid black;
}
.gridable:not(.head) > div:not(.charts):not(.selected):not(.evented) {
  border-bottom: 1px solid black;
}
.splitcell.evented:not(:empty),
.gridable > div.evented,
.gridable > div.selected {
  background-color: #c0392b;
  color: white;
  border-bottom: 1px solid #c0392b;
}
chartfloat {
  display: block;
  position: absolute;
}
.markcell {
  background-color: #d6eaf8;
}
.reloc {
  box-shadow: 0 0 0 1px red inset;
}
.taskmail {
  color: #2c3e50;
  background-color: #a9dfbf;
  margin-bottom: 1em;
  border-radius: 3px;
  font-weight: bold;
}
.taskmail.notloaded {
  background-color: #c1e4fa;
}
dailyrap.mailsent::after {
  display: block;
  font-family: FontAwesome;
  font-size: 2em;
  content: " \f674";
  position: absolute;
  color: white;
  right: 0.2em;
  top: 0.2em;
}
dailyrap.sendingnow::after {
  display: block;
  font-family: FontAwesome;
  font-size: 2em;
  content: " \f1d8";
  position: absolute;
  color: #fc0;
  right: 0.2em;
  top: 0.2em;
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
  animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
  animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
  animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-name: fa-beat-fade;
  animation-name: fa-beat-fade;
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}
dailyrap.rapant::before {
  display: block;
  font-family: FontAwesome;
  font-size: 1em;
  content: " \e490";
  position: absolute;
  color: #444;
  left: 0.2em;
  top: 0.2em;
}
dailyrap.rapant.antsent::before {
  color: #c7fcdc;
  content: " \f188";
}
#downdailyonly {
  position: absolute;
  right: 1em;
  top: 0;
}
#downdailyonly .fa-duotone.fa-file-excel {
  --fa-primary-color: #ffffff;
  --fa-secondary-color: #009600;
}
.sumtab {
  width: fit-content;
}
.sumtab [rowspan] {
  vertical-align: middle;
}
.sumtab td,
.sumtab th {
  border: 1px solid black;
}
.sumtab .emph {
  background-color: #5d6d7e;
  color: white;
  font-weight: bold;
}
dailyrap .dblints {
  display: block;
  color: red;
  bottom: 0.2em;
  right: 0.2em;
  position: absolute;
}
dailyrap .misints {
  display: block;
  color: red;
  bottom: 0.2em;
  left: 0.2em;
  position: absolute;
}
dailyrap .activeevent {
  display: block;
  color: red;
  bottom: 0.2em;
  left: 50%;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
}
#subhide {
  position: absolute;
  bottom: 0;
  max-height: 50vh;
  background-color: white;

  -moz-transform: translateY(calc(100% - 64px));
  -webkit-transform: translateY(calc(100% - 64px));
  -ms-transform: translateY(calc(100% - 64px));
  transform: translateY(calc(100% - 64px));

  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
  width: 100%;
  overflow-y: scroll;
}
#subhide:hover {
  -moz-transform: translateY(0%);
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}
.chcont.hidden {
  display: none;
}
.hidden {
  display: none;
}
.chcont {
  height: 40vh;
  width: calc(95vw - 400px);
}
.chcont.chthin {
  height: 20vh;
  width: calc(95vw - 400px);
}
.chcont.chthin3 {
  height: 28vh;
  width: calc(95vw - 400px);
}
.chcont.chtile {
  width: calc((100vw - 25em) / var(--tilesx));
  height: calc((100vh - 19em) / var(--tilesy));
  display: inline-block;
  padding: 2px;
  border-radius: 2px;
  box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
}
.form .chcont {
  max-width: calc(80vw - 100px);
}
#pwcontainer .chcont {
  width: calc(100% - 250px);
}
#ibdcontainer .chcont {
  width: calc(90vw - 250px);
}
#pwcontainer {
  width: 95%;
  height: 90vh;
  overflow-y: scroll;
  margin-top: 5vh;
  margin-left: 2.5%;
  position: relative;
}
.detmode {
  display: none;
  color: #999;
  font-style: italic;
}
.detmode td {
  padding-left: 4rem !important;
}
.detmode.shown {
  display: table-row;
}
@keyframes anim-show {
  0% {
    -moz-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
  }
  100% {
    -moz-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
  }
}
.emaileditor {
  margin-top: 5px;
  margin-bottom: 5px;
}
.emaileditor:focus {
  font-style: italic;
}
.renew {
  font-weight: bold;
  color: red;
}
.itsaboutme {
  background-image: linear-gradient(90deg, red 50%, transparent 50%), linear-gradient(90deg, red 50%, transparent 50%), linear-gradient(0deg, red 50%, transparent 50%), linear-gradient(0deg, red 50%, transparent 50%);
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
  background-size: 15px 2px, 15px 2px, 2px 15px, 2px 15px;
  background-position: left top, right bottom, left bottom, right top;
  animation: border-dance 1s infinite linear;
}
.ptfr .pzuinfo {
  background-color: #ff5733;
  font-weight: bold;
}
.halfhide {
  color: #aaa;
}
.hovermsg {
  line-height: 1;
}
.eteditee:not(:empty):after {
  content: "%";
}
.overlapinfo.att {
  background-color: #c0392b;
  color: white;
}
progressupload {
  display: block;
  position: absolute;
  z-index: 20000;
  width: 100%;
  height: 4rem;
  top: 50%;
  text-align: center;
  border: 1px solid #34495e;
  border-radius: 1em;
  background: linear-gradient(to right, #239b56 0 var(--progupload), #5dade2 var(--progupload) 100%);
}
.recinvneg {
  padding: 0.3em;
}
.recinvneg:hover {
  background-color: #aab7b8;
  color: white;
  padding: 0.3em;
}
#invprev {
  width: fit-content;
}
#factrec {
  min-width: 500px;
}
tr[for="histinv"] {
  display: none;
}
tr[for="histinv"]:has(#histinv:not(:empty)) {
  display: table-row;
}
#histinv {
  max-height: 16rem;
  overflow: scroll;
}
.inlinefill:hover,
.inlinedrop:hover {
  background-color: #d1f2eb;
}

.inlinefill {
  cursor: text;
}
.factlist {
  display: none;
  position: absolute;
  background-color: white;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
  overflow-y: scroll;
  max-height: 20rem;
  width: 50rem;
}
.factlist.show {
  display: block;
}
.monthexpand {
  display: none;
  width: 10%;
  background-color: #f5b041;
  font-weight: bold;
  text-align: right;
  position: relative;
  cursor: zoom-in;
}
.monthexpand.expanded {
  cursor: zoom-out;
}
.monthexpand:after {
  font-family: "FontAwesome";
  font: var(--fa-font-light);
  content: " \f0fe";
  top: 5px;
  right: 0.5em;
  position: absolute;
}
.monthexpand.expanded:after {
  content: " \f146";
}
tr:has(waitfortask) {
  color: #999;
  font-style: italic;
}
waitfortask:after {
  font-family: "FontAwesome";
  content: " \f1b8";
}
.histign {
  color: #999;
  background-color: #f5cba7;
}
thead .meds {
  background-color: #16a085;
}
tbody .meds {
  background-color: #d0ece7;
}
tbody .pwcol {
  background-color: #aeb6bf;
}
.unphover {
  color: #1a5276;
  font-style: italic;
}
.payreminder {
  display: none;
}
.matchactiv.unphover .payreminder {
  background-color: #c94663;
  background-image: url(/assets/css/images/bg01.png);
  color: white;
  display: inline-block;
  padding-left: 11px;
  padding-right: 11px;
  height: 100%;
}
#remdest,
#remtext {
  border: 1px solid red;
  line-height: 1;
}
.simthead {
  text-align: center;
  font-weight: bold;
}
.sim {
  padding-left: 1em;
  padding-right: 1em;
  margin-bottom: 1em;
}
.simcontainer {
  width: fit-content;
  margin: 0 auto;
}
.simhead {
  background-color: #28b463;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.simcontent {
  background-color: #82e0aa;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.sim.inactive .simhead {
  background-color: #839192;
}
.sim.inactive .simcontent {
  background-color: #d5dbdb;
}
.invmic {
  background: rgba(255, 255, 255, 0.5);
  padding: 0.5em;
  display: inline-block;
  margin-right: 0.5em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.merged:after {
  font-family: "FontAwesome";
  content: "\f0c1";
  right: 0.5em;
  color: #7fb3d5;
  display: inline-block;
  position: absolute;
}
.status1 {
  background-color: #d4e6f1;
}
.page {
  background-color: white;
  max-width: 30vw;
  border: 1px solid rgba(0, 0, 0, 0);
}
.page.selected {
  border: 1px solid red;
}
.listpods {
  width: fit-content;
  display: inline-grid;
}
.listpods li {
  display: inline-block;
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 2px;
}
.ibdpreview {
  overflow: scroll;
}
alert {
  position: fixed;
  display: block;
  top: 2em;
  right: 20em;
  background-color: red;
  color: white;
  padding: 2em;
  border-radius: 1em;
  border: 2px solid black;
  z-index: 10000;
}
#barright .invoin {
  background-color: #7fb3d5;
  color: white;
  display: inline-block;
  width: 90%;
  margin-bottom: 0.5em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#barright .invoin:hover {
  background-color: #85929e;
}
#csteditor {
  display: block;
  position: absolute;
  z-index: 20000;
  background-color: white;
}

@keyframes tiltnshake {
  0% {
    transform: translate(0, 0) rotate(0deg);
  }
  25% {
    transform: translate(5px, 5px) rotate(2deg);
  }
  50% {
    transform: translate(0, 0) rotate(0eg);
  }
  75% {
    transform: translate(-5px, 5px) rotate(-2deg);
  }
  100% {
    transform: translate(0, 0) rotate(0deg);
  }
}

.pzuready {
  animation: tiltnshake 0.15s 3;
}
.ct.toid .intro.powerbotted {
  color: green;
}
.masrec {
  list-style-type: none;
}
.masrec li {
  min-width: 10em;
  padding: 0;
}
.masrec li[contenteditable] {
  outline: 0;
}
.masrec li[contenteditable]:empty:after {
  content: " - " attr(placeholder) " - ";
  color: #999;
}
.masrec li[label]:before {
  content: attr(label) ": ";
  display: inline-block;
  width: 10em;
  text-align: right;
  font-weight: bold;
  padding-right: 1em;
}
.warncalc {
  background-color: red;
  color: white;
}
.vert {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  min-width: 4em;
}
.ght td {
  text-align: center;
  vertical-align: middle;
}
alternate {
  width: 100%;
  height: 22rem;
  max-height: 22rem;
  min-height: 22rem;
  display: inline-block;
  overflow: hidden;
}
alternate > .wnd2:last-child {
  transform: translateY(-100%);
  visibility: hidden;
  background-color: white;
}
alternate.w1 {
  height: 11rem;
  max-height: 11rem;
  min-height: 11rem;
  display: block;
}
alternate > .wnd1:last-child {
  transform: translateY(-100%);
  visibility: hidden;
  background-color: white;
}
#pdfframe.invoice_pdf.efactura {
  min-width: 1200px;
  width: 1200px;
  max-width: 90vw;
  min-height: 700px;
  height: 1000px;
  max-height: 90vh;
}
.sentok {
  background-color: #d1f2eb;
}
.senterr {
  background-color: #f2d7d5;
}
.senterr .stat {
  color: red;
}
.pending {
  background-color: #d4e6f1;
}
.valerr {
  background-color: #f2d7d5;
}
.topstatus.pending {
  background-color: #065a8d;
}
.topstatus.recinv {
  background-color: #9c36b5;
}
ul.spvlistinvs {
  list-style: none;
  padding-left: 0;
  max-width: 20rem;
}
ul.spvlistinvs li {
  border: 1px solid black;
  border-radius: 1em;
  background-color: white;
  margin-bottom: 0.2em;
}
li.nospvlink {
  color: green;
}
li.spvlink {
  color: #e67e22;
}
li.spvlink:before {
  font-family: "FontAwesome";
  content: "\e1cb";
}
serie:before,
data:before,
comp:before,
valoare:before {
  color: #555;
}
serie,
data,
comp,
valoare {
  display: inline-block;
  width: 100%;
}
serie:before {
  content: "Serie: ";
}
data:before {
  content: "Emisa: ";
}
comp:before {
  content: "Societate: ";
}
valoare:before {
  content: "Valoare: ";
}
.outed {
  background-color: #aed6f1;
}
.fact:has(.spvnoneed) > div {
  color: #777;
  background-image: url(/images/1pxblack.gif);
  background-repeat-y: no-repeat;
  background-repeat: repeat-x;
  background-position-y: 0.75em;
}
.fact:has(.spvnoneed) {
  background-color: #ddd;
}
.spvnoneed.invo {
  line-height: 1.2em;
}
.ct.alugb > .ctr {
  background-color: #e6b0aa;
}
.gr {
  cursor: pointer;
  display: inline-block;
  margin-left: 1em;
  padding-left: 1em;
  padding-right: 1em;
  background-color: #cbc9c9;
  border-radius: 0.2em;
  text-align: center;
  box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.15), 0 2px 2px 0 rgba(0, 0, 0, 0.25);
}
.gr.activ {
  background-color: #e6b0aa;
}
.gr.allok,
.gr.activ.allok {
  background-color: #82e0aa;
}
.gr.activ.allok {
  color: #a93226;
}
#mapcontainer {
  display: block;
  width: 90%;
  height: 90%;
  margin-left: 5%;
  margin-top: 5%;
}
.pwproc {
  margin-left: 2em;
  font-weight: bold;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
}
.binfo {
  display: inline-block;
}
.chdayscontainer {
  color: black;
  user-select: none;
}
.chdayscontainer .chdays,
.chdayscontainer .chday,
.chdayscontainer .chpdays,
.chdayscontainer .chpday {
  cursor: default;
  border: 1px solid black;
  padding: 1px 5px 1px 5px;
  margin-right: 5px;
  border-radius: 2px;
}

.chdayscontainer .chdays.selected,
.chdayscontainer .chday.selected,
.chdayscontainer .chpdays.selected,
.chdayscontainer .chpday.selected {
  background-color: #229954;
  color: white;
}
.chdays + .chday,
.chpdays + .chpday {
  margin-left: 35px;
}
#infocontainer {
  max-height: 90vh;
  top: 5vh;
  left: 5vw;
}
.splitcontainer {
  display: inline-block;
  width: 100%;
  height: fit-content;
}
.splitcontainer .split {
  display: inline-block;
  float: left;
}
.mascontainer {
  display: inline-block;
  max-width: 80vw;
  max-height: 50vh;
  overflow: scroll;
  white-space: nowrap;
}
.cldinfook {
  background-color: #2ecc71 !important;
}
.cldinfonok {
  background-color: #ff5733 !important;
  color: white !important;
}
#pwscontainer {
  top: 25vh;
  max-height: 50vh;
  height: fit-content;
  text-align: center;
  overflow: scroll;
  width: 60vw;
  right: 20vw;
}
#pwscontainer ppunit {
  display: inline-block;
  width: 15rem;
}
#pwscontainer ppunit.excluded {
  background-color: #99a3a4;
}
.floater {
  position: relative;
  display: inline-block;
  left: 0;
  bottom: 0;
  max-height: 4em;
  height: 4em;
  width: 100%;
}
snap {
  display: block;
  position: absolute;
  height: 4em;
  width: 5px;
  background-color: red;
  cursor: pointer;
}
snap.activesnap {
  background-color: green;
}
#efactcontainer > div {
  display: inline-block;
}
.datacontainer {
  width: calc(100% - 20em);
  overflow-x: scroll;
  vertical-align: top;
}
.splitcell {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0;
  font-family: monospace;
  width: 6rem;
  text-align: center;
}
tbody td:has(.splitcell):hover {
  background-color: #a9dfbf !important;
}
.idata[data-fi="currate"][data-value="0.0000"] {
  background-color: red !important;
  color: white;
}
.excldate:hover,
.exclint:hover,
.exclq:hover,
.exclval:hover,
.excl:hover {
  background-image: linear-gradient(90deg, green 50%, transparent 50%), linear-gradient(90deg, green 50%, transparent 50%), linear-gradient(0deg, green 50%, transparent 50%), linear-gradient(0deg, green 50%, transparent 50%);
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
  background-size: 15px 2px, 15px 2px, 2px 15px, 2px 15px;
  background-position: left top, right bottom, left bottom, right top;
  animation: border-dance 1s infinite linear;
}
hr.thin {
  margin-top: 0.25rem;
  padding-top: 0.25rem;
}
.excl.excluded {
  background-color: #82e0aa !important;
}
.cvcant,
.pcvcant {
  font-weight: lighter;
  font-style: italic;
}
.cvcant.cvcantok,
.pcvcant.pcvcantokinv,
.pcvcant.cvcantokinv {
  font-weight: bold;
  font-style: normal;
  color: #f39c12;
}
.pcvcant.cvcantokinv,
.cvcant.cvcantok.cvcantokinv {
  color: #3498db;
}
.cvcant.cvcantok.cvcantokinv.havepdf,
.pcvcant.pcvcantokinv,
.pcvcant.cvcantokinv.havepdf {
  color: #16a085;
}
.cvpcscv {
  background-color: #d5dbdb;
}
.cvpcscv .mcvpcscv:hover {
  background-color: #fad7a0 !important;
}
.cvexpanded,
.cvpcscv .mcvpcscv.cvexpanded:hover {
  background-color: #7dcea0 !important;
  color: white;
}
.lockforc {
  color: #3c3cac;
  cursor: pointer;
  padding: 2px 5px 2px 5px;
}
.lockforc:hover {
  background-color: #f8c471;
}
.form ul li {
  list-style: none;
}
#offopt li {
  display: inline-block;
  max-width: 10rem;
  vertical-align: middle;
}
#offopt li[optid] {
  max-width: 27rem;
  border: 1px solid #0f6eb2;
  padding-left: 0;
}
#offopt h3 {
  text-align: center;
  background-color: #0f6eb2;
  color: white;
  font-weight: bold;
}
#offopt li .optr {
  display: inline-block;
  width: 100%;
}
#offopt li .optr > * {
  float: right;
  display: inline-block;
}
#offopt .optlab {
  padding-right: 0.5rem;
}
#offopt li input {
  min-width: 6rem;
  max-width: 6rem;
  float: right;
  text-align: right;
  padding-top: 5px;
}
#offopt .optsuf {
  width: 2rem;
  text-align: center;
}
#offopt li input[type="checkbox"] {
  width: 5rem;
}
#offto h3,
#offdet h3,
#offterm h3 {
  background-color: #0f6eb2;
  color: white;
  font-weight: bold;
}
#offto,
#offdet,
#offterm {
  width: fit-content;
  display: inline-block;
  vertical-align: top;
  min-width: 20rem;
}
#offto li input,
#offdet li input {
  min-width: 10rem;
  max-width: 10rem;
}
#offterm li .editfield {
  max-width: 24rem;
  min-width: 24rem;
}
#offto li input.large,
#offdet li input.large {
  min-width: 17rem;
  max-width: 17rem;
}
#offto li {
  white-space: nowrap;
}
#offdet li {
  text-align: left;
  white-space: nowrap;
}
#offto li > span,
#offto li > input,
#offdet li > span,
#offdet li > input {
  display: inline-block;
  padding-left: 0.5rem;
}
#offto li > input,
#offdet li > input {
  padding-top: 5px;
}
#offto li > span {
  width: max(8rem, 4vw);
  text-align: right;
}
#offdet li > span {
  width: max(7rem, 5vw);
  text-align: right;
}
#offterm .editing li {
  max-width: min(90vw, 40rem);
  height: fit-content;
}
.fdreapta {
  float: right;
}
.piopen {
  color: #52be80;
}
.piclosed {
  color: #e74c3c;
}
.pisell {
  background-color: #e74c3c;
}
.pibuy {
  background-color: #52be80;
}
.pibutton {
  color: white;
  font-weight: bold;
  padding: 3px 10px 3px 10px;
  border-radius: 3px 10px 3px 10px;
  display: inline-block;
  min-width: 7em;
  text-align: center;
}
.pibutton:focus {
  outline-offset: -1px;
}
.pinotthis {
  background-color: #aeb6bf;
}
.piprice {
  color: black;
  display: inline-block;
  min-width: 4em;
  padding: 3px 10px 3px 10px;
  text-align: center;
}
#hsfbcontainer {
  background: #364050 url("/assets/css/images/bg01.png");
  font-family: monospace;
  font-weight: bold;
}
#hsfbcontainerlimit.full {
  width: 100%;
}
#hsfbcontainerlimit .xxl {
  font-family: monospace;
  font-size: 1.2rem;
  line-height: 2;
  white-space: nowrap;
}
#hsfbcontainerlimit td {
  text-align: center;
}
#ats {
  padding: 0 1em 0 1em;
  width: fit-content;
  max-width: 20em;
  display: inline-block;
  vertical-align: top;
  max-height: 80vh;
  overflow-y: scroll;
}
#ats li {
  list-style-type: none;
  cursor: pointer;
  padding: 0 0.5em 0 0.5em;
}
#dets {
  width: fit-content;
  display: inline-block;
  max-width: 60em;
  vertical-align: top;
  max-height: 80vh;
  overflow-y: scroll;
}
#dets td,
#dets th {
  text-align: center;
}
#dets td.isnew {
  background-color: red;
}
#dets td span.idmvalprev {
  display: inline;
  position: relative;
  white-space: pre;
  text-decoration: line-through #364050;
  padding-right: 0.7rem;
}
#dets td ~ td {
  border-left: 1px solid white;
}
#dets td.idminfo {
  min-width: 6em;
  max-width: 15vw;
}
#statscontainer .stat {
  background: #364050 url(/assets/css/images/bg01.png);
  font-family: monospace;
  font-weight: bold;
  color: white;
  height: fit-content;
  box-shadow: 2px 2px 10px #0f0f0f, -2px -2px 10px #0f0f0f;
  position: relative;
  display: inline-block;
  margin-right: 2em;
  white-space: nowrap;
  padding: 4rem 3rem 3rem 3rem;
}
#statscontainer {
  float: right;
  display: inline-block;
  font-size: xxx-large;
}
.stat > .stath {
  position: absolute;
  top: 0;
  left: 50%;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.qord,
.qordbord {
  border: 1px solid #5d6d7e;
}
.qpast {
  background-color: #b2babb;
}
#orderscontainer {
  overflow: hidden;
}
.ctrdoc {
  padding-right: 1em;
}
.ctrdoc:after {
  font: var(--fa-font-solid);
  font-size: x-large;
  content: "\f1c1";
}
.rand.crec:hover {
  background-color: #d4e6f1;
}
.rand.crec + .rand.crec {
  border-top: 1px solid #a4a4a4;
}
.cogo {
  padding: 3px;
}
.showbo {
  white-space: nowrap;
  cursor: zoom-in;
}
.showbo:hover {
  background-color: #fdebd0;
}
.cogo.notrequested {
  background-color: #d7bde2;
}
.sercv.needinfo,
.cogo.requested {
  background-color: #febb56;
}
.cogo.reqconfirmed {
  background-color: #aed6f1;
}
.sercv.notified,
.cogo.reqreceived {
  background-color: #a9dfbf;
}
.nexteditor {
  width: 100%;
  min-height: 40vh;
  font-family: Arial;
}
.canscroll {
  overflow-y: scroll !important;
  max-heigth: 30vh;
  height: auto;
}
.listeditor {
  mmin-width: 30rem;
  max-width: 40vw;
  width: 100%;
  max-height: 15vh;
}
.captionarea {
  display: inline-block;
  position: relative;
  padding-top: 1rem;
  vertical-align: top;
}
.captionarea[caption]::before {
  border-top: 1px solid;
  border-left: 1px solid;
  border-right: 1px solid;
  border-radius: 0 1.5em 0 0;
  font-weight: bold;
  content: attr(caption);
  display: inline-block;
  position: absolute;
  padding: 0 1em 0 1em;
  font-size: 1rem;
  line-height: 2;
  height: 2em;
  box-sizing: border-box;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.captionarea[caption][countlist]::before {
  content: attr(caption) " - " attr(countlist) " items";
}
.captionarea textarea,
.captionarea > div {
  margin-top: 1rem;
}
.attcontainer {
  border: 1px solid;
  min-height: 4em;
  width: 100%;
  text-align: center;
}
.captionarea .listchanged {
  background-color: red;
  color: white;
  position: absolute;
  right: 0;
  padding: 0 1em 0 1em;
  font-size: 1rem;
  line-height: 2;
  height: 2em;
  box-sizing: border-box;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: none;
}
.captionarea.ready[caption]::before {
  background-color: green !important;
  color: white !important;
}
.sline {
  line-height: 1rem;
  display: inline-block;
}
minsellprice {
  color: #abebc6;
}
maxbuyprice {
  color: #e6b0aa;
}
.togact.actnot {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj4KICA8bGluZSB4MT0iOTAiIHkxPSIxMCIgeDI9IjEwIiB5Mj0iOTAiIHN0cm9rZT0iYmxhY2siLz4KICA8bGluZSB4MT0iMTAiIHkxPSIxMCIgeDI9IjkwIiB5Mj0iOTAiIHN0cm9rZT0iYmxhY2siLz4KPC9zdmc+Cg==);
  background-repeat: no-repeat;
  background-position: left top;
  background-color: #fcdfdc;
}
.hsfbok {
  background-color: #d5f5e3;
}
.hsfbnok {
  background-color: #fadbd8;
}
.liveupdate:empty:before {
  content: "\00A0";
}
.togact:hover {
  box-shadow: 0 0 0 1px #d0d0d0;
}
.mvalues.ispast,
.forceval.ispast,
.togact.ispast {
  background-color: #fcf3cf;
}
.barinfo {
  color: white;
  font-weight: bold;
}
.priceeur:after {
  content: " EUR";
}
.cocola1 .cola1 {
  display: none;
}
.mocola1 {
  display: inline-block;
  color: white;
}
.hsfbatt,
.hsfbatt.togact.ispast {
  background-color: #a9cce3;
}
.infos table {
  line-height: 1;
  font-family: monospace;
}
#ancicontainer table [rowspan] {
  vertical-align: middle;
}
#ancicontainer table .intcol {
  min-width: 2vw;
}
#ancicontainer table .firstcol {
  min-width: 4vw;
}
.altu4 tbody tr:nth-child(8n),
.altu4 tbody tr:nth-child(8n-1),
.altu4 tbody tr:nth-child(8n-2),
.altu4 tbody tr:nth-child(8n-3) {
  background-color: #e4e4e7;
}
.brn {
  border-right: 1px solid #333333;
}
#statcontainer {
  position: absolute;
  bottom: 0;
}
#ppedet {
  max-height: 90vh;
}
.ppepast {
  font-style: italic;
  color: #aaa;
}
.ppestillactive,
tr:has(.ppemaybe.ppeact) {
  background-color: #d0fae5 !important;
}
#dolist {
  max-height: 30vh;
  overflow-y: scroll;
}
.ptfr.ptfrred thead tr {
  background-color: #e7180b;
}
.bjw {
  border-bottom: 1px solid white;
}
.monos {
  font-family: monospace;
}
.haveprosum {
  background-color: #9bf596;
}
.fodmiss {
  background-color: #f5969b;
}
.ancied {
  color: white !important;
  background-color: #bb27f5 !important;
}
.anciedok {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJDdXJsZWRfQ29ybmVycyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjEyLjYgMjAxIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzYzOTt9PC9zdHlsZT48L2RlZnM+PHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9IjAgMCAyMTIuNiAyMDEgMjEyLjYgMCAwIDAiLz48L3N2Zz4=);
  background-repeat: no-repeat;
  background-position: right top;
  background-origin: border-box;
}
.ptfr.minw th,
.ptfr.minw td {
  min-width: 6em;
}
.defaultvalue {
  font-style: italic;
  color: #aaa;
}

app {
  margin-right: 2px;
  padding-left: 0.5em;
  padding-right: 0.5em;
  border-radius: 10px;
  line-height: 2em;
  display: inline-block;
  text-align: center;
  min-width: 5em;
}
app:after {
  display: block;
  content: attr(data-info);
  position: relative;
  left: 0;
}
.shunit.shing {
  background-color: green;
}
#duromcontainer {
  width: 1920px;
  height: 1200px;
  display: inline-block;
  position: absolute;
}
.hintwindow {
  position: absolute;
  display: block;
  background-color: white;
}
.hintwindow .hintval {
  list-style-type: none;
  padding-left: 1em;
  padding-right: 1em;
}
.hintwindow .hintval:hover {
  background-color: #fff7ed;
  cursor: pointer;
}
#content:has(#err) {
  background-color: red;
}
#err {
  display: inline-block;
  float: right;
  font-size: 50%;
}
.ui-tabs .ui-tabs-nav .ui-tabs-tab.external {
  background-color: #f54927;
}
.ui-tabs .ui-tabs-nav .ui-tabs-tab.ui-tabs-active.external {
  background-color: #407e3a;
}
.isdet > td[colspan] {
  border-left: 1px solid #5d6d7e;
  border-right: 1px solid #5d6d7e;
  text-align: left;
}
#cali {
  max-width: 80vw;
  max-height: 60vh;
  background-color: white;
  position: relative;
}
.canselect {
  display: flex;
  background-color: white;
  padding-right: 1em;
}
.canselect:before {
  content: "\f096";
  font-family: FontAwesome;
  width: 2em;
}
.canselect.canselected:before {
  content: "\f046";
  font-family: FontAwesome;
}
.canselect:hover {
  background-color: #aed6f1;
}
.canselectfinish {
  display: flex;
  background-color: #2471a3;
  color: white;
  font-weight: bold;
}
.multiselect {
  position: absolute;
  width: fit-content;
  z-index: 12001;
  padding: 0.2em;
  background-color: white;
  box-shadow: 0 0 0.25em 0em rgba(0, 0, 0, 0.25);
  list-style-type: none;
  cursor: default;
}
.multidropdown:empty:after {
  content: "[none]";
}
#content div.editfield.multidropdown {
  padding-bottom: 8px;
}