/*=	CCS
	Global.css
	20.08.2013
	25.09.2013 [mp]

zlata			#A99570
tmave cervena	#C02F2A
tmave modra		#467F9F		
svetle seda		#F7F7F7
stredne seda	#E2E2E2
tmave seda		#666666

*/


/*= ROZLOZENI WEBU 
----------------------------------------------------------*/
body {
	font-size: .85em;
	font-family:Arial, Helvetica, sans-serif;
	margin: 0 0;
	padding: 0;	
	min-width: 1024px;
	}
header {
	margin: 0;	
	}
header,footer, nav, section {
	display: block;
	}
.page {
	width: 100%;	
	/*min-width: 1024px; */
	margin: 0 0;	
	padding: 0 0;		
	box-shadow: 1px 1px 5px 0px black; 
	display: table;
	}
header, #header {
	position: relative;
	margin: 0px;
	padding: 0;
	}
#main {
	width: 100%;	
	text-align: left;	
	}
#changelog {
	margin-bottom: 18px;
	}
footer	{
	min-height: 50px;		
	padding: 30px 0 0 0;
	text-align: center;
	line-height: normal;
	margin: 0 auto 0 auto;
	width: 100%; 
	font-size: .9em;
	}
.divFooterShadow {
	background: transparent;
	height: 13px;
	width: 92%;
	margin: 0 auto 0 auto;
	}
.divFooterShadow div {
	width: 100%;
	height: 13px;
	margin: 0 0 0 1px;
	}
div#title {
	display: block;
	float: left; 
	text-align: left;
	padding-top: 7px;
	}
#app-logo {	
	margin-left: 20px;
	float: left;
	}
.divAppRetail, .divAppMall {
	margin: 0 0 0 15px;
	/*float: left;*/
	width: 62px;
	height: 13px;
	}
#language-login {
	float: right;
	margin-right: 10px;
}
#logindisplay {
	font-size: 1em;	
	display: block;
	text-align: right;
	margin: 10px 10px 0 0;
	/* line-height: 20px; */
	width: 100%;
	color: #FFF;
	margin-right: 4px;
	}
#language-change {
	width: 200px;
	/*float: right;*/
	margin: 8px 10px 0 0;
	text-align: right;
	line-height: 20px;
	padding-bottom: 2px;
	}
#language-change span img {
	margin-bottom: -2px;
	}
#logindisplay a:link {
	color: #FFF;
	text-decoration: underline;
	font-family:Arial, Helvetica, sans-serif;
	}
#logindisplay a:visited {
	color: white;
	text-decoration: underline;
	}
#logindisplay a:hover {
	color: white;
	text-decoration: none;
	}
.divCompany {
	/*width: 304px;*/
	text-align: left;
	padding-left: 15px;
	margin: 5px 0 6px 0;	
	}
.divLoginPanel	{
	padding: 35px 15px 15px 15px;
	background: url('images/pozadi-prihlaseni.jpg') no-repeat left bottom; 
	min-height: 140px;
	width: 600px;
	margin: 0 auto 140px auto;	
	text-align: center;
	}

/*= DROBECKOVA NAVIGACE 
----------------------------------------------------------*/
#navigation-links {
	text-align:left;
	padding: 0 0 0 27px;	
	line-height: 21px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	}	
#navigation-links div.tp {
	float:left;
	margin-right:8px;
	}
#navigation-links div.link  {
	float:right;
	margin-right:8px;
	font-family:Arial, Helvetica, sans-serif;
	}

/* Rozlozeni hlavni casti stranky s obsahem a postranimi sloupci
------------------------------------------------------------*/
#main-layout  {
	padding:0 20px 20px 20px; 
	margin: 0 auto;	
	}
#main-layout div.col {
	float: left;	
	}
#left-column {
	padding-right: 5px;
	margin-right: 5px;
	float: left;
	}


