a:link    {color: black; text-decoration:none; }
a:visited    {color: black}
a:active    {color: red}

.d_center
{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.headcover
{
	width:100%;
	height:auto;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	/* margin-bottom:10px; */
	color:blue;
	font-family: arial CE, sans-serif;
	text-align:center;
	font-size	:40px; 
	padding-top:0px;
	/* border-bottom: 2px solid blue; */
	background:#33A1B1;
}

.logo
{
	padding-left:20px;
	padding-right:20px;
	padding-top:15px;
	width:180px;height:80px;
	background-image: url('/img/logo_ew.png');
	background-repeat: no-repeat;
	background-position: center;
	/* background-color: #33A1B1; */
}
.headcontrols_left
{
	width:auto;
	background: #33A1B1;
	height:80px;
}

.headcontrols_right
{
	width:auto;
	height:72px;
	font-size	:17px; 
	padding: 8px 8px 0 8px;
	background: lightblue;
	color:black;
	border-radius: 5px;
}

.headcontrols_login
{
	width:auto;
	height:60px;
	font-size	:17px; 
	padding: 8px 8px 0 8px;
	margin:10px 10px 0 0;
	background: #55C3D3; /*#B5F2F9; #DFECF2; #004964;  #33A1B1; */
	color:white;
	border-radius: 5px;
}

.headcontrols_dev
{
	width:auto;
	height:60px;
	font-size	:17px; 
	padding: 8px 8px 0 8px;
	margin:10px 10px 0 0;
	background: #226B86; /*#B5F2F9; #DFECF2; #004964;  #33A1B1; */
	color:white;
	border-radius: 5px;
}

.devcard-dsc
{
	font-family: arial CE, sans-serif;
	font-size: 14px;
	color:white;
	height:20px;
	width:auto;
	text-decoration: underline;
}

.devcard-bat-bar-cover
{
	width: 130px;
	height: 20px;
	border: 1px solid white;
	border-radius: 2px;
	margin: 5px 0 0 0px;

}

.devcard-bat-bar
{
	width: 126px;
	height: 16px;
	border-radius: 2px;
	margin: 2px;
	background-color: #A4E1E8;
	text-align: left;
}

.devcard-bat-bar-proc
{
	color:white;
	font-family: arial CE, sans-serif;
	font-size: 12px;
	text-align: left;
	padding-left: 5px;
}

.title
{
	width:500px;
	height:50px;
	/*margin-top:10px;*/
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	color:blue;
	font-family: arial CE, sans-serif;
	text-align:center;
	font-size	:40px; 
	border:2px solid blue;
	border-radius: 5px;
}

.partcover
{
	width: 1000px;
	height: auto;
	min-height: 400px;
	margin-left:auto;
	margin-right:auto;
	background: blue;
	padding-top:15px;

}

.tablerow
{
	width: 1000px;
	height:30px;
	margin-left:auto;
	margin-right:auto;
}

.tablerow_dev
{
	width: 1000px;
	height:33px;
	padding-top:4px;
}

.titlerow
{
	margin-top:0px;
	padding-top:15px;
	padding-bottom:10px;
	height:auto;
}

.datarow
{
	background: yellow;
}

.datarowcolor1
{
	background: #B5F2F9;
}

.datarowcolor2
{
	background: #DFECF2;
}

.tablecell
{
	width:33px;
	height:100%;
	font-family: arial CE, sans-serif;
	font-size	:14px; 
	float:left;
	/*padding-bottom: 5px;*/
	/*border:solid 1px black;*/
}

.tablecell_dev
{
	height:80%;
	padding-top:5px;
}

.datarow_fat
{
	font-family: arial CE, sans-serif;
	font-size	:18px;
	font-weight: bold;
	padding-top:2px;
}

.headcell
{
	color:white;
	text-align:center;
	padding-left:5px;
	padding-top:10px;
}

.datacell
{
	color:black;
	text-align:right;
}

.datarow_soldid
{
	font-family: arial CE, sans-serif;
	font-size	:18px;
	font-weight: bold;
	padding-top:2px;
	color:#33A1B1;
}

.formtitle
{
	height:20px;
	padding-right:2px;
}

.forminput
{
	height:20px;
	padding-right:5px;
}

.mainframe
{
	width:1000px;
	height:auto;
	background-color: lightgray;
	border:1px solid black;
	margin:20px auto auto auto;
	padding: 10px 0 20px 0;
}

.show_border
{
	border: 1px solid black;
}


/* ********************** uzivatelske tlacitko ******************************** */
.inputdialog { min-width:500px; width: auto; min-height: 110px; display:none; height: auto; }
.timespandialog { min-width:350; width: auto; min-height: 110px; display:none; height: auto; }

.userbottoncover { width:120px; height:70px; margin-left:30px; margin-top:20px; border:1px solid transparent; float:left; } 
.userbutton { width:90px; height:50px; text-align:center; padding:5px; background-repeat: no-repeat; background-position:center center; border-radius:3px; }
.userbutton:hover { cursor:pointer; }
.userbutton:active { margin-left:1px; margin-top:1px; }
.userbutton2 
{ 
		width:90px; height:50px; text-align:center; padding:5px; 
		background-repeat: no-repeat; background-position:center center; 
		background:#95afe1;
		border-left:2px solid white;
		border-top:2px solid white;
		border-right:2px solid gray;
		border-bottom:2px solid gray;
}
.userbutton2:hover { cursor:Default; }
.userbutton2:active 
{ 
		border-left:2px solid gray;
		border-top:2px solid gray;
		border-right:2px solid white;
		border-bottom:2px solid white;
}

.userbuttontext { width:auto; text-align:center; color:blue; font-family: arial CE, sans-serif;}

.bs_gradient
{
	background-color:blue;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgb(255,255,255)),color-stop(0.8,rgb(0,0,128)));
	border-radius: 5px;
}

