@charset "utf-8";
body { 
	/*background: url(bglight.png);*/ 
	font-family: Cambria, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif !important;
	background: #fff url(/apotelesmata/bg.jpg) repeat top left !important;
	overflow: auto !important;
}
/*.hero-unit { background-color: #fff; }*/
.center { display: block; margin: 0 auto; }	

#logout, #syndromi, #usr, #usr_account {
	display:none;
}
form{margin:0 0 20px;}
.navbar-custom {
  background-color: #507e99;
  border-color: #456c83;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#6b97b1), to(#507e99));
  background-image: -webkit-linear-gradient(top, #6b97b1, 0%, #507e99, 100%);
  background-image: -moz-linear-gradient(top, #6b97b1 0%, #507e99 100%);
  background-image: linear-gradient(to bottom, #6b97b1 0%, #507e99 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6b97b1', endColorstr='#ff507e99', GradientType=0);
  margin-bottom: 2px;
}

.navbar-custom .navbar-brand {
    position: absolute;
    width: 100%;
    left: 0;
	font-size:24px;
    text-align: center;
    margin: auto;
  color: #ffffff;
}

.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {
  color: #e6e6e6;
  background-color: transparent;
}
.navbar-custom .navbar-text {
  color: #ffffff;
}
.navbar-custom .navbar-nav > li:last-child > a {
  border-right: 1px solid #456c83;
}
.navbar-custom .navbar-nav > li > a {
  color: #ffffff;
  border-left: 1px solid #456c83;
}
.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
  color: #c0c0c0;
  background-color: transparent;
}
.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
  color: #c0c0c0;
  background-color: #456c83;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#456c83), to(#5688a5));
  background-image: -webkit-linear-gradient(top, #456c83, 0%, #5688a5, 100%);
  background-image: -moz-linear-gradient(top, #456c83 0%, #5688a5 100%);
  background-image: linear-gradient(to bottom, #456c83 0%, #5688a5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff456c83', endColorstr='#ff5688a5', GradientType=0);
}
.navbar-custom .navbar-nav > .disabled > a,
.navbar-custom .navbar-nav > .disabled > a:hover,
.navbar-custom .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}
.navbar-custom .navbar-toggle {
  border-color: #dddddd;
}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
  background-color: #dddddd;
}
.navbar-custom .navbar-toggle .icon-bar {
  background-color: #cccccc;
}
.navbar-custom .navbar-collapse,
.navbar-custom .navbar-form {
  border-color: #446b82;
}
.navbar-custom .navbar-nav > .dropdown > a:hover .caret,
.navbar-custom .navbar-nav > .dropdown > a:focus .caret {
  border-top-color: #c0c0c0;
  border-bottom-color: #c0c0c0;
}
.navbar-custom .navbar-nav > .open > a,
.navbar-custom .navbar-nav > .open > a:hover,
.navbar-custom .navbar-nav > .open > a:focus {
  background-color: #456c83;
  color: #c0c0c0;
}
.navbar-custom .navbar-nav > .open > a .caret,
.navbar-custom .navbar-nav > .open > a:hover .caret,
.navbar-custom .navbar-nav > .open > a:focus .caret {
  border-top-color: #c0c0c0;
  border-bottom-color: #c0c0c0;
}
.navbar-custom .navbar-nav > .dropdown > a .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
@media (max-width: 767) {
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
}
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #c0c0c0;
    background-color: transparent;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #c0c0c0;
    background-color: #456c83;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
  }
}
.navbar-custom .navbar-link {
  color: #ffffff;
}
.navbar-custom .navbar-link:hover {
  color: #c0c0c0;
}
/*----------------------*/
  .google-visualization-table-th {text-align: center !important;}
  .google-visualization-table-table { width: 100%;}
  .bold-green-font {font-weight: bold; color: green;}
  .bold-font {font-weight: bold;}
  .right-text {text-align: right;}
  .large-font {font-size: 20px;}
  .italic-darkblue-font {font-style: italic; color: darkblue;}
  .italic-purple-font {font-style: italic; color: purple;}
  .underline-blue-font {text-decoration: underline; color: blue;}
  .gold-border {border: 3px solid gold;}
  .deeppink-border {border: 3px solid deeppink;}
  .orange-background {background-color: orange;}
  .orchid-background {background-color: orchid;}
  .beige-background {background-color: beige;}
  .odd-background {background-color:#F0F8FF;color:#000;}
.tooltip{
	border:thin 1px #eee;
	background-color:#FFFBF0;
	padding:5px;
	width:150px;
}
.auto {color: white; text-shadow: 1px 1px 0px rgba(0, 0, 0, 1.0); float: right;}

.container{
	width: 100%;
	height: 800px;
	position: relative;
	overflow: auto;
}
.clr{
	clear: both;
}
#mycontent {
    width: 1240px;
    margin: 0 auto;
}
#left_div { float: left; margin-top:16px; width: 582px; height: 600px; z-index:2; }  /*width: 620px; height: 230px;*/
#right_div { float: right; margin-top:16px; width: 650px; height: 600px; z-index:4; }  /*width: 620px; height: 230px;*/
#map_div { width: 580px; height: 400px; z-index:3; }
#btn_div { width: 587px; top: 0px; z-index:12; }
#table_div { z-index:14; }
#chart_div { width: 650px; z-index:5; }  /*width: 620px; height: 230px;*/
/*#charttable_div { top: -40px; width: 650px; height: 83px; z-index:6; }*/
#charttable_div { margin-top: -40px; width: 650px; height: 125px; z-index:6; }
#chartHlikia_div { z-index:8; } /*width: 620px; height: 130px;*/
#test_div { overflow: auto; left: 10px; top: 663px;width: 850px; height: 100px; z-index:10; }
#apotel_div { display: none; left: 600px; top: 600px; width: 650px; z-index:9; }
#grammi{
	content: ' ';
	/*position: static;*/
	/*display: block;*/
	left:0%;
	width: 100%;
	height: 2px;
	/*top: 90%;*/
	margin-bottom: 10px;
	z-index: 90;
	background: -moz-linear-gradient(left, rgba(147,184,189,0) 0%, rgba(147,184,189,0.8) 20%, rgba(147,184,189,1) 53%, rgba(147,184,189,0.8) 79%, rgba(147,184,189,0) 100%); 
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(147,184,189,0)), color-stop(20%,rgba(147,184,189,0.8)), color-stop(53%,rgba(147,184,189,1)), color-stop(79%,rgba(147,184,189,0.8)), coor-stop(100%,rgba(147,184,189,0))); 
	background: -webkit-linear-gradient(left, rgba(147,184,189,0) 0%,rgba(147,184,189,0.8) 20%,rgba(147,184,189,1) 53%,rgba(147,184,189,0.8) 79%,rgba(147,184,189,0) 100%); 
	background: -o-linear-gradient(left, rgba(147,184,189,0) 0%,rgba(147,184,189,0.8) 20%,rgba(147,184,189,1) 53%,rgba(147,184,189,0.8) 79%,rgba(147,184,189,0) 100%); 
	background: -ms-linear-gradient(left, rgba(147,184,189,0) 0%,rgba(147,184,189,0.8) 20%,rgba(147,184,189,1) 53%,rgba(147,184,189,0.8) 79%,rgba(147,184,189,0) 100%); 
	background: linear-gradient(left, rgba(147,184,189,0) 0%,rgba(147,184,189,0.8) 20%,rgba(147,184,189,1) 53%,rgba(147,184,189,0.8) 79%,rgba(147,184,189,0) 100%); 
}
#logo{
	/*position:static;*/ /*top:92%;*/ 
	margin-left: 70%; 
	z-index: 91; 
}

