@CHARSET "ISO-8859-1";
.overlay {
			display:none;
			z-index:20;
			width:100%;
			height:100%;
			position: fixed;
		}
	   .overlay_content {
			background: none repeat scroll 0 0 #1A3A5C;
			border: 1px solid #808285;
			height: 400px;
			left: 50%;
			margin-left: -300px;
			margin-top: -200px;
			position: absolute;
			top: 50%;
			width: 600px;
	   }

	   .userel{
		color:#fff;
	   }
	   .colorGuage {
		border:1px solid #fff;
	   }

.sysdate {
	color:#FFFFFF;
	position:absolute;
	font-family: Bosch Sans Regular;
	font-size:1em;
	border-radius:2px;
	left:0.8%;
	top:20%;
	line-height:1.5;
}

body,#wrapper {
	border: 0;
	color: #fff;
	font-family: Bosch Sans Regular;
	font-size: 0.88em;
	height: 100%;
	margin: 0;
	max-height: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
	padding: 0;
	height: 100%;
	border: 0;
	width: 100%;
}
body{
	/* 	linear gradients: https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient */
	background-image: -webkit-linear-gradient(left, #006caa, 100%), #062235); /* For Chrome and Safari */
	background-image:    -moz-linear-gradient(left, #006caa, 100%), #062235); /* For old Fx (3.6 to 15) */
	background-image:     -ms-linear-gradient(left, #006caa, 100%), #062235); /* For pre-releases of IE 10*/
	background-image:      -o-linear-gradient(left, #006caa, #006caa, #061826, #062235); /* For old Opera (11.1 to 12.0) */
	background-image:         linear-gradient(to left, #0b2c42, #1a4866, #3983a4, #0c2334); /* Standard syntax; must be last */
	-moz-background-size: 100% 3px;
    background-size: 100% 3px;
    background-position: 0 0.1%,0 100%;
    background-repeat:no-repeat;

}

#wrapper {
margin-top: 0.145%;
	background: url(../images/body_bg.png) no-repeat 0 0;
	background-size: 100% 100%;
	-moz-background-size: 100% 100%; /* Firefox */
	-webkit-background-size: 100% 100%; /* Safari, Chrome */
	position: fixed;
	background-color: #093c5a;
}

#framecontentTop,#framecontentBottom {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 10%, x; /*Height of top frame div*/
	overflow: hidden;
	/*Disable scrollbars. Set to "scroll" to enable*/
	color: white;
	position: absolute;
}

#framecontentTop {
	height: 11.4%;
	/* 	linear gradients: https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient */

	background: rgb(5,19,30); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: rgb(5,19,30); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-linear-gradient(left, rgba(5,19,30,1) 41%, rgba(0,108,170,1) 64%, rgba(0,108,170,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(41%,rgba(5,19,30,1)), color-stop(64%,rgba(0,108,170,1)), color-stop(100%,rgba(0,108,170,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(5,19,30,1) 41%,rgba(0,108,170,1) 64%,rgba(0,108,170,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(5,19,30,1) 41%,rgba(0,108,170,1) 64%,rgba(0,108,170,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(5,19,30,1) 41%,rgba(0,108,170,1) 64%,rgba(0,108,170,1) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(5,19,30,1) 41%,rgba(0,108,170,1) 64%,rgba(0,108,170,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05131e', endColorstr='#006caa',GradientType=1 ); /* IE6-8 */




	-moz-background-size: 100% 2px;
    background-size: 100% 2px;
    background-position: 0 63%,0 100%;
    background-repeat:no-repeat;
}

#framecontentBottom {
	top: auto;
	bottom: 0;
	height: 7%; /*Height of bottom frame div*/
	overflow: hidden;
	/*Disable scrollbars. Set to "scroll" to enable*/
	color: #fff;
}

#maincontainer {
	clear: both;
	position: fixed;
	top: 11.4%; /*Set top value to HeightOfTopFrameDiv*/
	left: 0;
	right: 0;
	bottom: 8%; /*Set bottom value to HeightOfBottomFrameDiv*/
	overflow: hidden;
}

.innertube {
	/*Margins for inner DIV inside each DIV (to provide padding)*/

}

* html body { /*IE6 hack*/
	padding: 10% 0 8% 0;
	/*Set value to (HeightOfTopFrameDiv 0 HeightOfBottomFrameDiv 0)*/
}

* html #maincontainer { /*IE6 hack*/
	height: 100%;
	width: 100%;
}

#maincontainer #maincontent, #maincontainer #maincontent_new {
	position: absolute;
   top: 0%;
   left: 8%;
   width: 90%;
   height: 88%;
   opacity: 0.0;
   visibility: hidden;
   filter: alpha(opacity = 0);
 /*  transition: all 1.0s linear;
   -moz-transition: all 1.0s linear;
   -o-transition: all 1.0s linear;
   -webkit-transition: all 1.0s linear;*/
   z-index: 9;

	/* margin-left: 8%;
	position: relative;
	width: 92%;
	height: 82%; */
}

#maincontainer #maincontent_new {
	/* display: none; */
}

#user-login-info {
	float: right;
	height: 100%;
	width: 25%;
	font-family: Bosch Sans Cond Regular;
	color: #FFFFFF;
	font-size: 16px;
}

#user-login-info a {
	display: block;
	position: relative;
	float: right;
	height: 100%;
	/*font-size: 1.3em; */
	white-space: nowrap;
	text-decoration: none;
	padding-right: 15%;
	font-family: Bosch Sans Cond Regular;
	color: #FFFFFF;
	font-size: 16px;
	cursor: default;
}

#user-icon {
	background: url(../images/icon_user.png) no-repeat 1% center;
	background-size: contain;
	}
#user-options {
	background: url(../images/user.png) no-repeat 1% center;
	margin: 0% 4%;
	cursor:pointer !important;
	}
#user-logout {
	background: url(../images/logout.png) no-repeat 1% center;
	margin-right: 4%;
	cursor:pointer !important;
}
#user-name {
	padding-right: 3% !important;
	vertical-align: middle;
}

#Logout-info{
	font-family: 'bosch regular';
	font-size: 14px;
}

#user-name span {
	width: 100%;
	cursor : pointer;
}


#meta-navi {
	float: left;
	padding: 0 6% 0 0;
	height: 62.1%;
	width: 24%;
	background-color: #061b29;
}

#meta-navi ul {
	display: inline;
	list-style-type: none;
}

#meta-navi li { /*background: #1a3a5c;*/
	color: #9db0bb;
	display: block;
	float: left;
	height: 100%;
	overflow: hidden;
	text-align: center;
	width: 20%;
	position: relative;
	text-indent: -1000px;
}

#meta-navi li a, #meta-navi li a:hover, #meta-navi li a:focus {
	background-repeat: no-repeat;
	color: #9db0bb;
	display: block;
	font-weight: bold;
	font-size: 1em;
	height: 100%;
	width: 100%;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: center center;

}


#meta-back {
	background: url(../images/icon_back_normal.png) no-repeat;
}
#meta-back:hover {
	background: url(../images/icon_back_hover.png) no-repeat;
}
#meta-back:focus {
	background: url(../images/icon_back_active.png) no-repeat;
}
#meta-next {
	background: url(../images/icon_next_normal.png) no-repeat;
}
#meta-next:hover {
	background: url(../images/icon_next_hover.png) no-repeat;
}
#meta-next:focus {
	background: url(../images/icon_next_active.png) no-repeat;
}
#meta-search {
	background: url(../images/icon_search_normal.png) no-repeat;
}
#meta-search:hover {
	background: url(../images/icon_search_hover.png) no-repeat;
}
#meta-search:focus {
	background: url(../images/icon_search_active.png) no-repeat;
}
#meta-fav {
	background: url(../images/icon_star_normal.png) no-repeat;
}
#meta-fav:hover {
	background: url(../images/icon_star_hover.png) no-repeat;
}
#meta-fav:active {
	background: url(../images/icon_star_active.png) no-repeat;
}
#meta-switchView {
	background: url(../images/icon_menuicon.PNG) no-repeat;
}

#meta-next.next_inactive {
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
	background: url(../images/icon_next_inactive.png) no-repeat center center;
	cursor: default;
	background-size: contain;
}

#meta-back.back_inactive {
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
	background: url(../images/icon_back_inactive.png) no-repeat center center;
	cursor: default;
	background-size: contain;
}


#meta-switchView.mapView {
	background: url(../images/image-mode-cam.PNG) no-repeat !important;
	color: #9db0bb;
	display: block;
	font-weight: bold;
	font-size: 1em;
	height: 100%;
	width: 100%;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: center center !important;

}
#meta-switchView:hover{
	background: url(../images/icon_menuicon.PNG) no-repeat;
}
#meta-switchView:active{
	background: url(../images/icon_menuicon.PNG) no-repeat;
}

#top-navi {
	/*z-index: 800;*/
	float: left;
	width: 40%;
	height: 62.1%;
	border: 0 solid #0168a4; /*border for left side*/
	border-width: 0 0 0 1px;

	background-image: -webkit-linear-gradient(left, #072f46, 100%), #061b29); /* For Chrome and Safari */
	background-image:    -moz-linear-gradient(left, #072f46, 100%), #061b29); /*For old Fx (3.6 to 15) */
	background-image:     -ms-linear-gradient(left, #072f46, 100%), #061b29); /*For pre-releases of IE 10*/
	background-image:      -o-linear-gradient(left, rgba(8,48,71,.3), #072f46, #083047, #061b29); /*For old Opera (11.1 to 12.0) */
	background-image:         linear-gradient(to left, rgba(8,48,71,.3), #072f46, #083047, #061b29); /*Standard syntax; must be last */

	/*rotate*/
	 transform: skew(-15deg);
	 -webkit-transform: skew(-15deg);
	 -ms-transform: skew(-15deg);
}

#top-navi ul {
	display: inline;
	list-style-type: none;
	height: 100%;
}

#top-navi li {
	color: #9db0bb;
	display: block;
	float: left;
	height: 100%;
	text-align: center;
	width: 30%;
	border: 0 solid #0168a4; /*border for right side*/
	border-width: 0 1px 0 0;
}
#top-navi li a  span  /* for the top-navi font size issue */
{
	font-size : 1em !important;
	font-family : Bosch Sans Regular;
}

#top-navi li a  {
	font-family: Bosch Sans Bold;
	color: #16aaf3;
	/*font-weight: bold; */
	padding: 9% 26% 0 26%;
	width: 100%;
	text-decoration: none;
	background-repeat: no-repeat;
	/*rotate - counter-turning for vertical text*/
	 transform: skew(15deg);
	 -webkit-transform: skew(15deg);
	 -ms-transform: skew(15deg);

}

#top-navi li a:hover {
	color: #b3b3b3;
	opacity: 1;       /* modern browser */
 }

#top-navi li.active {
	background: -moz-linear-gradient(top,  #0a2d44 0%, #0b3d5c 90%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0a2d44), color-stop(90%,#0b3d5c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0a2d44 0%,#0b3d5c 90%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0a2d44 0%,#0b3d5c 90%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0a2d44 0%,#0b3d5c 90%); /* IE10+ */
	background: linear-gradient(to bottom,  #0a2d44 0%,#0b3d5c 90%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a2d44', endColorstr='#0a4c71',GradientType=0 ); /* IE6-8 */

	opacity: 1;       /* modern browser */
   -moz-opacity: 1;  /* older Mozilla browser */
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE8 in Standard Compliant Mode */
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE8 in Standard Compliant Mode */
   filter:alpha(opacity=100); /* IE5.x -7.0 */
}


#top-navi li.active a {
	color: #fff;
	margin-top:0;
	top:0
}

#top-status.ui-link {
	background: url(../images/icon_binoculars.png) no-repeat 49% 15%;
	background-size: 18%;
}

#top-energy.ui-link {
	background: url(../images/icon_energy.png) no-repeat 49% 15%;
	background-size: 18%;
}

#top-options.ui-link {
	background: url(../images/icon_options.png) no-repeat 49% 15%;
	background-size: 18%;
}

#top-data.ui-link {
	background: url(../images/icon_data.png) no-repeat 49% 15%;
	background-size: 18%;
}

.active #top-status {
	background: url(../images/icon_binoculars_active.png) no-repeat center center;
	background-size: 35%;
}
.active #top-energy {
	background: url(../images/icon_energy_active.png) no-repeat center center;
	background-size: 35%;
}
.active #top-options {
	background: url(../images/icon_options_active.png) no-repeat center center;
	background-size: 35%;
}
.active #top-data {
	background: url(../images/icon_data_active.png) no-repeat center center;
	background-size: 35%;
}


.active #top-status span, .active #top-energy span, .active #top-options span , .active #top-data span {

display: none;

}

#framecontentTop #company-logo a{
	display: block;
	width: 100%;
	height: 100%;
	text-align: right;
	background: url(../images/bg_logo.png) no-repeat 100% 32%;
	background-size: 100%;
}

#company-logo {
	position: relative;
	float: right;
	height: 62.1%;
	top: 35.55%;
	width: 17%;
	text-align: right;
}
#bosch-logo{
/*only print*/
display: none;
}
#framecontentTop #company-logo a{
	display: block;
	width: 100%;
	height: 100%;
	text-align: right;
	background: url(../images/bg_logo.png) no-repeat 100% 32%;
	background-size: 100%;
}
#left-navi-bg {
   position: absolute;
   left: 0;
   top: 0;
   width: 7%; /*8%*/
   height: 97%;
   z-index: 9;
}

