@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 }

INPUT[type=text], INPUT[type=password], INPUT[type=number], INPUT[type=file], 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; 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; }

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.6em; color:white; xbackground:#ddd; padding:3px 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) }
.hidden { display:none }

.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:#369; border:0; color:white }
.buttonSmallOrange { text-transform:uppercase; padding:4px 8px; background:orange; border:0; color:white }

.button { text-transform:uppercase; padding:10px 20px; background:#0075b5; 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:hover { background:#ccc; cursor:pointer }
.TRdark { background:#eee; }
.TRlight { background:#fff; }
.noopen { cursor:default }

.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; }
.topmenu li:nth-child(2) { margin-left:0px; margin-right:auto; padding:0; text-align:left; }
.xtopmenu li:nth-child(3) { 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; }

.content {  }

.onecolumn { display:flex; xalign-items:flex-start; }
.twocolumn { display:flex; xalign-items:flex-start; xwidth:1250px; xjustify-content:space-between }
.column-left { width:320px; 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 }
.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 { background: 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;
}

.objStav1 { background:#00ee00 }
.objStav2 { background:#009933 }
.objStav3 { background:#99ccff }
.objStav4 { background:#999999 }
.objStav5 { background:#dd0000 }
.objStav6 { background:#ffcc00 }
.objStav10 { background:#ccff00 }

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

.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 }

.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 }