/*= TEXTY 
----------------------------------------------------------*/
a:link {
	text-decoration: underline;
	}
a:hover {
	text-decoration: none;
	}
a img  {
	border: none;
	}
p, ul {
	margin-bottom: 20px;
	line-height: 1.6em;
	}


/*= NADPISY 
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	font-size: 1.5em;
	}
h1 {
	font-size: 2em;
	padding-bottom: 0;
	margin-bottom: 0;
	}
h2 {
	padding: 0 0 0 0;
	}
h3 {
	font-size: 1.2em;
	}
h4 {
	font-size: 1.1em;
	}
h5, h6 {
	font-size: 1em;
	}


/*= TAB MENU   
----------------------------------------------------------*/
/* ul#menu {
	padding: 0 0 2px;
	position: relative;
	margin: 0;
	text-align: right; 
	}
ul#menu li {
	display: inline;
	list-style: none;
	}
ul#menu li#greeting {
	padding: 10px 20px;
	font-weight: bold;
	text-decoration: none;
	line-height: 2.8em;
	}
ul#menu li a {
	padding: 10px 20px;
	font-weight: bold;
	text-decoration: none;
	line-height: 2.8em;
	border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	}
ul#menu li a:hover {
	text-decoration: none;
	}
ul#menu li a:active {
	text-decoration: none;
	}
*/


/*= FORMULARE   
----------------------------------------------------------*/

fieldset {
	padding: 1.4em;
	margin: 0 0 1.5em 0;	
	}
legend {
	font-size: 1.2em;
	font-weight: bold;
	}
textarea {
	min-height: 75px;
	}
input[type="text"], input[type="password"] {
	padding: 2px;
	font-size: 1em;
	width: 200px;
	}
select {	
	font-size: 1.2em;
	margin: 4px 0;
	font-size: 1.1em;	
	}
input[type="submit"] {
	font-size: 1.2em;
	padding: 5px;	
	}
input {
		margin: 4px 0;
	}
button {
		margin: 4px 0;
	}	
label img {
		padding: 8px 0 0 0;
	}	
	
	
/*= TABULKY
----------------------------------------------------------*/
table {
	border-collapse: collapse;
	}
table td {
	padding: 5px;
	}
table th {
	padding: 6px 5px;
	text-align: left;
	}
table.data {
	margin-top: 10px;
	margin-bottom: 10px;
	border-collapse:collapse;
	display: table;
	}	
 table.data th {
	vertical-align:bottom;
	vertical-align: middle;
	text-align:left;
	padding: 0 2px 0 5px;
	font-size: 1em;
	white-space: nowrap;
	height: 25px;
	font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
	}
table.data th.right {
	text-align:right;
	padding-right:2px;	
	}
table.data th.center {
	text-align:center;
	}
table.data tr.row-link {
	cursor:pointer;		
	}	
table.data tr.row-link:hover {
	cursor:pointer;		
	}
table.data td {
	font-family: Arial, Helvetica, sans-serif;
	}
table.data td.left {
	text-align:left;
	padding-left:10px;	
	}
table.data td.number {
	text-align:right;
	padding-right:2px;	
	}	
table.data td.datumCas {
	text-align:right;
	padding-right:2px;	
	width:110px;
	}	
table.data td.mesicRok {
	text-align:right;
	padding-right:2px;	
	width:50px;
	}	
table.data td.popis {
	font-style:italic;	
	}



/*= OSTATNI  
----------------------------------------------------------*/
.clear {
	clear: both;
	}
.permInfo {
	margin-top: 30px;
	font-size: 0.95em;
	}

input[disabled] {
  background-color: #E2E2E2;
  -webkit-text-fill-color: #E2E2E2
}

select[disabled]{
  background-color: #E2E2E2;
  -webkit-text-fill-color: #E2E2E2
}


