/* 🚚 Expedice v2 */
* {margin:0; padding:0;} 
body {font-family:Verdana,Helvetica,sans-serif; font-size:16px; line-height:1.5em; overflow:scroll;}
#body {width:960px; margin:0 auto;}

.bold {font-weight:bold;}
.small {font-size:75%;} 
.bigRed {font-weight:bold; font-size:250%; color:red;}
.align-right {text-align:right;}
.align-center {text-align:center;}
.selectable, .clickable {cursor:pointer;}
.yellow {color:yellow;}

#head {background:#00426F; height:60px; line-height:60px; color:white;}
#head ul {list-style:none;}
#head a {
  display:block; line-height:50px; height:50px; margin:5px 0 5px 5px; width:80px; float:left; text-align:center;  
  background:#28628B; color:white; text-transform:uppercase; text-decoration:none; font-weight:bold; 
}
#head div.uzi {float:right;}
#head div.uzi a {float:right; margin:5px 5px 5px 10px; width:120px;}
#head a:hover, #head a.active {background-color:#4882AB;} 
#head a.act {background-color:#38729B;} 
 
a#dt {
  float:right; display:block; line-height:40px; height:40px; margin:0 0 0 10px; padding-right:10px; width:170px; text-align:right;  
  background:#28628B; color:white; text-transform:uppercase; text-decoration:none; font-weight:bold; 
}

#main {margin:20px 0 20px 0;}
#foot {background:#00426F; height:20px; line-height:20px; color:white; padding:5px 10px;}

h1 {font-size:22px; margin-bottom:16px;}  

div.dialog {display:none;}
.dialog label, .dialog input {display:block;}
.dialog input.text {margin-bottom:12px; width:95%; padding:.4em;}
.dialog fieldset {padding:0; border:0; margin-top:10px;}
.dialog div.data {line-height:1.8em; height:1.8em;}
.dialog div.data strong {float:left; width:140px;}
.dialog div.data span.alert {color:red;}
#odb-all-form div.input strong {float:left; width:200px;}
#odb-all-form span.prnBox {cursor:pointer; position:absolute; left:360px;}
.dialog div.input {line-height:2.4em; height:2.4em; font-size:24px;}
.dialog div.input strong {float:left; width:140px;}
.dialog div.input input {height:48px; font-size:24px; display:inline;}
.dialog div.input button {height:48px; width:48px;}
.dialog div.input .pocet div {height:150px; width:50px; float:left; text-align:center;}
.dialog div.input .pocet input {width:46px;}
.dialog div.customer {float:right; margin:0; padding:8px 3px 0 8px; line-height:1em; background-color:yellow; border:1px gray solid;}
.dialog div.customer div.odberatel {text-align:center; color:red; margin:0; padding:0;}