#left-navi-bg span {
  background-color: #13507d; /*fallback color if gradients are not supported*/
  background-image: -webkit-linear-gradient(top, #13507d, #003b6a); /* For Chrome and Safari */
  background-image:    -moz-linear-gradient(top, #13507d, #003b6a); /* For old Fx (3.6 to 15) */
  background-image:     -ms-linear-gradient(top, #13507d, #003b6a); /* For pre-releases of IE 10 */
  background-image:      -o-linear-gradient(top, #13507d, #003b6a); /* For old Opera (11.1 to 12.0) */
  background-image:         linear-gradient(to bottom, #13507d, #003b6a); /* Standard syntax; must be last */

	display:block;
	height: 95%;
	width:70%;
}

.bg-corner {
	/*background: url(../images/navi_corner.png) no-repeat top right;*/
}

#left-navi {
	position: absolute;
	left: 0;
	top: 0;
	width: 7%;  /*10%*/
	height: 100%;
	z-index: 10;
}

#left-navi ul {
	display: block;
	list-style-type: none;
	width: 100%;
	padding: 0;
	margin: 0;
	height: 90%;
}

#left-navi li {
	color: #92b0bb;
	display: block;
	height: 33.3%;
	overflow: hidden;
	text-align: left;
	width: 100%;
	position: relative;
	overflow: hidden;
	border-bottom: solid 2px #02070b;
	background-color: #13507d; /*fallback color if gradients are not supported*/
	background-image: -webkit-linear-gradient(top, #13507d, #003b6a); /* For Chrome and Safari */
	background-image:    -moz-linear-gradient(top, #13507d, #003b6a); /* For old Fx (3.6 to 15) */
	background-image:     -ms-linear-gradient(top, #13507d, #003b6a); /* For pre-releases of IE 10 */
	background-image:      -o-linear-gradient(top, #13507d, #003b6a); /* For old Opera (11.1 to 12.0) */
	background-image:         linear-gradient(to bottom, #12344c, #0b304c 85%, #03223a, #03213a); /* Standard syntax; must be last */
	font-family : Bosch Sans Cond Bold;
	font-size : 12px;
}

#left-navi li a.inactive {
	color: #16aaf3;
}



#left-navi li.active a {
	color: #FFFFFF;
}
#user{

font-family: Bosch Sans Cond Regular !important;
font-size:16px !important;

}

#left-navi li a {
	background-position: center 25%;
	background-repeat: no-repeat;
	font-family: Bosch Sans Cond Bold !important;
	color: #808285;
	font-weight: normal;
	font-size: 12px;
	height: 90%;
	padding: 0 2% 0 6%;
	text-decoration: none;
	background-repeat: no-repeat;
	width: 100%;
}

#left-navi li span {
	font-family: Bosch Sans Cond Bold ;
	font-weight: normal;
}
#left-navi ul li a .i18n[style]{
    font-size: 200% !important;
	word-wrap: break-word;
}
#left-navi ul li a .i18n{
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	font-size: 190%;
}
#left-navi ul li a .i18n:first-child[style]{
    font-size: 100% !important;
}
#left-navi ul li a .i18n:first-child{
	/*text-transform: uppercase; */
	letter-spacing: 1px;
	font-size: 100% !important;
}

#left-navi span.button_label { /* position:absolute;
left:20%;
top:10%; */

}
.text{
	font-family:Bosch sans medium;

}

#left-navi-toggle {
	display: block;
	text-align: right;
	background-color: #0a2538;
	height: 4%; /* 3% */
	padding-top: 4%;
	display: block;
	margin-top: 0;
	text-decoration: none;
}

#left-navi-toggle img {
	margin-right: 5%;
}

#system-message {
	color: #fff;
	float: left;
	font-size: 1.3em;
	/* line-height: 3em; */
	padding-left: 1%;
	height: 100%;
	white-space: nowrap;
	display: block;
	position: relative;
	font-family: Bosch Sans Cond Regular ;
	font-weight: normal;
    font-size:16px;
	cursor: pointer;
	margin-left : 75px;
	width:65%;
}

#sys-msg {
	color: #fff;
	float: left;
	font-size: 1em;
	/* line-height: 3em; */
	padding-left: 5%;
	height: 100%;
	width: 80%;
	white-space: nowrap;
	display: block;
	position: relative;
}


#system-message a {
	color: #9db0bb;
	text-decoration:none;
	cursor: default;
}

.alignment-helper {
	display: table-cell;
	vertical-align: middle;
}

#system-message span {
	width: 100%;
}

.status-green {
	background: url(../images/icon_status_green.png) no-repeat 1% center;
	background-size: contain;
}

.status-yellow {
	background: url(../images/icon_status_yellow.png) no-repeat 1% center;
	background-size: contain;
}

.status-red {
	background: url(../images/icon_status_red.png) no-repeat 1% center;
	background-size: contain;
}

.status-default {
	background: url(../images/icon_status_default.png) no-repeat 1% center;
	background-size: contain;
}

.yellow {
	color: #fff600;
}

.toggle-left {
	background: #1a395a url(../images/icon_back.png) no-repeat 92% center;
	width: 100%;
}

.toggle-right {
	background: #1a395a url(../images/icon_next.png) no-repeat 92% center;
	width: 130%;
}

a {
	outline: none;
}


#Map {
	position: absolute;
	z-index: 5;
	top: 0%;
	left: 0px;
	width: 100%;
}
/* right menue styles */
#MenueRight {
	position: absolute;
	z-index: 9;
	bottom: 0%;
	right: 5%;
	width: 25%;
	background: white;
	cursor: pointer;
}
/* right legend styles */
#LegendLeft {
	position: absolute;
	z-index: 9;
	bottom: 0%;
	left: 5%;
	width: 22%;
	cursor: pointer;
}


#langtoggle {
	color: #fff;
	line-height: 45px;
	z-index: 9000;

}
/*  @font-face {
	font-family: 'GoodFootRegular';
	src: url('goodfoot.eot');
	src: local('Good Foot'), local('GoodFoot'), url('goodfoot.woff')
		format('woff'), url('goodfoot.ttf') format('truetype');
}

.classname {
	font: 21px bold normal GoodFootRegular;
} */
/* @font-face {
	font-family: Bosch Sans Bold;
	src: url(../typo/BoschSans-Bold.otf);
}

@font-face {
	font-family: Bosch Sans Cond Bold;
	src: url(../typo/BoschSansCond-Bold.otf);
}
@font-face {
	font-family: Bosch Sans Cond Regular;
	src: url(../typo/BoschSansCond-Regular.otf);
}

@font-face {
	font-family: Bosch Sans Medium;
	src: url(../typo/BoschSans-Medium.otf);
}
@font-face {
	font-family: Bosch Sans Regular;
	src: url(../typo/BoschSans-Regular.otf);
} */

@font-face {
	font-family: 'Bosch Sans Bold';
	src: url('../typo/BoschSans-Bold.eot?') format('eot'),
	     url('../typo/BoschSans-Bold.otf')  format('opentype'),
	     url('../typo/BoschSans-Bold.woff') format('woff'),
	     url('../typo/BoschSans-Bold.ttf')  format('truetype'),
	     url('../typo/BoschSans-Bold.svg#BoschSans-Bold') format('svg');

}

@font-face {
	font-family: 'Bosch Sans Cond Bold';
	src: url('../typo/BoschSansCond-Bold.eot?') format('eot'),
	     url('../typo/BoschSansCond-Bold.otf')  format('opentype'),
	     url('../typo/BoschSansCond-Bold.woff') format('woff'),
	     url('../typo/BoschSansCond-Bold.ttf')  format('truetype'),
	     url('../typo/BoschSansCond-Bold.svg#BoschSansCond-Bold') format('svg');
}

@font-face {
	font-family: 'Bosch Sans Cond Regular';
	src: url('../typo/BoschSansCond-Regular.eot?') format('eot'),
	     url('../typo/BoschSansCond-Regular.otf')  format('opentype'),
	     url('../typo/BoschSansCond-Regular.woff') format('woff'),
	     url('../typo/BoschSansCond-Regular.ttf')  format('truetype'),
	     url('../typo/BoschSansCond-Regular.svg#BoschSansCond-Regular') format('svg');
}

@font-face {
	font-family: 'Bosch Sans Regular';
	src: url('../typo/BoschSans-Light.eot?') format('eot'),
	     url('../typo/BoschSans-Regular.otf')  format('opentype'),
	     url('../typo/BoschSans-Light.woff') format('woff'),
	     url('../typo/BoschSans-Light.ttf')  format('truetype'),
	     url('../typo/BoschSans-Light.svg#BoschSans-Light') format('svg');
}

@font-face {
	font-family: 'Bosch Sans Medium';
	src: url('../typo/BoschSans-Medium.eot?') format('eot'),
	     url('../typo/BoschSans-Medium.otf')  format('opentype'),
	     url('../typo/BoschSans-Medium.woff') format('woff'),
	     url('../typo/BoschSans-Medium.ttf')  format('truetype'),
	     url('../typo/BoschSans-Medium.svg#BoschSans-Medium') format('svg');
}



.static-bg-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

svg, polygon, .static {
	position: absolute;
	top: 0;
	/* left: 0;  for date picker svg issue */
}

svg.rel {
	position:relative;
}

.transparent {
	fill-opacity: 0.0;
}

.flag_status_right {
	background: url("../images/label_status_right_l.png") no-repeat scroll 0 0
		transparent;
	height: 43px;
	position: absolute;
}

.flag_status_right_wrap {
	height: 43px;
}

.flag_status_right_wrap p {
	background: url("../images/label_right_r.png") no-repeat top right;
	display: block;
	color : gray;
	float: left;
	padding: 17px 20px 0 0;
	margin-left:20px;
 	white-space: nowrap;
	color: gray;
	height:100%;
	min-width: 120px;
	font-weight: bold;
}

.flag_right {
   background: url("../images/label_right_l.png") no-repeat scroll 0 0
      transparent;
   height: 43px;
   position: absolute;
}

.flag_right_wrap {
   height: 43px;
}

.flag_right_wrap p {
   background: url("../images/label_right_r.png") no-repeat top right;
   display: block;
   color : gray;
   float: left;
   padding: 17px 20px 0 0;
   margin-left:20px;
   white-space: nowrap;
   color: gray;
   height:100%;
   min-width: 120px;
   font-weight: bold;
}

.flag_left {
   background: url("../images/label_left_l.png") no-repeat scroll 0 0
      transparent;
   height: 43px;
   position: absolute;
}

.flag_left_wrap {
   height: 43px;
}

.flag_left_wrap p {
   background: url("../images/label_left_r.png") no-repeat top right;
   display: block;
   color : gray;
   float: left;
   padding: 17px 20px 0 0;
   margin-left:20px;
   white-space: nowrap;
   color: gray;
   height:100%;
   min-width: 120px;
   font-weight: bold;
   text-align: right;
}

.flag_status_left {
   background: url("../images/label_status_left_l.png") no-repeat scroll 0 0
      transparent;
   height: 43px;
   position: absolute;
}

.flag_status_left_wrap {
   height: 43px;
}

.flag_status_left_wrap p {
   background: url("../images/label_left_r.png") no-repeat top right;
   display: block;
   color : gray;
   float: left;
   padding: 17px 20px 0 0;
   margin-left:20px;
   white-space: nowrap;
   color: gray;
   height:100%;
   min-width: 120px;
   font-weight: bold;
   text-align: right;
}

.ftitle{
	background: none !important;
    font-size:14px;
	color: #FFFFFF;
	border:1px solid #185A8C;
}

.flexigrid div.mDiv {
padding-bottom:16px;
border:none !important;
background:none !important;
}