/* ------------------------------------ */

.btn-sample { 
  /*color: #2626EB; */
  background-color: #F2F5F7; 
  /*border-color: #3716DE;*/ 
  border-color: #000000; 
} 
 
.btn-sample:hover, 
.btn-sample:focus, 
.btn-sample:active, 
.btn-sample.active, 
.open .dropdown-toggle.btn-sample { 
  color: #2626EB; 
  background-color: #D8DFED; 
  border-color: #3716DE; 
} 
 
.btn-sample:active, 
.btn-sample.active, 
.open .dropdown-toggle.btn-sample { 
  background-image: none; 
} 
 
.btn-sample.disabled, 
.btn-sample[disabled], 
fieldset[disabled] .btn-sample, 
.btn-sample.disabled:hover, 
.btn-sample[disabled]:hover, 
fieldset[disabled] .btn-sample:hover, 
.btn-sample.disabled:focus, 
.btn-sample[disabled]:focus, 
fieldset[disabled] .btn-sample:focus, 
.btn-sample.disabled:active, 
.btn-sample[disabled]:active, 
fieldset[disabled] .btn-sample:active, 
.btn-sample.disabled.active, 
.btn-sample[disabled].active, 
fieldset[disabled] .btn-sample.active { 
  background-color: #F2F5F7; 
  border-color: #3716DE; 
} 
 
.btn-sample .badge { 
  color: #F2F5F7; 
  background-color: #2626EB; 
}
/* ------------------------------------ */
.btn-sample1 { 
  color: #080808; 
  background-color: #F2F5F7; 
  border-color: #F5F4F7; 
} 
 
.btn-sample1:hover, 
.btn-sample1:focus, 
.btn-sample1:active, 
.btn-sample1.active, 
.open .dropdown-toggle.btn-sample1 { 
  color: #080808; 
  background-color: #D8DFED; 
  border-color: #F5F4F7; 
} 
 
.btn-sample1:active, 
.btn-sample1.active, 
.open .dropdown-toggle.btn-sample1 { 
  background-image: none; 
} 
 
