div.statstable { border-bottom:var(--color-normal) dashed 1px; width: 100%; padding-bottom:30px; margin-bottom:30px; }
table.statstable { width:100%; font-family: Roboto; font-size:14px;  margin-bottom:30px; }
table.statstable tr {

 transition: background-color 0.3s;
 transition-timing-function: ease;

}

table.statstable tr.statustr.selected { border:var(--color-ok) solid 2px; }

table.statstable td { padding:5px; font-family: Roboto; font-size:12px; 

 color: #000000;

 transition: background-color 0.3s, color 0.3s;  /* padding-left 0.3s, padding-right 0.3s, */
 transition-timing-function: ease;

 }

table.statstable th { padding:5px; font-family: Roboto; font-size:12px;   }


table.statstable tbody tr:nth-child(2n+1) { background-color:#e3edf2; }
table.statstable tbody tr:nth-child(2n) { background-color:#ffffff; }

table.statstable thead tr, table.statstable tr:first-child, table.statstable tr.header { background:var(--color-normal) !important; color:#ffffff !important; }
/* background-image:url(gfx/bg/seamless-ice.png) !important; background-repeat:repeat !important; */

 
table.statstable tbody > tr:first-child td, table.statstable tr.header td { color:#ffffff !important; font-weight:300; font-size:14px; }

table.statstable thead > tr td { color:#ffffff !important; font-size:14px; }
table.statstable thead + tbody > tr:first-child { background:none !important; color: #000000; font-size:12px !important;   }
table.statstable thead + tbody > tr:first-child td { color:#000000 !important; font-size:12px !important; }

table.statstable thead + tbody tr:nth-child(2n+1) { background-color:#ffffff !important; }
table.statstable thead + tbody tr:nth-child(2n) { background-color:#e3edf2 !important; }



table.statstable tr.actual { color:var(--color-ok) !important; }
table.statstable tr.future { color:#c0c0c0 !important; }
body:not(.print) table.statstable tr:not(:first-child):not(.header):hover { background:var(--color-order-stornovana-light); }
body:not(.print) table.statstable tr:not(:first-child):not(.header):hover td { color:var(--color-highlight);  }
body:not(.print) table.statstable tr:not(:first-child):not(.header):hover td:first-child { /* padding-left:10px; */ }
body:not(.print) table.statstable tr:not(:first-child):not(.header):hover td:last-child { /* padding-right:10px; */ }

table.statstable tr:nth-child(2n):last-child { border-bottom:#e3edf2 solid 1px; }

table.statstable tr td:not(:first-child) { text-align:right; }
body:not(.print) table.statstable tr:not(:first-child):not(.header) td:hover { background-color:#fac7c7; /* color:#ffffff; */  cursor:default; }


body:not(.print) table.statstable thead + tbody tr:not(.header):hover { background:var(--color-order-stornovana-light) !important; }
body:not(.print) table.statstable thead + tbody tr:not(.header) td:hover { background-color:#fac7c7 !important; cursor:default; }


table.statstable td:first-child { width:125px; }
table.statstable td:last-child { width:150px; text-align:right; }
table.statstable:not(.stats) td:nth-child(3):not(:last-child) { width:auto; } /*  text-align:right; */
table.statstable td.autowidth { width:auto !important; }
table.statstable td.textright { text-align:right !important;; }
table.statstable tr.summing td { border-top:#000000 dashed 1px; background-color:#f8f8f8 !important; padding-bottom:20px; }

table.statstable tr.from td { border-bottom:#ff0000 dashed 1px; }

table.statstable tr.rowhead, table.statstable tr._classrowhead { }
table.statstable tr.rowhead > td, table.statstable tr._classrowhead > td  { background:var(--color-normal) !important; color:#ffffff !important;  text-align:left !important; padding-top:10px; }


table.statstable tr.filter { }
table.statstable tr.filter td { background:#f0f0f0; }
table.statstable tr.filter td input { height:22px; padding:5px 4px 3px 4px; width:100%; font-size:11px; line-height:12px; background:#ffffff; }
table.statstable tr.filter td select { height:22px; padding:3px 4px 2px 4px !important; width:100%; font-size:11px; line-height:12px; background:#ffffff;  }
table.statstable tr.filter td select.selected { background:#ffffff; color:var(--color-normal); }
table.statstable tr.filter td select.selected option:not(:checked)  { background:#ffffff; color:var(--color-highlight); }
table.statstable tr.filter td select option:disabled { color:#c0c0c0; }
table.statstable tr.filter td select option.disabled { color:#c0c0c0; }


table.statstable tr.filter td input.withbtn { width:calc(100% - 20px); border-right:none; }
table.statstable tr.filter td input.btn { width:auto; margin:0px !important; border-radius:0 3px 3px 0; padding-left:5px; padding-right:5px; background:var(--color-normal); border-color:var(--color-normal); }

table.statstable tr.filter td input[disabled] { background:transparent; }
table.statstable tr.filter td select[disabled] { background:transparent; }


table.statstable tr td span.required { display:inline-block; color:var(--color-highlight); border:var(--color-highlight) dashed 1px; background:rgba(255,255,255,0.3); font-size:12px; line-height:14px; padding:2px 5px;  }

table.statstable tr.selected { overflow:hidden; } 


table.statstable form.form24pay { margin:0; padding:0; display:inline-block; }
table.statstable form.form24pay input[type="submit"] { padding:3px 7px; font-size:12px; line-height:14px; font-weight:500; border-radius:3px; border:none; margin:2px; }
table.statstable form.form24pay input[type="submit"].warning { background-color:var(--color-highlight); }
table.statstable form.form24pay input[type="submit"].warning:hover { color:#ffffff; background-color:#000000; }

table.statstable.komentare td > span { font-size:11px; color:#909090; line-height:13px; }
table.statstable.komentare td > span.important { color:var(--color-highlight); }

table.statstable.komentare td:not(:last-child) { border-right:#e0e0e0 dotted 1px; text-align:left; }
table.statstable.komentare td:first-child { width:130px; }
table.statstable.komentare td:nth-child(2) { width:auto; text-align:left; }

table.statstable.komentare td.td_dtimed { width:120px; }
table.statstable.komentare td.td_importance { width:100px; }
table.statstable.komentare td.td_comments, table.statstable.komentare td:nth-child(3):not(:last-child) { text-align:left; width:auto; }

table.statstable.komentare td.td_name { text-align:left; font-weight:500; }
table.statstable.komentare td.td_comment { text-align:left; font-style:italic; }


table.statstable.komentare.prehlad.objednavky td:first-child { font-size:12px; color:var(--color-normal); line-height:14px; padding-top:10px; }
table.statstable.komentare.prehlad.objednavky td:last-child { width:auto !important; }


table.statstable.basic { }
table.statstable.basic td { width:auto; text-align:left !important; }
table.statstable.basic td:first-child { width:auto; }
table.statstable.basic td:last-child { width:auto; text-align:right !important; }

table.statstable.orders td:nth-child(2) { text-align:left; width:130px; }
table.statstable.orders td:nth-child(3) { text-align:left; width:130px; }
table.statstable.orders td:nth-child(4) { text-align:left; }
table.statstable.orders td:nth-child(5) { text-align:left; }
table.statstable.orders td:nth-child(6) { width:95px; }

table.statstable.orders.faktury td:nth-child(6) { width:auto; text-align:left; }


table.statstable.klienti td b { font-weight:500; }
table.statstable.klienti td b.red { color:#ff0000; }
table.statstable.klienti td:nth-child(1n) { text-align:left; }
table.statstable.klienti td:nth-child(1) { width:60px; }
table.statstable.klienti td:last-child { text-align:center; width:auto; }
table.statstable.klienti td.popis { width:40%; }
table.statstable.klienti td.kapitacia { width:80px; }
table.statstable.klienti td.code { width:120px; }




table.statstable.faktury td:last-child { width:100px; text-align:center; }


table.statstable.errors { margin-bottom:30px; }
table.statstable.errors td:first-child { text-align:left; width:auto; }
table.statstable.errors td:last-child { text-align:right; width:100px; font-weight:bold; color:var(--color-highlight); }



table.statstable.zmluvyfak td b { font-weight:500; }
table.statstable.zmluvyfak td b.red { color:#ff0000; }
table.statstable.zmluvyfak td > span, table.statstable.zmluvyfak td > nobr > span { font-size:12px; color:#606060; }
table.statstable.zmluvyfak td > span.warning { color:var(--color-error); }
table.statstable.zmluvyfak td > span.red { color:#ff0000; }
table.statstable.zmluvyfak td:nth-child(1n) { text-align:left; }
table.statstable.zmluvyfak td:nth-child(1) { width:110px; }
table.statstable.zmluvyfak td:last-child { text-align:right; width:90px; }

table.statstable.zmluvyfak td.status {  width:100px; max-width:100px;   }
table.statstable.zmluvyfak td.statusmin {  max-width:30px !important;   }
table.statstable.zmluvyfak td.title {  width:auto !important; word-break: break-word; }
table.statstable.zmluvyfak td.popis {  min-width:200px;  width:auto !important; }
table.statstable.zmluvyfak td.short {  max-width:100px;   }
table.statstable.zmluvyfak td.icons {  max-width:164px;   }
table.statstable.zmluvyfak td.code { width:100px !important; max-width:100px; white-space: nowrap; }
table.statstable.zmluvyfak td.short { width:90px; }
table.statstable.zmluvyfak td.min { width:40px; }
table.statstable.zmluvyfak td.name {  min-width:200px; word-break: break-word; }
table.statstable.zmluvyfak td.datum, table.statstable.zmluvyfak td.date { width:110px; font-size:12px; color:var(--color-normal); white-space: nowrap; }
table.statstable.zmluvyfak td.price { width:90px !important; text-align:right; white-space: nowrap; }
table.statstable.zmluvyfak td.cnt { width:80px; max-width:80px; text-align:right; white-space: nowrap; }
table.statstable.zmluvyfak td.bold { font-weight:500; }
table.statstable.zmluvyfak td.strong { font-weight:700; }
table.statstable.zmluvyfak td.invoice { text-align:left; }


table.statstable.zmluvyfak td.borderl { border-left:#606060 dotted 1px; }


table.statstable.zmluvyfak.poziadavky td div.description {  font-size:12px; color:#a0a0a0; font-style:italic; display:block; padding:2px 5px; border:rgba(0,0,0,0.1) dotted 1px; font-weight:400; }


table.statstable td span.perc:after {    content: ' %';  color:#c0c0c0; }
table.statstable td b.perc:after {    content: ' %';  color:#c0c0c0;  }
table.statstable td strong.perc:after {    content: ' %';  color:#c0c0c0;  }
table.statstable td.price.perc:after {    content: ' %'; color:#c0c0c0;  }

table.statstable td span.euro:after {    content: ' €';  color:#c0c0c0; }
table.statstable td b.euro:after {    content: ' €';   color:#c0c0c0; }
table.statstable td strong.euro:after {    content: ' €';  color:#c0c0c0;  }
table.statstable td.price.euro:after {    content: ' €';   color:#c0c0c0; }

table.statstable td span.x:after {    content: ' x'; color:#c0c0c0; }
table.statstable td b.x:after {    content: ' x'; color:#c0c0c0;   }
table.statstable td strong.x:after {    content: ' x'; color:#c0c0c0;   }
table.statstable td.price.x:after {    content: ' x'; color:#c0c0c0;   }
table.statstable td.cnt.x:after {    content: ' x'; color:#c0c0c0;   }

table.statstable td span.ks:after {    content: ' ks'; color:#c0c0c0; }
table.statstable td b.ks:after {    content: ' ks'; color:#c0c0c0;   }
table.statstable td strong.ks:after {    content: ' ks'; color:#c0c0c0;   }
table.statstable td.price.ks:after {    content: ' ks'; color:#c0c0c0;   }
table.statstable td.cnt.ks:after {    content: ' ks'; color:#c0c0c0;   }

table.statstable td span.px:after {    content: ' px'; color:#c0c0c0; }
table.statstable td b.px:after {    content: ' px'; color:#c0c0c0;   }
table.statstable td strong.px:after {    content: ' px'; color:#c0c0c0;   }
table.statstable td.price.px:after {    content: ' px'; color:#c0c0c0;   }


table.statstable.zmluvyfak td.leftborder { border-left:rgba(0,0,0,0.4) dotted 1px; }
table.statstable.zmluvyfak td.rightborder { border-right:rgba(0,0,0,0.4) dotted 1px; }
table.statstable.zmluvyfak tr.bottomborder td { border-bottom:rgba(0,0,0,0.7) solid 1px; }
table.statstable.zmluvyfak tr.footer td {

 border-top:rgba(0,0,0,0.7) solid 1px;
 border-bottom:rgba(0,0,0,0.7) solid 1px;

  background-color:#f0f0f0 !important;
 }



table.statstable td.statusmin {  max-width:50px !important;   }
table.statstable td.statusmid {  max-width:90px !important;   }
table.statstable td.codemin { width:50px !important; }
table.statstable td.datumhm { width:126px !important; font-size:12px; color:var(--color-normal); }

table.statstable td.elementtype { width:50px !important; }
table.statstable td.title { width:auto !important; }
table.statstable td.title > a { display:block; }

table.statstable td > a.inline { display:inline-block !important; }

table.statstable.zmluvyukoncene tr:first-child { background:var(--color-order-ukoncena) !important; }
table.statstable.poukazyaktivne tr:first-child { background:#23d549 !important; }


table.statstable.poukazyaktivne tr:first-child input[type="submit"].edsf { background-color:var(--color-highlight); }

table.statstable.stats { }
table.statstable.stats td { white-space: nowrap; font-size:12px !important; }

table.statstable.zmluvaupravy td { font-size:12px; }
table.statstable.zmluvaupravy td b { font-weight:500; }
table.statstable.zmluvaupravy td:nth-child(1n) { text-align:left; width:auto; }
table.statstable.zmluvaupravy td:nth-child(1) { width:140px; }
table.statstable.zmluvaupravy td:nth-child(2) { width:110px; }
table.statstable.zmluvaupravy td:nth-child(4) { width:140px; }
table.statstable.zmluvaupravy td:last-child { text-align:right; width:120px; }
table.statstable.zmluvaupravy td > span { font-size:12px; color:#606060;  }

table.statstable.logy td { font-size:12px; }
table.statstable.logy td b { font-weight:500; }
table.statstable.logy td:nth-child(1n) { text-align:left; width:auto; }
table.statstable.logy td:nth-child(1) { width:130px; }
table.statstable.logy td:nth-child(2) { width:80px; }
table.statstable.logy td:nth-child(3) { width:120px; }
table.statstable.logy td:last-child { text-align:right; width:140px; }
table.statstable.logy td > span { font-size:12px; color:#606060;  }


table.statstable.faktury td { font-size:12px; }
table.statstable.faktury td b { font-weight:500; }
table.statstable.faktury td.price { color:var(--color-light); }
table.statstable.faktury td.rightborder { border-right:#808080 dashed 1px; }
table.statstable.faktury td > span { font-size:12px; color:#606060;  }


table.statstable.plan td b { font-weight:500; }
table.statstable.plan td:nth-child(1n) { text-align:left; width:auto; }
table.statstable.plan td:nth-child(1) { width:100px; }
table.statstable.plan td:nth-child(3) { width:80px; text-align:right; }

table.statstable.statusy td b { font-weight:500; }
table.statstable.statusy td:nth-child(1n) { text-align:center; vertical-align:middle; width:auto; }
table.statstable.statusy td a.cnt { text-decoration:none; }
table.statstable.statusy td:nth-child(1) { width:120px; text-align:left; }

table.statstable.statusy td:not(:last-child) { border-right:#e0e0e0 dashed 1px; }


table.statstable.prislusenstvo td b { font-weight:500; }
table.statstable.prislusenstvo td:nth-child(1n) { text-align:left; width:auto; }
table.statstable.prislusenstvo td:nth-child(1) { width:55px; text-align:center; }
table.statstable.prislusenstvo td:nth-child(2) { width:140px; }
table.statstable.prislusenstvo td.price { width:100px; text-align:right; }
table.statstable.prislusenstvo td.price { width:120px; }
table.statstable.prislusenstvo td:last-child { width:120px; text-align:right;  }



table.statstable.vydaneprislusenstvo td b { font-weight:500; }
table.statstable.vydaneprislusenstvo td:nth-child(1n) { text-align:left; width:auto; }
table.statstable.vydaneprislusenstvo td:nth-child(1) { width:90px; text-align:right; }
table.statstable.vydaneprislusenstvo td:last-child { width:180px; }



table.statstable i.info { vertical-align:middle; margin-left:5px; display:inline-block; width:14px; height:14px; text-align:center; font-weight:bold; color:#000000; background-color:#ffffff; border-radius:50%; font-size:12px; line-height:12px; padding-top:1px;  font-style: normal; cursor:help; }

table.statstable i.info > a { color:#ffffff; text-decoration:none; }
table.statstable i.info.warning { background-color:var(--color-highlight); color:#ffffff; }

table.statstable i.info:hover, table.statstable tr.actual i.info { background-color:var(--color-highlight); color:#ffffff; }

table.statstable i.ico { width: 16px; height: 16px;  }


i.icostatusmini { width: 16px; height: 16px; text-align:center; display:inline-block; background:var(--color-light); color:#ffffff; border-radius:3px; margin:2px; padding:3px 4px 3px 3px; font-size:9px; line-height:10px; font-style: normal;}
i.icostatusmini.ok { background-color:var(--color-ok); }
i.icostatusmini.finito { background-color:var(--color-finito); }
i.icostatusmini.okrp { background-color:var(--color-light); }
i.icostatusmini.error { background-color:var(--color-error); }
i.icostatusmini.gray { background-color:var(--color-gray); }
i.icostatusmini.wide { width:auto; }
i.icostatusmini.normal { background-color:var(--color-normal); }
table.statstable a > i.icostatusmini { background-color:var(--color-normal); }
table.statstable a:hover > i.icostatusmini { background-color:var(--color-highlight); }
i.icostatusmini.disabled, table.statstable a > i.icostatusmini.disabled { background-color:#e0e0e0; }
i.icostatusmini.warning { background-color:var(--color-error); }
i.icostatusmini.green { background-color:var(--color-ok) !important; }
a i.icostatusmini.green:hover { background-color:var(--color-highlight) !important; }

table.statstable i.icosmini { display:inline-block; width: 16px; height: 16px; text-align:center; background:transparent; color:var(--color-light);  font-size:15px; line-height:16px; font-style: normal; }
table.statstable i.icosmini.disabled { color:#e0e0e0; }
table.statstable i.icosmini.wide { width:auto; }
table.statstable a > i.icosmini { color:var(--color-normal); }
table.statstable a:hover > i.icosmini { color:var(--color-highlight); }



table.statstable.poukazy td {     font-size: 12px;    line-height: 15px;  }
table.statstable.poukazy td b { font-weight:500; }
table.statstable.poukazy tr td:not(:first-child) { text-align:left; }
table.statstable.poukazy tr td:last-child { /* text-align:right; */ }
table.statstable.poukazy td:nth-child(1) { width:70px; }
table.statstable.poukazy td:nth-child(2) { width:70px; }
table.statstable.poukazy td:nth-child(3) { width:120px; }

table.statstable.poukazyaktivne td:nth-child(2) { width:160px; }

table.statstable.kalendar td:nth-child(1n) { text-align:left; width:auto; font-weight:normal; }
table.statstable.kalendar td:nth-child(1) { width:140px; }
table.statstable.kalendar td:nth-child(2) { font-weight:bold; }
table.statstable.kalendar td:last-child { width:220px; }


table.statstable.webcontent { width:100%; position:relative; }
table.statstable.webcontent tbody { width:100%; position:relative; }
table.statstable.webcontent tr { width:100%; }
table.statstable.webcontent td:nth-child(1n) { text-align:left; font-weight:500; }
table.statstable.webcontent tr:not(:first-child) td:nth-child(1n)  { background:#ffffff; border-bottom:#c0c0c0 dashed 1px; }
table.statstable.webcontent tr:not(:first-child):hover td { background-color: rgba(255,0,0,0.05); }
table.statstable.webcontent tr td:last-child { text-align:right; }
table.statstable.webcontent tr.selected { width:100%; background-color: #f0f0f0;

 box-shadow:0px 0px 4px rgba(0,0,0,0.3);

}
table.statstable.webcontent tr.selected a.btnmini { background-color:#c0c0c0; }

table.statstable.webcontent td > span { color: var(--color-gray); font-weight:400; }


.ui-sortable-helper {
  display: table;
}


table.statstable td form.mini { }
table.statstable td form.mini select { padding: 2px 7px; font-size:12px; line-height:14px;}
table.statstable td form.mini input { padding: 3px 7px; font-size:12px; line-height:14px; }
table.statstable td form.mini .firstinput { border-radius: 3px 0px 0px 3px !important; border-right:none !important; }
table.statstable td form.mini .lastinput { border-radius: 0px 3px 3px 0px !important;  border-left:none !important; }


img.treepathmodule { width:16px; height:16px; }


span.requeststatus { display:inline-block; border:transparent solid 1px; padding:0px;  }
span.requeststatus.requeststatus0  { font-weight:bold; color:var(--color-normal) !important; }
span.requeststatus.requeststatus10 { font-weight:bold; color:var(--color-ok) !important; }
span.requeststatus.requeststatus15 { font-weight:bold; color:var(--color-warning) !important; }
span.requeststatus.requeststatus20 { font-weight:bold; color:var(--color-ok) !important; }
span.requeststatus.requeststatus90 { font-weight:bold; color:var(--color-error) !important; }
span.requeststatus.requeststatus99 { font-weight:bold; color:var(--color-error) !important; }

td.statustd { /* padding:0 !important; */ }

td.statusborder { border-left:#f0f0f0 solid 3px; }
td.statusborder.requeststatus0  {  }
td.statusborder.requeststatus10 { border-color:var(--color-ok); }
td.statusborder.requeststatus90 { border-color:var(--color-error) !important; }
td.statusborder.requeststatus99 { border-color:var(--color-error) !important; }

td.statusbg.requeststatus10 { background-color:var(--color-ok); }
td.statusbg.requeststatus10 > span { color:#ffffff !important; }




div.prow { width:100%; display:table; table-layout: fixed; border-bottom:#404040 dashed 1px;  }
div.pcol { display:table-cell; width:50%; vertical-align:top; padding-bottom:30px; position:relative; }
div.prow + div.prow div.pcol { padding-top:20px; }


div.prow.recepciasearch div.pcol:first-child { width:35%;  }
div.prow.recepciasearch div.pcol:first-child + div.pcol { width:65%; }


div.pcol:first-child { padding-right:30px; border-right:#404040 dashed 1px; }
div.pcol:last-child { padding-left:30px; }
div.pcol:first-child:last-child { padding-right:0; padding-left:0; border:none; }



body.print div.prow { width:100%; display:block; border-bottom:none !important; }
body.print div.pcol { display:block; width:100% !important; padding:0 0 30px 0 !important; border-right:none !important; }
body.print div.prow + div.prow div.pcol, body.print  div.pcol + div.pcol { border-top:#404040 dashed 1px;  padding-top:30px !important; }


@media screen and (max-width: 1280px) {

div.prow { width:100%; display:block; border-bottom:none !important; }
div.pcol { display:block; width:100% !important; padding:0 0 30px 0 !important; border-right:none !important; }
div.prow + div.prow div.pcol, div.pcol + div.pcol { border-top:#404040 dashed 1px;  padding-top:30px !important; }


}


/* Oprava pre Chart.js v table-cell layoute */
div.pcol .chart-container {
    position: relative;
    height: 300px;
    width: 100%;
    /* Tieto dva riadky sú magické - zabránia pretekaniu v display: table-cell */
    display: flex; 
    flex-direction: column;
}

/* Poistka pre samotný canvas vo vnútri */
div.pcol .chart-container canvas {
    max-width: 100% !important;
    width: 100% !important;
}







header.icon { 
    display: block;
    text-align:left;
    font-family: Roboto;
    font-size: 16px;
    font-weight:500;
    line-height:20px;
    color: #757575;
    padding:0 0 5px 0;
}

header.icon > b { color:#000000; }
header.icon > strong { color:var(--color-highlight); }

header.icon > span {
    display: inline-block;
    font-size: 14px;
    font-weight:normal;
    color: var(--color-normal);
	padding-left:10px;
}
header.icon > p {
    display: block;
    padding-bottom: 0 0 20px 0;
    font-family: Roboto;
    font-size: 14px;
    font-weight:normal;
    color: #bdbdbd;
}

header.icon > i.prehladico { display:inline-block; width:41px; height:41px; background-repeat:no-repeat !important; background-image:none; background-size:24px 24px !important; background-position:center center !important;
float:left; margin:0 10px 10px 0;
}

header.icon > i.prehladico.zmluvaukoncena { background-image:url(gfx/ico256w-objednavky.png); background-color:var(--color-order-ukoncena);  }
header.icon > i.prehladico.vystavenefaktury { background-image:url(gfx/ico256w-faktury.png); background-color:var(--color-normal);  }
header.icon > i.prehladico.dokumenty { background-image:url(gfx/ico256w-dokumenty.png); background-color:var(--color-normal);  }
header.icon > i.prehladico.logfile { background-image:url(gfx/ico256w-logfile.png); background-color:var(--color-normal);  }
header.icon > i.prehladico.nastavenia { background-image:url(gfx/ico256w-nastavenia.png); background-color:var(--color-normal);  }
header.icon > i.prehladico.komenty { background-image:url(gfx/ico256w-komenty.png); background-color:var(--color-normal);  }
header.icon > i.prehladico.objednavky { background-image:url(gfx/ico256w-objednavky.png); background-color:var(--color-normal);  }
header.icon > i.prehladico.zmluva { background-image:url(gfx/ico256w-objednavky.png); background-color:var(--color-normal);  }

header.icon > i.prehladico.eshop { background-image:url(gfx/ico256w-eshop.png); background-color:var(--color-normal);  }

header.icon > i.prehladico.poziadavka { background-image:url(gfx/ico256w-poziadavky.png); background-color:var(--color-normal);  }
header.icon > i.prehladico.dokument { background-image:url(gfx/ico256w-dokumenty.png); background-color:var(--color-normal);  }
header.icon > i.prehladico.recepcia { background-image:url(gfx/ico256w-recepcia.png); background-color:var(--color-normal);  }
header.icon > i.prehladico.kredity { background-image:url(gfx/ico256w-kredity.png); background-color:var(--color-normal);  }
header.icon > i.prehladico.web { background-image:url(gfx/ico256w-web.png); background-color:var(--color-normal);  }
header.icon > i.prehladico.terminy { background-image:url(gfx/ico256w-prehlad.png); background-color:var(--color-normal);  }
header.icon > i.prehladico.fons { background-image:url(gfx/ico256w-fons.png); background-color:var(--color-normal);  }

header.icon > i.prehladico.email { background-image:url(gfx/ico256w-emailing.png); background-color:var(--color-normal);  }
header.icon > i.prehladico.emailing { background-image:url(gfx/ico256w-emailing.png); background-color:var(--color-normal);  }

header.icon > i.prehladico.logy { background-image:url(gfx/ico256w-logfile.png); background-color:var(--color-normal);  }
header.icon > i.prehladico.profil { background-image:url(gfx/ico256w-profil.png); background-color:var(--color-normal);  }
header.icon > i.prehladico.statistiky { background-image:url(gfx/ico256w-statistiky.png); background-color:var(--color-normal);  }

header.icon > i.prehladico.klienti { background-image:url(gfx/ico256w-pacienti.png); background-color:var(--color-normal);  }

header.icon > i.prehladico.poistovne { background-image:url(gfx/ico256w-poistovne.png); background-color:var(--color-normal);  }
header.icon > i.prehladico.zariadenia { background-image:url(gfx/ico256w-zariadenia.png); background-color:var(--color-normal);  }
header.icon > i.prehladico.artikle { background-image:url(gfx/ico256w-artikle.png); background-color:var(--color-normal);  }
header.icon > i.prehladico.poukazy { background-image:url(gfx/ico256w-poukazy.png); background-color:var(--color-normal);  }
header.icon > i.prehladico.poukazyaktivne { background-image:url(gfx/ico256w-poukazy.png); background-color:#23d549;  }
header.icon > i.prehladico.prislusenstvo { background-image:url(gfx/ico256w-prislusenstvo.png); background-color:#23d549;  }

header.icon > i.prehladico.pacienti { background-image:url(gfx/ico256w-pacienti.png); background-color:var(--color-normal);  }
header.icon > i.prehladico.pacientidolezite { background-image:url(gfx/ico256w-pacienti.png); background-color:var(--color-highlight);  }
header.icon > i.prehladico.pacientiok { background-image:url(gfx/ico256w-pacienti.png); background-color:var(--color-ok);  }

header.icon > i.prehladico.cennik { background-image:url(gfx/ico256w-cennik.png); background-color:var(--color-normal);  }

header.icon > i.prehladico.warning {  background-color:var(--color-error);  }





/* Transformácia len pre mobil na výšku (Portrait) */
/* @media screen and (max-width: 480px) and (orientation: portrait) { */

/* Transformácia len pre mobil na výšku (Portrait) */

@media screen and (max-width: 1480px) {

	
/* prehodenie stlpcov za riadky v dvojriadkovej tabulke */

    .resptable.respflipcolrow {
        display: flex; /* Tabuľka sa začne správať ako riadok */
    }

    .resptable.respflipcolrow tr {
        display: flex;
        flex-direction: column; /* Obsah TR pôjde pod seba (stĺpec) */
        flex: 1; /* Každý pôvodný riadok (teraz stĺpec) zaberie polovicu šírky */
    }

    .resptable.respflipcolrow td {
        display: block; /* Bunky stratia vlastnosti tabuľky */
        width: 100%;
        box-sizing: border-box;
        border-bottom: none;
    }

    /* Pridáme spodný border len poslednej bunke v stĺpci */
    .resptable.respflipcolrow td:last-child {
        border-bottom: 1px solid #ddd;
    }

    /* Voliteľné: Zvýraznenie prvého "stĺpca" (pôvodne prvého riadku) */
    .resptable.respflipcolrow tr:first-child td {
        background: #f9f9f9;
        font-weight: bold;
    }




    /* Skryjeme pôvodnú hlavičku tabuľky */
    .resptable.respdata thead {
        display: none;
    }

    .resptable.respdata, 
    .resptable.respdata tbody, 
    .resptable.respdata tr, 
    .resptable.respdata td {
        display: block;
        width: 100%;
    }

    .resptable.respdata tr {
        margin-bottom: 15px;
        border: 1px solid #ccc;
        padding: 5px;
        background: #fff;
    }

    .resptable.respdata td {
display: flex;
        justify-content: flex-start; /* Zmeníme na začiatok, aby label a hodnota držali spolu */
        align-items: flex-start;
        border: none;
        border-bottom: 1px solid #eee;
        padding: 10px 5px;
    }

    .resptable.respdata td:last-child {
        border-bottom: none;
    }

    /* Vložíme názov stĺpca pred hodnotu pomocou data-atribútu */
    .resptable.respdata td::before {
content: attr(data-label);
        font-weight: bold;
        text-align: left;
        
        /* PEVNÁ ŠÍRKA LABELU */
        width: 120px;       /* Nastav podľa najdlhšieho názvu stĺpca */
        flex-shrink: 0;     /* Zabezpečí, že šírka zostane presne 120px */
        display: inline-block;
        color: #555;        /* Jemne odlíšime popis od hodnoty */
    }


/* Samotná hodnota (zvyšok v TD) */
    .resptable.respdata td {
        text-align: left;   /* Hodnoty teraz pôjdu hneď za labelom */
        word-break: break-word; /* Ak je text v hodnote príliš dlhý, zalomí sa */
    }

    /* Špeciálne nastavenie pre stĺpec s názvom (ak je napr. prvý) */
    .resptable.respdata td:first-child {
background: #f4f4f4;
        flex-direction: column; /* Názov tovaru môže byť nad parametrami */
    }
    
    .XXXresptable.respdata td:first-child::before {
width: 100%;        /* Label "Názov" bude nad textom */
        margin-bottom: 5px;
        font-size: 0.8em;
        text-transform: uppercase;
    }


}


@media screen and (max-width: 480px) {

table.aresptable { }


table.arespdata { }


table.arespdata thead {        display: none;    }

    table.arespdata, 
    table.arespdata tbody, 
    table.arespdata tr, 
    table.arespdata td {
        display: block;
        width: 100% !important;
        max-width:none !important;
    }


table.statstable.zmluvyfak.arespdata tr td:first-child { border-top: #c0c0c0 dotted 1px; }
table.statstable.zmluvyfak.arespdata td {

    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important; /* Pre istotu */
    position:relative;
    padding-left:115px;

}

table.arespdata td::before {
        content: attr(data-label);
        display: inline-block;
        padding:5px;
        width: 100px; /* Pevná šírka labelu */
        font-weight: 500;
        text-align: left;
        margin-right: 10px;
        position: absolute;
        top:0px;
        left:0px;
        height:100%;
        border-right: #c0c0c0 dotted 1px;

        
    }


}