input[type="text"]:disabled{
background-color: #345166;

}
.disablebutton{
	background: #2be32f; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(top, #2be32f 0%, #27c235 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2be32f), color-stop(100%,#27c235)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #2be32f 0%,#27c235 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #2be32f 0%,#27c235 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #2be32f 0%,#27c235 100%); /* IE10+ */
	background: linear-gradient(to bottom, #2be32f 0%,#27c235 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2be32f', endColorstr='#27c235',GradientType=0 ); /* IE6-8 */
	border: 1px solid #29CE39;
	border-radius:3px;
	/* new values - http://blog.w3conversions.com/2011/09/css3-spread-value-and-box-shadow-on-one-side-only */
	-webkit-box-shadow: 0 14px 16px -8px #000000;
	-moz-box-shadow: 0 14px 16px -8px #000000;
	box-shadow: 0 14px 16px -8px #000000;
	color: #186B18;
	margin-left: 30px;
	padding: 2px 5px;
	float:left;
	font-weight:bold;
	width:auto;
	opacity : 0.4;
  cursor: default;
}
/* flexigrid styles

	.flexigrid div.hDiv  /* for header
		{
		background: transparent !important;
		color: #FFFFFF;
		font-family : Bosch Sans Regular;
		font-size :15px !important;
		border: 0px !important;
		border-bottom: 2px solid #13507d !important;
		}
	.flexigrid div.hDiv th, .flexigrid div.bDiv td
		{
			border-right: 0px !important;
			border-left: 0px !important;
			border-bottom: 1px !important;
		}

	.flexigrid div.hDiv th
		{
			border-right: 2px solid #13507d !important;
		}

		.flexigrid div.hDiv th:first-child
		{
			border-right: 0px !important;
		}
	.flexigrid div.bDiv
		{
			background: transparent !important;
			color : #FFFFFF;
			font-family : Bosch Sans Medium;
			font-size :13px !important;
			border: 0px !important;
		}
	.flexigrid div.bDiv td div {
		border-top: 0px !important;
	}

	.flexigrid div.bDiv table {
		border-bottom: 0px !important;
		background-color: transparent !important;
	}

	.flexigrid div.bDiv table tr{
		line-height: 30px;

	}
	 /*for hover
		.flexigrid div.bDiv tr:hover td,
		.flexigrid div.bDiv tr:hover td.sorted,
		.flexigrid div.bDiv tr.trOver td.sorted,
		.flexigrid div.bDiv tr.trOver td
			{
			background: transparent !important;
			border-left: 0px !important;
			border-bottom: 0px !important;
			}
	.flexigrid div.hDiv th.sorted{
		background : none !important;

	}
	.flexigrid div.hDiv th.thOver div, .flexigrid div.hDiv th.sorted.thOver div
	{
		border-bottom: 0px !important;
	}
	.flexigrid div.bDiv tr.trSelected:hover td,
		.flexigrid div.bDiv tr.trSelected:hover td.sorted,
		.flexigrid div.bDiv tr.trOver.trSelected td.sorted,
		.flexigrid div.bDiv tr.trOver.trSelected td,
		.flexigrid tr.trSelected td.sorted,
		.flexigrid tr.trSelected td
		.flexigrid div.bDiv tr:hover td,
		.flexigrid div.bDiv tr:hover td.sorted,
		.flexigrid div.bDiv tr.trOver td.sorted,
		.flexigrid div.bDiv tr.trOver td
			{
			background: transparent !important;
			border-right: none !important;
			border-left: none !important;
			border-bottom: none !important;
			}

		.flexigrid div.hDiv th div.sdesc
		{
		background: url(../images/uparrow.png) no-repeat right !important;
		}

		.flexigrid div.hDiv th div.sasc
		{
		background: url(../images/downarrow.png) no-repeat right !important;
		}



	.flexigrid div.bDiv table tr:nth-child(odd) {
		background-color: #093350 !important;
	}
	.flexigrid tr.erow td  {
		background-color: transparent !important;
	}
	body .flexigrid
	{
		font-family: Bosch sans regular ;
		font-size: 14px ;

	}
	.flexigrid div.nDiv
	{
	background: -webkit-linear-gradient(top, #0D3A5A 0%,#0B2F48 50%,#0B2E46 100%) !important;
	background: -webkit-linear-gradient(top, #0D3A5A 0%,#0B2F48 50%,#0B2E46 100%) !important;
	background-image:    -moz-linear-gradient(top, #0D3A5A 0%,#0B2F48 50%,#0B2E46 100%) !important; /* For old Fx (3.6 to 15) */
/*	background-image:     -ms-linear-gradient(top, #0D3A5A 0%,#0B2F48 50%,#0B2E46 100%) !important; /* For pre-releases of IE 10*/
/*	background-image:      -o-linear-gradient(top, #0D3A5A 0%,#0B2F48 50%,#0B2E46 100%) !important;/* For old Opera (11.1 to 12.0) */
/*	background-image:         linear-gradient(top, #0D3A5A 0%,#0B2F48 50%,#0B2E46 100%) !important; /* Standard syntax; must be last */
	/* background: #0C3E5F !important; */
/*	border: 0px !important;
	border-top: 0px;
	overflow: auto;
	max-height:200px;
	left: 0px;
	position: absolute;
	z-index: 999;
	float: left;
	color : #FFFFFF;
	opacity : 0.9;
	font-family : bosch sans bold;
	font-size : 13px;
	}

	.flexigrid div.nDiv table
		{
		margin: 2px;
		}

	.flexigrid div.nDiv td
	{
	padding: none !important;
	border: 0px !important;
	cursor: default;
	}

.flexigrid div.nDiv tr:hover td, .flexigrid div.nDiv tr.ndcolover td
	{
	background: transparent !important;
	border: 0px !important;
	}


.flexigrid tr.erow td
		{
			background: none !important;
		}

		.flexigrid tr.erow td.sorted
				{
				background: none !important;

				}
*/
	.roundedOne {
			/* width: 28px;
			height: 28px; */
			background: #FCFFF4;
			background: -webkit-linear-gradient(top, #FCFFF4 0%, #DFE5D7 40%, #B3BEAD 100%);
			background: -moz-linear-gradient(top, #FCFFF4 0%, #DFE5D7 40%, #B3BEAD 100%);
			background: -o-linear-gradient(top, #FCFFF4 0%, #DFE5D7 40%, #B3BEAD 100%);
			background: -ms-linear-gradient(top, #FCFFF4 0%, #DFE5D7 40%, #B3BEAD 100%);
			background: linear-gradient(top, #FCFFF4 0%, #DFE5D7 40%, #B3BEAD 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
			/* margin: 20px auto; */
			-webkit-border-radius: 50px;
			-moz-border-radius: 50px;
			border-radius: 50px;
			-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
			-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
			box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
			position: relative;
			/* float: right; */
			margin-right : -18px;
	}
	.labelrounded {
		cursor: pointer;
		/*position: absolute; */
		width: 20px;
		height: 20px;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;
		/*left: 4px; */
		top: 4px;
		-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 1) !important;
		-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
		box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 1);
		background: -webkit-linear-gradient(top, #222 0%, #45484D 100%);
		background: -moz-linear-gradient(top, #222 0%, #45484D 100%);
		background: -o-linear-gradient(top, #222 0%, #45484D 100%);
		background: -ms-linear-gradient(top, #222 0%, #45484D 100%);
		background: linear-gradient(top, #222 0%, #45484D 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
	}

	.labelrounded::after {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		opacity: 0;
		content: '';
		position: absolute;
		width: 16px;
		height: 16px;
		background: #00BF00;
		background: -webkit-linear-gradient(top, #00BF00 0%, #009400 100%);
		background: -moz-linear-gradient(top, #00BF00 0%, #009400 100%);
		background: -o-linear-gradient(top, #00BF00 0%, #009400 100%);
		background: -ms-linear-gradient(top, #00BF00 0%, #009400 100%);
		background: linear-gradient(top, #00BF00 0%, #009400 100%);
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;
		top: 2px;
		left: 2px;
		-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
		box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
	}
/* date picker styling starts here */

#From1div,#To1div{
width:150px !important;
display: inline-block;
border:1px solid #084A6B;
height: 25px;
margin-left :30px;
}

#From1div input, #To1div input{
	width:100px;
	outline: none;
	margin-left:5px;
	border:none;
	background: transparent;
	color : #FFFFFF;
}

.ui-datepicker-trigger {
		height:25px;
		vertical-align: middle;
		cursor:pointer;
 }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	border : none !important;
	background : transparent !important;
	color : #FFFFFF !important;
}
#ui-datepicker-div{
		background: #084a6b; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	 	background: -moz-linear-gradient(top, #084a6b 0%, #081829 50%, #082942 100%); /* FF3.6+ */
	 	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#084a6b), color-stop(50%,#081829), color-stop(100%,#082942)); /* Chrome,Safari4+ */
	 	background: -webkit-linear-gradient(top, #084a6b 0%,#081829 50%,#082942 100%); /* Chrome10+,Safari5.1+ */
	 	background: -o-linear-gradient(top, #084a6b 0%,#081829 50%,#082942 100%); /* Opera 11.10+ */
	 	background: -ms-linear-gradient(top, #084a6b 0%,#081829 50%,#082942 100%); /* IE10+ */
		background: linear-gradient(to bottom, #084a6b 0%,#081829 50%,#082942 100%); /* W3C */
	 	-webkit-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
		-moz-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
		box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
		color : #FFFFFF;

}
.ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all{
	position : relative !important;

}

.ui-datepicker-unselectable .ui-state-default {
    background: #f4f4f4;
    color: #b4b3b3;
}

/* date picker styling ends here */
svg.full {
	width: 100%;
}

#diagramDiv1 {
	height:270px;
}

#diagramDiv2 {
	height:270px;
	margin-top: 10px;
}


.sboxDiv{
		display: inline-block;
		padding: 5%;
		margin-top: 10%;

}

#sBox{
		width: 20% !important;
		height: 20% !important;
		/*left: 226px !important; */
		border: 1px solid #13507d !important;
		display: none;
		z-index: 9999;
		position: absolute;
	/*	top: 62px; */
		background: #093350;
		opacity : 0.8;

}

.check{
	border:#065177  2px solid;
	transform: skew(-15deg);
	-webkit-transform: skew(-15deg);
	border-radius:3px;
	padding: 1px;

}
.check  input {
    background: none;
    border: none;
	margin:0;
	padding:0;
    color: #10395A;
	font-weight:bold;
	transform: skew(15deg);
	-webkit-transform: skew(15deg);
	width:40px;
}

.checkNo {
	background: #0079be !important;  /* Old browsers */
	background: -moz-linear-gradient(top, #0079be 0%, #0097d3 0%, #004b88 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0079be), color-stop(0%,#0097d3), color-stop(100%,#004b88)) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #0079be 0%,#0097d3 0%,#004b88 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #0079be 0%,#0097d3 0%,#004b88 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #0079be 0%,#0097d3 0%,#004b88 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom, #0079be 0%,#0097d3 0%,#004b88 100%) !important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0079be', endColorstr='#004b88',GradientType=0 ) !important; /* IE6-9 */
	display: inline-block;
	padding: 1px 0px;
	border-radius:3px
}
.checkNo input {
	color:#062C43;
}
.checkYes  {
	background: #0079be; /* Old browsers */
	background: -moz-linear-gradient(top, #0079be 0%, #2ce742 0%, #27c336 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0079be), color-stop(0%,#2ce742), color-stop(100%,#27c336)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #0079be 0%,#2ce742 0%,#27c336 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #0079be 0%,#2ce742 0%,#27c336 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #0079be 0%,#2ce742 0%,#27c336 100%); /* IE10+ */
	background: linear-gradient(to bottom, #0079be 0%,#2ce742 0%,#27c336 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0079be', endColorstr='#27c336',GradientType=0 ); /* IE6-9 */
	display: inline-block;
	padding: 1px 0px;
	border-radius:3px
}

.edit{
	float:right;
	cursor:pointer;
}



/*

#monthButton {
	background: url(../images/btn_01_off.png) no-repeat 0 0;
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	float: left;
    height: 30px;
    position: relative;
    width: 130px;
    cursor: pointer;
}

#weekButton {
	background: url(../images/btn_02_off.png) no-repeat 0 0;
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	float: left;
    height: 30px;
    position: relative;
    width: 130px;
    cursor: pointer;
}
#dayButton {
	background: url(../images/btn_03_off.png) no-repeat 0 0;
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	float: left;
    height: 30px;
    position: relative;
    width: 130px;
    cursor: pointer;
}
#halfDayButton {
	background: url(../images/btn_04_off.png) no-repeat 0 0;
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	float: left;
    height: 30px;
    position: relative;
    width: 130px;
    cursor: pointer;
}
#hourButton {
	background: url(../images/btn_05_off.png) no-repeat 0 0;
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	float: left;
    height: 30px;
    position: relative;
    width: 130px;
    cursor: pointer;
}
#minuteButton {
	background: url(../images/btn_06_off.png) no-repeat 0 0;
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	float: left;
    height: 30px;
    position: relative;
    width: 130px;
    cursor: pointer;
}*/

.styled-select select {
   background: #00203d;
   width: auto;
   color: #fff;
   padding: 5px;
   font-size: 14px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
   -webkit-appearance: none;
   }

   .styled-select { width: auto; height: 34px; overflow: hidden; background: url(../images/downarrow.png) no-repeat right #ddd; border: 1px solid #ccc; }

   #buttonsDiv {
       border-left: 1px solid #818C97;
	   float: left;
   }


/* for dynamic legend at bottom of screen*/
#legend , #colorG{
		left: 6% !important;
		top: 112% !important;
}

#texts {
		z-index: 8005;
		left: 3%;
		top: 114%;
		padding-left: 9px;
}
/*end for dynamic legend at bottom of screen*/
#colorG {
position:relative;
top:100%;
left:0;
width:220px;
height:50px;
z-index:99999
}

/* added for overlay popup */
#popup_container,#edit_container,#alert_popup,#Itan_popup{
	display: inline-block;
	position: absolute;
	z-index: 999;
	background: #084a6b; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(top, #084a6b 0%, #081829 50%, #082942 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#084a6b), color-stop(50%,#081829), color-stop(100%,#082942)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #084a6b 0%,#081829 50%,#082942 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #084a6b 0%,#081829 50%,#082942 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #084a6b 0%,#081829 50%,#082942 100%); /* IE10+ */
	background: linear-gradient(to bottom, #084a6b 0%,#081829 50%,#082942 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#084a6b', endColorstr='#082942',GradientType=0 ); /* IE6-8 */
	border:1px solid #185A8C;
	opacity: 0.98;
    -moz-opacity: 0.98;  /* older Mozilla browser */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=98)"; /* IE8 in Standard Compliant Mode */
    filter:alpha(opacity=98); /* IE5.x -7.0 */
}
.actPopup_close{
	float: right;
	margin-right: 10px;
	margin-top: -20px;
	color: white;
	text-decoration: none;
}
#overlayReportdiv, .actpopup{
	position:absolute;
	width:650px;
	height:450px;
	border:1px solid #185A8C;
	background: #084a6b; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(top, #084a6b 0%, #081829 50%, #082942 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#084a6b), color-stop(50%,#081829), color-stop(100%,#082942)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #084a6b 0%,#081829 50%,#082942 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #084a6b 0%,#081829 50%,#082942 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #084a6b 0%,#081829 50%,#082942 100%); /* IE10+ */
	background: linear-gradient(to bottom, #084a6b 0%,#081829 50%,#082942 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#084a6b', endColorstr='#082942',GradientType=0 ); /* IE6-8 */
	border:1px solid #185A8C;
	left:
}

#overlayExportdiv{
	position:absolute;
	width:650px;
	height:200px;
	border:1px solid #185A8C;
	background: #084a6b; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(top, #084a6b 0%, #081829 50%, #082942 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#084a6b), color-stop(50%,#081829), color-stop(100%,#082942)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #084a6b 0%,#081829 50%,#082942 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #084a6b 0%,#081829 50%,#082942 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #084a6b 0%,#081829 50%,#082942 100%); /* IE10+ */
	background: linear-gradient(to bottom, #084a6b 0%,#081829 50%,#082942 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#084a6b', endColorstr='#082942',GradientType=0 ); /* IE6-8 */
	border:1px solid #185A8C;
	left:
}

.overlay_content_div {

	background: #084a6b; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(top, #084a6b 0%, #081829 50%, #082942 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#084a6b), color-stop(50%,#081829), color-stop(100%,#082942)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #084a6b 0%,#081829 50%,#082942 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #084a6b 0%,#081829 50%,#082942 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #084a6b 0%,#081829 50%,#082942 100%); /* IE10+ */
	background: linear-gradient(to bottom, #084a6b 0%,#081829 50%,#082942 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#084a6b', endColorstr='#082942',GradientType=0 ); /* IE6-8 */
	border:1px solid #185A8C;

	opacity: 0.97;       /* modern browser */
    -moz-opacity: 0.97;  /* older Mozilla browser */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=97)"; /* IE8 in Standard Compliant Mode */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=97)"; /* IE8 in Standard Compliant Mode */
    filter:alpha(opacity=97); /* IE5.x -7.0 */

}

/* for alert box */

#alert_popup,#Itan_popup {

	z-index:9999;

	margin-left: 200px;

    margin-top: -100px;

    top: 50%;

    z-index: 9999;

}

#alert_popup {

	width:350px

}


#Itan_popup
{

width:400px;

}
#alert_popup table,#Itan_popup table {

    margin-left: 2%;

    width: 95%;

	margin-bottom:2%

}

#alert_popup table  td,#Itan_popup table  td{

    padding: 3% 1%;

}


input.submit_Greenbtn, input.submit_Greenbtn:active {
	background: #2be32f; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(top, #2be32f 0%, #27c235 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2be32f), color-stop(100%,#27c235)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #2be32f 0%,#27c235 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #2be32f 0%,#27c235 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #2be32f 0%,#27c235 100%); /* IE10+ */
	background: linear-gradient(to bottom, #2be32f 0%,#27c235 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2be32f', endColorstr='#27c235',GradientType=0 ); /* IE6-8 */
	border: 1px solid #29CE39;
	border-radius:3px;
	/* new values - http://blog.w3conversions.com/2011/09/css3-spread-value-and-box-shadow-on-one-side-only */
	-webkit-box-shadow: 0 14px 16px -8px #000000;
	-moz-box-shadow: 0 14px 16px -8px #000000;
	box-shadow: 0 14px 16px -8px #000000;
	/*
	box-shadow: 0 0 0 #29CE39 inset, 2px 3px 0 0 #2E6026, 0 0 0 #5D6257;
	*/
	cursor: pointer;
	color: #186B18;
	margin-left: 30px;
	padding: 2px 5px;
	float:left;
	font-weight:bold;
	min-width : 15%;
}

.submit_transparentbtn{
	background: transparent;
	border: none;
	color: red;
	margin-left: 10%;
}

/*alert box ends */

h3.title {
	float:left;
	color:#fff;
	padding:7px 20px; /*apply some padding inside the button*/
	border:1px solid #3e9cbf; /*required or the default border for the browser will appear*/
	/*style the text*/
	font-size:16px;
	font-weight:bold;
	/*use box-shadow to give the button some depth - see cssdemos.tupence.co.uk/box-shadow.htm#demo7 for more info on this technique*/
	/*
	-webkit-box-shadow: 0 0 0 #3E9CBF inset, 0 8px 0 0 #075283, 0 0 0 #999999;
	-moz-box-shadow:0 0 0 #3E9CBF inset, 0 8px 0 0 #075283, 0 0 0 #999999;
	box-shadow: 0 0 0 #3E9CBF inset, 0 8px 0 0 #075283, 0 0 0 #999999;
	*/
	/* new values - http://blog.w3conversions.com/2011/09/css3-spread-value-and-box-shadow-on-one-side-only */
	-webkit-box-shadow: 0 14px 16px -8px #000000;
	-moz-box-shadow: 0 14px 16px -8px #000000;
	box-shadow: 0 14px 16px -8px #000000;

	/*give the corners a small curve*/
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	 border-radius: 3px;
	 top: -8px;
	 left: 15px;
	 position: relative;

	 /*rotate*/
	 transform: skew(-15deg);
	 -webkit-transform: skew(-15deg);
	 -ms-transform: skew(-15deg);

	background: #18b5ff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE4YjVmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxOGI1ZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #18b5ff 0%, #18b5ff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#18b5ff), color-stop(100%,#18b5ff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #18b5ff 0%,#18b5ff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #18b5ff 0%,#18b5ff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #18b5ff 0%,#18b5ff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #18b5ff 0%,#18b5ff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#18b5ff', endColorstr='#18b5ff',GradientType=0 ); /* IE6-8 */

}
h3.title span{
	float: left;
	transform: skew(15deg);
	font-family:bosch sans regular;
	font-size:12px;
	-webkit-transform: skew(15deg);
	-ms-transform: skew(15deg);

}
.content_data input ,.tableInput input, .tableInput textarea {
	border:1px solid #143855;
	box-shadow: none;
	color: #FFFFFF;
	text-align: left;
	background-color: #081C2B;
	width: 100%;
	padding:2% 0;
	border-radius:3px;
	font-family: Bosch Sans Regular;
font-size: 13px;
}
input.ip_focus:focus {
	border:1px solid #185A8C;
	box-shadow: none;
	color: #FFFFFF;
	text-align: left;
	background-color: #081829;
	width: 100%;
}
.ip_focus{
outline: 0px;
}
#overlay_div table tbody tr td {
	background:none;
	padding: 5px;
}


input.submit, input.submit:active ,button.submit,button.submit:active,a.submit,.generatebutton{
	background: #2be32f; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(top, #2be32f 0%, #27c235 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2be32f), color-stop(100%,#27c235)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #2be32f 0%,#27c235 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #2be32f 0%,#27c235 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #2be32f 0%,#27c235 100%); /* IE10+ */
	background: linear-gradient(to bottom, #2be32f 0%,#27c235 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2be32f', endColorstr='#27c235',GradientType=0 ); /* IE6-8 */
	border: 1px solid #29CE39;
	border-radius:3px;
	/* new values - http://blog.w3conversions.com/2011/09/css3-spread-value-and-box-shadow-on-one-side-only */
	-webkit-box-shadow: 0 14px 16px -8px #000000;
	-moz-box-shadow: 0 14px 16px -8px #000000;
	box-shadow: 0 14px 16px -8px #000000;
	/*
	box-shadow: 0 0 0 #29CE39 inset, 2px 3px 0 0 #2E6026, 0 0 0 #5D6257;
	*/
	cursor: pointer;
	color: #186B18;
	margin-left: 30px;
	padding: 2px 5px;
	float:left;
	font-weight:bold;
	width:auto
}
 input.submit:active ,button.submit:active,a.submit{
	-webkit-box-shadow: 0 8px 8px -8px #000000;
	-moz-box-shadow: 0 8px 8px -8px #000000;
	box-shadow: 0 8px 8px -8px #000000;
 }
.overlay_text {

	font-family: Bosch sans regular;
	color : #16aaf3;
}
.content_data table {
	width:80%;
	/*position: relative; */
	left:10%;
	font-size: 14px;

}

.overlay_close,.overlayReport_close {
	color: #FFFFFF;
	font-size: 15px;
	font-weight: bold;
	position: absolute;
	right: 15px;
	text-decoration: none;
	top: 15px;
}
.iTan_close{
	color: #FFFFFF;
	font-size: 15px;
	font-weight: bold;
	position: absolute;
	right: 15px;
	text-decoration: none;
	top: 15px;
}


.overlay_content_div .close {
	color: #FFFFFF;
	font-size: 15px;
	font-weight: bold;
	position: absolute;
	right: 15px;
	text-decoration: none;
	top: 15px;
}
.overlay_effect{
	border:1px solid #114F73;
	box-shadow: none;
	color: #FFFFFF;
	background-color: #081C2B;
	border-radius:4px;
	outline: none;
}
.overlay_select option {
	color: #FFFFFF;
	background-color: #081C2B;
}
.overlay_select {
	background-color: #081C2B;
     border-radius:4px;
    -webkit-box-shadow:
        0 0px 0 #ccc,
        0 0px #fff inset;
    background: url('../images/downarrow.png') no-repeat right, -moz-linear-gradient(top, #081C2B 0%, #081C2B 100%);
    background: url('../images/downarrow.png') no-repeat right, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#081C2B), color-stop(100%,#081C2B));
    color:#FFFFFF;
    border:2px solid #114F73;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
	-moz-appearance:none;
    cursor:pointer;
	text-indent : 0.01px;
	text-overflow:"";
    background-position: 98% center;
}
.overlay_topglow{
	position: absolute;
	top:-3%;
	left: 37%;
}
/*end style */

/*#loading {
	left: 50%;
    position: absolute;
    top: 50%;
    z-index: 99999;
	-moz-animation:spinoff 2s infinite linear;
    animation:spinoff 2s infinite linear;
	-webkit-animation:spinoff 2s infinite linear;
}*/

/*button style */
.togButton{
	transform: skew(-15deg);
	-webkit-transform: skew(-15deg);

}

.checkInActive {
	color:#00AEFF;
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	float: left;
	height: 25px;
	position: relative;
	width: 135px;
	cursor: pointer;
	line-height: 25px;
	text-align: center;
	border:1px solid #114F73;
	border-left:none;
	background: rgb(10,58,86) !important; /* Old browsers */
	background: -moz-linear-gradient(top, rgba(10,58,86,1) 0%, rgba(9,43,63,1) 48%, rgba(8,28,41,1) 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(10,58,86,1)), color-stop(48%,rgba(9,43,63,1)), color-stop(100%,rgba(8,28,41,1))) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(10,58,86,1) 0%,rgba(9,43,63,1) 48%,rgba(8,28,41,1) 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(10,58,86,1) 0%,rgba(9,43,63,1) 48%,rgba(8,28,41,1) 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(10,58,86,1) 0%,rgba(9,43,63,1) 48%,rgba(8,28,41,1) 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom, rgba(10,58,86,1) 0%,rgba(9,43,63,1) 48%,rgba(8,28,41,1) 100%) !important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a3a56', endColorstr='#081c29',GradientType=0 ) !important; /* IE6-9 */
	border-radius: 3px;

}
.checkActive {
	color: #10395A;
	font-weight: bold;
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	float: left;
	height: 25px;
	position: relative;
	width: 135px;
	cursor: pointer;
	line-height: 25px;
	text-align: center;
	border:1px solid #818C97;
	border-left:none;
	border-radius: 3px;
	background: #0079be; /* Old browsers */
	background: -moz-linear-gradient(top, #0079be 0%, #2ce742 0%, #27c336 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0079be), color-stop(0%,#2ce742), color-stop(100%,#27c336)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #0079be 0%,#2ce742 0%,#27c336 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #0079be 0%,#2ce742 0%,#27c336 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #0079be 0%,#2ce742 0%,#27c336 100%); /* IE10+ */
	background: linear-gradient(to bottom, #0079be 0%,#2ce742 0%,#27c336 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0079be', endColorstr='#27c336',GradientType=0 ); /* IE6-9 */
}

#div1 {
padding:12px 0px
}

div.olControlZoom a:hover {
	background: -moz-linear-gradient(top,  #18b5ff 0%, #18b5ff 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#18b5ff), color-stop(100%,#18b5ff)) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #18b5ff 0%,#18b5ff 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #18b5ff 0%,#18b5ff 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #18b5ff 0%,#18b5ff 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom,  #18b5ff 0%,#18b5ff 100%) !important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#18b5ff', endColorstr='#18b5ff',GradientType=0 ) !important; /* IE6-8 */

}

div.olControlZoom a {
	background: #0079be !important;  /* Old browsers */
	background: -moz-linear-gradient(top, #0079be 0%, #0097d3 0%, #004b88 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0079be), color-stop(0%,#0097d3), color-stop(100%,#004b88)) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #0079be 0%,#0097d3 0%,#004b88 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #0079be 0%,#0097d3 0%,#004b88 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #0079be 0%,#0097d3 0%,#004b88 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom, #0079be 0%,#0097d3 0%,#004b88 100%) !important; /* W3C */
	color : #130085 !important;
	border: 0 px !important;
}
#ovubutton{
	background: #0079be !important;  /* Old browsers */
	background: -moz-linear-gradient(top, #0079be 0%, #0097d3 0%, #004b88 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0079be), color-stop(0%,#0097d3), color-stop(100%,#004b88)) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #0079be 0%,#0097d3 0%,#004b88 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #0079be 0%,#0097d3 0%,#004b88 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #0079be 0%,#0097d3 0%,#004b88 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom, #0079be 0%,#0097d3 0%,#004b88 100%) !important; /* W3C */
	color : #000 !important;
	border: 0px !important;
	margin-right:10px;
	font-weight:600;
	font-size:14px;
	cursor: pointer;
}
.ovubutton{
	background: #0079be !important;  /* Old browsers */
	background: -moz-linear-gradient(top, #0079be 0%, #0097d3 0%, #004b88 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0079be), color-stop(0%,#0097d3), color-stop(100%,#004b88)) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #0079be 0%,#0097d3 0%,#004b88 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #0079be 0%,#0097d3 0%,#004b88 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #0079be 0%,#0097d3 0%,#004b88 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom, #0079be 0%,#0097d3 0%,#004b88 100%) !important; /* W3C */
	color : #000 !important;
	border: 0px !important;
	margin-right:10px;
	font-weight:600;
	font-size:14px;
}

div.olFramedCloudPopupContent
{
	min-width:150px !important;
	min-height:75px !important;
	background: #2C4D5F !important;  /* Old browsers */
	background: -moz-linear-gradient(top, #0079be 0%, #0097d3 0%, #004b88 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0079be), color-stop(0%,#0097d3), color-stop(100%,#004b88)) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #0079be 0%,#0097d3 0%,#004b88 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #0079be 0%,#0097d3 0%,#004b88 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #0079be 0%,#0097d3 0%,#004b88 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom, #0079be 0%,#0097d3 0%,#004b88 100%) !important; /* W3C */
	padding: 1px !important;
	margin: 0px !important;
	font-size: 0.80em;
}

div.olPopup
{
	min-width:244px !important;
	min-height:75px !important;
	background: #2C4D5F !important;  /* Old browsers */
	background: -moz-linear-gradient(top, #2D5065 0%,#2D5065 0%,#2D5065 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0079be), color-stop(0%,#0097d3), color-stop(100%,#004b88)) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #2D5065 0%,#2D5065 0%,#2D5065 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #0079be 0%,#0097d3 0%,#004b88 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #0079be 0%,#0097d3 0%,#004b88 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom, #0079be 0%,#0097d3 0%,#004b88 100%) !important; /* W3C */
	padding: 1px !important;
	margin: 0px !important;
	font-size: 0.80em;
	opacity : 0.9 !important;
	z-index:1000 !important;
}

.olPopupContent{
min-height:59px !important;
font-family:bosch sans medium;

}

div.olPopupCloseBox {
	width: 14px !important;
	height: 14px !important;
	position: absolute;
	right: 5px;
	top: 5px;
	background: url(../images/close.jpg) no-repeat !important;  /* Old browsers */
	background-size: 100% !important;
	border: 0px !important;
}

/* status bar */

.offline{
	background: url(../images/offline.png) no-repeat 1% center;
	background-size: contain;
	float:left;
	width:22px !important;
	height:100%;
	margin-right:2%
	}
.online{
	background: url(../images/icon_status_green.png) no-repeat 1% center;
	background-size: contain;
	}
.error{
	background: url(../images/icon_status_red.png) no-repeat 1% center;
	background-size: contain;
	float:left;
	width:40px !important;
	height:100%;
	margin-right:1%
	}
.warning{
	background: url(../images/icon_status_yellow.png) no-repeat 1% center;
	background-size: contain;
	float:left;
	width:40px !important;
	height:100%;
	margin-right:1%
	}
.ok_status{
	background: url(../images/icon_status_green.png) no-repeat 1% center;
	background-size: contain;
	float:left;
	width:40px !important;
	height:100%;
	margin-right:1%
}
.exportClose{
	float: right;
	margin-right: 20px;
	margin: 5px 10px 0px 0px;
	color: white;
	text-decoration: none;
}
.timeOut{
	background: url(../images/clockicon.png) no-repeat 1% center;
	background-size: contain;
	float:left;
	width:30px !important;
	height:100%;
	margin-right:1%
}
.status_sel{
	cursor:pointer;
}

.printdiv,.actionolayDiv,.printdivolay{
		background: #084a6b; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	 	background: -moz-linear-gradient(top, #084a6b 0%, #081829 50%, #082942 100%); /* FF3.6+ */
	 	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#084a6b), color-stop(50%,#081829), color-stop(100%,#082942)); /* Chrome,Safari4+ */
	 	background: -webkit-linear-gradient(top, #084a6b 0%,#081829 50%,#082942 100%); /* Chrome10+,Safari5.1+ */
	 	background: -o-linear-gradient(top, #084a6b 0%,#081829 50%,#082942 100%); /* Opera 11.10+ */
	 	background: -ms-linear-gradient(top, #084a6b 0%,#081829 50%,#082942 100%); /* IE10+ */
		background: linear-gradient(to bottom, #084a6b 0%,#081829 50%,#082942 100%); /* W3C */
		position: absolute;
	/*	top: 108%;
		right: -15%;
		width: 15%;
		right: -15%;
		width: 15%;
		height: 12%; */
		border: 2px solid #084A6B;
		margin: 0px auto;
		cursor:pointer;
}

.inward{
	background: url(../images/rightarrow.png) no-repeat center center;
	border-right: 2px solid #084A6B;
	position: absolute;
	float: left;
	height: 100%;
	width: 15%;

}
#print,#printolay{
	background: url(../images/print_white.png) no-repeat center top;
	position: relative;

}
#export{
	background: url(../images/export_white.png) no-repeat center top;
	position: relative;

}

#historyExport{

background: url(../images/export_white.png) no-repeat center top;
	position: relative;

}
#report,#reportolay{
	background: url(../images/report.png) no-repeat center top;
	position: relative;

}

#export.disabled{
	background: url(../images/export_blue.png) no-repeat center top;
	position: relative;
	opacity :0.5;
}
#report.disabled{
	background: url(../images/report_blue.png) no-repeat center top;
	position: relative;
	opacity :0.5;
}

#export.noPerm{
	background: url(../images/export_blue.png) no-repeat center top;
	position: relative;
	opacity :0.5;
}
#report.noPerm{
	background: url(../images/report_blue.png) no-repeat center top;
	position: relative;
	opacity :0.5;
}


.outward{
	background: url(../images/leftarrow.png) no-repeat center center;
	border-right: 2px solid #084A6B;
	position: absolute;
	float: left;
	height: 100%;
}
.textLegend	{
	position: absolute;
	bottom: 0;
}
#exporttext	span{
	word-break :break-all;
	display :table-row-group;
}

.olAlphaImg{
width: auto !important;
height: auto !important;
}

//datepic title

h3.datepictitle{
	/*margin-bottom: 3%;*/
	font-family : Bosch Sans Medium;
	font-size : 13px;
}
/*
.flexigrid div.bDiv tr.trSelected:hover td, .flexigrid div.bDiv tr.trSelected:hover td.sorted, .flexigrid div.bDiv tr.trOver.trSelected td.sorted, .flexigrid div.bDiv tr.trOver.trSelected td, .flexigrid tr.trSelected td.sorted, .flexigrid tr.trSelected td {
background:transparent !important
}
*/
.chkDiv{

background: #093350;

display : none;
position:relative;
z-Index:9999;
font-family:bosch sans medium;
font-size:13px;
}

.overlay_table{
float:left;
}

#EquipEdit_div{
width: 48%;
float: right;
overflow:auto;
height:310px;
margin-right: 2%;
margin-top: 2%;
}

#LocationEdit_div{
width: 40%;
float: left;
margin-left: 2%;
margin-top: 2%;
}
#greencircle
{
cursor:pointer;
}


#userAdmin{left:817px;display:block;}
#userAdmin{background:url('../images/useradmin_off.png') no-repeat 3px center;color:#fff;}


#connMangmnt{left:817px; width:250px;display:block;}
#connMangmnt{background:url('../images/connectionmanagement_off.png') no-repeat 5px center;color:#fff;}


#contactMangmnt{left:817px; width:250px;display:block;}
#contactMangmnt{background:url('../images/contactmanagement_off.png') no-repeat 5px center;color:#fff;}


#language{left:817px; width:250px;display:block;}
#language{background:url('../images/language_off.png') no-repeat 5px center;color:#fff;}


#passwordMangmnt{left:817px; width:250px;display:block;}
#passwordMangmnt{background:url('../images/passwordmanagement_off.png') no-repeat 5px center;color:#fff;}


#createCert{left:817px; width:250px;display:block; color:#fff;}
#createCert{background:url('../images/certificate_off.png') no-repeat 5px center;color:#fff;}


#adminLog{left:817px; width:250px;display:block; color:#fff;}
#adminLog{background:url('../images/logbook_on.png') no-repeat 5px center;color:#fff;}

#monitor{left:817px; width:250px;display:block; color:#fff;}
#monitor{background:url('../images/monitor.png') no-repeat 5px center;color:#fff;}

#settings_list li{
	line-height:20px;
	padding:5px 0px;
	margin: 0px 5px;
	width: 200px;
	}

#settings_div	{
	background: #084a6b; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(top, #084a6b 0%, #081829 50%, #082942 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#084a6b), color-stop(50%,#081829), color-stop(100%,#082942)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #084a6b 0%,#081829 50%,#082942 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #084a6b 0%,#081829 50%,#082942 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #084a6b 0%,#081829 50%,#082942 100%); /* IE10+ */
	background: linear-gradient(to bottom, #084a6b 0%,#081829 50%,#082942 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#084a6b', endColorstr='#082942',GradientType=0 ); /* IE6-8 */
	border:1px solid #185A8C;
	opacity: 0.95;
    -moz-opacity: 0.95;  /* older Mozilla browser */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; /* IE8 in Standard Compliant Mode */
    filter:alpha(opacity=95); /* IE5.x  */
	display:none;
	z-index: 999;
	position: absolute;
	right: 5%;
	bottom: 7%;
	width:240px
	}

#settings_list li {
	display:inline-block;
	width:100%;
	margin: 0;
	padding: 5px 0px 10px 0px;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-radial-gradient(center, ellipse cover,  rgba(0,108,170,1) 0%, rgba(0,108,170,0) 51%, rgba(0,108,170,0) 57%, rgba(255,255,255,0) 69%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,108,170,1)), color-stop(51%,rgba(0,108,170,0)), color-stop(57%,rgba(0,108,170,0)), color-stop(69%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,108,170,1) 0%,rgba(0,108,170,0) 51%,rgba(0,108,170,0) 57%,rgba(255,255,255,0) 69%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  rgba(0,108,170,1) 0%,rgba(0,108,170,0) 51%,rgba(0,108,170,0) 57%,rgba(255,255,255,0) 69%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  rgba(0,108,170,1) 0%,rgba(0,108,170,0) 51%,rgba(0,108,170,0) 57%,rgba(255,255,255,0) 69%); /* IE10+ */
	background: radial-gradient(ellipse at center,  rgba(0,108,170,1) 0%,rgba(0,108,170,0) 51%,rgba(0,108,170,0) 57%,rgba(255,255,255,0) 69%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006caa', endColorstr='#00ffffff',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
	background-repeat: repeat-x;
	background-size: 120% 15%;
	background-attachment: scroll;
	background-clip: border-box;
	background-position: center bottom;
	cursor:pointer;
}
#settings_list li:last-child
{
	background:none !important;
}
#settings_div li a span {
	padding-left:35px;
	display:inline-block;
}
.glow_img {
position: absolute;
top: -17px;
width: 40%;
height: 35px;
right: 0px;
}


.hDivBox table,.bDiv table{
 width : 100%;

}

.Report_label {
padding:20px 0px 10px 0px;
display:inline-block
}

span.status_ok,span.status_error  {

font-weight: bold;
margin: 11px;
color:#fff;
position: relative;
top: 21px;
}

.settingsTitle{
font-family:bosch sans regular;

color:#fff;

}
textarea:focus, input:focus{
    outline: 0;
}

.config_selected{
	background-color: #1D5E8A !important;
}
#lastUpDiv{
	font-family : bosch sans Medium;
	font-size:13px;
	top: 103%;
	position : absolute;
}

