@import "lightbox.css";
@import "thickbox.css";
@import "jquery-ui-1.9.0.custom.css";
@import "chosen.css";

/* Zero borders etc.
******************************************************************************/
* { border: 0; margin: 0; padding: 0; }

/* Common tags
*******************************************************************************/
body { font: 12px Arial, Helvetica, sans-serif; background: url(pic/body-bg.png) repeat-y;  }
h2 { font-size: 1em; }
h3 { margin: 1em 0 0.2em 0; }
p { padding: 1em; }
a { color: #CC3333; }
ins { color: green; }
del { color: red; }
a:hover { color: Maroon; }
hr.end-of-page { clear:both; height:90px; margin: -1px 0 0 0; padding:0; border:none; visibility: hidden; }

.text-right { text-align: right; }
.text-left { text-align: left; }

.print { display: none; }


.flex-container { display: flex; }
.flex-container>div { padding: 0 1em; }
.flex-item-50  { flex-basis: 50%;  }

/* Container
*******************************************************************************/
div#container { padding-bottom: 90px; }

/* Login
*******************************************************************************/
.login-card {
  float: left;
  width: 120px;
  margin: 20px 15px 15px 0;
  padding: 10px 0;
  text-align: center;
  background: white;
  border: 1px solid #ccc;
  font-size: 75%;
  cursor: pointer;
}
.login-card:hover {
  border: 1px solid #000000;
}

/* Header
*******************************************************************************/
div#header { width: 100%; height: 90px; background: url(pic/header-bg.png) repeat-x; overflow: auto; }
div#header #user-info { position: absolute; top: 2px; left: 5px; font-weight: bold; }
div#header img#logo { float: left; }
div#header ul { list-style: none; height: 100%; }
div#header ul li { float: left; width: 80px; height: 100%; display:block; }
div#header ul li a { width: 100%; padding-top: 73px; padding-bottom: 2px; text-align: center; text-decoration: none; display:block; }
div#header ul li a#home { background: url(pic/navigace-domu.jpg); }
div#header ul li a#home:hover { background: url(pic/navigace-domu.jpg) 80px 0; }
div#header ul li a#good { background: url(pic/navigace-zbozi.jpg); }
div#header ul li a#good:hover { background: url(pic/navigace-zbozi.jpg) 80px 0; }
div#header ul li a#category { background: url(pic/navigace-kategorie.jpg); }
div#header ul li a#category:hover { background: url(pic/navigace-kategorie.jpg) 80px 0; }
div#header ul li a#dotazy { background: url(pic/navigace-dotazy.jpg); }
div#header ul li a#dotazy:hover { background: url(pic/navigace-dotazy.jpg) 80px 0; }
div#header ul li a#order { background: url(pic/navigace-objednavky.jpg); }
div#header ul li a#order:hover { background: url(pic/navigace-objednavky.jpg) 80px 0; }
div#header ul li a#supplier { background: url(pic/navigace-dodavatele.jpg); }
div#header ul li a#supplier:hover { background: url(pic/navigace-dodavatele.jpg) 80px 0; }
div#header ul li a#warehouse { background: url(pic/navigace-sklad.jpg); }
div#header ul li a#warehouse:hover { background: url(pic/navigace-sklad.jpg) 80px 0; }
div#header ul li a#costumer { background: url(pic/navigace-zakaznici.jpg); }
div#header ul li a#costumer:hover { background: url(pic/navigace-zakaznici.jpg) 80px 0; }
div#header ul li a#tool { background: url(pic/navigace-nastroje.jpg); }
div#header ul li a#tool:hover { background: url(pic/navigace-nastroje.jpg) 80px 0; }
div#header ul li a#marketing { background: url(pic/navigace-marketing.jpg); }
div#header ul li a#marketing:hover { background: url(pic/navigace-marketing.jpg) 80px 0; }
div#header ul li a#option { background: url(pic/navigace-nastaveni.jpg); }
div#header ul li a#option:hover { background: url(pic/navigace-nastaveni.jpg) 80px 0; }
div#header ul li a#statistic { background: url(pic/navigace-statistiky.jpg); }
div#header ul li a#statistic:hover { background: url(pic/navigace-statistiky.jpg) 80px 0; }
div#header ul li a#reclamation { background: url(pic/navigace-reklamace.jpg); }
div#header ul li a#reclamation:hover { background: url(pic/navigace-reklamace.jpg) 80px 0; }
div#header ul li a#exit { background: url(pic/navigace-odhlasit.jpg); }
div#header ul li a#exit:hover { background: url(pic/navigace-odhlasit.jpg) 80px 0; }
div#header div#logged-user { font-size: .9em; position: absolute; top: 2px; left: 870px; }
	
/* Main content of page
*******************************************************************************/
div#main { margin: 0 10px 0 200px; padding-left: 2em; position: relative; }
div#main h1 { width: 97%; padding: .1em 1.5%; margin-top: .5em; font: 3em; font-size: 1.4em; background: #EBEBEB; text-indent: 1em; font-weight: bold; }
div#main p { padding: .2em; }
div#main div.filter { margin: 0.5em 0; }
div#main div.filter input { margin: 0.3em 1em 0.3em 0.3em; }
div.error, div.info { width: 43%; margin: 1em auto 0 auto; padding: 1em; padding-left: 3em; font-weight: bold; border: 1px solid #CCCCCC; }
div.error { background: url(pic/error.png) no-repeat .6em .6em; color: Red; }
div.info { background: url(pic/info.png) no-repeat .6em .6em; color: #456CA1; }
div#main div#local-menu { margin: 1em 0 0 0; font-weight: bold; }
div#main div#local-menu a:hover { color: Maroon; }
div#main div.left { width: 49%; float: left;}
div#main div.right { width: 49%; float: right;}

span.grey { color: grey; }

/*---Tables---------------------------------------------*/
table { width: 100%; border-collapse: collapse; margin-top: 1em; }
table tr:hover td { background: #C3E2FF; }
table tr.color td { background: rgb(228,142,139); }
table tr.warning td { background: orange; }
table tr.color:hover td { background: #C3E2FF; }
table tr.color-blue td { background: rgb(255,255,153); }
table tr.color-blue:hover td { background: #C3E2FF; }
table tr.dispatch td { background: #2BB2FC; }
table tr.dispatch2 td { background: rgb(255,204,0); }
table tr.dispatch3 td { background: rgb(255,153,0); }
table tr.dispatch4 td { background: rgb(204,153,153); }
table tr.deleted td { text-decoration: line-through; }
table tr.bgReddish td { background: #FFEBEB; }
table tr.bgGreenish td { background: #EAFFEB; }
table td, th { border: 1px solid Silver; padding: .1em; font-size: 11px; background: #ffffff; }
table th { background: #DFDFDF; padding: .3em; text-align: center; }
table th.arrowthick,
table td.arrowthick { width: 16px; padding: 0px; }
table td { padding: .1em .4em; }
table td img { margin: auto 1px;  }
table td.talign-right { text-align: right; }
table td.talign-center { text-align: center; }
table td.nowrap { white-space: nowrap; }
table td.important { font-size: 1.5em; color: red; }

table.bigger td, th { padding: .3em .6em;  font-size: 12px; }




/*div#main .fold { border: 1px solid #C0C0C0; border-top: 0; padding: 5px; }*/
div#main .nodisplay { display: none; }
div#main .order { margin-bottom: 10px; padding: 1em; padding-top: 0; background: #f1f1f1; border: 1px solid #C0C0C0; margin-top: 5px;}
div#main .order-significant { background: rgb(255,208,240); border: 1px solid rgb(255,64,32); }
div#main .order td { padding: 0.3em; }
div#main .order .price { text-align: right; font-weight: bold; }
div#main .dotaz { padding: 0.5em; margin-top: 0.5em; background: #ffffff; border: 1px solid #C0C0C0; }

span.phone3 { margin: 0 0.2em;}
span.daktela-prefix { font-weight: bold; color: green; }

/* CHOSEN */
div#main.chosen-container { margin-left: 0.5em; }

#subnav { float: right; font-weight: bold; }
#subnav a { line-height: 1.5; font-weight: bold; }
#subpage { clear: both; }

#categoryordering ul { margin-left: 2em;}
#categoryordering li { margin: 0.2em 0; }
div#accordion div.diff { font-size: 0.8em; margin: 0.3em 0 1em 0; padding: 0.3em 0.7em; border: 1px solid #E0E0E0; background: #F0F0F0; }
div#accordion p.diff-head { font-size: 0.8em; font-weight: bold; margin: 0; padding: 0; }
/*---Forms----------------------------------------------*/
fieldset { padding: 1em 1%; margin-bottom: .5em; margin-top: 0; border: 1px solid Silver; }
fieldset fieldset { padding: 0.5em 1em; margin-bottom: .5em; margin-top: 0; border: 1px solid Silver; }
fieldset.center { width: 97%; clear: both; }
fieldset.left { width: 47%; float: left; clear: left; }
fieldset.right { width: 47%; float: right; clear: right; }
fieldset legend { padding: 0.5em; font-size: 1em; color: Gray; }
label { text-align:right; width: 170px; float:left; padding-top: .3em; }
label.checkbox { width: 90%; float: right; text-align:left; }
label.normal { float: none; }
fieldset.center label { width: 180px; }
select { margin-left: .5em; border: 1px solid Silver; }
textarea { margin-left: .5em; border: 1px solid Silver; }
input { margin-left: .5em; border: 1px solid Silver; }
input:focus, textarea:focus { background: #FFFFAA; }
input.submit { font-size: 1.1em; font-weight: bold; padding: 0.2em 1em;  margin: 0.5em; }
input.long, select.long { width: 16em; }
input.longer, select.longer { width: 26em; }
input.longer-50, select.longer-50 { width: 50em; }
input.normal, select.normal { width: 12em !important; }
input.short, select.short { width: 5em; }
input.shorty { width: 2em; }
input.calendar, select.calendar { width: 7em; }
label.required	{ font-weight:bolder; }
label.required0 { font-weight:bolder; } /* zjednoduseni v ediaci zbozi */
input.center { text-align: center; }
input.border-green, select.border-green { border: 1px solid green; } 
input.border-red, select.border-red { border: 1px solid red; } 
button.btn-lg { font-size: 1.2em; font-weight: bold; padding: 0.3em 1em;  margin: 0.8em 0.2em; }
button.selected { color: red; }
button.btn-input { padding: 0.0em 1em; border: 1px solid Silver;   }
button:hover { background-color: #c0c0c0; }

.ui-spinner { margin-left: .5em; }

.ui-sortable { list-style-type: none; margin: 0.5em 0; padding: 0; width: 90%; }
.ui-sortable li { margin: 0 3px 3px 20px; padding: 0.4em; padding-left: 1.5em; font-size: 1em; height: 18px; }
.ui-sortable li span { position: absolute; margin-left: -1.3em; }
.ui-sortable li.ui-state-default a { color: #CC3333; }

.ui-icon-arrowthick-2-n-s { cursor:move;	}

#images.ui-sortable { list-style: none; margin: 1em 0; width: 100%; }
#images.ui-sortable li.card { position: relative; float: left;	width: 150px;	height: 150px; margin: 0 10px 10px 0;	padding: 10px 0 0 0;
	text-align: center;	background: white; border: 1px solid #666;	border-left: 5px solid #666; font-size: 70%; }
#images.ui-sortable li.card .card-photo {	margin:0 auto; padding:0;	border: none;	}
#images.ui-sortable li.card .card-remove { cursor: default; position: absolute; right:0; bottom: 0;	width: 30px; margin: 0 5px; text-align: right; font-size: 90%;	color: #666;	}
#images.ui-sortable li.card .card-status { cursor: default; position: absolute; left:0; bottom: 0;	width: 30px; margin: 0 5px; text-align: left; font-size: 90%;	color: #666;	}

.images-photoboxee { list-style: none; margin: 1em 0; width: 100%; }
.images-photoboxee li.card { position: relative; float: left;	width: 150px;	height: 150px; margin: 0 10px 10px 0;	padding: 10px 0 0 0;
	text-align: center;	background: white; border: 1px solid #666;	 font-size: 70%; }
.images-photoboxee li.card .card-photo {	margin:0 auto; padding:0;	border: none;	}
.images-photoboxee li.card .card-remove { cursor: default; position: absolute; right:0; bottom: 0;	width: 30px; margin: 0 5px; text-align: right; font-size: 90%;	color: #666;	}
.images-photoboxee li.card .card-status { cursor: default; position: absolute; left:0; bottom: 0;	width: 30px; margin: 0 5px; text-align: left; font-size: 90%;	color: #666;	}

.ui-dialog fieldset {  padding: 1em 1%; margin-bottom: .5em; margin-top: 0; border: 1px solid Silver; }
.ui-dialog textarea { margin: 0; padding: 0; width: 100%; }
.ui-dialog p { padding: .2em; }
.ui-dialog .images { list-style-type: none; }
.ui-dialog .images li.card { position: relative; float: left;	width: 150px;	height: 150px; margin: 0 10px 10px 0;	padding: 10px 0 0 0;
	text-align: center;	background: white; border: 1px solid #666;	border-left: 5px solid #666; font-size: 70%; }

/* Left stripe
*******************************************************************************/
div#left { width: 200px; position: absolute; top: 90px; left: 0; }
div#left h2 { font-size: 1.4em; margin: .5em 0 0 .7em; }
div#left h3, #left ul { margin-left: 5%; }
div#left h3 { margin-top: .7em; font-size: 1.2em;   }
div#left ul:not(.chosen-choices) { width: 95%; list-style: none; }
div#left ul:not(.chosen-choices) li { display: inline; }
div#left ul:not(.chosen-choices) li a { padding: 3px; margin: 3px 0; display: block; border: 1px solid #CFCFCF; background: #F0F0F0; }
div#left ul:not(.chosen-choices) li a:hover { border: 1px solid Silver; border-right: 3px solid #CC3333; }
div#left ul:not(.chosen-choices) li.active { color: Black; font-weight: bold; text-decoration: none; border-right: 1px solid #CFCFCF; padding: 3px; margin: 3px 0; display: block; border: 1px solid #CFCFCF; background: #F0F0F0;}

div#left .chosen-container ul { margin-left: 0; }
div#left .chosen-container ul li { display: list-item; }


div#left form { margin-left: 5%; border: 1px solid #CFCFCF; background: #F0F0F0; padding: 0.3em;}
div#left form label { text-align: left; float: none; display: block; padding: 0; margin: 0; padding-top: 0.2em; }
div#left form input { margin: 0.1em 0; padding: 0; width: 90%; }
div#left form input.checkbox { margin: 0 0.3em 0.5em 0; padding: 0; width: auto; }
div#left form select { margin: 0.1em 0; padding: 0; width: 90%; }
div#left form .submit { font-size: 1em; font-weight: normal; margin: 0.3em 10% 0.1em 40%; width: 50%; }

div#left .category ul { width: 95%; list-style: none;  }
div#left .category ul ul { width: 100%; margin: 0; padding: 0; }
div#left .category ul li { margin: 0; padding: 0; display: block; background: #d0d0d0; border: 0; border-top: 1px solid #ffffff; }
div#left .category ul li li { margin: 0; padding: 0; background: #e0e0e0; }
div#left .category ul li li li { margin: 0; padding: 0; background: #f0f0f0; }
div#left .category ul li a { margin: 0; padding: 5px 0 5px 5px; border: 0; font-weight: bold; background: none; }
div#left .category ul li li a { margin: 0; padding: 3px 0 3px 15px; font-weight: normal;   }
div#left .category ul li li li a { margin: 0; padding: 3px 0 3px 25px; font-weight: normal;   }
div#left .category ul li li li li a { margin: 0; padding: 3px 0 3px 35px; font-weight: normal;   }
div#left .category ul li li li li li a { margin: 0; padding: 3px 0 3px 45px; font-weight: normal;   }
div#left .category ul li a:hover { border-right: 3px solid #CC3333; }
div#left .category ul li.active { color: Black; font-weight: bold; text-decoration: none; border-right: 1px solid #CFCFCF; padding: 3px; margin: 3px 0; }

/* Right stripe
******************************************************************************
div#right { width: 150px; position: absolute; top: 130px; right: 0; }
*/
/*---Popup----------------------------------------------
div#popup { position: absolute; top: 100px; left:100px; width: 400px; min-height: 150px; padding: 10px; _height: 150px; 
  background: #ffffff; border: 2px solid #C0C0C0; display: none; }
div#popup .close { position: absolute; top: 2px; right: 2px; }
*/

/* Footer
*******************************************************************************/
div#footer { height: 50px; margin: 0 150px; border-top: 1px solid Silver; }


label[title], label[nicetitle]	{
	border-bottom: #CC3333 1px dashed;
	cursor: help;
}

#js-tooltipDiv		{
	text-align:left; 
  width:160px; 
  border:1px solid #666; 
  line-height:1.3; 
  font-size:11px; 
  color:black; 
  padding:3px; 
  background:white;
  z-index:5;
  /* 	font-family:helvetica; */
	position:absolute; display:none;
	-moz-border-radius:5px;
}

/* Photos card */


.cleaner { clear:both }

.helper {
	border:2px dashed #777777;
}

/* Alternate style sheet for jQuery Keypad v1.4.0 */
button.keypad-trigger {
	width: 50px;
	padding: 0px;
}
img.keypad-trigger {
	margin: 2px;
	vertical-align: middle;
}
.keypad-popup {
	display: none;
	z-index: 10;
	margin: 0;
	padding: 0;
	background-color: #fff;
	color: #000;
	border: 1px solid #888;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
}
.keypad-keyentry {
	display: none;
}
.keypad-inline {
	background-color: #fff;
	border: 1px solid #888;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.keypad-disabled {
	position: absolute;
	z-index: 100;
	background-color: white;
	opacity: 0.25;
	filter: alpha(opacity=25);
}
.keypad-rtl {
	direction: rtl;
}
.keypad-prompt {
	clear: both;
	text-align: center;
}
.keypad-prompt.ui-widget-header {
	margin: 2px;
}
.keypad-row {
	clear: both;
	float: left;
	width: 100%;
}
.keypad-space {
	float: left;
	margin: 2px;
	width: 24px;
}
* html .keypad-space { /* IE6 */
	margin: 0px;
	width: 28px;
}
.keypad-half-space {
	float: left;
	margin: 1px;
	width: 12px;
}
* html .keypad-half-space { /* IE6 */
	margin: 0px;
	width: 14px;
}
.keypad-key, .keypad-special {
	float: left;
	margin: 4px;
	padding: 8px;
	width: 50px;
	text-align: center;
	cursor: pointer;
	font-size: 20px;
}
.keypad-spacebar {
	width: 164px;
}
.keypad-enter {
	width: 52px;
}
.keypad-clear, .keypad-back, .keypad-close, .keypad-shift {
	width: 92px;
	font-weight: bold;
}
.keypad-cover {
	display: none;
	display/**/: block;
	position: absolute;
	z-index: -1;
	filter: mask();
	top: -4px;
	left: -4px;
	width: 350px;
	height: 400px;
}

/* naseptavac */
.sg-results { margin-top: 1px; padding:0px; min-width: 450px; border:1px solid #cccccc; border-radius: 5px; background-color:#ffffff; overflow:hidden; color: #0083CA; font-size:12px; font-family: Arial, Helvetica, sans-serif; z-index:30; text-align: left;}
.sg-results ul { margin:0px; padding:4px; list-style-position:outside; list-style:none;}
.sg-results ul li { margin:0px; padding:0; cursor:pointer; display:block; overflow:hidden; border-bottom: 1px solid #cccccc; }
.sg-results ul li h4 { margin:0; padding:2px 4px; font-size:13px; background-color: #0058A6; cursor:none; color: #ffffff; }
.sg-results ul li div { margin:0; padding:2px 4px; }
.sg-result-img { float:left; width:120px; height:100%; text-align: left; overflow:hidden; }
.sg-result-text {
  display: table-cell; vertical-align: middle;
	font-weight:normal;
	text-align: left;
	background:none;
	padding:0 5px 0 0;
  height: 2.4em;
  margin: 0 0 5px;
  overflow: hidden;
 }
.sg-result-select { background-color:#00A1C6; color:#ffffff; border:0; background-image:none; font-weight:normal; text-decoration: underline; }
.sg-result-select h4{ color:#666666; }