.bs_gradient:hover
{
	background-color:lightblue;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgb(255,255,255)),color-stop(0.6,rgb(0,0,128)));
}

.bs_border { border:1px solid gray; }
.bs_border:hover { border:1px solid blue; }

/* ****************************************************** */

.ajax_num
{
	width:50px;
	height:28px;
	padding:3px;
	background-color:yellow;
	border:1px solid gray;
	color:black;
	padding-right:6px;
	text-align: right;
}	

.ajax_num:hover
{
	background-color:lightblue;
	cursor: default;
}


.goodsselrow { width:200px; height:20px; margin-left:10px; margin-top:1px; border:1px solid transparent; padding:2px; float:left; background:gray; color:white; font-size:12px;}
.goodsselrow:hover { cursor:pointer; background:blue; color:white; }

.clearfloat { clear:both; }

#ajaxBusy
{
  display: none;
  vertical-align: top;
  margin: 0px 0px 0px -50px; /* left margin is half width of the div, to centre it */
  padding: 30px 10px 10px 10px;
  position: absolute;
  left: 40%;
  top: 200px;
  position: absolute !important;
  width: 300px;
  height: 300px;
  text-align: center;
  background: #e8e8e8 url('/img/loading.gif') no-repeat center center;
  /*background: black url('/img/loading.gif') no-repeat center center;*/
  border: 1px solid transparent;
  border-radius:10px;
}


/* formular pro zadavani parametru */
.form_help	/* otaznik pro napovedu k formulari */
{
	font-family: arial CE, sans-serif;
	font-size	:18px;
	font-weight: bold;
	color: gray;
	padding:0 5px 0 5px;
	width:100%;height:100%;text-align:center;display:table-cell;vertical-align:middle;
}

.form_help:hover
{
	cursor: pointer;
}

.edit_name
{
	height:27px; text-align:right; padding:3px 10px 0 0;
}

.edit_val
{
	width:auto;height:25px; margin-top: 2px;
}

.edit_units
{
	width:auto;height:27px; text-align:left; padding:3px 3px 0 5px;
}

.edit_help
{
	width:12px;height:15px; text-align:center; padding:2px 2px 2px 2px; background-color:#E1E1E1; border-radius: 3px;
	font-family: arial CE, sans-serif;
	font-size	:14px;
	font-weight: bold;
	margin-top: 3px;
	margin-left: 15px;
	margin-right: 5px;
}

.edit_help:hover
{
	cursor: help;
}

.edit_cover
{
	width:100%;height:auto;padding:5px;
}

.edit_err
{
	width:auto;height:auto;padding:5px; color:#cc0000; font-size:13px; margin-right:10px;
}

.radio_cover
{
	margin-left:100px;
}

.cradio {
  width: 20px;
  height: 20px;
}

.m_cradio {
  width: 35px;
  height: 35px;
}


/* formular pro zadavani parametru, mobilni verze */
.m_edit_container
{
	width:auto; height:auto; border-radius:10px; margin:0px auto 0px auto; padding:20px 20px 50px 20px; background: lightblue;
}