#contentleft {
position: relative;
width: 235px;
height: 496px;
left: 1px;
right: 10px;
top: 0px;
background:#081A28;
float: left;
font-size: 14px;
}
.divContentFooter {
position: absolute;
width: auto;
height: 58px;
right: 1px;
top: 0px;



z-index: 2;

}
.divContentright {
position: relative;
width: 778px;
height: 438px;
position: relative;
right: 1px;
top: 0px;


float: right;
z-index: 2;

}
li.list_entry {
float: none;
padding: 5px;
cursor: pointer;
}

div .country_tab.tab_active {
background: #18B5FF;;
color:white !important;
}
div .country_tab {
float: left;
cursor: pointer;
border: 1px solid #185A8C;
border-bottom: none;
padding: 2px 5px;
color:white !important;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.choice
{
color:white !important;
padding:0px 0px 5px 0px;
}


.divContentright td{
padding:5px 0px;
}

.search_hover{
background: #0079be !important;  /* Old browsers */
	background: -moz-linear-gradient(top, #0079be 0%, #0097d3 0%, #004b88 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0079be), color-stop(0%,#0097d3), color-stop(100%,#004b88)) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #0079be 0%,#0097d3 0%,#004b88 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #0079be 0%,#0097d3 0%,#004b88 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #0079be 0%,#0097d3 0%,#004b88 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom, #0079be 0%,#0097d3 0%,#004b88 100%) !important; /* W3C */
	color : #084a6b !important;
	border: 0px !important;
}

div.mask {position:absolute; width:100%; height:100%; background:white; z-index:10000; opacity:0; filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
div.dialog {
	position:absolute;
	width : 500px;
	height : auto;
	min-height: 200px;
	top : 50%;
	left : 50%;
	margin : -100px 0 0 -250px;
	background: #084a6b; /* Old browsers */
	word-wrap: break-word;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(top, #084a6b 0%, #081829 50%, #082942 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#084a6b), color-stop(50%,#081829), color-stop(100%,#082942)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #084a6b 0%,#081829 50%,#082942 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #084a6b 0%,#081829 50%,#082942 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #084a6b 0%,#081829 50%,#082942 100%); /* IE10+ */
	background: linear-gradient(to bottom, #084a6b 0%,#081829 50%,#082942 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#084a6b', endColorstr='#082942',GradientType=0 ); /* IE6-8 */

	opacity: 0.98;
    -moz-opacity: 0.98;  /* older Mozilla browser */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=98)"; /* IE8 in Standard Compliant Mode */
    filter:alpha(opacity=98);z-index:10001; border:1px solid #185A8C; padding:5px}

div.dialog_message {margin:10px 20px;}
div.dialog_prompt {margin:20px; width:250px; position:relative}
li.list_entry { float:none; padding:5px; cursor:pointer }
li.list_entry:hover { background:#18B5FF  }
li.list_entry.selected { background:#618bb1 }
li.list_entry.selected:hover { background:#18B5FF  }
#successPopup,#loginErrPopup {
	position: absolute;
    width: 350px;
    height: 175px;
	min-height: 175px;
    top: 50%;
    margin-top: -35px;
    margin-left: -175px;
    left: 50%;
	background: #084a6b; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(top, #084a6b 0%, #081829 50%, #082942 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#084a6b), color-stop(50%,#081829), color-stop(100%,#082942)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #084a6b 0%,#081829 50%,#082942 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #084a6b 0%,#081829 50%,#082942 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #084a6b 0%,#081829 50%,#082942 100%); /* IE10+ */
	background: linear-gradient(to bottom, #084a6b 0%,#081829 50%,#082942 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#084a6b', endColorstr='#082942',GradientType=0 ); /* IE6-8 */

	opacity: 0.98;
    -moz-opacity: 0.98;  /* older Mozilla browser */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=98)"; /* IE8 in Standard Compliant Mode */
    filter:alpha(opacity=98);z-index:10001; border:1px solid #185A8C
}
.bgOverlay{
border: 0;

	opacity: 0.7;
    -moz-opacity: 0.7;  /* older Mozilla browser */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE8 in Standard Compliant Mode */
    filter:alpha(opacity=70);
	position:absolute;
	height: 100%;
	margin: 0;
	max-height: 100%;
	overflow: hidden;
	padding: 0;
	overflow: hidden;
	height: 100%;
	border: 0;
	width: 100%;
	z-index:900;
}

.flexigrid div.bDiv td {
white-space:normal !important;
}



/* flexi grid starts here*/
	.flexigrid div.hDiv
	{
		background: transparent !important;
		color: #FFFFFF;
		font-family : Bosch Sans Regular;
		font-size :15px !important;
		border: 0px !important;
		border-bottom: 2px solid #13507d !important;
	}

.flexigrid div.hDiv th, div.colCopy {

	font-weight:bold  !important;

}

.flexigrid div.hDiv th {

	border-right:1px solid #114F73!important;

	border-left:none !important;

}

 .flexigrid div.nBtn {

	background:url("../images/downarrow.png") no-repeat scroll -2px center !important;

	border:none !important;

	height:28px !important;

	width: 20px !important;

}

.flexigrid div.nBtn div {

	border-left:none !important;

	background:none !important;

}

.flexigrid div.hDiv th.thOver div, .flexigrid div.hDiv th.sorted.thOver div {

	 border:none !important;

	 padding:none !important;

}

 .flexigrid div.bDiv {

	 background:transparent !important;
	font-family : Bosch Sans Medium;
	font-size :13px !important;
	 border:0px solid #114F73 !important;
	overflow:auto !important;
	 color:#fff

}

 .flexigrid div.bDiv td , .flexigrid div.bDiv table,  .flexigrid tr.erow td {

	border:none!important;

 }
 .flexigrid div.bDiv table{
 margin-bottom:0px !important;
 }

.flexigrid div.bDiv tr:nth-child(odd) {

	background-color: #072940;


}

.flexigrid div.hDiv th div, .flexigrid div.bDiv td div, div.colCopy div {

	padding:8px !important;

	/*font-size:12px;

	font-weight:bold; */

}

.flexigrid div.nDiv {
height:200px !important;
min-width: 178px !important;
overflow:auto;
}

.flexigrid div.nDiv table {

	margin: 2px;

}



.flexigrid div.nDiv td  {

	padding: none !important;

	border: 0px !important;

	cursor: default;

}



	 /*for hover */

.flexigrid div.bDiv tr:hover td,

.flexigrid div.bDiv tr:hover td.sorted,

.flexigrid div.bDiv tr.trOver td.sorted,

.flexigrid div.bDiv tr.trOver td {

	background: transparent !important;

	border-left: 0px !important;

	border-bottom: 0px !important;



}

.flexigrid div.hDiv th.sorted,.flexigrid div.hDiv th.thMove{

	background: rgb(10,58,86) !important; /* Old browsers */

	background: -moz-linear-gradient(top, rgba(10,58,86,1) 0%, rgba(9,43,63,1) 48%, rgba(8,28,41,1) 100%) !important; /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(10,58,86,1)), color-stop(48%,rgba(9,43,63,1)), color-stop(100%,rgba(8,28,41,1))) !important; /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top, rgba(10,58,86,1) 0%,rgba(9,43,63,1) 48%,rgba(8,28,41,1) 100%) !important; /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top, rgba(10,58,86,1) 0%,rgba(9,43,63,1) 48%,rgba(8,28,41,1) 100%) !important; /* Opera 11.10+ */

	background: -ms-linear-gradient(top, rgba(10,58,86,1) 0%,rgba(9,43,63,1) 48%,rgba(8,28,41,1) 100%) !important; /* IE10+ */

	background: linear-gradient(to bottom, rgba(10,58,86,1) 0%,rgba(9,43,63,1) 48%,rgba(8,28,41,1) 100%) !important; /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a3a56', endColorstr='#081c29',GradientType=0 ) !important; /* IE6-9 */

}



.flexigrid div.vGrip {

	height:0px !important;

	border:none !important;

}



.flexigrid tr td.sorted {

	background:transparent !important

}

.flexigrid tr.erow td {

	background:transparent !important

}

.flexigrid div.bDiv td {

	border-left:none!important;

	border-right:none !important;

	padding:2px 0px !important;
    padding-left:2px !important;
}



.flexigrid div.hDiv th div {

	padding:8px !important;

}

.flexigrid div.nDiv {

	background: -moz-linear-gradient(top, rgba(10,56,83,0.85) 0%, rgba(10,56,83,1) 100%)!important; /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(10,56,83,0.85)), color-stop(100%,rgba(10,56,83,1)))!important; /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top, rgba(10,56,83,0.85) 0%,rgba(10,56,83,1) 100%)!important; /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top, rgba(10,56,83,0.85) 0%,rgba(10,56,83,1) 100%)!important; /* Opera 11.10+ */

	background: -ms-linear-gradient(top, rgba(10,56,83,0.85) 0%,rgba(10,56,83,1) 100%)!important; /* IE10+ */

	background: linear-gradient(to bottom, rgba(10,56,83,0.85) 0%,rgba(10,56,83,1) 100%)!important; /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d90a3853', endColorstr='#0a3853',GradientType=0 )!important; /* IE6-9 */

	border:1px solid #114F73 !important;

	border-top:none !important;

	color:#fff;

	font-family: bosch sans regular !important;

	font-size: 12px !important;

}

