body { text-decoration:none; padding:0; margin:0; width:100%; }
body, p { color:#000; font:normal 15px opensans,Verdana,Tahoma,sans-serif; }
li { list-style-type:none; }
ul { padding:0; margin:0; }
table { border-spacing:0; padding:0; margin:0; }
img a, a, img { text-decoration:none; color:#008; border:none; }
h2 { font:normal 2em exo2; margin:.4em 0; }
h3 { font:normal 1.6em exo2; margin:.4em 0; }
h4 { font:normal 1.52em exo2; margin:.4em 0 0 0; }
h5 { font:normal 1.3em exo2; margin:.4em 0 0.2em 0; }
.fieldset { width:100%; padding:0; margin:0; border:0; background:#fff; overflow:hidden; }
fieldset legend { background:#fff; padding:0 14px; border-radius:2px; }
input, textarea, select, option { border:1px solid #dae0da; border-radius:3px; background:#fff; padding:6px 6px; font:normal 1em opensans,Verdana,Tahoma; }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset;}
.cierne { color:#000; }
.sedsie { color:#888; }
.sede   { color:#aaa; }
.cervene { color:#d00; }
.oranzove { color:#d80; }
.fuchsia { color:#f0f; }
.modre { color:#00a; }
.zelene { color:#080; }
.zelene2 { color:#290; }
.storno { color:#55b; }
.nutne { color:#f10; padding-left:3px; }
.mensie { font-size:0.85em; }
.male { font-size:0.7em; }
.vacsie { font-size:1.3em; }
.trochuvacsie { font-size:1.15em; }
.alert { background-color:#f88; padding:0.4em 1em; margin:0.5em 0; font-weight:bold; }
.b { font-weight:bold; }
.r { text-align:right; }
.c { text-align:center; }
.l { text-align:left; }
.h { display:hidden; }
.toright { float:right; }
.spacer { height:5px; }
.spacer2 { height:1em; }
:focus{ outline:none; }
::placeholder { color:#ddd; }
.icons { font:normal 1.8em webelements; vertical-align:middle; display:inline; }
.icons-tools { color:#fff; font:normal 2em webelements; vertical-align:middle; }
.icon-menu { color:#fff; }
.noresult { font-size:1.5em; color:#aaa; margin-top:20px; width:100%; text-align:center; display:inline-block; }
.link { color:#008; cursor:pointer; }
.input[type=checkbox] { position:relative; cursor:pointer; margin-bottom:10px; }
.input[type=checkbox]:hover:before { border:1px solid #57c; }
.input[type=checkbox]:before { content:""; display:block; position:absolute; width:1.8em; height:1.8em; top:0; left:0; border:1px solid #ccc; border-radius:3px; background-color:white; }
.input[type=checkbox]:checked:after { content:""; display:block; width:5px; height:10px; border:solid black; border-width:0 2px 2px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); position:absolute; top:3px; left:8px; }
.ezmark { width:22px; }
.preciarknute { text-decoration:line-through; }
  
@font-face { font-family:opensans; font-weight:300; src:url('../fonts/OpenSans-Light.woff');  }
@font-face { font-family:opensans; font-weight:normal; src:url('../fonts/OpenSans-Regular.woff');  }
@font-face { font-family:opensans; font-weight:bold; src:url('../fonts/OpenSans-Bold.woff');  }
@font-face { font-family:exo2; font-weight:normal; src:url('../fonts/Exo2-Regular.woff');  }
@font-face { font-family:exo2; font-weight:500; src:url('../fonts/Exo2-Medium.woff');  }
@font-face { font-family:roboto; font-weight:normal; src:url('../fonts/RobotoCondensed-Regular.woff'); }
@font-face { font-family:roboto; font-weight:bold; src:url('../fonts/RobotoCondensed-Bold.woff'); }
@font-face { font-family:sofia; font-weight:normal; src:url('../fonts/SofiaSansCondensed-Medium.woff'); }
@font-face { font-family:webelements; font-weight:normal; src:url('../fonts/webelements1.ttf'); }

/* strankovac */
ul.nice_paging { padding:10px; text-align:center; color:#333; }
ul.nice_paging li { width:2em; height:2.1em; vertical-align:middle; text-align:center; margin:3px 4px; border:0px solid #aaa; background-color:#ddd; display:inline-block; list-style:none; }
ul.nice_paging li a:hover { background-color:#369; color:#fff; }
ul.nice_paging li.current { background-color:#369; color:#fff; line-height:2.1em; font-weight:bold; }
ul.nice_paging li a { line-height:2.1em; color:#777; display:inline-block; width:100%; height:100%; }
ul.nice_paging li.skokl { margin-right:16px; }
ul.nice_paging li.skokr { margin-left:16px; }

/* toolbar */
#toolbar-container { display:flex; width:100%; height:48px; background-color:#08d; white-space:nowrap; }
#toolbar-container #mobmenu { display:none; }
#navbar-brand { display:inline-block; width:160px; text-align:center; position:relative; }
#navbar-brand img { width:56px; position:absolute; margin:auto; top:0; bottom:0; left:0; right:0; }

#tools-container { display:flex; align-items:center; }
#toolbar { color:#fff; overflow-x:hidden; display:flex; margin:auto; }
#toolbar .edit-date { margin-left:6px; }
#toolbar .tool-icon { width:22px; height:22px; padding:0 6px; vertical-align:middle; }
#toolbar li { cursor:pointer; margin:2px auto; user-select:none; }
#toolbar li .label { padding-right:8px; position:relative; vertical-align:middle; }
#toolbar li .debbut { margin:0 10px 0 0; }
#tool_buttons { display:none; }
/* toolbar checkbox */
#toolbar input.checktool { padding:4px; margin-right:0.4em; color:white; width:1.8em; height:1.8em; border:1px solid white; border-radius:4px; display:inline-grid; appearance:none; background-color:var(--form-background); }
#toolbar input.checktool::before { content:""; width:1.1em; height:1.1em; clip-path:polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); transform:scale(0); box-shadow:inset 2em 2em; }
#toolbar input.checktool:checked::before { transform:scale(1); color:#fff; margin:auto; }
#toolbar-container .userid { margin:6px 1em 0 auto; color:#eee; font:normal 1em exo2; display:inline-block; position:absolute; right:0; top:0; }
#toolbar-container .userid div { padding-left:35px; background:url("../img/user-check.svg") 0 4px no-repeat; }

/* container */
#main-window { width:100%; }
#print-window { display:none; }
#container { display:flex; box-sizing:border-box; flex-wrap:wrap;  }
#dialog-prompt { z-index:99; }

/* main menu */
#main-menu { font-size:0.9em; width:13em; background-color:#eee; box-sizing:border-box; padding:0; text-overflow:ellipsis; white-space:nowrap; }
#main-menu li { cursor:pointer; user-select:none; position:relative; }
#main-menu li:hover { background-color:#ccc; }
#main-menu li a { padding:10px 7px 8px 10px; color:#444; display:block; text-decoration:none; }
#main-menu li.selected { background-color:#cdb; }
#main-menu li.domain { margin-top:8px; font-weight:bold; }
#main-menu .d-icon { padding:3px 10px 0 0; vertical-align:middle; display:inline; }
#main-menu .d-icon img { width:21px; height:21px; }
#main-menu li.fold {  }
#main-menu li.fold:hover { background-color:#ccc; }
#main-menu li.child { padding-left:17px; }
#main-menu .f-icon { float:left; width:16px; height:16px; padding:2px 8px; }
#main-menu .menuback { background-color:#888; }
#main-menu .menuback a { color:#ddd; padding:5px 7px 2px 10px; }
#main-menu .menuback:hover { background-color:#666; }
#main-menu .substart a::after { font:normal 0.7em webelements; content:'D'; float:right; }
#main-menu .separator { cursor:auto; user-select:none; height:0.5em; }
#main-menu .separator:hover { background-color:#eee; }


/* content list */
#content-list { flex:1; box-sizing:border-box; flex-grow: 0; flex-shrink: 0; flex-basis:40em; }
#datalist-container { border-right:1px solid #eee; }
/* content detail */
#content-detail { flex:1; padding-left:15px; } 
#content-detail .table-pohyby { width:100%; font:normal 1em roboto; }
#content-detail .table-pohyby td { padding: 2px 6px; }

#footer { box-sizing:border-box; }

/*#datalist { width:100%; height:calc(100% - 50px); clear:both; margin-bottom:-50px;}*/
.c10 { width:10%; }
.c11 { width:11%; }
.c12 { width:12%; }
.c13 { width:13%; }
.c15 { width:15%; }
.c18 { width:18%; }
.c20 { width:20%; }
.c25 { width:25%; }
.c30 { width:30%; }
.c35 { width:35%; }
.c40 { width:40%; }
.c45 { width:45%; }
.c50 { width:50%; }
.c60 { width:60%; }
.c70 { width:70%; }
.c80 { width:80%; }
.c90 { width:90%; }
.c99 { width:99%; }
.px20 { width:20px; }
.px30 { width:30px; }
.em1 { width:1em; }
.em2 { width:2em; }
.em3 { width:3em; }
.em4 { width:4em; }
.em5 { width:5em; }
.em6 { width:6em; }
.em7 { width:7em; }
.em8 { width:8em; }
.em10 { width:10em; }
.em15 { width:15em; }
.em20 { width:20em; }
.em25 { width:25em; }

#datalist { }
#datalist ul { font:normal 1.08em opensans; display:table; width:100%; }
#datalist ul li { display:table-row; }
#datalist ul li.hlavicka { background-color:#ddd; font:normal 1.06em sofia; }
#datalist ul li.hlavicka a { color:#686; }
#datalist ul li.hlavicka a:hover { color:#7a7; }
#datalist ul li.hlavicka div { padding:6px 5px 5px; border-right:solid 1px #ccc; }

#datalist ul li.list-polozka { cursor:pointer; }
#datalist ul li div { display:table-cell; padding:9px 5px; border-bottom:solid 1px #eee; user-select:none; -webkit-user-select:none; vertical-align:top; }
#datalist ul li div:first-child { border-left:solid 12px transparent; padding-left:0; }
#datalist ul li div:last-child { border-right:solid 12px transparent; padding-right:0; }

#datalist ul li .nazov { padding-right:6px; }
#datalist ul li.selected { background-color:#cdb; padding:1em; }
#datalist ul li:hover { background-color:#ccc; }
#datalist ul li .controls { float:left; width:25px; }
#datalist ul li .cb { width:11px; height:11px; border:1px solid #bbb; margin:8px 0 15px 0;  }
#datalist ul li .star { width:11px; height:11px; border:1px solid #bbb; }
#datalist ul li a { text_decoration:none; color:#000; }

/* stav zakazky */
.stav.zak_prijata   { background-color:#eee; }
.stav.zak_potvrdena { background-color:#99a; }
.stav.zak_cakatel   { background-color:#f11; }
.stav.zak_grafika   { background-color:#99d; }
.stav.zak_podklady  { background-color:#28b; }
.stav.zak_vovyrobe  { background-color:#fe8; }
.stav.zak_ukoncena  { background-color:#fa0; }
.stav.zak_sklharm   { background-color:#f6c; }
.stav.zak_priprexp  { background-color:#fd0; }
.stav.zak_castexped { background-color:#785; }
.stav.zak_exped     { background-color:#5b5; }
.stav.zak_fakt      { background-color:#595; }
.stav.zak_termin    { background-color:#f30; }
.stav.zak_storno    { background-color:#08b; }
.stav.zak_fakt      { background-color:#595; }
.stav.zak_ciastfakt { background-color:#895; }


.detail-modal { display:block; position:fixed; z-index:2; left:0; top:0; width:100%; height:100%; overflow:auto; background-color:rgba(0,0,0,0.6); }

/* detail buttons */
.detail-buttons { padding:10px 0; }
.debbut { font:normal 1em opensans; margin:0 0 10px 10px; position:relative; vertical-align:middle; cursor:pointer; text-decoration:none; border-radius:2px; padding:5px 12px 6px 37px; border:1px solid transparent; }
.debbut.disabled { color:#aaa; }
.debbut:hover { background-color:#ddd; }
.debbut img { position:absolute; left:9px; top:4px; width:21px; }
.!disabl.butt { color:#ccc; background-color:#ddd; cursor:default; }
.butt-spacer { width:2em; display:inline-block; }
.butt-newline { width:2em; display:block; }
.debbut.check { background-color:#ded; }
.debbut.check:hover { background-color:#d0e0d0; }
.debbut.trash { background-color:#edd; }
.debbut.trash:hover { background-color:#e0d0d0; }
.debbut.print { background-color:#bdf; }
.debbut.print:hover { background-color:#9cf; }
.debbut.image { background-color:#eeb; }
.debbut.image:hover { background-color:#dd9; }
.debbut.storno { background-color:#fdd; }
.debbut.storno:hover { background-color:#ebb; }

/** datepicker */
.simpledatepicker { width:9em; }
.datepicker { user-select:none; padding:8px; width:16em; position:absolute; line-height:1.7em; z-index:9999; border:1px inset #222; background-color:white; font-family:opensans; }
.datepicker .datetxt { color:#000; width:71%; text-align:center; font-weight:bold; margin-bottom:8px; display:inline-block; }
.datepicker .cal {  }
.datepicker .cal * { float:left; width:14%; text-align:center; text-decoration:none; }
.datepicker .cal .preday,
.datepicker .cal .postday { color:#aaa; }
.datepicker a { color:#000; cursor:pointer; }
.datepicker a:hover { background-color:#eee; }
.datepicker .btn { clear:both; }
.datepicker .PrevMonthBut,
.datepicker .NextMonthBut { display:inline-block; margin-top:8px; font-size:1.5em; width:14%; text-align:center; }
.datepicker .days { width:100%; color:#FF9A19; text-transform:uppercase; font-size: .8em; }
.datepicker .datepickertoday { background-color:#7CB7F3; }
.datepicker .CalendarCloseBut,
.datepicker .CalendarTodayBut { display:inline-block; width:50%; text-align:center; }

@media print {
 @page { size:A3; size:portrait; margin:0; }
}

/* responsive */
@media only screen and (max-width:1100px) {
 #toolbar-container { height:3.2em; }
 #toolbar-container .userid { display:none; }
 #main-menu { display:none; position:absolute; box-shadow: 5px 5px 10px gray; z-index:99; }
 #content-list { flex-basis:99% !important; }
 #content-detail { display:none; }
 #toolbar-container #mobmenu { display:inline-block; margin:auto 1em; width:1em; cursor:pointer; margin-right:2em; }
 #navbar-brand { display:none; }
 #navbar-brand img { width:6em; }
 .debbut { font-size:0.8em; }
 .debbut img { top:0.4em; }
}