@font-face {
  font-family: 'FontAW';
  src: url('/fontawesome/webfonts/fa-regular-400.eot?v=4.0.1');
  src: url('/fontawesome/webfonts/fa-regular-400.eot?#iefix&v=4.0.1') format('embedded-opentype'), url('/fontawesome/webfonts/fa-regular-400.woff?v=4.0.1') format('woff'), url('/fontawesome/webfonts/fa-regular-400.ttf?v=4.0.1') format('truetype'), url('/fontawesome/webfonts/fa-regular-400.svg?v=4.0.1#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

:root {
	--blueLight: #0c88e1;
	--blueDark: #200a62;
	--redLight: #ff2e00;
	--redDark:#dd0000;
	--greenLight:#00ee00;
	--greenDark:#009933;
	--greyLight:#999999;
	--greyDark:#444444;
	--yellow:#ffcc00;
	--orange:#ff6600;
	--orangeLight:#ff7f50;
}

.obj-cislo { width:30px; height:30px; line-height:30px; border-radius:50%; text-align: center; font-size:20px; xbackground:#d00; color:white }
.objStav1 { background:#00ee00 }
.objStav2 { background:#009933 }
.objStav3 { background:#99ccff }
.objStav4 { background:#999999 }
.objStav5 { background:#dd0000 }
.objStav6 { background:#ffcc00 }
.objStav7 { background:#ff7f50 }
.objStavBAZ { background:#ff0099 }


/* AJAX page */
#ajaxpage { position:fixed; top: 50%; left: 50%; z-index: 20000; padding:15px; text-align:left; background:#fff; color:black; display:none; -webkit-box-shadow: -4px 4px 16px 0px rgba(0,0,0,0.1); }
#ajaxpage-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:15px }
#ajaxpage-close { cursor:pointer }
#ajaxpage-title { color:var(--blueDark); font-size:1.6em; font-weight:600 }
#page-cover { display: none; position: fixed; width: 100%; height: 100%; background-color: #000; z-index: 9999; top: 0; left: 0; }
#page-cover-load { display: none; position: fixed; width: 100%; height: 100%; background:#000; z-index: 9999; top: 0; left: 0; }
.ajaxpage { cursor:pointer }
.grayscale { filter: grayscale(0.9) blur(4px) brightness(0.8) }

/* TISK */
#tisk { position:fixed; overflow:hidden; width:420px; height:900px; margin-left:-210px; margin-top:-450px; top: 50%; left: 50%; z-index: 50000; padding:15px; text-align:left; background:#fff; color:black; display:none; -webkit-box-shadow: -4px 4px 16px 0px rgba(0,0,0,0.1); }
#tisk-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:15px }
#tisk-close { cursor:pointer }



*, *::before, *::after { box-sizing: border-box; }
HTML { overflow-y: scroll; width:100%; height:100%; xtouch-action:none; -webkit-font-smoothing:antialiased }
xxxxHTML { -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; }
BODY { position: relative; xxxxuser-select:none; height: 100%; padding-top:0px; width:100%; margin: 0 auto; font-family:'Montserrat', Calibri, Helvetica, sans-serif; font-weight:400; font-size: 0.875rem; line-height: 1.2; background-color:#e5e5e5; }
A { text-decoration:none; color:#000000 }
B { font-weight:600; }
H1 { margin-bottom:20px; margin-top:0px; color:var(--blueDark); font-size:1.6em; font-weight:600 }
H2 { font-size:1.1rem; font-weight:600; }
H3 { font-size:1rem; font-weight:600; margin:0 }
TH, TD { font-size:0.9em; }
TH { font-weight:600; text-align:right }
I { font-style: normal; }
INPUT[type=text], INPUT[type=password], SELECT { padding:8px; border:1px solid var(--blueDark); font-family:'Montserrat', Calibri, Helvetica, sans-serif; font-weight:400; }
INPUT[type=button], INPUT[type=submit] { outline:none; border:none }
TEXTAREA { font-family:'Montserrat', Calibri, Helvetica, sans-serif; }
.hidden { display:none }

.button, .buttonSmall { width:120px; padding:15px 0px; text-align:center; font-size:1.2em; color:white; background:var(--greyLight); cursor:pointer }
.buttonSmall { width:unset; padding:8px 15px; font-size:1.2em }
.button:hover { filter:brightness(120%); }
.buttonGreenLight { background:var(--greenLight) }
.buttonGreenDark { background:var(--greenDark) }
.buttonBlueLight { background:var(--blueLight) }
.buttonBlueDark { background:var(--blueDark) }
.buttonRedLight { background:var(--redLight) }
.buttonRedDark { background:var(--redDark) }
.buttonGreyLight { background:var(--greyLight) }
.buttonGreyDark { background:var(--greyDark) }
.buttonYellow { background:var(--yellow) }
.buttonOrange { background:var(--orange) }

.main-left { height:100%; display:flex; flex-flow:column; background:white; flex: 0 0 400px; }
.main-right { background:#e5e5e5; display:flex; flex-direction:column; align-items:stretch; flex:1; width:1375px; min-width:1375px }

.left-top { padding:10px; display:flex; flex-wrap:wrap; gap:10px; align-items:center; align-content:center; }
.left-middle { flex-grow:1; }
.left-middle-inner {  }
.left-bottom { font-weight:bold; font-size:2.5em; margin-bottom:10px; }

.items, .items2 { display:flex; gap:10px; flex-wrap:wrap; padding:10px; background:#e5e5e5; }
.items2 { xbackground:#ddd }
.items2-container { position:absolute; z-index:100; xbox-shadow: 0px 10px 12px -1px rgba(0,0,0,0.1) }

.item { display:flex; flex-flow:column; align-content:stretch; xborder:1px solid #ddd; height:150px; width:114px; background:white; }

.item-name, .item-name2 { color:var(--blueLight); font-size:1.0em; font-weight:600; text-align:center; padding-top:5px; height:48px; }
.item-name2 { color:var(--blueLight); }

.item-name-current { background:var(--blueDark); color:white }
.item-current>.item-name { background:var(--blueLight); color:white }

.item-img { height:100px; flex:1; align-self:center; }
.item-img IMG { align-self: stretch; max-height:80px; max-width:100px; margin-top:auto; }

.zbozi { margin:0px 10px }
.zbozi::-webkit-scrollbar { display: none; }

.zbozi-var { display:inline-block; margin-left:10px; font-weight:normal; background:var(--orangeLight); color:white; padding:0px 4px; border-radius:3px }
.xxzbozi-flex { touch-action: auto; display:flex; gap:8px; flex-wrap:wrap; padding:10px; xbackground:#e5e5e5; -webkit-overflow-scrolling:touch }
.xxzbozi { display:flex; flex-flow:column; align-content:stretch; border:1px solid #ddd; height:200px; width:308px; background:white; xbox-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }

.sklad1 { display:inline-block; width:30p; font-weight:normal; color:white; padding:0px 4px; border-radius:3px; text-align:center; font-size:1.2em; background:var(--greenDark) }
.sklad0 { display:inline-block; width:30p; font-weight:normal; color:white; padding:0px 4px; border-radius:3px; text-align:center; font-size:1.2em; background:var(--redDark) }

.btnZaplatit { background:var(--greyLight); color:white; border:0; xpadding:0px 20px; height:70px; width:100px; font-size:1em }
.btnZaplatitAct { background:var(--greenDark); color:white; border:0; xpadding:0px 20px; height:70px; width:100px; font-size:1em }


.vypis-polozky { display:flex; flex-wrap:wrap; align-items:center; align-content:center; background:#f5f5f5; border:1px solid #e5e5e5; min-height:60px; margin-bottom:10px; cursor:pointer }
.vypis-polozky:hover { background:#eee; }
.vypis-polozky DIV { font-size:1.2em; padding-left:5px }
.vypis-polozky-nadpis { display:flex; flex-wrap:wrap; align-items:center; align-content:center; background:#444444; color:white; xmin-height:60px; margin-bottom:10px }
.vypis-polozky-nadpis DIV { padding:5px; font-size:1.2em }
.vypis-polozky A { color:var(--redDark) }
.vypis-polozky A:hover { text-decoration:underline }