.flexigrid div.nDiv table {

	margin: 7px !important;

	font-weight:12px !important;

}

.flexigrid div.nDiv td {

	padding:6px 4px !important;

	vertical-align:middle

}

.flexigrid div.cDrag div.dragging {

background:red !important

}



.flexigrid div.cDrag div:hover, .flexigrid div.cDrag div.dragging,

.flexigrid div.cDrag div:hover, .flexigrid div.cDrag div.gragging {



	background: -moz-linear-gradient(left, rgba(10,106,147,0) 37%, rgba(10,106,147,0.06) 39%, rgba(10,106,147,1) 70%, rgba(10,106,147,1) 99%, rgba(10,106,147,1) 100%) !important; /* FF3.6+ */

	background: -webkit-gradient(linear, left top, right top, color-stop(37%,rgba(10,106,147,0)), color-stop(39%,rgba(10,106,147,0.06)), color-stop(70%,rgba(10,106,147,1)), color-stop(99%,rgba(10,106,147,1)), color-stop(100%,rgba(10,106,147,1))) !important; /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(left, rgba(10,106,147,0) 37%,rgba(10,106,147,0.06) 39%,rgba(10,106,147,1) 70%,rgba(10,106,147,1) 99%,rgba(10,106,147,1) 100%) !important; /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(left, rgba(10,106,147,0) 37%,rgba(10,106,147,0.06) 39%,rgba(10,106,147,1) 70%,rgba(10,106,147,1) 99%,rgba(10,106,147,1) 100%) !important; /* Opera 11.10+ */

	background: -ms-linear-gradient(left, rgba(10,106,147,0) 37%,rgba(10,106,147,0.06) 39%,rgba(10,106,147,1) 70%,rgba(10,106,147,1) 99%,rgba(10,106,147,1) 100%) !important; /* IE10+ */

	background: linear-gradient(to right, rgba(10,106,147,0) 37%,rgba(10,106,147,0.06) 39%,rgba(10,106,147,1) 70%,rgba(10,106,147,1) 99%,rgba(10,106,147,1) 100%) !important; /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000a6a93', endColorstr='#0a6a93',GradientType=1 ) !important;  /* IE6-8 */

	width:4px !important

}