/*= Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-valid {
	display: none;
	}
.validation-summary-valid {
	display: none;
	}

/*= Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, 
.editor-label {
	margin: 1em 0 0 0;
	}
.display-field, 
.editor-field {
	margin: 0.5em 0 0 0;
	}
.text-box {
	width: 30em;
	}
.text-box.multi-line {
	height: 6.5em;
	}
.tri-state {
	width: 6em;
	}


/*= HLAVNI MENU */
.wp-dropdownmenu-wrapper {
	text-align: center;
	width: 100%;
	padding: 0;
	}

/* MENU 
----------------------------------------------------------*/
nav { 
	font-family: Arial, Helvetica, sans-serif;
	display: table; 
	height: 34px;
	width: 100%;
	z-index: 999;
	text-align: center;
	font-size: 1em;	
	}
#divMenu {
	display: table;  
	float: left;	
	vertical-align: bottom; 
	margin: 0 auto -2px auto;	
	}
	
/* PRVNI UROVEN */
ul.dropdownmenu  {
	line-height: 35px; 
	font-size: 1em;
	font-weight: normal;	
	font-family: Arial, Helvetica, sans-serif;
	list-style: none;
	vertical-align: top;
	text-align:center;
	border: none;
	padding: 0;
	margin: 0 0 0 0;
	position: relative;	
	}	
ul.dropdownmenu  li, li#selectedLink {
	float: left; 
	display: block;	
	margin: 0 1em;
	padding: 0 1em;
	text-align: center;
	letter-spacing: 0.06em;	
	}
ul.dropdownmenu  li a {
	text-decoration: none;
	}	
ul.dropdownmenu  li a:hover {
	text-decoration: none;
	}
ul.dropdownmenu li ul	{
	margin-top: 34px;
	margin-left: 1px;
	}
ul.dropdownmenu  li.wp-dropdownmenu-selected a:hover {
	border: none !important;
	}
ul.dropdownmenu li {
	display: block;
	z-index: 1 !important;  
	}
ul.dropdownmenu li a, ul.dropdownmenu li a:visited {
	display: block;
	border: none;
	}
ul.dropdownmenu li.menuLastItem {
	border: none !important;
	}  	
ul.dropdownmenu li.hover {
	position: relative; 
	}
li.menuSelectedItem	{
	position: relative; 
	}
ul.dropdownmenu li.hover ul li {
	border: none;
	}


/* DRUHA UROVEN */
ul.dropdownmenu ul {
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	min-width: 200px; 
	white-space: nowrap;
	display: none;
	position: absolute; 
	z-index: 12;  
	top: 100%; 
	margin-top: 82px;  
	margin-left: -27px !important;
	padding: 0 0 0 0;
	border: none;
	}
ul.dropdownmenu .wp-dropdownmenu-item:hover ul {	
	display: block;
	}	
ul.dropdownmenu ul li {
	font-weight: bold;
	text-transform: none;
	padding: 0 0 0 0 !important; 
	border: none;
	border-right: none !important; 
	width: 100%; 
	line-height: 32px; 	
	height: 32px; 	
	margin: 0;
	}
ul.dropdownmenu ul li a {
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: normal;
	font-weight: normal !important;
	margin-left: 26px;
	margin-right: 24px;
	}
ul.dropdownmenu ul li:last-child a {
	margin-bottom: 10px;
	}  					
ul.dropdownmenu ul:last-child {
	border-bottom: none !important;	
	}  									  
/* IE 6 & 7 Needs Inline Block */
ul.dropdownmenu ul li a, ul.dropdownmenu ul li a:visited,ul.dropdownmenu ul li a:hover {
	text-decoration: none;
	font-size: 14px !important;
	font-weight: normal;
	width: 100%;
	display: inline-block;
	text-align: left;
	padding: 0 0 0 0; 
	padding-bottom: 8px;
	} 
ul.dropdownmenu ul li ul {
	margin-left: 0px;
	}  									  					  