.btn-sample1.disabled, 
.btn-sample1[disabled], 
fieldset[disabled] .btn-sample1, 
.btn-sample1.disabled:hover, 
.btn-sample1[disabled]:hover, 
fieldset[disabled] .btn-sample1:hover, 
.btn-sample1.disabled:focus, 
.btn-sample1[disabled]:focus, 
fieldset[disabled] .btn-sample1:focus, 
.btn-sample1.disabled:active, 
.btn-sample1[disabled]:active, 
fieldset[disabled] .btn-sample1:active, 
.btn-sample1.disabled.active, 
.btn-sample1[disabled].active, 
fieldset[disabled] .btn-sample1.active { 
  background-color: #F2F5F7; 
  border-color: #F5F4F7; 
} 
 
.btn-sample1 .badge { 
  color: #F2F5F7; 
  background-color: #080808; 
}
/*-----------------------------------*/
#left_divW { float: left; margin-top:16px; width: 870px; height: 280px; z-index:16; }	/**/
#right_divW { float: right; margin-top:16px; width: 360px; height: 280px; z-index:17; }	/*overflow: hidden; */
/*#chart_divW { position:relative;left:-10px;top:0px;width: 870px;}*/
/*.google-visualization-table-td { text-align: right !important; }*/
.table_header-font { font-size: 12px; }
/*-----------------------------------*/
    .select2-container {width:300px;}
	.select2-hidden-accessible { display:none }
	@charset "utf-8";
	.scroller {
		overflow: hidden;
		position: absolute;
		top: 50px;
		color: #428bca;
	}
	#scroller2 {
		width: 1240px;
		height: 25px;
	}
	#usr { color:  #ddd; }
	#calendar_button {margin-left: -3px; }
	.ait {font-style:italic}

.right-arrow { position:absolute; margin-top:40px; font-size:60px; color: lightblue; cursor: pointer; cursor: hand;}
.right-arrow:after { content:'\21E2'; }
.right-arrow:hover:after { color:  #88b7d5; }

.left-arrow { position:absolute; margin-left:45px; margin-top:0px; font-size:60px; color: lightblue; cursor: pointer; cursor: hand;}
.left-arrow:after { content:'\21E0'; }
.left-arrow:hover:after { color:  #88b7d5;}

.tooltip0 {
    position: relative;
    display: inline-block;
}

.tooltip0 .tooltiptext0 {
    visibility: hidden;
	font-size:12px;
    width: 120px;
    background-color: LightYellow;
    color: black;
    text-align: center;
    border-style: solid;
    border-width: 1px;
	border-color: #88b7d5;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 17px;
    right: 110%;
}
.tooltip0 .tooltiptext0::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -7px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #88b7d5;
}
.tooltip0:hover .tooltiptext0 {
    visibility: visible;
}

.tooltip1 {
    position: relative;
    display: inline-block;
}

.tooltip1 .tooltiptext1 {
    visibility: hidden;
	font-size:12px;
    width: 120px;
    background-color: LightYellow;
    color: black;
    text-align: center;
    border-style: solid;
    border-width: 1px;
	border-color: #88b7d5;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 2;
    top: 17px;
    left: 110%;
}

.tooltip1 .tooltiptext1::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -7px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #88b7d5 transparent transparent;
}
.tooltip1:hover .tooltiptext1 {
    visibility: visible;
}

	#butt2 { position:absolute; margin-left:-96px; margin-top:60px; }
	#butt2:hover { cursor: pointer; cursor: hand; }
	#toggleGrids:hover { cursor: pointer; cursor: hand; }
	#grid_mess{ font-size:12px; float: left; width: 98px; height: 20px; position:absolute; margin-left:3px; margin-top:-15px; background-color:white; z-index:6; }
	#select img { height: 20px; width: 50px; }
	#select1 img { height: 20px; width: 50px; }
	tr.spaceUnder > td { padding-bottom: 1em; }
	.dragAccessD{
		background-image:url(/daneia/dh/dhtmlxGrid/codebase/imgs/false.gif);
		width:22px; height:22px;
	}
	.dragAccessA{
		width:22px;	height:22px;
		background-image:url(/daneia/dh/dhtmlxGrid/codebase/imgs/true.gif);
	}

	.gray { height: 500px; width: 1240px; position: absolute; }
	.white { height: 400px; width: 100%; position: absolute; }  
	.blue { top: 0; height: 400px; width: 100% !important; position: relative; }  
	.grid_hover {
		background-color:#7FFFD4;
		font-size:20px;
	}
	body.wait, body.wait *{ cursor: wait !important;   }

	.badge {
		float: left;
		padding: 1px 9px 2px;
		font-size: 10px;
		font-weight: bold;
		white-space: nowrap;
		color: green;
		background-color: LightYellow;
		-webkit-border-radius: 9px;
		-moz-border-radius: 9px;
		border-radius: 9px;
	}
	div.google-visualization-tooltip { z-index: 999; }
	.google-visualization-tooltip-item-list { white-space:pre; max-width:none; }	
	div.gridbox .objbox {background: #fff url(/runstats/apotelesmata/bg.jpg) repeat top left !important;}
	.even{
		background-color:white;
	}
	.uneven{
		background-color:#E3EFFF;
	}
	.label-warning-contact{ /*20/2/2024*/
		font-size: 100%;
		color: darkred;
	}