.flexigrid div.nDiv tr:hover td.ndcol2,

.flexigrid div.nDiv tr:hover td, .flexigrid div.nDiv tr.ndcolover td ,

.flexigrid div.nDiv td.ndcol2 {

background: -moz-radial-gradient(center, ellipse cover,  rgba(0,108,170,1) 0%, rgba(0,108,170,0) 51%, rgba(0,108,170,0) 57%, rgba(255,255,255,0) 69%); /* FF3.6+ */

	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,108,170,1)), color-stop(51%,rgba(0,108,170,0)), color-stop(57%,rgba(0,108,170,0)), color-stop(69%,rgba(255,255,255,0))); /* Chrome,Safari4+ */

	background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,108,170,1) 0%,rgba(0,108,170,0) 51%,rgba(0,108,170,0) 57%,rgba(255,255,255,0) 69%); /* Chrome10+,Safari5.1+ */

	background: -o-radial-gradient(center, ellipse cover,  rgba(0,108,170,1) 0%,rgba(0,108,170,0) 51%,rgba(0,108,170,0) 57%,rgba(255,255,255,0) 69%); /* Opera 12+ */

	background: -ms-radial-gradient(center, ellipse cover,  rgba(0,108,170,1) 0%,rgba(0,108,170,0) 51%,rgba(0,108,170,0) 57%,rgba(255,255,255,0) 69%); /* IE10+ */

	background: radial-gradient(ellipse at center,  rgba(0,108,170,1) 0%,rgba(0,108,170,0) 51%,rgba(0,108,170,0) 57%,rgba(255,255,255,0) 69%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006caa', endColorstr='#00ffffff',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

	background-repeat: repeat-x;

	background-size: 120% 10%;

	background-attachment: scroll;

	background-clip: border-box;

	background-position: right bottom;



}

.flexigrid div.nDiv td.ndcol1 {

	background:transparent !important

}

.flexigrid div.bDiv tr.trSelected:hover td, .flexigrid div.bDiv tr.trSelected:hover td.sorted, .flexigrid div.bDiv tr.trOver.trSelected td.sorted, .flexigrid div.bDiv tr.trOver.trSelected td, .flexigrid tr.trSelected td.sorted, .flexigrid tr.trSelected td {

	background:transparent !important

}

.flexigrid div.hDiv th.sorted.thMove div {

	background:transparent !important;

	border-bottom:none !important

}


#table .flexigrid div.hDiv th:first-child,
#table .flexigrid div.hDiv th:nth-child(2)
{
	border-right: 0px !important;
}
#table .flexigrid div.cDrag div:first-child:hover,
#table .flexigrid div.cDrag div:nth-child(2):hover{
	display:none !important;
}


#table .flexigrid div.cDrag div:first-child,
#table .flexigrid div.cDrag div:nth-child(2) {
	display:none !important;
}


.no_search {

	width:700px;

	text-align:center !important;

	margin:20px 0px !important;

	font-weight:bold !important;



}

/*

.flexigrid {

	background:#0C2235

}

/* flexigrid styles Ends here*/

#selectBox{
border:1px solid #185A8C;
width: 20%;
height: 15%;
position: absolute;
margin: 5px;
opacity: 0.92;
width:21%;
height: 37%;

}
#alert_popup
{
	top:50%;
	left:25%;
}
.highlightRow{
background-color:#1D5E8A !important;

}

.unitTDPadding td
{
padding-left:4px;
}

/* multi select */

#multiplselect{
background: #093350;
border: 2px solid #205D88;
background: url(../images/downarrow.png) no-repeat 98% !important;
color: white !important;
}

.multiselectcheckboxes {
overflow:auto;
}

.ui-multiselect-menu{
background: #093350 !important;
border: 2px solid #205D88 !important;
color :#FFFFFF !important;
font-family:bosch sans regular !important;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-check {
font-weight: normal !important;/*{fwDefault}*/
color: #FFFFFF !important;/*{fcHover}*/
}
.ui-multiselect-header{
padding:0px !important;;

}
.dd .arrow {
background:url("../images/downarrow.png") no-repeat right !important;
}

.enabled_filter{
	background: url(../images/uparrow.png) no-repeat right !important;
	float:right;
	width: 25px;
	height: 10px;
	position:absolute;
}
.disabled_filter{
	background: url(../images/downarrow.png) no-repeat right ;
	float:right;
	width: 25px;
	height: 10px;
	position:absolute;
}
.filterDiv{
	background: #093350;
	border: 1px solid #205D88;
	display : none;
	position:absolute;
	z-Index:9999;
	font-family:bosch sans medium;
	font-size:13px;
	margin : 7px;
	height:80px;
	width:220px;
}

.filterDiv input {
	margin: 15px;
	margin-right: 0px;
	width: 75%;
	background: transparent;
	border: 2px solid #205B88;
	color: white;
}
.filterDiv span{
	height: 22px;
	width: 31px;
	margin-top: 15px;
	margin-right: 5px;
}

/* multi select */

/* for pager */

.pagerDiv td{
	vertical-align:middle;
}

.pager img{
	cursor: pointer;
}
.flexigrid div.nDiv td.ndcol1 {
	width: 12px !important;
}
.pagesize{
	background:#081C2B;
	border:1px solid #205D88;
	box-shadow: none;
	color: #FFFFFF;
}

#unitparttable .flexigrid .bDiv{

}

#contextDiv{
	width:230px;
	height:200px;
	background: -moz-linear-gradient(top, rgba(10,56,83,0.85) 0%, rgba(10,56,83,1) 100%)!important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(10,56,83,0.85)), color-stop(100%,rgba(10,56,83,1)))!important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(10,56,83,0.85) 0%,rgba(10,56,83,1) 100%)!important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(10,56,83,0.85) 0%,rgba(10,56,83,1) 100%)!important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(10,56,83,0.85) 0%,rgba(10,56,83,1) 100%)!important; /* IE10+ */
	background: linear-gradient(to bottom, rgba(10,56,83,0.85) 0%,rgba(10,56,83,1) 100%)!important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d90a3853', endColorstr='#0a3853',GradientType=0 )!important; /* IE6-9 */
	border:1px solid #114F73 !important;
	border-top:none !important;
	color:#fff;
	font-weight:bold;
	position:absolute;
	overflow:auto;
}
@-moz-keyframes spin {
	0% { -moz-transform:rotate(0deg);transform:rotate(0deg);  }
	100% { -moz-transform:rotate(360deg);transform:rotate(360deg); }
}
@-moz-keyframes spinoff {
	0% { -moz-transform:rotate(0deg); transform:rotate(0deg);}
	100% { -moz-transform:rotate(-360deg);transform:rotate(-360deg); }
}
@-webkit-keyframes spin {
	0% { -webkit-transform:rotate(0deg); transform:rotate(0deg);}
	100% { -webkit-transform:rotate(360deg);transform:rotate(360deg); }
}
@-webkit-keyframes spinoff {
	0% { -webkit-transform:rotate(0deg); transform:rotate(0deg);}
	100% { -webkit-transform:rotate(-360deg);transform:rotate(-360deg); }
}
#unitparttable .flexigrid div.hDiv th:not(:nth-last-child(3n-1))
{
	border-right: 0px !important;
}


.cockpitEdit{
	cursor:pointer;
	vertical-align:middle;
}

/*Select Box styling*/

