@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500);
HTML { overflow-y: scroll; width:100%; }
BODY { margin:0 auto; xmargin: 0 auto; font-family:Roboto, Calibri, Helvetica, sans-serif; font-weight: 300; font-size:12pt; background-color: #f6f6f6; xwidth:1250px }
H1 { font-size:1.2em; font-weight:500; margin-top:0 }
TD, TH { padding:4px 8px }
TH { background:#666; color:white; text-align:left; font-weight:400 }
A { color:#0066cc }

:root { color-scheme: only light; }


/* 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 { xcolor:var(--blueDark); font-size:1.2em; font-weight:bold }
#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.8) blur(4px) }

INPUT[type=text], INPUT[type=password], INPUT[type=file], INPUT[type=number], SELECT, TEXTAREA { padding:5px 10px; padding-bottom:5px; font-size:1em }
INPUT[type=checkbox]:not(.checkbox) + label { display: block; xmargin: 0.2em; cursor: pointer; padding: 0em; }
INPUT[type=checkbox]:not(.checkbox) { display: none; }
INPUT[type=checkbox]:not(.checkbox) + label:before { content: "\2714"; border: 0.1em solid #000; border-radius: 0.2em; display: inline-block; width:0.8em; height:0.8em; padding-left: 0.1em; padding-bottom:0.2em; margin-right: 0.2em; vertical-align: bottom; background:white; color: transparent; transition: .2s; }
INPUT[type=checkbox]:not(.checkbox) + label:active:before { transform: scale(0); }
INPUT[type=checkbox]:checked:not(.checkbox) + label:before { background-color: #369; border-color:  #036; color: #fff; }
TEXTAREA { font-family:Roboto, Calibri, Helvetica, sans-serif; font-weight: 300; font-size:12pt; }
INPUT::placeholder { opacity: 0.5; }

H1 { margin:0; font-size:14pt; padding-bottom:4px; margin-bottom:20px; font-weight:normal }
H1 A { color:#f30 }
H1 A:hover { color:#d30 }
H2 { font-size:12pt; xmargin-top:0px; }
H2 A, H3 A { color:#369; font-weight:normal }
.ikony SPAN { font-size:0.9em; color:white; xbackground:#ddd; padding:1px 5px; }
.iko1 { background:rgba(220,0,0,0.5) }
.iko2 { background:rgba(0,150,0,0.5) }
.iko4 { background:rgba(20,0,180,0.5) }
.iko8 { background:rgba(100,100,100,0.5) }
.iko16 { background:rgba(50,60,90,0.5) }
.iko32 { background:rgba(50,60,90,0.5) }
.iko64 { background:rgba(50,60,90,0.5) }
.iko128 { background:rgba(50,50,50,1) }
.iko256 { background:rgba(250,50,50,1) }
.iko512 { background:rgba(250,50,50,1) }
.iko1024 { background:rgba(50,50,50,1) }
.iko2048 { background:rgba(250,50,50,1) }
.iko4096 { background:rgba(0,51,204,1) }
.iko8192 { background:rgba(0,51,204,1) }

.buttonSmall { text-transform:uppercase; padding:4px 8px; background:#999; border:0; color:white }
.buttonSmallSave { text-transform:uppercase; padding:4px 8px; background:green; border:0; color:white }
.buttonSmallDelete { text-transform:uppercase; padding:4px 8px; background:#d00; border:0; color:white }
.buttonSmallBlue { text-transform:uppercase; padding:4px 8px; background:#0075b5; border:0; color:white }
.buttonSmallGrey { text-transform:uppercase; padding:4px 8px; background:#444; border:0; color:white }
.buttonSmallOrange { text-transform:uppercase; padding:4px 8px; background:orange; border:0; color:white }
.buttonSmallPink { text-transform:uppercase; padding:4px 8px; background:#ff0099; border:0; color:white }

.button { text-transform:uppercase; padding:10px 20px; background:#0075b5; border:0; color:white; }
.buttonGrey { text-transform:uppercase; padding:10px 20px; background:#999; border:0; color:white; }
.buttonSave { text-transform:uppercase; padding:10px 20px; background:green; border:0; color:white; }
.buttonDelete { text-transform:uppercase; padding:10px 20px; background:#d00; border:0; color:white; }

/* tabulka class="hovertable" se stridanim radku + klik na url=*/
.hovertable TR { cursor:pointer }
.hovertable TR:nth-child(even) { background-color:#eee }
.hovertable TR:nth-child(odd) { background-color:#fff }

.hovertable TR:nth-child(even):hover { background-color:#ddd } /*hover sude*/
.hovertable TR:nth-child(odd):hover { background-color:#ddd } /*hover liche*/


/* tabulky vypisů faktur a jiných dokladů */
.hovertable TR:nth-child(even) .doklad-banka { background:#FDFFCB }
.hovertable TR:nth-child(odd) .doklad-banka { background:#FEFFE4 }
.hovertable TR:nth-child(even) .doklad-cislo { background:#ADCCFF }
.hovertable TR:nth-child(odd) .doklad-cislo { background:#CEE4FF }
.hovertable TR:nth-child(even) .doklad-datum { background:#ffcccc }
.hovertable TR:nth-child(odd) .doklad-datum { background:#ffe6e6 }
.hovertable TR:nth-child(even) .doklad-zelena { background:#90ee90 }
.hovertable TR:nth-child(odd) .doklad-zelena { background:#acffab }
.hovertable TR:nth-child(even) .doklad-oranzova { background:#fd9c35 }
.hovertable TR:nth-child(odd) .doklad-oranzova { background:#acffab }
.hovertable TR:nth-child(even) .svoz123 { background:#FFF5DA }
.hovertable TR:nth-child(odd) .svoz123 { background:#FFFBEF }

.doklad-banka { background:#FEFFE4; border-width:1px }
.doklad-cislo { background:#CEE4FF; border-width:1px }
.doklad-datum { background:#ffe6e6; border-width:1px }
.doklad-datum-spl5 { background:orange; border-width:1px }
.doklad-datum-spl0 { background:#d00; color:white; border-width:1px }

.noopen { cursor:default }
.hidden { display:none }

.topmenu { display:flex; flex-flow:row wrap; justify-content:flex-end; background:#000066; list-style:none; margin:0; padding:0 }
.topmenu a, .topmenu-left a { text-decoration: none; display: block; padding:0.5em 1.2em; color: white; font-size:1.1em; text-transform:uppercasex }
.topmenu a:hover, .topmenu-left a:hover { background:#dd0000; }
.topmenu-current { background:#0066cc; }
.topmenu li:first-child { margin-left:0px; padding:0; text-align:left; }
.stopmenu li:nth-child(1) { margin-right:auto; margin-left:0px; padding:0; text-align:left; }

.topmenu li:first-child { margin-left:0px; padding:0; text-align:left; }
.topmenu li:nth-child(3) { margin-left:0px; margin-right:0px; padding:0; text-align:left; }
.topmenu li:nth-child(4) { margin-left:0px; margin-right:auto; padding:0; text-align:left; }



.pagemenu { display:flex; flex-flow:row wrap; justify-content:flex-end; background:#0066cc; list-style:none; margin:0; padding:0 }
.pagemenu a { text-decoration: none; display: block; padding:0.5em 1.2em; color: white; font-size:1.1em; text-transform:uppercasex }
.pagemenu a:hover { background:#dd0000; }
.pagemenu li:first-child { margin-right:auto; margin-left:0px; padding-left:20px; padding-top:3px }
.pagemenu input:focus { outline: none; }
.pagemenu-active { background:#c00; color:white }

.content { padding:10px; xmax-width:1300px }

.onecolumn { display:flex; xalign-items:flex-start; }
.twocolumn { display:flex; xalign-items:flex-start; xwidth:1250px; xjustify-content:space-between }
.column-left { min-width:280px; xpadding-bottom:20px }
.column-right { padding-top:10px; padding-left:10px; padding-right:0; xbackground:red }

.kategorie1 { padding:0.5em 1em; cursor:pointer; background:#666; color:white; margin-top:1px; font-size:0.9em }
.kategorie1:hover, .kategorie2-url:hover, .kategorie3-url:hover { background:#dd0000 }
.kategorie2 { display:none; background:#444; color:white; -webkit-box-shadow: inset 0px 7px 5px -5px rgba(0,0,0,0.4); }
.kategorie2-url { padding:0.5em; padding-left:1.5em; padding-right:1em; cursor:pointer }
.kategorie2-url A { color:white; text-decoration:none }
.kategorie3 { display:none; background:#222; color:white; -webkit-box-shadow: inset 0px 7px 5px -5px rgba(0,0,0,0.4); }
.kategorie3-url { padding:0.5em; padding-left:2em; padding-right:1em; cursor:pointer }
.kategorie3-url A { color:white; text-decoration:none }
.kategorie-skryta { color:#999 }
.kategorie-skryta A { color:#999 }
.kategorie-skryta .ui-icon { opacity: 0.5; }

.filter { background:#eee; border:1px solid #999; padding:20px; margin-bottom:20px }
.filterItem { display:inline-block; margin-right:20px }
.datepicker { xbackground: url('/images/kalendar.gif') no-repeat #ffffff 6px; text-align:right; border:1px solid #666 }

BODY {
	--objStavCol1:#00ee00;
	--objStavCol2:#009933;
	--objStavCol3:#99ccff;
	--objStavCol4:#999999;
	--objStavCol5:#dd0000;
	--objStavCol6:#ffcc00;
	--objStavCol7:#ff7f50;
	--objStavCol8:#ff6600;
	--objStavBAZ:#ff0099;
}

.objStav1 { background:#00ee00 }
.objStav2 { background:#009933 }
.objStav3 { background:#99ccff }
.objStav4 { background:#999999 }
.objStav5 { background:#dd0000 }
.objStav6 { background:#ffcc00 }
.objStav7 { background:#ff7f50 }
.objStav8 { background:#ff6600 }
.objStavBAZ { background:#ff0099 }

.objStavOption1 { color:#00ee00 }
.objStavOption2 { color:#009933 }
.objStavOption3 { color:#99ccff }
.objStavOption4 { color:#999999 }
.objStavOption5 { color:#dd0000 }
.objStavOption6 { color:#ffcc00 }
.objStavOption7 { color:#ff7f50 }
.objStavOption8 { color:#ff6600 }

.zboziTab { display:flex; flex-flow:row wrap; justify-content:flex-start; background:#ffc299; list-style:none; margin:0; padding:0; margin-bottom:20px }
.zboziTab LI { text-decoration: none; display: block; padding:0.25em 1em; color:black; font-size:1.1em; xtext-transform:uppercase; cursor:pointer }
.zboziTab LI:hover { background:#ff6600; }
.zboziTab-current { background:#ff6600; }
.zboziNovaHodnota { border:2px solid green; background:#ccffcc }
.zbozi-eprodukt { xdisplay:inline-block; xmargin:5px 0px; xpadding:3px; background:orange; xfont-size:0.8em }

.HZstav { background:#ccc; display:inline-block; padding:3px; width:15px; text-align:center }
.HZstav1 { background:green; color:white; }
.HZstav2 { background:orange; color:white; }
.HZstav3 { background:#d00; color:white; }

.paging { display: flex; margin-bottom:10px }
.paging-item { width:18px; text-align:center; margin-right:10px; cursor:pointer }
.paging-item:hover { background:#d00 }

.tblObjednavky TD { xvertical-align:top }