.m_edit_cover
{
	width:100%;height:auto;padding:5px;padding-bottom:15px;
}

.m_edit_name
{
	height:24px; text-align:right; padding:3px 10px 0 0;
}

.m_edit_val
{
	width:auto;height:34px; margin-top: 0px;
}

.m_edit_units
{
	width:auto;height:27px; font-size: 20px; text-align:left; padding:3px 3px 0 5px;
}

.m_edit_err
{
	width:100%;height:auto;padding:5px 0 5px 10px; color:#cc0000; font-size:13px;
}

/* menu */
.dist_menu_cover
{
	width:1000px;
	height:auto;
	margin:5px auto 0px auto;
	background: white;
}

.dist_menu
{
	width:auto;
	height:auto;
	margin:0;
	background:white;
	font-weight: bold;
	font-size: 17px;
	font-family: arial CE, sans-serif;
}


/* polozka menu neaktivni*/
.dist_menu_item
{
	width:100px;
	height:30px;
	margin:0px 1px 0px 0px;
	background: #889093; /* #888888; */
	color: white;
	text-align: center;
	padding-top: 10px;
}

.dist_menu_item:hover
{
	background:#33A1B1;
}

/* aktualne vybrana polozka menu */
.dist_menu_item_act
{
	width:100px;
	height:31px;
	margin:0px 1px 0px 0px;
	color: white;
	/* background: #33A1B1; */
	text-align: center;
	padding-top: 10px;
	text-decoration: underline;
}

.act_menu_bg
{
	background: #2290A0;
}

.mapabut
{
	width:auto;
	height:auto;
	clear:both;
}

.bor_sign
{
	margin-left:5px;
	width:15px;
	height:15px;
	background:#b30000;
	border-radius:7px;
	margin-left: 10px;
	/*margin-right: auto;*/
}