div.selectBox {

	font-family: Bosch Sans Regular;

	border:1px solid #0D3A5A;

	position:absolute;

	display:inline-block;

	cursor:default;

	text-align:left;

	clear:both;

	color:#fff;

	bottom:-13%;

	right:2%;

	z-index:9000;

	width: 30%;

	padding:0 1% 20px;

	background: -moz-radial-gradient(center, ellipse cover, rgba(196,237,252,0.65) 25%, rgba(74,192,234,0.55) 35%, rgba(58,162,203,0.8) 50%, rgba(0,0,0,0) 100%) no-repeat scroll 10% 101% / 20% 2% #09293F; /* FF3.6+ */

	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(25%,rgba(196,237,252,0.65)), color-stop(35%,rgba(74,192,234,0.55)), color-stop(50%,rgba(58,162,203,0.8)), color-stop(100%,rgba(0,0,0,0))) no-repeat scroll 10% 101% / 20% 2% #09293F;

	/* Chrome,Safari4+ */

	background: -webkit-radial-gradient(center, ellipse cover, rgba(196,237,252,0.65) 25%,rgba(74,192,234,0.55) 35%,rgba(58,162,203,0.8) 50%,rgba(0,0,0,0) 100%) no-repeat scroll 10% 101% / 20% 2% #09293F;

	/* Chrome10+,Safari5.1+ */

	background: -o-radial-gradient(center, ellipse cover, rgba(196,237,252,0.65) 25%,rgba(74,192,234,0.55) 35%,rgba(58,162,203,0.8) 50%,rgba(0,0,0,0) 100%) no-repeat scroll 10% 101% / 20% 2% #09293F;

	/* Opera 12+ */

	background: -ms-radial-gradient(center, ellipse cover, rgba(196,237,252,0.65) 25%,rgba(74,192,234,0.55) 35%,rgba(58,162,203,0.8) 50%,rgba(0,0,0,0) 100%) no-repeat scroll 10% 101% / 20% 2% #09293F;

	/* IE10+ */

	background: radial-gradient(ellipse at center, rgba(196,237,252,0.65) 25%,rgba(74,192,234,0.55) 35%,rgba(58,162,203,0.8) 50%,rgba(0,0,0,0) 100%) no-repeat scroll 10% 101% / 20% 2% #09293F;

	/* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6c4edfc', endColorstr='#00000000',GradientType=1 ) no-repeat scroll 10% 101% / 20% 2% #09293F;

	/* IE6-8 fallback on horizontal gradient */

}
.selectboxTitle_Glow {
    height: 20px;
    position: absolute;
    right: 4%;
    top: -10px;
    width: 32%;
}
div.selectOptions {

	background: #0c3048; /* Old browsers */

	background: -moz-linear-gradient(top, #0c3048 0%, #09293f 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0c3048), color-stop(100%,#09293f)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top, #0c3048 0%,#09293f 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top, #0c3048 0%,#09293f 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top, #0c3048 0%,#09293f 100%); /* IE10+ */

	background: linear-gradient(to bottom, #0c3048 0%,#09293f 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c3048', endColorstr='#09293f',GradientType=0 ); /* IE6-9 */

	border:1px solid #0C3857;

	width:100%;

	float: left;

	display:none;
	height:300px;
	overflow:auto;

}



a.selectOption {

	float:left;

	line-height:20px;

	padding:0 3% 5px;

	width: 94%;

}



.selectOptions ul

{

	padding:0px;

	margin:0 0 -4px;

	list-style:none;

	float: left;

	width:100%

}

.selectOptions ul li {

	display:table;

	width:100%;

	margin: 0;

	padding: 0;

	/* IE9 SVG, needs conditional override of 'filter' to 'none' */

	background: -moz-radial-gradient(center, ellipse cover,  rgba(0,108,170,1) 0%, rgba(0,108,170,0) 51%, rgba(0,108,170,0) 57%, rgba(255,255,255,0) 69%); /* FF3.6+ */

	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,108,170,1)), color-stop(51%,rgba(0,108,170,0)), color-stop(57%,rgba(0,108,170,0)), color-stop(69%,rgba(255,255,255,0))); /* Chrome,Safari4+ */

	background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,108,170,1) 0%,rgba(0,108,170,0) 51%,rgba(0,108,170,0) 57%,rgba(255,255,255,0) 69%); /* Chrome10+,Safari5.1+ */

	background: -o-radial-gradient(center, ellipse cover,  rgba(0,108,170,1) 0%,rgba(0,108,170,0) 51%,rgba(0,108,170,0) 57%,rgba(255,255,255,0) 69%); /* Opera 12+ */

	background: -ms-radial-gradient(center, ellipse cover,  rgba(0,108,170,1) 0%,rgba(0,108,170,0) 51%,rgba(0,108,170,0) 57%,rgba(255,255,255,0) 69%); /* IE10+ */

	background: radial-gradient(ellipse at center,  rgba(0,108,170,1) 0%,rgba(0,108,170,0) 51%,rgba(0,108,170,0) 57%,rgba(255,255,255,0) 69%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006caa', endColorstr='#00ffffff',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

	background-repeat: repeat-x;

	background-size: 120% 15%;

	background-attachment: scroll;

	background-clip: border-box;

	background-position: center bottom;

}

.selectOptions ul li a {

	text-decoration:none;

	display:block;

	color:#00AEFF;

	margin: 4px 0;



}

.selected_highlight{

color:#92B0BB !important;

display:none !important

}



a.selectOption:hover {

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  filter: alpha(opacity=50);

  -moz-opacity: 0.5;

  -khtml-opacity: 0.5;

   opacity: 0.5;

}

.selectOptions ul li:last-child

{

	background:none !important;

}

.selectBox h3.title span , #alert_popup h3.title span {

background:url("../images/listbox_title.png") no-repeat scroll left top transparent

}

.selectBox h3.title {

	margin-bottom:10px;

	padding: 3px 10px;

}



.clear {

	clear:both

}

div.selection_box {

	border: 1px solid #0C3857;

	float: left;

	width: 100%;

	position: relative;

}

span.selected

	{

	border-right:1px solid #0C3857;

	background: #0d3a5a; /* Old browsers */

	/* IE9 SVG, needs conditional override of 'filter' to 'none' */

	background: -moz-linear-gradient(top, #0d3a5a 0%, #0b2f48 50%, #0b2e46 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0d3a5a), color-stop(50%,#0b2f48), color-stop(100%,#0b2e46)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top, #0d3a5a 0%,#0b2f48 50%,#0b2e46 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top, #0d3a5a 0%,#0b2f48 50%,#0b2e46 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top, #0d3a5a 0%,#0b2f48 50%,#0b2e46 100%); /* IE10+ */

	background: linear-gradient(to bottom, #0d3a5a 0%,#0b2f48 50%,#0b2e46 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d3a5a', endColorstr='#0b2e46',GradientType=0 ); /* IE6-8 */

	padding:6px 5% 8px 3%;

	display: block;

}

span.selectArrow {

	height: 100%;

	position: absolute;

	right: 0;

	text-align: center;

	top: 0;

	width: 25px;

	background:url("../images/uparrow.png") no-repeat scroll center center #082C44;;

}

span.arrowdown {

	background:url("../images/downarrow.png") no-repeat scroll center center #082C44 !important;

}



span.selectArrow,span.selected 	{

	z-index:1;

}

/* End Selectbox Style */


#contextDiv table tbody tr td.contCol2
 {
	background: -moz-radial-gradient(center, ellipse cover,  rgba(0,108,170,1) 0%, rgba(0,108,170,0) 51%, rgba(0,108,170,0) 57%, rgba(255,255,255,0) 69%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,108,170,1)), color-stop(51%,rgba(0,108,170,0)), color-stop(57%,rgba(0,108,170,0)), color-stop(69%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,108,170,1) 0%,rgba(0,108,170,0) 51%,rgba(0,108,170,0) 57%,rgba(255,255,255,0) 69%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  rgba(0,108,170,1) 0%,rgba(0,108,170,0) 51%,rgba(0,108,170,0) 57%,rgba(255,255,255,0) 69%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  rgba(0,108,170,1) 0%,rgba(0,108,170,0) 51%,rgba(0,108,170,0) 57%,rgba(255,255,255,0) 69%); /* IE10+ */
	background: radial-gradient(ellipse at center,  rgba(0,108,170,1) 0%,rgba(0,108,170,0) 51%,rgba(0,108,170,0) 57%,rgba(255,255,255,0) 69%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006caa', endColorstr='#00ffffff',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
	background-repeat: repeat-x;
	background-size: 120% 10%;
	background-attachment: scroll;
	background-clip: border-box;
	background-position: right bottom;
	font-family: bosch sans regular;
	font-size: 12px;
	line-height: 2;
	font-weight : normal;
}

.flexigrid div.hDiv table
{
	border-right: 0px !important;
}

/** custom scroll **/
.ps-container .ps-scrollbar-y  {
	background: #fbfbfb !important; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE3JSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYWJhYmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYmFiYWJhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==) !important;
	background: -moz-linear-gradient(top, #fbfbfb 0%, #fbfbfb 17%, #bababa 100%, #bababa 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(17%,#fbfbfb), color-stop(100%,#bababa), color-stop(100%,#bababa)) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fbfbfb 0%,#fbfbfb 17%,#bababa 100%,#bababa 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fbfbfb 0%,#fbfbfb 17%,#bababa 100%,#bababa 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fbfbfb 0%,#fbfbfb 17%,#bababa 100%,#bababa 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom, #fbfbfb 0%,#fbfbfb 17%,#bababa 100%,#bababa 100%) !important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#bababa',GradientType=0 ) !important; /* IE6-8 */
}
.ps-container .ps-scrollbar-x {
	background: #fbfbfb !important; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE3JSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYWJhYmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYmFiYWJhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==) !important;
	background: -moz-linear-gradient(left, #fbfbfb 0%, #fbfbfb 17%, #bababa 100%, #bababa 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fbfbfb), color-stop(17%,#fbfbfb), color-stop(100%,#bababa), color-stop(100%,#bababa)) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #fbfbfb 0%,#fbfbfb 17%,#bababa 100%,#bababa 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #fbfbfb 0%,#fbfbfb 17%,#bababa 100%,#bababa 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #fbfbfb 0%,#fbfbfb 17%,#bababa 100%,#bababa 100%) !important; /* IE10+ */
	background: linear-gradient(to right, #fbfbfb 0%,#fbfbfb 17%,#bababa 100%,#bababa 100%) !important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#bababa',GradientType=1 ) !important; /* IE6-8 */
}
.ps-container .ps-scrollbar-y-rail ,.ps-container .ps-scrollbar-y{
	width:4px !important;
	opacity:1 !important;
	background-color:#071B2A !important;
}
.ps-container .ps-scrollbar-x-rail, .ps-container .ps-scrollbar-x {
	height:4px !important;
	z-index:1;
	opacity:1 !important;
	background-color:#071B2A !important;
}
.ps-container .ps-scrollbar-y-rail:hover ,
.ps-container .ps-scrollbar-y-rail.hover ,
.ps-container .ps-scrollbar-x-rail:hover ,
.ps-container .ps-scrollbar-x-rail.hover  {
	background-color:#071B2A !important;

}

#table .flexigrid .bDiv #tbl1
{
	cursor : pointer;

}
#table2 .flexigrid .bDiv #tbl1
{
	cursor : pointer;

}
.textdivs{
	position:absolute;
	/*opacity:0.8;*/
	z-index:2001;

	}

/** More options style **/
.more_options {
    width: 25px;
	height:60px;
	float:left
}
.arrow_left {
	background: url(../images/leftarrow.png) no-repeat center center;
}
.arrow_right {
	background: url(../images/rightarrow.png) no-repeat center center;
}

.container {
	float:left;
	border:1px solid #0D3A5A;
	background: -moz-radial-gradient(center, ellipse cover, rgba(196,237,252,0.65) 25%, rgba(74,192,234,0.55) 35%, rgba(58,162,203,0.8) 50%, rgba(0,0,0,0) 100%) no-repeat scroll 10% 101% / 20% 2% #09293F; /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(25%,rgba(196,237,252,0.65)), color-stop(35%,rgba(74,192,234,0.55)), color-stop(50%,rgba(58,162,203,0.8)), color-stop(100%,rgba(0,0,0,0))) no-repeat scroll 10% 101% / 20% 2% #09293F;
	/* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover, rgba(196,237,252,0.65) 25%,rgba(74,192,234,0.55) 35%,rgba(58,162,203,0.8) 50%,rgba(0,0,0,0) 100%) no-repeat scroll 10% 101% / 20% 2% #09293F;
	/* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover, rgba(196,237,252,0.65) 25%,rgba(74,192,234,0.55) 35%,rgba(58,162,203,0.8) 50%,rgba(0,0,0,0) 100%) no-repeat scroll 10% 101% / 20% 2% #09293F;
	/* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover, rgba(196,237,252,0.65) 25%,rgba(74,192,234,0.55) 35%,rgba(58,162,203,0.8) 50%,rgba(0,0,0,0) 100%) no-repeat scroll 10% 101% / 20% 2% #09293F;
	/* IE10+ */
	background: radial-gradient(ellipse at center, rgba(196,237,252,0.65) 25%,rgba(74,192,234,0.55) 35%,rgba(58,162,203,0.8) 50%,rgba(0,0,0,0) 100%) no-repeat scroll 10% 101% / 20% 2% #09293F;
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6c4edfc', endColorstr='#00000000',GradientType=1 ) no-repeat scroll 10% 101% / 20% 2% #09293F;
	/* IE6-8 fallback on horizontal gradient */
}
.container ul  {
	margin-right:-100px;
	position:relative
}

.container ul ,.container ul li{
	float:left;
	height:100%
}
.container ul li a {
    color: #FFFFFF;
    display: inline-block;
    margin: 0 10px;
    text-decoration: none;
	font-size:12px;
	text-align:center
}
.container ul li a  span{
	display:block;
}
.btnPrint {
	background: url(../images/print_white.png) no-repeat center center;
	width:30px;
	height:33px
}
.btnExport {
	background: url(../images/export_white.png) no-repeat center center;
	width:30px;
	height:33px

}
.btnReport {
	background: url(../images/export_white.png) no-repeat center center;
	width:30px;
	height:33px

}
div.maincontent_bottom {
	position: absolute;
	min-width: 30%;
	bottom: -12%;
	right: -5%;
	z-index: 9001;
	min-height: 65px;

}
.mirror{
	background: url(../images/mirror22_on.png) no-repeat center center;
	width:32px;
	height:22px;
	display:inline-block;
	float:right;
	margin-right:10px;
}
#unitparttable .flexigrid .bDiv{
	cursor: auto;
}

/*Added for Highcharts buttons */
  #buttonsDiv {

       border-left: 1px solid #114F73 ;

	   float: left;

	   margin-left : 1%;

   }



.highChart_button_off {

	color:#00AEFF;

	background-size: 100% 100%;

	-moz-background-size: 100% 100%;

	-webkit-background-size: 100% 100%;

	float: left;

	height: 25px;

	position: relative;

	width: 110px;

	cursor: pointer;

	line-height: 25px;

	text-align: center;

	border:1px solid #114F73;

	border-left:none;

	background: rgb(10,58,86) !important; /* Old browsers */

	background: -moz-linear-gradient(top, rgba(10,58,86,1) 0%, rgba(9,43,63,1) 48%, rgba(8,28,41,1) 100%) !important; /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(10,58,86,1)), color-stop(48%,rgba(9,43,63,1)), color-stop(100%,rgba(8,28,41,1))) !important; /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top, rgba(10,58,86,1) 0%,rgba(9,43,63,1) 48%,rgba(8,28,41,1) 100%) !important; /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top, rgba(10,58,86,1) 0%,rgba(9,43,63,1) 48%,rgba(8,28,41,1) 100%) !important; /* Opera 11.10+ */

	background: -ms-linear-gradient(top, rgba(10,58,86,1) 0%,rgba(9,43,63,1) 48%,rgba(8,28,41,1) 100%) !important; /* IE10+ */

	background: linear-gradient(to bottom, rgba(10,58,86,1) 0%,rgba(9,43,63,1) 48%,rgba(8,28,41,1) 100%) !important; /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a3a56', endColorstr='#081c29',GradientType=0 ) !important; /* IE6-9 */

}