ul.dropdownmenu li ul li:hover a, ul.dropdown li ul li a {
	background: transparent !important;
		}
ul.dropdownmenu li.hover ul li.hover {
	background-image: none;
	}
ul.dropdownmenu li.hover ul li a{
	margin-left: 4px;
	}


/*= POSTRANI MENU
-------------------------------------------------*/
#menu-context-page {
	min-width: 220px;
	padding-bottom: 0px;
	margin-right: 10px;
	}
#menu-context-page ul {
	margin: 0;
	padding: 0 10px;
	}
#menu-context-page li {
	list-style-type: none;	
	}
#menu-context-page ul li {
	padding-left: 10px 0 9px 10px;	
	border-top: 1px solid #E2E2E2;
	margin-top: -1px;
	}
#menu-context-page ul li a {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 1em;	
	line-height: 36px;
	margin-left: 20px;
	display: block;
	}
.parent {
	height: 32px;
	line-height: 32px;
	margin-right: -14px;
	padding-left: 20px;	
	}
.parent a {
	line-height: 32px;
	font-size: 1em;
	font-weight: bold;	
	text-decoration: none;
	padding-left: 10px;
	}


/*= DIALOGY
----------------------------------------------------------*/
.ui-dialog	{
	font-size: 1em !important;
}
.ui-button {
	line-height: 20px;
	margin-top: 4px;
	}
	

/* input pro vstup datumu pomoci JQueery DatePicker */	
input.date 
{
	width:80px;
}
	
#debug {
	border:1px solid #FFF;
	background-color: Red;
	color: #FFF;
	padding:0 2px;	
	font-weight:bold;
	}	
	
/*
@media screen and (max-width: 1600px) 
{
	#left-column 
	{
		display: none;	
	}
	
}*/

/*  tabulka s daty  */
tbody.cursor-hand tr 
{
	cursor: pointer;
	cursor: hand;
}

/* ikona napovedy u hlavniho menu aplikace */
#main-help 
{
	float:right;	
	padding-top: 8px;
	padding-right: 8px;
}

/* dodatecne upravy vzhledu datovych tabulek - toto mozna bude vhdonejsi presunout do temat... */
.DataTables_sort_icon 
{
	display:inline-block !important;	
}
.dataTables_info, .dataTables_length, .dataTables_filter
{
	font-weight:normal !important;
	margin-left: 3px;	
}

.dataTables_paginate a 
{
	margin-left:2px !important;
	margin-right:4px !important;
	margin-bottom:1px !important;
	padding: 1px 8px;
}

/* element obsahujici graf na strance http://...acsystem/Stats  */
#chart {
	/* padding: 4px 4px; */
	border: none;
	margin: 0;
	/* border-top: #E2E2E2 1px solid;	
	background: #FFF;			*/
	}
	
#tabsChart {
	border: 1px solid #e2e2e2;
	}

/* formatovani vstupnich/zadavcih elementu v editaci nebo filtrech */
div.cell  /* element/bunka s ruznymi vstupu v editacnich nebo filtrovacich formularich */
{
    float:left;
    margin:3px 3px;
    padding:3px 3px;
    /*border:1px dotted silver;*/
    /*width: 360px;*/
}
form div.input 
{
	margin-bottom: 5px;
	line-height: 27px;
}
form div.input input.disabled {
	background-color: #efefef;
	color:#333333;
}
form div.input label 
{
	display:inline-block;
	min-width:120px;	
	vertical-align: top;
}
#fmFiltr div.checkbox {
	line-height: 20px;
	padding-left: 125px;
}
#fmFiltr div.checkbox input {
	margin: 0 0;
}
#fmFiltr div.checkbox label {
	margin-left:4px;
}
form div.input label.disabled 
{
	color:Gray;
}
form div.input label.error
{
	min-width:18px;
	cursor: help;	
}
form .checkboxes div.input label 
{
	display:inline-block;
	text-align: left;
	padding-left: 4px;
}
form div.input label sup
{
	color:Red;
	font-size: small;
	position:relative;
	top:5px;
}


	
/* Tabulky JQuery = DataTable
----------------------------------------------------------*/
.dataTables_wrapper 
{
	border: 1px solid #e2e2e2 !important;	
	background: #E7EEF5;
	padding: 15px;
}