fieldset.search {border:1px solid #CCC; padding:5px 10px; background:#E0F0FF; margin-bottom:10px;}
fieldset.search select {margin-right:1em; height:24px;}
fieldset.search input {margin:0 4px 0 4px; height:24px; font-size:16px;}
fieldset.search input.checkbox {margin:0 4px 0 4px; height:1em; position:relative; top:4px;}
 
fieldset #podklient {font-size:20px;}
fieldset.box {border:1px solid #CCC; padding:5px 10px; background:#E0F0FF; margin-bottom:10px;}
fieldset.box select {font-size:24px;}
fieldset.box input {margin:0 10px 0 5px; height:24px; font-size:16px;}
fieldset.box input.submit {padding:1px 10px; font-size:20px; height:30px;}
fieldset.box form {height:40px;}
fieldset.box form.selected {background:#D0D0FF;}

table.data {
	border-collapse:collapse; 
	width:100%; 
	margin:10px 0; 
	white-space:nowrap;
/*	
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
*/	
}
table.data td {padding:5px 5px; border:1px solid black;}
table.data th {background:#00426F; color:white; text-align:left; border:1px solid black; padding:2px 5px;}
table.data tbody tr:hover td {background:#EEE;}
table.data tr.selected td, table.data tr:hover.selected td {background:#D0D0FF;}
table.data tr.done-more td, span.done-more, td.done-more {background:#00FF00;}
table.data tr.done-more.selected td, span.done-more.selected, td.done-more.selected {background:#00D086;}
table.data tr.err td, span.err, div.err, td.err {background:#FFC0C0;}
table.data tr.err2 td, span.err2, div.err2, td.err2 {background:#FF4040;}
table.data tr.done td, span.done, div.done, td.done {background:#C0FFC0;}
table.data tr.done.selected td, span.done.selected, div.done.selected, td.done.selected {background:#C0D8E8;}
table.data tr.alert td, span.alert, div.alert, td.alert {background:#FFFF00;}
table.data tr.alert.selected td, span.alert.selected, div.alert.selected, td.alert.selected {background:#D0D080;}
table.data tr.err_alert td, span.err_alert, div.err_alert, td.err_alert {background:repeating-linear-gradient(-45deg,#FFC0C0,#FFC0C0 15px,#FFFF00 10px,#FFFF00 20px);}
table.data tr.closed_alert td, span.closed_alert, div.closed_alert, td.closed_alert {background:repeating-linear-gradient(-45deg,#C0FFC0,#C0FFC0 15px,#FFFF00 10px,#FFFF00 20px);}
table.data tr.closed_alert.selected td, span.closed_alert.selected, div.closed_alert.selected, td.closed_alert.selected {background:repeating-linear-gradient(-45deg,#C0D8E8,#C0D8E8 15px,#D0D080 10px,#D0D080 20px);}

#host_data td a {color:darkblue; text-decoration:underline; font-weight:normal; display:talble-cell; height:18px; padding:0;}
table.data td a {color:black; text-decoration:none; font-weight:bold; display:inline-block; height:30px; padding:5px; min-width:40px;}
table.data td a:hover {background:#AAA;}
table.data thead th a {text-decoration:none; color:white; display:block;} 
table.data thead th a.order {background:url(order.gif) no-repeat right center; padding-right:20px;}
table.data td.tisk, table.data td.prijmout, table.data td.pocet {padding:0 4px 0 4px; text-align:center; vertical-align:middle;}
td.tisk, td.prijmout, td.pocet {padding:0 4px 0 4px; text-align:center; vertical-align:middle; font-weight:bold;}
td.kod 	     {font-weight:bold;}
td.prijmout  {white-space:nowrap;}
td.prijato   {white-space:nowrap; text-align:right; width:4em;}
td.cena      {white-space:nowrap; text-align:right;}
td.velikost  {white-space:nowrap; font-size:80%;} 
td.poznamka  {white-space:normal; font-size:80%; font-weight:bold;} 
td.rod_druh  {white-space:normal; font-size:90%;}
td.objednano {font-weight:bold; color:blue; text-align:center;}

#print {border:1px solid black; width:960px; margin:10px auto; display:none;}

span.top_buttons {float:right;}
.top_buttons img {margin-left:16px;}
a.add_item {float:left; margin-right:8px;}

fieldset#login {width:680px; margin:1em auto; padding:1em; font-size:20px; line-height:1.8em; text-align:center;}
fieldset#login select, fieldset#login input {font-size:20px; margin-right:1em;}
fieldset#login select {font-size:20px; margin-right:1em; height:34px; width:260px;}
fieldset#login input.submit {margin-left:10px; padding:2px 10px;}
.error   {color:red; font-weight:bold;}
.blue    {color:blue; font-weight:bold;}
.red     {color:red;}
.darkred {color:DarkRed;}

/* Ivo Truxa - global CSS */
span#pageLoadTm {font-size:9px; color:#888888; font-style:italic;}
span#status {font-size:10px; color:#777; position:relative; float:right;}
div#loading, div#waiting {display:none; position:fixed; color:#334455; text-align:center; top:250px; left:45%; padding:5px;z-index:99 !important;}
div#ban {margin-top:1em 0 1em 0; min-height:600px;}
span#resetSrch {cursor:pointer;}
#ban p {margin:1em 0 1em 0;}
table.center tr td, .center tr th {text-align:center;}
table.data tr.dead td, span.dead, td.dead {background:#CCBBBB; color:#777777;}
img.menuBtn  {position:relative; float:right; border:0; margin-left:8px;}
div.pagemenu {position:relative; float:right;}
div.pagemenu a {font-size:24px; text-decoration:none; margin-left:8px;}
a.utfBtn {font-size:24px; text-decoration:none; margin-right:12px; cursor:pointer;}
.search span.search_btn {position:relative; float:right; font-size:20px; padding-right:4px; cursor:pointer;}
div#tbox-edit select {padding:2px 2px 6px 2px; width:100%;}
.search span {font-size:12px;}
.option {color:#aaa;}
span.button-shortcut {font-size:14px; font-weight:bold; color:#aaa; background-color:#fff; position:absolute; top:-12px; left:6px; padding:0 4px 0 4px; border:1px solid #ccc;}

/* Ivo Truxa - CSS for the page 'AUTA' */
div#paview {width:960px; height:680px; border:1px solid black;}
div#mosaic {width:960px; border:1px solid black;}
div#mosaic img {margin:2px; padding:0; line-height:168px; border:1px solid #ccc;}
input.search_l {width:420px;}
input.search_m {width:280px;}
ul.legend span {padding:1px 5px 2px 5px; border:1px #333333 solid;}
ul.legend {font-size:14px; margin-left:0; padding-left:1em; text-indent:-1em;}
ul.legend li {font-size:12px; margin-left:1em; padding-left:0em; text-indent:0;}
td img.tdimg {margin:0; padding:0; border:0; vertical-align:top;}
td.spz {font-weight:bold; color:#00426F; white-space:nowrap;}
.mins {font-style:italic;}
.secs {font-style:italic;}
table.data td a.light {color:blue; text-decoration:none; font-weight:normal; display:inline; height:10px; padding:0px; min-width:40px;}
table.data td a.light:hover {background:#AAA;}
.editloc label {display:block; margin-top:10px; font-size:90%;}
.editloc input {display:block;}
.editloc input.text {width:95%; padding:.4em;}
fieldset.editloc {padding:0; border:0; margin:0;}
td.loctime {font-size:90%;}
td.gmaps, td.spz {white-space:nowrap; cursor:pointer; text-align:center;}
td.trip_cust {font-size:60%; white-space:normal;}
p.copyright {font-size:80%; text-decoration:none; color:#999e9f; border:0;}
.nogps  {color:#aa6666;}
.badgps {color:#ff0000; font-weight:bold;}
.trip-invoice {font-weight:bold; padding:1px; border:1px solid #bdb; color:#080;}
.trip-done {background-color:#88eebb; font-weight:bold; padding:2px;}
.trip-recl {background-color:#ff8888; font-weight:bold; padding:2px;}
.trip-paid {background-color:#229922; font-weight:bold; padding:2px; color:white;}

/* Ivo Truxa - CSS for the page 'VYDEJ' 'PRIJEM' */
/* Pro WINDOWS7:span.box_btn {font-family:Segoe UI symbol; margin-left:16px; font-size:28px;} */
span.box_btn {margin-left:16px; font-size:28px;}
img.fishImg {float:right; background-color:white; padding:4px; margin:4px 0 0 0; border:1px solid #888; max-width:200px; max-height:120px;}
input.ui-widget-content {border:1px solid #888;}
.prijem .box button {height:28px;}
.prijem .box button.btn_img {position:relative; top:6px;}
.prijem .box button b {font-size:18px; line-height:1em;}
.box_closed {font-weight:normal; color:red; font-style:italic;}
.box_opened {font-weight:bold; color:green; font-style:normal;}
.hidden {display:none;}
.blinking {animation:blinkingBg 1.5s infinite;}

@keyframes blinkingBg{
    0%  {background-color:#yellow;}
    30% {background-color:#000;}
    40%{background-color:#yellow;}
}
#f1_chov_line {display:hidden;}
#scanMode {vertical-align:top; padding:10px; margin-right:20px; border:1px solid #888;}
#autoAccept {position:relative; top:4px; font-size:28px;}
#odb-change-warn {background-color:#ffcccc; padding-top:25px; text-align:center;}
#scan-info {background-color:#ccffcc; text-align:center;}
#scan-info h1 {padding:15px; font-size:3em;}
#scan-info span#quantity {font-size:3em; font-weight:bold; color:darkblue;}
#scan-info span#label_nr {font-size:1.6em; font-weight:bold;}
#scan-info div#note {font-size:0.9em; line-height:1em; margin-top:15px;}
#scan-info div#note b.err {font-size:1.1em; line-height:1.2em; color:red;}
#scan-info span.small {font-size:16px;}
#alert-win {background-color:#ffee88; padding-top:25px; text-align:center;}
#alert-text {font-size:1.1em; line-height:1.2em; color:black; text-align:left;}
#stock_list_tbl input {display:inline;}

/* Ivo Truxa - CSS for the page 'ADMIN' */
.perms label, .perms input {display:inline; margin-left:1em;}
td.role {font-size:80%;}
#send_msg textarea {height:90px; width:100%; font-size:12px;}
#box_closing form {position:relative; top:5px;}
.params input {width:400px; font-size:16px;}
input.params {padding:5px; font-size:16px;}
select.params {font-size:16px; height:24px; width:400px;}
table.data th.paramsCat {color:black; background-color:#ccf; padding:0.8em 0 0.3em 1em; font-size:110%;}
table.data td.progressbar {margin:0; padding:0;}
table.data td.progressbar div {margin:0; padding:0; text-align:left; position:relative; bottom:-4px; height:4px; width:100%;}
table.data td.progressbar div p {margin:0; padding:0; height:100%; width:0%; background-color:#080;}
table.data .hosts1 {text-align:left;}
table.data .hosts2 {text-align:center; display:none;}
table.data .hConn1 {text-align:center; display:none;}
table.data .hConn2 {text-align:center; display:none;}
table.data .er2, div.er2, div.hConn1, div.hConn2 {display:none;}
div.er1, div.er2, div.hConn1, div.hConn2 {background-color:#08f; border:1px solid #114; font-size:16px; font-weight:bold; text-align:center; height:24px; width:26px;}
div.host2, div.hConn1, div.hConn2 {display:none; margin-right:1em;}
#host_list table.data th {cursor:pointer;} 
div.emergency_login {width:100%; text-align:right; margin:4px 4px 12px 4px;}
div.changelog {width:960px; height:700px; overflow:auto; font-size:12px; font-family:monospace; white-space:pre;}
div.delete_log {text-align:center; margin:1em;}
div.delete_log a {text-decoration:none;}

/* Ivo Truxa - CSS for the page 'STAV' */
table.data tr td.status {padding:0; margin:0; width:110px;}
div.status_chart {position:relative; height:36px; width:100%;}
div.status_chart div {position:absolute; height:100%; text-align:center;}
div.status_detail {background-color:transparent; width:100%; padding-top:4px;}
div.status_detail div {font-size:8px; line-height:10px; text-align:left; padding:0 0 0 1.2em;}
.linkMenu span {font-size:12pm; padding-right:0.5em; color:#22e; cursor:pointer; text-decoration:underline;}
.linkMenu span.selected {font-weight:bold; color:black; cursor:default; text-decoration:none;}
td.traces_rcp {font-weight:bold; font-size:14px;}
table.data td a.pdf {color:blue; text-decoration:underline; font-weight:bold; display:inline; height:14px; padding:0px; min-width:10px;}
table.data td a.pdf:hover {background:#bbb;}
table.data td a.pdf_ok, .pdf_ok	{font-weight:bold; color:green;}

/* Ivo Truxa - CSS for the page 'SKLAD' */
#stock_labels th {text-align:right; padding-right:1em; padding-top:5px;}
#stock_labels input {width:160px;}
#stock_labels input.checkbox {width:20px; margin-right:16px; display:inline; height:1em; position:relative; top:4px;}
#lbl_sel_stock {width:160px; height:22px; font-size:13px; line-height:18px; text-align:left;}
#lbl_kod_chov {display:none;}
#lbl_order {width:325px;}
#stock_btn {padding:4px; cursor:pointer; margin-left:15em;}
#boxlog_btn {cursor:pointer;}
#boxdebt_btn {cursor:pointer;}
div.stock_note {font-size:12px; font-weight:normal; margin-top:1em;}
td.send2fl, th.send2fl {text-align:center; padding:0; margin:0;} 
td.send2fl {cursor:pointer;} 
td.send2fl b {font-weight:bold; font-size:80%; position:relative; top:2px;} 
td.codeName, th.codeName {display:none;}

#boxes-head th {text-align:center;}
#boxes-data td {text-align:center;}
#boxes-data td.cust {text-align:center; font-weight:bold;}
#boxes-data input {font-size:16px;}

table.report {border-collapse:collapse; margin:10px 0; white-space:nowrap;}
table.report th {background:#00426F; color:white; text-align:left; border:1px solid black; padding:8px 5px 4px 8px;}
table.report td {padding:5px 5px; border:1px solid black; vertical-align:center;}
table.report tr.error td {line-height:30px;}
table.report td img {margin-left:10px; position:relative; top:4px;}
#print_progress table {width:100%;}
#print_progress table td, #print_progress table th {font-size:12px; margin:0; padding:0; line-height:1.5em;}
#print_progress table td {text-align:left;  white-space:normal; word-wrap:break-word; overflow:hidden;}
#print_progress table th {text-align:right; white-space:nowrap; font-weight:bold; padding-right:1em; width:120px;}
#print_progress table td#stk_pbar_label {text-align:center;}
#prn_err_ln {display:none; color:red;}