.formbutton {
   border: 0px solid #0a3c59;
   background: #2e688f;
   background: -webkit-gradient(linear, left top, left bottom, from(#76c5fa), to(#2e688f));
   background: -webkit-linear-gradient(top, #76c5fa, #2e688f);
   background: -moz-linear-gradient(top, #76c5fa, #2e688f);
   background: -ms-linear-gradient(top, #76c5fa, #2e688f);
   background: -o-linear-gradient(top, #76c5fa, #2e688f);
   background-image: -ms-linear-gradient(top, #76c5fa 0%, #2e688f 100%);
   padding: 9px 18px;
   -webkit-border-radius: 7px;
   -moz-border-radius: 7px;
   border-radius: 7px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   text-shadow: #3e779d 0 1px 0;
   color: #ffffff;
   font-size: 14px;
   font-family: helvetica, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.formbutton:hover {
   border: 0px solid #0a3c59;
   text-shadow: #3e779d 0 1px 0;
   background: #3e779d;
   background: -webkit-gradient(linear, left top, left bottom, from(#2784c2), to(#3e779d));
   background: -webkit-linear-gradient(top, #2784c2, #3e779d);
   background: -moz-linear-gradient(top, #2784c2, #3e779d);
   background: -ms-linear-gradient(top, #2784c2, #3e779d);
   background: -o-linear-gradient(top, #2784c2, #3e779d);
   background-image: -ms-linear-gradient(top, #2784c2 0%, #3e779d 100%);
   color: #ffffff;
   }
.formbutton:active {
   text-shadow: #1e4158 0 1px 0;
   border: 0px solid #0a3c59;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#3e779d));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);
   background-image: -ms-linear-gradient(top, #3e779d 0%, #65a9d7 100%);
   color: #fff;
   }

.BannerButton {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #33bdef), color-stop(1, #019ad2));
	background:-moz-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-webkit-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-o-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-ms-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2',GradientType=0);
	background-color:#33bdef;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #057fd0;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:5px 24px;
	text-decoration:none;
	text-shadow:0px -1px 0px #5b6178;
}
.BannerButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #019ad2), color-stop(1, #33bdef));
	background:-moz-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-webkit-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-o-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-ms-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:linear-gradient(to bottom, #019ad2 5%, #33bdef 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#019ad2', endColorstr='#33bdef',GradientType=0);
	background-color:#019ad2;
}
.BannerButton:active {
	position:relative;
	top:1px;
}

.ButRet {
	-moz-box-shadow: 0px 0px 0px 2px #9fb4f2;
	-webkit-box-shadow: 0px 0px 0px 2px #9fb4f2;
	box-shadow: 0px 0px 0px 2px #9fb4f2;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7892c2), color-stop(1, #476e9e));
	background:-moz-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:-webkit-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:-o-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:-ms-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:linear-gradient(to bottom, #7892c2 5%, #476e9e 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7892c2', endColorstr='#476e9e',GradientType=0);
	background-color:#7892c2;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #4e6096;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:19px;
	padding:14px 37px;
	text-decoration:none;
	text-shadow:0px 1px 0px #283966;
}
.ButRet:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #476e9e), color-stop(1, #7892c2));
	background:-moz-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:-webkit-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:-o-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:-ms-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:linear-gradient(to bottom, #476e9e 5%, #7892c2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#476e9e', endColorstr='#7892c2',GradientType=0);
	background-color:#476e9e;
}
.ButRet:active {
	position:relative;
	top:1px;
}

.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.guard_cover
{
	margin-left: auto;
	margin-right: auto;
	width:400px;
	height:auto;
	margin-top:30px;
	border:2px solid #33A1B1;
	text-align: center;
	padding: 20px 0 40px 0;
}

.guard_state_text
{
	margin-left: auto;
	margin-right: auto;
	margin-top:10px;
	width:auto;
	height:auto;
	text-align: center;
	color: #33A1B1;
	font-size: 20px;
	font-weight: bold;
	font-family: arial CE, sans-serif;
}

.guard_button
{
	width:120px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;	
}

.guard_navi_cover
{
	margin-left: auto;
	margin-right: auto;
	width:404px;
	height:auto;
	margin-top:25px;
	text-align: center;
}

.guard_navi_panel
{
	margin-left: 0px;
	margin-right: 0px;
	width:180px;
	height:140px;
	border:2px solid #33A1B1;
	text-align: center;
}

.bat_cover
{
	margin-left:auto;
	margin-right:auto;
	width:138px;
	height:auto;
	margin-top:22px;
	/*border:1px solid red;*/
}

.bat_body
{
	width:120px;
	height:50px;
	border:1px solid black;
	border-radius: 3px;
	padding:2px;
}

.bat_capacity
{
	background-color: #33A1B1;
	height:100%;
}

.bat_plus
{
	width:10px;
	height:20px;
	border:1px solid black;
	border-left-width: 0px;
	margin-top:16px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;

}

.proc_text_big
{
	font-size: 18px;
	font-family: arial CE, sans-serif;
	color: white;
	width:auto;
	height:auto;
	margin-top:14px;
	text-align:center;
}

.proc_text_small
{
	font-size: 18px;
	font-family: arial CE, sans-serif;
	color: black;
	width:auto;
	height:auto;
	margin-top:14px;
	text-align:left;
	padding-left: 10px;
}

.blink {
  animation: blink-animation 1s steps(5, start) infinite;
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}

.loginpermanent
{
	margin-right:20px; 
	border:1px solid white; 
	width: 140px; 
	padding: 7px 5px 7px 5px; 
	color:white; 
	font-size:14px; 
	font-family: helvetica, serif; text-align:center;	
}

.MapButtonTopBase
{
	width:auto;
	height:20px;
	margin:5px 0 0 10px;
	padding:5px 5px 3px 5px;
}

.MapButtonGray {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:13px;
	/*font-weight:bold;*/
	/*padding:20px 20px;*/
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.MapButtonGray:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
}
.MapButtonGray:active {
	position:relative;
	top:1px;
}

.helptext
{
	font-size: 15px;	
	color: black;
}

.helptext h1
{
	font-size: 20px;	
	color: green;
	font-weight: bold;
}	

.helptext h2
{
	font-size: 16px;	
	color: green;
	font-weight: bold;
	padding-left:0px;
	padding-bottom: 0px;
	margin-bottom: 5px;
}	

.helptext .param_name
{
	font-size: 14px;	
	color: blue;
	font-weight: bold;
	padding-left: 0px;
	/*display: inline-block;*/
}	

.helptext .param_cover
{
	display: inline-block;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px 5px 5px 5px;
}

.helptext .param_bg
{
	background-color:#CCEAF4;
}

.helptext .control_name
{
	font-size: 16px;	
	color: green;
	font-weight: bold;
	padding-left:10px;
}

.helptext .small_title
{
	font-size: 16px;	
	color: green;
	font-weight: bold;
}