.dataTables_info, .dataTables_paginate 
{
	margin-top: 3px !important;
	padding-top: 2px !important;	
	font-size: 0.95em;	
	float: none !important;	
} 	

.dataTables_paginate 
{	
	margin-top: 5px !important;
	padding-top: 2px !important;
	padding-bottom: 2px !important;
	font-size: 0.95em !important;
	float: none !important;
	text-align: left !important;
	border-top: 1px solid #e2e2e2 !important;	
} 	
		
.paginate_active {
	background-color: #FFF !important;
	} 	
		
#stores{
    width: 100% !important;
} 

table.dataTable 
{
	width: auto !important;
	margin: 0 !important;
}

div.dataTables_filter 
{
	float: left !important;
	margin-left: 15px !important;			
}

td.success-ok 
{
	background: url("images/ikona-true.png") no-repeat scroll center center transparent;
}
td.success-fail
{
	background: url("images/ikona-false.png") no-repeat scroll center center transparent;
}

div.delete { background: url('images/delete.png') no-repeat center center; min-width:16px; cursor:hand; cursor:pointer;}
span.delete { background: url('images/delete.png') no-repeat center center; min-width:16px; display:inline-block; cursor:hand; cursor:pointer;}
span.delete-dis { background: url('images/delete-disable.png') no-repeat center center; min-width:16px; display:inline-block; cursor:hand; cursor:pointer;}
div.edit { background: url('images/edit.png') no-repeat center center; min-width:16px; cursor:hand; cursor:pointer;}
span.edit { background: url('images/edit.png') no-repeat center center; min-width:16px; display:inline-block; cursor:hand; cursor:pointer;}

span.export-profile { background: url('images/ikona-export.png') no-repeat center center; min-width:16px; display:inline-block; cursor:hand; cursor:pointer;}
span.import-profile { background: url('images/ikona-import.png') no-repeat center center; min-width:16px; display:inline-block; cursor:hand; cursor:pointer;}

table.dataTable td.photos-off { background: url('images/ikona-photos.png') no-repeat center center; }
table.dataTable td.photos-on { background: url('images/ikona-photos-on.png') no-repeat center center; }
table.dataTable td.del { background: url('images/delete.png') no-repeat center center; }
table.dataTable td.del-dis { background: url('images/delete-disable.png') no-repeat center center; }
table.dataTable td.edit { background: url('images/edit.png') no-repeat center center; }
table.dataTable td.sensor-off { background: url('images/ikona-sensor.png') no-repeat center center; }
table.dataTable td.sensor-on { background: url('images/ikona-sensor-on.png') no-repeat center center; }
table.dataTable td.sys { background: url("images/ikona-lock.png") no-repeat scroll center center transparent; }
table.dataTable td.dragdrop { background: url('images/ikona-dragdrop.png') no-repeat center center; }
table.dataTable td.default { background: url('images/ikona-true.png') no-repeat center center; }

/* grafy v prehledu */

div.chart-container
{
    width:48%;
    border: 1px solid #ababab;    	
    float:left;
    margin:4px;
}
div.chart-container .progress 
{
    background: white url("images/ajax-loader.gif") no-repeat scroll center center;
}
div.chart-container .chart 
{
    min-height: 250px;
}

div.chart-container .title 
{
    text-align:center;        
    font-weight:bold;
    padding-top:3px;
    padding-bottom:3px;
}  

div.chart-container .error 
{
	color:Red;
	padding-top: 20px;
	text-align: center;
	width:100%;
}