.highcharts-range-selector
{
display:none;

}



.highcharts-input-group rect {

stroke:#084A6B;

}

.highChart_button_on {

	color:#fff;

	background-size: 100% 100%;

	-moz-background-size: 100% 100%;

	-webkit-background-size: 100% 100%;

	float: left;

	height: 25px;

	position: relative;

	width: 110px;

	cursor: pointer;

	line-height: 25px;

	text-align: center;

	border:1px solid #114F73;

	border-left:none;

	background: rgb(4,22,35) !important; /* Old browsers */

	/* IE9 SVG, needs conditional override of 'filter' to 'none' */

	background: -moz-linear-gradient(top, rgba(4,22,35,1) 0%, rgba(7,57,85,1) 100%) !important; /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(4,22,35,1)), color-stop(100%,rgba(7,57,85,1))) !important; /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top, rgba(4,22,35,1) 0%,rgba(7,57,85,1) 100%) !important; /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top, rgba(4,22,35,1) 0%,rgba(7,57,85,1) 100%) !important; /* Opera 11.10+ */

	background: -ms-linear-gradient(top, rgba(4,22,35,1) 0%,rgba(7,57,85,1) 100%) !important; /* IE10+ */

	background: linear-gradient(to bottom, rgba(4,22,35,1) 0%,rgba(7,57,85,1) 100%) !important; /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#041623', endColorstr='#073955',GradientType=0 ) !important; /* IE6-8 */

}

#diagramDiv
{
height: 80%;
width: 98%;
margin-bottom: 1%;
margin-left: 1%;
}
#timeSelectDiv
{
width:15%;
position:absolute;
border: 1px solid #185A8C;
height:16%
}

#dataViewFrom  .ui-datepicker-trigger,#dataViewTo  .ui-datepicker-trigger
{
position: relative;
top: -23px;
right: -65%;
}

.ovuButtonActive{

background:green !important;
}
.codeSysImage{
	background: url(../images/program01_on.png) no-repeat center center;
	width:32px;
	height:22px;
	display:inline-block;
	float:right;
	margin-right: 10px;
}

#td_codesys_disconnect{
	 width:25%;
}
.child ul li {
	width: 90%;
	padding: 3px 0px 3px 28px;
}
.activeTab{
	background: #0089ce !important; /* Old browsers */
	background: -moz-linear-gradient(top, #0089ce 0%, #0073b2 47%, #004e8b 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0089ce), color-stop(47%,#0073b2), color-stop(100%,#004e8b)) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #0089ce 0%,#0073b2 47%,#004e8b 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #0089ce 0%,#0073b2 47%,#004e8b 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #0089ce 0%,#0073b2 47%,#004e8b 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom, #0089ce 0%,#0073b2 47%,#004e8b 100%) !important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0089ce', endColorstr='#004e8b',GradientType=0 ) !important; /* IE6-8 */
	display: inline-block;
	padding: 1px 0px;
	border-radius:3px
}
.allTab{
	background: #004e8b; /* Old browsers */
	background: -moz-linear-gradient(top, #004e8b 0%, #0073b2 53%, #0089ce 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004e8b), color-stop(53%,#0073b2), color-stop(100%,#0089ce)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #004e8b 0%,#0073b2 53%,#0089ce 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #004e8b 0%,#0073b2 53%,#0089ce 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #004e8b 0%,#0073b2 53%,#0089ce 100%); /* IE10+ */
	background: linear-gradient(to bottom, #004e8b 0%,#0073b2 53%,#0089ce 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004e8b', endColorstr='#0089ce',GradientType=0 ); /* IE6-8 */
	display: inline-block;
	padding: 1px 0px;
	border-radius:3px
}

/* CBC new css classes */

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.bodyContainer {
	width: 100%;
	margin: 0 auto;
}
.bodyBgImg {
	background-image: url(../images/login_bg.png);
	background-attachment: fixed;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat no-repeat;
}

.innerContainer {
	width: 96%; /* agreement page */
	margin: 20px auto;
}
.newUserContainer {
    position: absolute;
    width: 560px;
    height: auto;
    min-height: 200px;
    top: 50%;
    left: 50%;
    margin: -335px 0 0 -310px;
    background: #084a6b;
    word-wrap: break-word;
    background: -moz-linear-gradient(top, #084a6b 0%, #081829 50%, #082942 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#084a6b), color-stop(50%,#081829), color-stop(100%,#082942));
    background: -webkit-linear-gradient(top, #084a6b 0%,#081829 50%,#082942 100%);
    background: -o-linear-gradient(top, #084a6b 0%,#081829 50%,#082942 100%);
    background: -ms-linear-gradient(top, #084a6b 0%,#081829 50%,#082942 100%);
    background: linear-gradient(to bottom, #084a6b 0%,#081829 50%,#082942 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#084a6b', endColorstr='#082942',GradientType=0 );
    opacity: 0.98;
    -moz-opacity: 0.98;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=98)";
    filter: alpha(opacity=98);
    z-index: -1;
    border: 1px solid #185A8C;
    padding: 5px;
}
/* .cbcOverlay_topglow {
	position: absolute;
	top: 0;
	left: 37%;
	z-index:1000;
} */

.floatRight {
	float: right;
}
.margin3 {
	margin: 3%;
}
.marginRight2 {
	margin-right: 2%;
}
.marginRight3 {
	margin-right: 3%;
}
.marginRight4 {
	margin-right: 4%;
}
.marginRight10per {
	margin-right: 10%;
}
.marginTop3 {
	margin-top: -3px;
}
.marginTop2per {
	margin-top: 2%;
}
.marginTop10per {
	margin-top: 10%;
}
.marginTop20 {
	margin-top: 20px;
}
.marginTop30 {
	margin-top: 30px;
}
.marginTop6per {
	margin-top: 6%;
}
.marginLeft6per {
	margin-left: 6%;
}
.marginLeft10 {
	margin-left: 10px;
}
.center {
	text-align: center;
}
.padding10 {
	padding: 10px;
}
.padding20 {
	padding: 20px;
}
.paddingBottom10 {
	padding-bottom: 10%;
}

.displayInlineBlock {
	display: inline-block;
}

.displayBlock {
	display: block;
}

.textbox {
	border: 1px solid #143855;
	box-shadow: none;
	color: white;
	text-align: left;
	background-color: #081C2B;
	width: 100%;
	padding: 2% 0;
	border-radius: 3px;
	font-family: Bosch Sans Regular;
	font-size: 13px;
}

.width20 {
	width: 20%;
}
.width10 {
	width: 10%;
}
.width10px {
	width:10px;
}
.width14 {
	width: 14%;
}
.width26 {
	width: 26%;
}
.width35 {
	width: 35%;
}
.width33 {
	width: 33%;
}
.width40 {
	width: 40%;
}
.width60 {
	width: 60%;
}
.width45 {
	width: 45%;
}
.width50 {
	width: 50%;
}
.width59 {
	width: 59%;
}
.width80 {
	width:80%;
}
.width100 {
	width: 100%;
}
.width115 {
	width: 115%;
}
.width145 {
	width: 145%;
}
.widthAuto {
	width: auto;
}

.verticalAlign {
	vertical-align: middle;
}

.overlayBright {
	position: absolute;
	top: 6%;
	left: 37%;
}

.agreeScrollArea {
	height: 245px;
	overflow-x: hidden;
	overflow-y: scroll;
}

.cbcAgreeHeight {
	height: 675px;
}

.cbcDeviceActivationHeight {
	height: 725px;
}

.borderNone {
	border: none;
}
.fontRed {
	color: red;
}
.fontNormal {
	font-weight: normal;
}
.emailInput {
	float: right;
    margin-top: 10px;
    margin-right: 32px;
}

#validEmailContainer {
	width: 450px;
	height: auto;
}
#validCodeContainer {
	width: 450px;
	height: auto;
}
#welcomeContainer {
	width: 450px;
	height: 200px;
}
#cbcActivationCode {
	background: url(../images/cbcCodeMoc.PNG) no-repeat;
}
/* .boschLogo {
	background: url(../images/bg_logo.png) no-repeat;
}
.buderusLogo {
	/* background: url(../images/bg_overview.PNG) no-repeat; //comment
	background: url(../images/BUD_LOGO_White_249_48.png) no-repeat;
    max-width:100%;
    max-height:100%;
    height: 115px !important;
    position: relative !important;
    right: -72% !important;
    top: -31px !important;
} */

.bglogo {
	width:800px;
	height: 800px;
	background: url(../images/bosch.PNG) no-repeat;
}

.inactiveDialog {
	opacity: .2;
	position: absolute;
	top: 0;
	left: 30px;
}

.activeDialog  {
	position: absolute;
	top: 0;
	left: 30px;
}

.disableBtn  {
	opacity:0.4;
}
.enableBtn  {
	opacity:999;
}

.msgPopupBtn {
    float: right;
    padding-right: 5%;
    padding-bottom: 1%;
}


	.boschLogo {
		margin-top: 15px;
	}
	.buderusLogo {
		margin-top: -30px;
	}
		.logo {
		/* position: relative; */
		/* height: 115px; */
		/* width: 370px; */
		/* top: -44px; */
		/* right: -71%; */
		float: right;
		z-index: 9999;
	}

	.headerArea {
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
	}

	.mainLayout {
		position:relative;
		top:0;
		left:0;
		right:0;
		bottom:0;
		width:100%;
		height:100%;
	}

	.templateContainer {
    /* position: relative; */
    margin-left: auto;
    margin-right: a;
    /* left: 0; */
    /* right: 0; */
    /* top: 75px; */
    display: table;
    margin-top: 120px;
	}

	.imprint {
		position: fixed;
		bottom: 2%;
		right: 2%;
		color: #00aeff;
		text-decoration: none;
		cursor: pointer;
	}

	.imprintAbsolute {
		/* position: static; */
		display: table;
		/* bottom: 5px; */
		/* right: 2%; */
		color: #00aeff;
		text-decoration: none;
		cursor: pointer;
		margin-top: auto;
		text-align: right;
		width: 96%;
		margin: 0 auto;
	}

	 h2 > strong  {
		font-weight: 300 !important;
		font-size: 22px !important;
		/*color: #04527d !important;*/
		color: #fff !important;
		font-family: Bosch Sans Regular !important;
		line-height: 1.1 !important;
	 }
	 a:focus, a:hover {
		 color: #fff !important;
	 }

	 p {
		font-weight: normal !important;
		font-size: 13px !important;
	 }

	 a.linkStyle {
		color: #00aeff;
		text-decoration: none;
		cursor: pointer;
	}

	.center {
	    text-align: center;
	}

	h1 {
		font-weight: bold !important;
		font-size: 22px !important;
		font-family: Bosch Sans Regular !important;
		line-height: 1.1 !important;
	 }

	.fullbgPopup {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		background: #000000;
		z-index: 1000;
		opacity: 0.7;
	}

	#btnContainer_extended {
		float: right;
		width: 100%;
		padding: 10px 10px;
	}

	.deleteOverlayGlow {
		position: absolute;
		top: -3%;
		left: 37%;
	}

	input[type="text"]::-ms-clear {
		display: none;
	}

	input[type="email"]::-ms-clear {
		display: none;
	}
	.loadingSpin {
			left: 50%;
			position: absolute;
			top: 50%;
			z-index: 99999;
			-moz-animation:spin 2s infinite linear;
		   -webkit-animation:spin 2s infinite linear;
			animation-name: spin;
			animation-duration: 2s;
			animation-iteration-count: infinite;
			animation-timing-function: linear;
		}

		.loadingText {
			left: 50%;
	    position: absolute;
	    top: 56%;
	    z-index: 99999;
			display:none;
		}

.cookieInfoDiv {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    min-height: 75px;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 100000;
    /*display: table;*/
	/*opacity: 0.6;*/
}

.cookieInfoDiv .cookiesContainer {
    /*display: table-cell;*/
    vertical-align: middle;
    text-align: center;
    padding: 20px;
}

.cookieInfoDiv .cookiesContainer .cookies-text {
    display: inline-block;
    margin: 10px 20px;
    color: #FFFFFF;
}

#cookies-btn{
	color: #186B18; 
	line-height: 24px;
	background: #2be32f; 
	background: -moz-linear-gradient(top, #2be32f 0%, #27c235 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2be32f), color-stop(100%,#27c235)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #2be32f 0%,#27c235 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #2be32f 0%,#27c235 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #2be32f 0%,#27c235 100%); /* IE10+ */
	background: linear-gradient(to bottom, #2be32f 0%,#27c235 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2be32f', endColorstr='#27c235',GradientType=0 ); /* IE6-8 */
	border: 1px solid #29CE39;
	border-radius:3px;
	-webkit-box-shadow: 0 14px 16px -8px #000000;
	-moz-box-shadow: 0 14px 16px -8px #000000;
	box-shadow: 0 14px 16px -8px #000000;
	cursor: pointer;
	margin-left: 30px;
	padding: 4px;
	min-width:7%;
	font-weight: bold;
}

.cookie-more-info{
	color: #16aaf3;
    line-height: 24px;
    background: #002d59;
    border: 1px solid #002d59;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
	padding: 4px;
    border-radius: 3px;
    text-decoration: none;
	-webkit-box-shadow: 0 14px 16px -8px #000000;
	-moz-box-shadow: 0 14px 16px -8px #000000;
	box-shadow: 0 14px 16px -8px #000000;
	min-width:7%;
}

.cookie-more-info :hover{
	color: #ffffff;
}