.footer {font-family:Roboto;position:fixed;bottom:0px;background:#F8F8F8;font-size:15px;width:100%;color:#333;}
.pageContainer {font-family:Roboto;width:100%;height:100%; background-image: url('vsetkyknihyPNG.png'); background-size:100%;background-position:0px 99px;  background-blend-mode: lighten; background-color:rgba(234,234,234,0.78)}
.companyHeader{background:linear-gradient(rgba(255,255,255,1),rgba(234,234,234,0.90));height:100px;}
.companyLogo{filter: drop-shadow(0 0 0.75rem #FFEEEE);height:121%;margin-top:5px;}
.pageUpperLinksContainer{position:relative;top:44px;font-weight:600;font-size:18px;padding-left:81px;color:rgba(190,30,30,1);padding-rigt:0px;padding-top:2px;font-size:15px;}
.novinky{background:rgba(154,30,30,0.88);padding:15px;border-radius:0px;color:white;font-size:20px;max-width:88%;white-space:nowrap;box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);}
.infoBox{background:linear-gradient(rgba(154,30,30,0.9),rgba(134,10,10,0.9)); padding:20px;border-radius:0px;font-size:20px;color:#FFFFFF;box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);height:180px;}
.upperLink:hover{color:#FF0000;text-decoration:underline;}
.loginBox{width:16.6%;float:left;position:relative;top:0px;background:linear-gradient(rgba(134,10,10,0.87),rgba(134,10,10,0.87)); padding:18px;font-size:18px;color:#FFFFFF;height:180px;box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);}
.xloginBox:hover{background:linear-gradient(rgba(134,10,10,1),rgba(134,10,10,1));}
.arrowButton{position:relative;top:36%;font-size:35px;padding:11px;cursor:pointer;background:transparent;border:0px;color:white;}
.arrowButton:hover{background:rgba(0,0,0,0.25)}
.loginButton{background-color:rgba(255,255,255,0.4);border:0px;font-size:24px;margin-bottom:10px;width:83%;height:30px;margin-top:10px;font-family:Calibri;}
.loginBUtton:hover{background:#CCAAAA;cursor:pointer;}
.registrationLink{color:white;}
.registrationLink:hover{color:white;text-decoration:underline;}
.switchInfoControl{background-color: #FFFFFF; color: #800000;width:27px;font-weight:600;border:1px solid #200000;cursor:pointer;}
.switchInfoControl:hover{background-color: #FFCCEE; }
.switchInfoControlActual{background-color: #221111; color: #FFFFFF;width:27px;font-weight:600;border:1px solid #200000;}
.shoppingCart{width:70px;padding-top:24px;cursor:pointer;opacity:1}
.shoppingCart:hover{opacity:0.8;}
.logout{width:48px;margin-top:1px;transform:rotate(180deg);opacity:0.7}
.logout:hover{width:48px;margin-top:1px;transform:rotate(180deg);opacity:0.6}
.category-label{cursor:pointer;}
.label-medium{font-size:16px;}
.label-small{font-size:15px;}
.category-label:hover{background:rgba(230,230,230,0.8);font-weight:600;}
.has-children{cursor:pointer;padding-left:0px;}
.active-category{background:rgba(134,10,10,0.87);color:white;}
.active-category:hover{background:rgba(134,10,10,0.87);color:white;}
.scrow{font-size:14px;background:rgba(255,255,255,1);padding: 0px;color:#333;height:27px;overflow:hidden;white-space:nowrap;}
.scrowOdd{font-size:14px;background:rgba(235,225,225,1);padding: 0px;color:#333;height:27px;overflow:hidden;white-space:nowrap;}
.scrow:hover{color:white;background:rgba(164,40,40,0.75);cursor:pointer;}
.scrowOdd:hover{color:white;background:rgba(164,40,40,0.75);cursor:pointer;}
.pagenr{width:20px;height:20px;background:#FFAAAA;text-align:center;color:#602020;font-weight:600;padding-top:0px;}
.pagenr:hover{background:#FFCCCC;cursor:pointer;}
.pagenrActual{width:20px;height:20px;background:#FFFFDD;text-align:center;color:black;font-weight:600}
.specialSign{width:12px;font-weight:600;}
.gridrow1{border-bottom:1px solid #DDD;}
.searchHL{color:#000080;background:yellow;}
.specialSignLanguage{font-size:13px;color:white;background:#777777;border-radius:3px;padding:2px;}
.specialSignEAN{font-size:13px;color:white;background:#777777;border-radius:3px;padding:2px;}
.specialSignRabat{font-size:13px;color:white;background:#AA4444;border-radius:3px;padding:2px;}
.specialSignSpec{font-size:13px;color:white;background:#333388;border-radius:3px;padding:2px;}
.specialSignNosic{font-size:13px;color:white;background:#446699;border-radius:3px;padding:2px;}

.xspecialSignInStock{font-size:13px;color:000000;background:#BBFFAA;border-radius:3px;padding:2px;border:1px solid #999;}
.xspecialSignNotInStock{font-size:13px;color:FFBBAA;background:#660000;border-radius:3px;padding:2px;border:1px solid #999;}
.xspecialSignMOC{font-size:13px;color:000000;background:#FFFFCC;border-radius:3px;padding:2px;border:1px solid #999;}

.specialSignInStock{font-size:13px;color:BBFFAA;background:#005500;border-radius:3px;padding:2px;}
.specialSignNotInStock{font-size:13px;color:FFBBBB;background:#661111;border-radius:3px;padding:2px;}
.specialSignKomisia{font-size:13px;color:FFFFFF;background:#884444;border-radius:3px;padding:2px;}
.specialSignMOC{font-size:13px;color:FFF;background:#555555 ;border-radius:3px;padding:2px;}
.inlineInfo{color:white;background:#666;font-size:12px;margin:2px;}
.inlineInfo:hover{color:black;background:#FFF;font-size:12px;margin:2px;}
.StatusChartGreen{border:1px solid #999;background:rgba(10,200,10,0.5);width:15px;margin-right:2px;font-size:11px;position:relative;top:-2px;}
.StatusChartWhite{border:1px solid #999;background:rgba(255,255,255,0.8);width:15px;margin-right:2px;font-size:11px;position:relative;top:-2px;}

.searchField{border-radius:2px;color:#883333;background-color:EEEEDD;padding-left:2px;padding-right:2px;border:0px;font-size:14px;width:160px;}

.gridBookContainer{width:50%; float:left;background:linear-gradient(#FDFDFD,#F0F0F0);padding:3px;border-top:#DCC 0px solid;border-right:#CCB8B8 1px solid;height:170px;padding:10px;transition: background 0.15s ease;}
.gridBookContainer:hover{background: linear-gradient(#F8E0E0,#F8E0E0);}
.titleImg{margin-top:5px;height:85%;filter: drop-shadow(0 0 0px #000); max-width:100px;cursor:pointer; border: 1px solid #999; padding:3px;transition: transform 0.15s ease;}
.titleImg:hover{opacity:100%;transform: scale(1.12);}
.titleName{font-size:16px;text-decoration:underline;font-weight:600;color:#883333;cursor:pointer;}
.titleName:hover{color:#CC3333;}

.orderQtyList{width:55px;border:1px solid #999;font-size:15px;margin:0px;padding:1px;position:relative;top:-3px;font-family:Verdana;font-weight:100;border-radius:3px;}
.catalogHeader{margin-top:23px;background:linear-gradient(rgba(154,10,10,1),rgba(144,10,10,1));height:71px;color:white;padding:0px;box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);}
.treeContainer{width:16.6%;float:left;margin-top:25px;background:rgba(255,255,255,0.7);margin-left:0px;padding-left:15px;font-size:18px;height:90%;border-right: 1px #C88 solid;box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);}

.iconShoppingCartList{vertical-align: top;width:32px;opacity:80%;cursor:pointer;position:relative;top:-8px;padding:0px;margin:0px}
.iconShoppingCartList:hover{opacity:100%;}
.iconShoppingCartGrid{width:46px;vertical-align:middle;opacity:70%;cursor:pointer;}
.iconShoppingCartGrid:hover{opacity:100%;}

.b2bGreenButton { border-radius:3px;border:0px;padding:9.5px;position:relative;top:-2px;background:linear-gradient(#338833,#337733);color:white;font-size:17px;font-family:roboto;}
.b2bRedButton { border-radius:3px;border:0px;padding:9.5px;position:relative;top:-2px;background:linear-gradient(#993333,#883333);color:white;font-size:17px;font-family:roboto;}
.b2bButtonNextStep {font-size:21px;padding:8px;width:200px;margin-top:10px;margin-right:7px;background:linear-gradient(#338833,#337733);color:white;border-radius:3px;border:0px;}

.b2bButtonNextStep:hover{background:linear-gradient(#339933,#338833);}
.filterLink:hover{text-decoration:underline;cursor:pointer;}

#pageNrPlaceholder{overflow:hidden;white-space:nowrap;margin-top:8px;padding-right:8px;}
#dlgSC{border:0px;width:780px;height:755px;padding:0px;border-radius:3px;box-shadow:0px 0px 0px 8px rgba(0,0,0,0.3);overflow:hidden;}
#dlgOrder{border:0px;width:1200px;height:calc(100vh - 180px);padding:0px;border-radius:3px;box-shadow:0px 0px 0px 8px rgba(0,0,0,0.3);overflow:hidden;}
#dlgImport{border:0px;width:720px;height:560px;padding:0px;border-radius:3px;box-shadow:0px 0px 0px 8px rgba(0,0,0,0.3);overflow:hidden;}
#dlgPDF{border:0px;width:1040;height:855px;padding:0px;border-radius:3px;box-shadow:0px 0px 0px 8px rgba(0,0,0,0.3);overflow:hidden;}
#scWindowTitle{background:#883333;color:white;padding:6px;overflow:hidden;white-space:nowrap;}
#cartWindowTitle{background:#883333;color:white;padding:6px;overflow:hidden;white-space:nowrap;}
#scWindowContent1{padding:0px;height:710px;overflow-y:scroll;}
#scWindowContent2{color:#333 padding:0px;margin:0px;font-size:22px;}
#scDostupnostDiv{border:1px solid #999;margin-top:5px;background:#EFE;}
#scObjednavkaDiv{border:1px solid #999;margin-top:5px;background:#FFF;padding:0px;}
#scObjednavkaDivX{border:1px solid #999;margin-top:5px;background:#D00;padding:0px;height:40px;padding:8px;color:white;}
#scNextInfoDiv{border:1px solid #999;margin-top:5px;font-size:13px;background:#EEEEEE;}
#gradientLine{background:linear-gradient(rgba(255,255,255,0.9),rgba(234,234,234,0.0));height:10px;}
#colsHeaderGrid{font-size:14px;display:none;}
#colsHeaderList{font-size:14px;padding-top:1px;padding-right:10px;}
#colsHeaderRows{color:white;background:#807070;font-size:14px;padding:0px;margin:0px;padding-right:1%;}
#scImg{width:100%;border:1px solid #999; margin:0px;height:524px;}

.dlgWindowTitle{background:#883333;color:white;padding:6px;}
.cartBtnInDlg{vertical-align: middle;width:32px;opacity:100%;cursor:pointer;position:relative;top:0px;padding:0px;margin:0px}

dialog:focus 
{
  outline: none;
}

div:focus 
{
  outline: none;
}


.col0
{
  display:none;
}

button
{
  cursor:pointer;
}

/* rýchle vyhľadávanie */

.card{max-width:900px; margin-inline:auto; background:var(--qs-bg); border:1px solid var(--qs-border); border-radius:14px; box-shadow:var(--qs-shadow)}
    .card header{padding:1rem 1rem .5rem 1rem; border-bottom:1px solid var(--qs-border)}
    .card h1{font-size:1.1rem; margin:.2rem 0}
    .card .desc{color:var(--qs-muted); margin:0 0 .5rem}
    .card main{padding:1rem}

    /* QuickSearch */
    .qs{position:relative}
    .qs-inputWrap{position:relative}
    .qs input[type="text"]{
      width:100%;font-size:18px;font-family:Roboto; 
    }
    
    .qs .icon{position:absolute; right:.5rem; top:50%; transform:translateY(-50%); width:22px; height:22px; display:grid; place-items:center; color:var(--qs-muted)}

    .qs-panel{position:absolute; left:0; right:0; top:calc(100% + .5rem); background:var(--qs-bg); border:1px solid var(--qs-border); xborder-radius:12px; box-shadow:var(--qs-shadow); overflow:hidden; z-index:50; display:none}
    .qs-panel[aria-hidden="false"]{display:block}

    .qs-status{background:#FFF;}
    .qs-status .spinner{width:14px; height:14px; border:2px solid var(--qs-border); border-top-color:var(--qs-ring); border-radius:50%; animation:spin 1s linear infinite}
    @keyframes spin{to{transform:rotate(360deg)}}

    .qs-tableWrap{max-height:360px; overflow:auto;background:#FFF;}
    xtable{width:100%; border-collapse:separate; border-spacing:0}
    thead th{position:sticky; top:0; background:var(--qs-hover); font-size:.8rem; text-align:left; color:#374151; padding:.5rem .75rem; border-bottom:1px solid var(--qs-border)}
    tbody td{padding:.55rem .75rem; border-bottom:1px solid var(--qs-border)}
    tbody tr[aria-selected="true"], tbody tr:hover{background:var(--qs-hover)}

    .qs-empty{background:#FFF;}
    
    
    .qs .icon{
  position:absolute; right:.5rem; top:50%; transform:translateY(-50%);
  width:22px; height:22px; display:grid; place-items:center;
  color:var(--qs-muted); cursor:pointer; background:transparent; border:0;
}
.qs .icon:focus { outline:none; box-shadow:0 0 0 3px rgba(37,99,235,.25); border-radius:6px; }
.qs .icon[hidden]{ display:none; }

/* ------------------- */

#listPlaceholder{height: calc(90vh - 180px);background:linear-gradient(rgba(255,255,255,0.5),rgba(255,255,255,0.4));padding:0px;overflow:hidden;overflow-y:scroll;box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);}
#OProws{height: calc(100vh - 325px);font-size:14px;padding:0px;margin:0px;background:#FDEDED;overflow-y:scroll;}


#category-tree {
  scrollbar-width: none;             
  scrollbar-color: #ddd transparent; 
  overflow:scroll;height:calc(90vh - 160px);margin-top:10px;
}



* 
{
  box-sizing: border-box;
}

::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius:3px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

html 
{
    height: 100%;
}

body 
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
}

span
{
  display: inline-block;
}

a
{
text-decoration:none;
color:inherit;
}


.link
{
  color:#3333AA;
  text-decoration:underline;
}

.gradient-cerveny
{
background-image:linear-gradient(#FFF2F2,#DDD2D2);
}

.gradient-cerveny2
{
background-image:linear-gradient(#AA0000,#800000);
}

.pageInfo
{
  color:#300000;
}

div
{
display:block;
}

.underline
{
  text-decoration:underline;
}


div.pageNavigation
{
  text-align:center;
  background-image:linear-gradient(#FFFFFF,#EEE2E2);
  padding: 0px;
}

.col0-25
{
  width:4.16%;
  float:left;
  padding:10px;
}
.col0-5
{
  width:8.33%;
  float:left;
  padding:10px;
  --overflow:hidden;
  --white-space: nowrap;  
}
.col0-75
{
  width:12.5%;
  float:left;
  padding:10px;
}
.col1
{
  width:16.66%;
  float:left;
  padding:10px;
}
.col1-25
{
  width:20.83%;
  float:left;
  padding:10px;
}
.col1-5
{
  width:25%;
  float:left;
  padding:10px;
}
.col2
{
  width:33.33%;
  float:left;
  padding:10px;
}
.col2-5
{
  width:41.66%;
  float:left;
  padding:10px;
}
.col3
{
  width:50%;
  float:left;
  padding:10px;
}
.col3-5
{
  width:58.33%;
  float:left;
  padding:10px;
}
.col4
{
  width:66.67%;
  float:left;
  padding:10px;
}
.col4-5
{
  width:75%;
  float:left;
  padding:10px;
}
.col5
{
  width:83.33%;
  float:left;
  padding:10px;
}
.col5-5
{
  width:91.67%;
  float:left;
  padding:10px;
}
.col6
{
  width:100%;
  float:left;
  padding:10px;
}

.highlight
{
  background-image:url("priesvit.png");
}

.highlighted
{
  border: 3px solid;
}

.pageContent
{
  height:80%;
  margin:0px;
  padding:0px;
  overflow:scroll;
  --background-image: url("img/vianoce.png");
  
}

.PIN
{
  font-size:150px;
  color: black;
  font-family:Montserrat;
}

div.mainMenu
{
  background-image:url("priesvit.png");
  font-size:50;
}

table.report
{
  font-size:36;
  width:100%;
}

.standardform
{
  font-size:42px;
  color:#886666;
  background-color: #FFFFFF;
  border: 2px solid #CC9292;
  
  font-family:Archivo;
  text-shadow: 0px 0px 1px #000000;
  border-radius: 5px;
  padding:10px;
  
  position:relative;top:-2px
}

.standardformDesktop 
{
  font-size:18px;
  color:#886666;
  background-color: #FFFFFF;
  border: 2px solid #CC9292;
  
  font-family:Archivo;
  text-shadow: 0px 0px 1px #000000;
  border-radius: 5px;
  padding:3px;
  
 -- position:relative;top:-2px
}

.standardformblue
{
  font-size:42px;
  color:#666688;
  background-color: #FFFFFF;
  border: 3px solid #9292CC;
  
  font-family:Archivo;
  text-shadow: 0px 0px 1px #000000;
  border-radius: 5px;
  padding:10px;
}

.standardformRect
{
  font-size:38;
  color:#000066;
  background-color: #CCCCDD;
  border: 0px;
  font-family:Archivo;
  text-shadow: 1px 1px 1px #000;
}

.standardformSelected
{
  font-size:42px;
  color:#553333;
  background-color: #CC9292;
  border: 3px solid #CC9292;
  
  font-family:Archivo;
  text-shadow: 0px 0px 1px #000000;
  border-radius: 5px;
  padding:10px;
}

.standardformUnSelected
{
  font-size:42px;
  
  border: 3px solid transparent;
  
  font-family:Archivo;
  
  border-radius: 5px;
  padding:10px;
}

.standardformSelectedOnMouse
{
  font-size:42px;
  color:#553333;
  background-color: #DDC2C2;
  border: 3px solid #DDC2C2;
  
  font-family:Archivo;
  text-shadow: 0px 0px 1px #000000;
  border-radius: 5px;
  padding:10px;
}


.standardformSelectedBlue
{
  font-size:42px;
  color:#3333CC;
  background-color: #9292CC;
  border: 3px solid #9292CC;
  
  font-family:Archivo;
  text-shadow: 0px 0px 1px #000000;
  border-radius: 5px;
  padding:10px;
}

.standardformSelectedNormal
{
  font-size:42px;
  color:#FFF2F2;
  background-color: #886666;
  border: 3px solid #886666;
  
  font-family:Archivo;
  text-shadow: 0px 0px 1px #000000;
  border-radius: 5px;
  padding:10px;
}

.darkHeader
{ 
  color:#FFF2F2;
  background-color: #886666;
  padding:5px;
}

.buttonGreen
{
  background-image:linear-gradient(#00AA00,#008000);
  color:white;
  cursor: pointer;
  font-weight:600;
  font-size:42px;
  border-radius:10px;
  text-shadow: 1px 1px 1px #000;
  padding:10px; 
  font-family:Roboto;
  border:0px;
}

.buttonRed
{
  background-image:linear-gradient(#AA0000,#800000);
  color:white;
  cursor:pointer;
  font-weight:600;
  font-size:42px;
  border-radius:10px;
  text-shadow: 1px 1px 1px #000;
  padding:10px; 
  font-family:Roboto;
  border:0px;
}

.buttonRed2
{
  background-image:linear-gradient(#CC7070,#CC4040);
  --background:#800000;
  color:white;
  cursor:pointer;
  font-weight:600;
  font-size:42px;
  border-radius:10px;
  text-shadow: 0px 0px 3px #000;
  padding:10px; 
  font-family:Roboto;
  --border:0px solid #883333;
}

.buttonRed3
{
  background-image:linear-gradient(#FFAA00,#DD4400);
  --background:#800000;
  color:white;
  cursor:pointer;
  font-weight:600;
  font-size:42px;
  border-radius:10px;
  text-shadow: 2px 2px 2px #000;
  padding:10px; 
  font-family:Roboto;
  border:0px; 
}

.buttonBlue
{
  background-image:linear-gradient(#0000AA,#000080);
  color:white;
  cursor: pointer;
  font-weight:600;
  font-size:42px;
  border-radius:10px;
  text-shadow: 1px 1px 1px #000;
  padding:10px; 
  font-family:Roboto;
  border:0px;
}

.buttonPolite
{
  background-color:rgba(100,0,0,0.1);
  color:#665555;
  cursor: pointer;
  font-weight:600;
  font-size:16px;
  border-radius:5px;
  padding:10px; 
  font-family:Roboto;
  border:1px solid #D8D8D8;
  
}

.buttonGrey
{
  background-image:linear-gradient(#CCCCCC,#AAAAAA);
  color:white;
  cursor: pointer;
  font-weight:600;
  font-size:42px;
  border-radius:10px;
  --text-shadow: 1px 1px 1px #000;
  padding:10px; 
  font-family:Roboto;
  border:0px;
}

.buttonFreak
{
  background-image:linear-gradient(#CC00CC,#CCCC00);
  color:white;
  cursor: pointer;
  font-weight:600;
  font-size:42px;
  border-radius:10px;
  --text-shadow: 1px 1px 1px #000;
  padding:10px; 
  font-family:Roboto;
  border:0px;
}

.keyboard
{
  font-size:90px;
  padding:40px;
  margin:15px;
}

.standardformNotSelected
{
  font-size:38;
  color:#888888;
  background-color: #CCCCDD;
  border: 3px solid;
  border-color:#888888;
  font-family:Archivo;
  text-shadow: 1px 1px 1px #000;
  border-radius: 5px;
}

.standardformSuperSelected
{
  font-size:38;
  color:#9999FF;
  background-color: #000066;
  border: 3px solid;
  font-family:Archivo;
  text-shadow: 1px 1px 1px #000;
  border-radius: 5px;
}

.selected
{
  border-color:#888888;
  background-color=#F2FAFF;
  border-radius: 5px;
}

span.notice
{
  color:#888899;
}

.green
{
  color: #009000;
}

.greenBackground
{
  background-color: #90CC90;
}

.red
{
  color: #900000;
}

.darkblue
{
  color: #000040;
}

.clr-frozen
{
  color: #8090B0;
}

.redBackground
{
  background-color: #CC9090;
}

.orangeBackground
{
  background-color: #CCCC90;
}

.whiteBackground
{
  background-color: #FFFFFF;
}

.white
{
  color: #FFFFFF;
}

.weatherBackground
{
  background-color: #F2FAFF;
}

.weather
{
  color: #F2FAFF;
}

.greenGradient 
{
  background-image:linear-gradient(#DDFFDD,#CCEECC);
}

.blueGradient 
{
  background-image:linear-gradient(#DDDDFF,#AAAADD);
}

.redGradient 
{
  background-image:linear-gradient(#FFDDDD,#EECCCC);
}

.orangeGradient 
{
  background-image:linear-gradient(#EEEEDD,#CCCCAA);
}

.breadCrumps
{
  color:#FFFFFF;
  font-weight:600;
  line-height:200%;
}

.icon
{
  width: 90px;
  height: 90px;
}

.iconSmall
{
  width: 45px;
  height: 45px;
}

.iconSmall2
{
  width: 38px;
  height: 38px;
}

.category
{
  color:#000060;
}
.value
{
  text-align:right;
}

.center
{
  text-align:center;
}

.left
{
  text-align:left;
}

.reportValCol
{
  width:100px;
}

.reportDescCol
{
  width:200px;
}
.bold
{
  font-weight:600;
}
.longText
{
  line-height:115%;
}

.alert {
  padding: 15px;
  background-image: linear-gradient(#f48386,#f44336);
  color: white;
  border: 1px solid #666666;
  border-radius:15px;
  font-size:52px;
  cursor:pointer;
  
}

.alert.success {background-image: linear-gradient(#33CA6D,#33AA3D);}
.alert.info {background-image: linear-gradient(#2196F3,#2166C3);}
.alert.warning {background-image: linear-gradient(#FF9800,#FF6800);}

.closebtn {
  --margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 52px;
  --line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

.closebtn:hover {
  color: black;
}

.grid
{
  font-size:37px;
  color:#222222;
  
}
.gridrow0
{
   --background:#FFF2F2; 
   border-bottom: 1px dotted #600000;

}

.gridrow
{
  border-bottom: 1px dotted #600000;
  background-image:linear-gradient(#FFF2F2,#EED2D2);
  
  --background-color:#FFF5F5;
}
.gridrow-even
{
  background-color:#FFE2E2;
  font-size:14px;
  color:rgb(96, 72, 72);
}

.gridrow-even1
{
  background-color:#EAEAE2;
  font-size:14px;
  color:rgb(96, 72, 72);
}

.gridrow-odd
{
  background-color:#F5F5F5;
  font-size:14px;
  color:rgb(96, 72, 72);
}

.gridrow-selected
{
    border:#EED2D2 1px solid;
    background:rgba(0,0,0,0.05);
    border-radius:3px;
    margin:3px;
    font-size:15px;
}

.gridrowLight
{
  border-bottom: 1px dotted #600000;
  background-image:linear-gradient(#FFFAFA,#FFF0F0);
  
  --background-color:#FFF5F5;
}

.gridrow-adminMoch
{
    border:#EED2D2 1px solid;
    background:rgba(0,0,0,0.05);
    border-radius:3px;
    margin:3px;
    font-size:16px;
}


.docNumber
{
  color:#000060;
  --text-shadow: 0px 0px 1px #000055;
  font-size:54px;
}

div.riadky
{
  overflow-y:scroll;
  width:100%;
  height:67%;
}

div.vydavatel
{
  font-size:42px;
  font-weight:600;
  color:#886666;
  background-color:#FFF8F8;
  padding-top:25px;
}

div.fieldValue
{
  font-size:50px;
  font-weight:600;
  color:#886666;
  background-color:inherit;
  padding-top:0px; 
}

div.fieldName
{
  font-size:32px;
  font-weight:600;
  --font-variant:small-caps;
  padding-bottom:0px;
}

div.fieldNameSmall
{
  font-size:28px;
  font-weight:600;
  padding-bottom:0px;
}

div.fieldValueSmall
{
  font-size:42px;
  font-weight:600;
  color:#886666;
  background-color:inherit;
  padding-top:0px; 
}

.standardImg
{
  position:fixed;
  right:25px;
  top:1025px;
  max-height:32%;
}

.FSImg
{
  position:fixed;
  top:5%;
  left:5%;
  width:90%;
  max-height:90%;
  height:auto;
}

.standardImgDesktop
{
  position:fixed;
  right:25px;
  bottom:25px;
  width:20%;
}

.modeInfo
{
  position:fixed;
  left:25px;
  bottom:25px;
  border:3px solid;
  padding:10px;  
  font-size:38px;
  --background-color:#F2FAFF;
  border-radius:3px;
}

.lightRed
{
  color: #CC9292;
}

.lineChart
{
  display:inline;
  font-size:10px;
  padding:0px;
  background-color:#800000;
  float:left;
}
.lineChartEmpty
{
  display:inline;
  font-size:10px;
  padding:0px;
  background-color:#FFF2F2;
  float:left;
}

.big
{
  font-size:72px;
}

.thick
{
  padding:18px;
}

.black
{
  color:#000000;
  color:override;
}
.sum
{
  border-top: thick solid #800000;
}

.popup
{
  display:block;
  position:absolute;
  top:510px;
  left:20px;
  width:95%;
  height:150px;
  border:7px dotted;
  padding:10px;
  background-color:#FFFFFF;
}

.hidden
{
  display:none;
}

div.small
{
  font-size:40px;
}

input.orderQty
{
  font-size:26px;
  width:90px;
}

.iconContainer
{
  width:250px;
  height:250px;
  font-size:125px; 
  display:inline; 
  text-align:center;
  float:left;
  margin:35px;
}

.iconContainerOnMouse
  {
    width:250px;
    height:250px;
    font-size:125px; 
    display:inline; 
    text-align:center;
    float:left;
    margin:35px;
    background:rgba(96,48,48,0.15);
  }

.iconImage
{
  margin:15px; 
}

.iconText
{
  font-size:48px;
}

.gridIcon
{
  font-size:42px;
}

.objectTitle
{
  font-size:62px;
}

.online 
{
  background-color: #BBDDBB;
}

.deviceContainer
{
  float:left; width:33%; border:2px solid #AAAAAA;border-radius:3px;
  padding:4px;vertical-align:middle;margin:2px;height:85px;
}

.deviceContainerHighlighted
{
  float:left; width:33%; border:2px solid #404080;border-radius:3px;
  padding:4px;vertical-align:middle;margin:2px;height:85px;
}

.deviceContainerSelected
{
  float:left; width:33%; border:4px solid #202060;border-radius:3px;
  padding:4px;vertical-align:middle;margin:0px;height:85px;
}

.appCard
{
  font-size:18px;border-top-left-radius:3px; border-top-right-radius:3px;padding:4px;margin-right:4px;border-left: 1px solid;border-right: 1px solid;border-top:1px solid;
}

.appcardSelected
{
  font-size:18px;color:#000000;background-color:#FFCCCC;border-top-left-radius:3px; border-top-right-radius:3px;padding:4px;margin-right:4px;border-left: 2px solid;border-right: 2px solid;border-top:2px solid;
}

.formField
{
  width:240px;
}

.circle_offline{  color:#AAAAAA; }
.circle_longAway{  color:#CC9090; }
.circle_away{  color:#CCCC90; }
.circle_online{  color:#90CC90; }

.msgChatContainer
{
  margin:15px;
  font-size:28px;
}

.msgChat
{  
  border:1px solid #D8D8D8;
  border-radius:5px;
  font-size:38px;
}

.msgMy
{
  background-image:linear-gradient(#F9F9E9,#F2F2D2);
  color:black;
}

.msgReply
{
  --background-image:linear-gradient(#E9E9F9,#D2D2F2);
  background-image:linear-gradient(#F9E9E9,#F2D2D2);
  right:150px;
  color:black;
}
  
  
 div.msgApplicationHeader
  {
    --border:#EED2D2 1px solid;
    background:rgba(100,0,0,0.1);
    border-radius:5px;
    margin:3px;
    font-size:40px;
  }
  div.msgUserToName
  {
    font-size:44px;
    margin-left:0px;
    color:#222222; 
    margin-top:0px;
  }
  
  div.msgUserToNameNew
  {
    font-size:24px;
    margin-left:15px;
    background:rgba(255,255,100,0.3);
    border-radius:5px;
    color:#000000;
    font-weight:600;
    text-decoration:bold;
    margin-top:15px;
  }
  
  .msgUserSelected
  {
    border:1px solid;
    border-radius:4px;
    background:rgba(0,0,0,0.05);
  }
  
  
  div.chatWindow
  {
    height:88%;
    width:100%;
  }
  
  div.userPanel
  {
    height:90%;
  }
  
  div.dispUserPanel
  {
    height:90%;
    width:100%;
    padding:10px;   
  }
  
  .msginput
  {
    width:100%;
    background:#FFFFFF;
    font-size:36px;
    resize:none;
    border-radius:4px;
    font-family:montserrat;    
  }
  
  .msgsendButton
  {
    width:17%;
    font-size:36px;
    border:2px solid;
    border-radius:4px;
    padding:15px;
    
    background:rgba(0,0,0,0.05);
  }
  

.countTag 
{
  border-radius: 45%;
  
   background: #fff;
  border: 2px solid;
  text-align: center;
  font-size:22px;
  padding:0px;
  padding-left:5px;
  padding-right:5px;
  border-color:#AA8888;
  color:#AA8888;
 
 
}

.groupHeader
  {
   border-radius:2px;
    border:1px solid #CCBBBB;
    --background:#997777;
    background:#eed2d2;
    height:33px;
    font-size:21px;
    margin:3px;
    color:#000000;
    --text-shadow:0px 0px 3px #000;
  }

.standardRadio
{
  -ms-transform: scale(2.75); /* IE 9 */
  -webkit-transform: scale(2.75); /* Chrome, Safari, Opera */
  transform: scale(3.75);
}

.standardRadioLabel
{
  font-size:52px;
}

.massMsgUserSelected
{
  border:1px solid #300000;
  border-radius:2px;
  margin:3px;
  padding:3px;
  background-color:#FFDDDD;
}

.massMsgUserUnSelected
{  
  border-radius:2px;
  margin:4px;
  padding:3px;
 
}

.msgShowText
{
  display:none;
}

div.msgFunctions
{
  display:none;
}

.userpanel
{
  width:40%;
}

img.firmLogo
{
  display:none;
}

.closeButton
{
  font-size:70px;
  position:absolute;
  right:0px;
  top:0px;
  padding-left:15px;
  padding-bottom:10px;
  padding-right:10px;
  padding-top:0px;
  border-bottom-left-radius:10px;
  border-left:3px solid;
  border-bottom:3px solid;
}

.topGold
{border: 0px; background-image:linear-gradient(#E1C84E,#C9B037); border-radius:2px; padding:0px;margin-top:3px;
}

.topHeader
{border: 0px; border-radius:2px; margin:1px; background:#B9A027;color:white;}
 
.topSecond
{border: 0px; background-image:linear-gradient(#E4D89B,#D0D097); border-radius:2px; padding:0px;margin-top:4px;
}

.topThird
{border: 0px; background-image:linear-gradient(#E7E0D0,#D3D4C0); border-radius:2px; padding:0px;margin:1px;margin-top:4px;margin-bottom:0px;
}
.topOther
{border: 0px; background-image:linear-gradient(#E7E7E7,#D7D7D7); border-radius:2px; padding:0px;margin:1px;
}

.marquee {
  height: 25px;
  width: 420px;

  overflow: hidden;
  position: relative;
}

.marquee div {
  --display: block;
  --width: 200%;
  --height: 30px;

  position: absolute;
  overflow: hidden;

  animation: marquee 5s linear infinite;
}

.marquee span {
  float: left;
  width: 50%;
}

@keyframes marquee {
  0% { left: 0; }
  100% { left: -100%; }
}

.infotext-header-card-selected
{
  width:250px;
  background: linear-gradient(rgba(128,48,48,0.25),rgba(128,48,48,0.1));
  border:1px solid #601000;
  border-radius:3px;
  padding:0px;
  height:160px;
  color:#400000;
  font-size:20px;
  margin:10px;
}

.infotext-header-name-selected
{
  font-size:24px;
  font-family:Michroma;
  width:100%;
  background: linear-gradient(rgba(128,48,48,0.1),rgba(128,48,48,0.8));
  color:white;
  text-shadow: 1px 1px 0px #000000,1px -1px 0px #000000, -1px 1px 0px #000000, -1px -1px 0px #000000;
  letter-spacing:2px;
}


.infotext-header-card
{
  width:250px;
  background: linear-gradient(rgba(128,48,48,0.25),rgba(128,48,48,0.1));
  border:0px solid #400000;
  border-radius:3px;
  padding:0px;
  height:160px;
  color:#400000;
  font-size:20px;
}

.infotext-header-name
{
  font-size:24px;
  font-family:Michroma;
  width:100%;
  background: linear-gradient(rgba(128,48,48,0.05),rgba(128,48,48,0.25));
  color:white;
}

.infotext-page-card
{
  width:11%;
  background: linear-gradient(rgba(128,48,48,0.25),rgba(128,48,48,0.25));
  border:0px solid #400000;
  border-radius:3px;
  padding:0px;
  height:120px;
  color:#400000;
  font-size:15px;
  margin-top:7px;
}

.infotext-page-name
{
  font-size:18px;
  font-family:Michroma;
  width:100%;
  background: linear-gradient(rgba(128,48,48,0.05),rgba(128,48,48,0.25));
  color:white;
  font-size:22px;
}

.infotext-page-card-inactive
{
  width:11%;
  background: linear-gradient(rgba(128,128,128,0.25),rgba(48,48,48,0.25));
  border:0px solid #400000;
  border-radius:3px;
  padding:0px;
  height:120px;
  color:#400000;
  font-size:15px;
}

.infotext-page-name-inactive
{
  font-size:18px;
  font-family:Michroma;
  width:100%;
  background: linear-gradient(rgba(128,128,128,0.05),rgba(48,48,48,0.25));
  color:white;
  font-size:22px;
}

.infotext-plain-page-card
{
  width:12%;
  background: linear-gradient(rgba(48,48,128,0.25),rgba(128,48,48,0.25));
  border:0px solid #400000;
  border-radius:3px;
  padding:0px;
  height:70px;
  color:#400000;
  font-size:15px;
  margin-bottom:12px;
}

.infotext-general-card
{
  --width:32%;
  background: linear-gradient(rgba(48,48,128,0.25),rgba(128,48,48,0.25));
  border:0px solid #400000;
  border-radius:3px;
  --height:70px;
  color:#400000;
  font-size:15px;
  margin-top:10px;
  margin-right:10px;
}

div.dispUserName
  {
    font-size:44px;
    background-color:#773333;
    color:white;
  }
div.dispUserPanelAfterSelect /* na mobile schovať */
  {
    display:none;
  }
  
.massMsgContainer
{
  display:none;
}

  img.firmLogo
  {
    display:inline;
    height:100px;
    float:left;
    padding:0px;
    margin-left:15px;
    margin-bottom:-25px;
    margin-top:-20px;
    
  }
  
  .massMsgContainer
  {
    display:block;
  }
  
  .msgsendButton
  {
    width:17%;
    font-size:22px;
    border:2px solid;
    border-radius:4px;
    padding:15px;
    
    background:rgba(0,0,0,0.05);
  }
  
  .msginput
  {
    width:75%;
    background:#FFFFFF;
    font-size:22px;
    resize:none;
    border-radius:4px;
    font-family:montserrat;    
  }
  
  .msgChatContainer
  {
    margin:15px;
    font-size:14px;
  }
  
  div.chatWindow
  {
    height:88%;
    width:58.33%;
    float:left;
  }
  
  div.dispUserName
  {
    display:none;
  }
  
  div.msgApplicationHeader
  {
    --border:#EED2D2 1px solid;
    background:rgba(100,0,0,0.1);
    border-radius:5px;
    margin:3px;
    font-size:20px;
  }
  
  .msgChat
  {  
  border:1px solid #D8D8D8;
  border-radius:5px;
  font-size:22px;
  }
  
  div.msgUserToName
  {
    font-size:18px;
    margin-top:0px;
  }
  
  div.msgUserToNameNew
  {
    font-size:18px;
    margin-top:0px;
  }
  
  .userpanel
  {
   width:25%;
  }
  
  div.dispUserPanel
  {
    height:90%;
    width:25%;
    padding:4px;
    float:left;
  }
  
  div.dispUserPanelAfterSelect /* nič sa nemení pri desktope!*/
  {
    height:90%;
    width:25%;
    padding:4px;
    float:left;
    display:block;
  }
  
  div.msgFunctions
  {
    width:16%;
    float:right;
    padding:10px;
    background:rgba(0,0,0,0.05);
    border-radius:5px;
    margin:3px;
    font-size:20px;
    height:80%;
    display:inherit;
  }

  .msgShowText
  {
    color:#CCCCCC;
    display:inherit;
  }
  
  div.pageContainer
  {
    font-size:16px;
    overflow:hidden;
  }
  
  div.pageContent
  {
    height:90%;
    margin:0px;
    padding:0px;
    overflow:scroll;
    
  }
  
  .iconContainer
  {
    font-size:65px;
    margin:5px;
    width:135px;
    height:160px;    
  }
  
  .iconContainerOnMouse
  {
    font-size:65px;
    margin:5px;
    width:135px;
    height:160px;
    background:rgba(96,48,48,0.15);
  }
  
  .iconText   {font-size:21px;}
   
  .grid       {font-size:18px;}
  
  .gridIcon  {font-size:16px;}
  
  div.fieldValue {font-size:20px;}
  div.fieldName {font-size:14px;}
  
  .buttonBlue   {font-size:20px;}
  .buttonRed   {font-size:20px;}
  .buttonRed2   {font-size:20px;}
  .buttonRed3   {font-size:20px;}
  .buttonGrey   {font-size:20px;}
  .buttonGreen   {font-size:20px;}
  .buttonFreak   {font-size:20px;}
  
  .col0-25 {padding:4px;}
  .col0-5 {padding:4px;}
  .col0-75 {padding:4px;}
  .col1 {padding:4px;}
  .col1-25 {padding:4px;}
  .col1-5 {padding:4px;}
  .col2 {padding:4px;}
  .col2-5 {padding:4px;}
  .col3 {padding:4px;}
  .col3-5 {padding:4px;}
  .col4 {padding:4px;}
  .col4-5 {padding:4px;}
  .col5 {padding:4px;}
  .col5-5 {padding:4px;}
  .col6 {padding:4px;}
  
  .alert {font-size:20px; margin-top:75px; padding:5px;}
  .closeBtn {font-size:20px;padding-right:5px;}
  .standardForm {font-size:18px; padding:4px;}
  .standardFormSelected {font-size:18px; padding:4px;}
  .standardFormUnSelected {font-size:18px; padding:4px;}
  .standardFormBlue {font-size:18px; padding:4px;}
  .standardFormSelectedBlue {font-size:18px; padding:4px;}  
  .standardFormSelectedNormal {font-size:18px; padding:4px;}  
  .standardFormSelectedOnMouse {font-size:18px; padding:4px;}  
  .objectTitle {font-size:25px;}
  
 .closeButton
{
  font-size:35px;
/*position:absolute;
  right:0px;
  top:0px;
  padding-left:15px;
  padding-bottom:10px;
  padding-right:10px;
  padding-top:0px;
  border-bottom-left-radius:10px;
  border-left:3px solid;
  border-bottom:3px solid;*/
}


}

.separated
{
  border-right:1px solid; 
  border-bottom:1px solid;
}

.separatedR
{
  border-right:1px solid; 
}

.dlgWindow
{
  border: 1px solid #803030;width:60%;padding:0px;
  background-color:#FFFFFF;
  border-radius:3px;
  box-shadow: 0px 0px 0px 10px rgba(0,0,0,0.5);
  font-size:20px;
  height:55%;
}
.dlgWindowHeader
{
  padding:3px;background:#803030;color:white;font-size:24px;
}

dialog::backdrop {
  background-color: rgba(0, 0, 0, 0.5); /* tmavý polopriehľadný overlay */
}

.ifSmallThenView{display:none;}
.obPodLabel1{display:inline-block;}
.obPodLabel2{display:none;}

@media only screen and (max-width: 1200px) 
{
  .novinky{display:none;}  
  .companyLogo{width:auto;height:121%}
  .ifSmallThenNull{display:none;}
  .ifSmallThenView{display:inline-block;}  
}

@media only screen and (max-width: 1440px) 
{
  .xxxwhitespace{display:none;}
  .pageTitle{display:none;}
  .obPodLabel1{display:none;}
  .obPodLabel2{display:inline-block;}
}