div.legend
{
	color: Gray;
	font-size: 85%;
}
div.legend ul 
{
	margin-top:3px;	
}

#dlgError {
	color: red;	
}
#dlgError .msg {
	width: 450px;
	margin: 0 auto;
	white-space: normal;
}
#dlgError .error-detail {
	font-style: italic;
	margin-top: 10px;
	white-space: pre;
	color: #666;
	font-size:0.85em;
}

/* toto slouzi hlavne pro jazykove preklady */
textarea.translate { display: none;}

/* vzhled pro zalozku obsahujici pudorysy/obrazky na strance statistiky */
#tabs-photos
{
}
	#tabs-photos .container
	{
		margin: 5px 5px;
	}
		#tabs-photos .container .item
		{
			float: left;
			height:350px;
			width: 250px;
			margin:2px 15px 2px 0;
			padding: 2px 2px;
			border: 1px solid gray;
			background-color: #efefef;
		}
		#tabs-photos .container .name
		{
			text-align:center;
			font-weight:bold;
			border-bottom:1px solid gray;
			height:40px;
		}
		#tabs-photos .container .desc
		{			
			font-style: italic;			
			border-top:1px solid gray;
			padding: 4px;
		}
		#tabs-photos .container .thumb {
			text-align:center;
		}
		#tabs-photos .container .thumb img
		{
			height:200px;
			width:250px;
			cursor:hand;
			cursor:pointer;
		}

/* Tlacitko pro vyber barvy z color pickeru  */
#btColor span {
    font-size: 0.9em;
    padding: 0;
    width: 80px;
}

#btColorSensor span {
    font-size: 0.9em;
    padding: 0;
    width: 80px;
}


/* Dialog pro editaci/spravu obrazku pudorysu prodejny */
	#dlgPhotos
	{
	}
		#dlgPhotos .container
		{
			height: 500px;
			overflow:scroll;
			list-style-type: none; 
			margin: 0 0 10px 0;
			padding: 0; 
		}

		#dlgPhotos .container .photo-item
		{
			height: 180px;
			border: 1px solid gray;
			margin: 2px 2px;
			padding: 2px 2px;	
			cursor: move;		
		}
			#dlgPhotos .container .photo-item:hover
			{
				background-color: #efefef;
			}

			#dlgPhotos .container .photo-item .img-thumb
			{
				float:left;
				cursor:hand;
				cursor:pointer;
				margin: 5px 5px;
				text-align:center;
				line-height:168px;
				width:140px;
			}

			#dlgPhotos .container .photo-item img.thumb
			{				
				max-height:128px;
				max-width:128px;
				vertical-align:middle;
			}
			#dlgPhotos .container .photo-item .delete
			{
				float: right;
				margin-right:5px;
				margin-top:3px;
			}
			#dlgPhotos .container .photo-item .inputs
			{
				float: left;
			}
				#dlgPhotos .container .photo-item .inputs label
				{
					width:110px;
					text-align:right;
					margin-right:3px;
					display:inline-block;
				}
			#dlgPhotos .container input
			{
				width: 400px;
			}
			#dlgPhotos .container textarea
			{
				width: 403px;
				resize: none;
				height:25px;
			}

/* Vzhled tooltipu - pouziva se napr. pro nahled obrazku pudorysu v administraci prodejen */
  .ui-tooltip, .arrow:after {
    background: #a9a9a9;
    border: 2px solid white;
  }
  .ui-tooltip {
    padding: 10px 20px;
    color: white;
    border-radius: 20px;
    font: bold 14px "Helvetica Neue", Sans-Serif;
    text-transform: uppercase;
    box-shadow: 0 0 7px black;
  }
  .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
  }
  .arrow.top {
    top: -16px;
    bottom: auto;
  }
  .arrow.left {
    left: 20%;
  }
  .arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    tranform: rotate(45deg);
  }
  .arrow.top:after {
    bottom: -20px;
    top: auto;
  }