@charset "utf-8";
/* CSS Document */
html, body {
	padding: 0px;
	margin: 0px;
	font-size: 13px;
	color: #414042;
	-webkit-text-size-adjust: 100%; /* background:#fff; */
	font-family: "open_sansregular", Arial, Helvetica, sans-serif;
}

* {
	padding: 0px;
	margin: 0px;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

img {
	border: 0px;
}
/* img {
    border: 0 none;
    height: auto;
   margin: 0 auto;   max-width: 100%;} */
p {
	padding: 0px;
	margin: 0px;
}

a {
	text-decoration: none;
	color: #0070bb;
	outline: none;
}

a:hover {
	color: #0070bb;
}

ul, li {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

input, select, textarea {
	padding: 0px;
	margin: 0px;
	font-family: "open_sansregular", Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.sensorInfoInput {
	padding: 3px;
}
/* table {	border:0 none; border-collapse:collapse; border-spacing:0;}
td { vertical-align:top; } */
/*my changes */

/* .gm-style .gm-style-iw {
	background-color: #fff;
    overflow: hidden;
    width: 550px;
    white-space: nowrap;
    left: 1px !important;
    top: 2px !important;
} */
.gm-style .gm-style-iw {
	background-color: #fff;
	font-size: 14px;
	font-weight: 500;
	overflow: hidden;
	width: 550px;
	white-space: nowrap;
}
.gm-style .gm-style-iw-chr
{
	height: 20px;
}

.gm-style-iw-chr button.gm-ui-hover-effect{
	height:25px !important;
	width: 25px !important;
}

.gm-style-iw-chr button.gm-ui-hover-effect span{
	margin: 0px !important;
}

.loginblock a {
	float: right;
	margin-left: 6px;
}

.terms-content {
	font-size: 12px;
	padding: 10px 0 0;
	float: left;
	line-height: 18px;
}

.terms-link {
	padding-bottom: 10px;
	clear: both;
	float: left;
	width: 100%;
	padding-top: 5px;
}

.terms-link a {
	font-size: 13px;
	color: #0070bb;
	text-align: left;
	float: left;
	margin-left: 0px;
	text-decoration: underline
}

.terms-link a:hover {
	text-decoration: none
}

.customtree {
	border: 1px solid gainsboro;
	height: 500px;
	overflow: auto;
}

/*#alarmGroupTableBody td input.regular-checkbox{
	vertical-align:middle;
	display: inline; !important
}

#alarmGroupTableBody tr.alarmtd td input.regular-checkbox{
	vertical-align:middle;
	display: inline; !important
}*/

.alarmtd .regular-checkbox:checked+label:after {
	top: 3px;
}

.customTable {
	height: 650px;
	overflow: auto;
	width: 100%;
}

.sensorname {
	height: 174px;
	overflow: auto;
	margin-top: 2px;
}

.mapzoom {
	background: url("../images/mapzoom.png") no-repeat scroll 50% 0
		transparent;
	bottom: 126px;
	height: 22px;
	right: 10px;
	position: absolute;
	width: 22px;
	display: none;
	z-index: 500;
	border: 0;
	margin-bottom: -18px;
	display: none;
	cursor: pointer;
	margin-bottom: 585px;
}

.action {
	margin: 10px 0 0 0;
}
/* .container form {
    position: relative;
    right: 0; top:0;
} */
.valuePop {
	position: absolute;
	width: 190px;
	background: #fff;
	border-radius: 3px;
	top: 29px;
	right: 0px;
	display: none;
	box-shadow: 0 0 5px rgba(86, 96, 117, 0.6);
	padding: 15px;
	position: absolute;
	z-index: 9999;
}

.valuePop::before {
	position: absolute;
	top: -8px;
	right: 15px;
	display: inline-block;
	/*   border-right: 8px solid transparent;
  border-bottom: 8px solid #CCC;
  border-left: 8px solid transparent; */
	border-bottom-color: rgba(0, 0, 0, 0.2);
	content: '';
}

.valuePop::after {
	position: absolute;
	top: -7px;
	right: 16px;
	display: inline-block;
	/*  border-right: 7px solid transparent;
  border-bottom: 7px solid white;
  border-left: 7px solid transparent; */
	content: '';
}

.openpopup div.valuePop {
	display: block !important;
}

.highlighted {
	color: #261F1D;
	background: #E5C37E;
}

.highlighted td {
	color: #261F1D;
	background: #e5c37e !important;
}

.valueRow1 {
	overflow: hidden;
	width: 100%;
	height: 100%;
	margin-bottom: 2px;
}

.valueRow1 .label {
	line-height: 25px;
	float: left;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	width: 93px;
	text-align: center;
}

.valueRow1 .blue {
	background: url(../images/blue_img.gif) repeat-x top left;
}

.valueRow1 .red {
	background: url(../images/red_img.gif) repeat-x top left;
}

.valueRow1 .green {
	background: url(. ./ images/ green_img.gif) repeat-x top left;
}

.valueRow1 .yellow {
	background: url(../images/yellow_img.gif) repeat-x top left;
}

.cancel {
	display: none;
}

.loadingProcess {
	position: fixed;
	top: 0;
	left: 0px;
	z-index: 1000;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
}

.loadingProcess #loadingContainer {
	bottom: 0;
	height: 100px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 100px;
}

.loadingProcess a {
	display: block;
}

.logoutbtn {
	text-align: center;
	padding: 0px 8px 2px;
	color: #fff;
	font-size: 12px;
	float: left;
	border: 0;
	cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: url(../images/login_bg1.jpg) repeat-x top left;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2)
}

.logoutbtn:hover {
	color: #fff;
	background: #c0cb7f;
}

.userIngoWrap .editLink {
	background: rgba(0, 0, 0, 0) url("../images/edit_icon_a.png") no-repeat
		scroll left top/90% auto;
	width: 18px;
	height: 16px;
	display: block;
	float: left;
	margin-right: 10px;
	margin-bottom: 6px;
}

.userIngoWrap .editLink:hover {
	background-image: url(../images/edit_icon_h.png);
}

.userIngoWrap .deleteLink {
	background: rgba(0, 0, 0, 0) url("../images/delete_icon_a.png")
		no-repeat scroll left top/90% auto;
	width: 18px;
	height: 16px;
	display: block;
	float: left;
	margin-bottom: 6px;
}

.userIngoWrap .deleteLink:hover {
	background-image: url(../images/delete_icon_h.png);
}

/************end ***************/
.clear {
	clear: both;
}

.clearfix:before, .clearfix:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1;
}

.fld {
	float: left !important
}

.frd {
	float: right !important
}
/**************************Defult css end here ****************************************/
.wrapper {
	width: 100%;
}

.container {
	max-width: 1000px;
	margin: auto;
	position: relative;
}

.container.homepage {
	max-width: 100%;
	!
	important
}

.header {
	padding: 0px 0px 5px 0px;
	background: url(../images/header_bg.png) repeat-x top;
}

.header_top {
	padding: 0px 0px 0px 0px;
	position: relative;
}

.welcomuser {
	float: right;
	font-size: 13px;
	color: #93bfeb;
	margin: 2px 15px 0px 0px;
	color: #fff;
	font-weight: bold;
}

.welcomuser1 {
	color: #fff;
	float: left;
	font-size: 13px;
	margin-top: 1px;
}

.welcomuser span {
	color: #fff;
	font-weight: normal;
}

.welcomuser_mobile {
	display: none;
	float: right;
	font-size: 13px;
	margin: 2px 15px 0px 0px;
	color: #00467c;
	width: 100%;
	text-align: center;
	margin-top: 10px;
}

.welcomuser_mobile span {
	color: #000000;
	font-weight: bold;
}

.loginbtn {
	background: url(../images/login_bg1.jpg) repeat-x top left;
	border-radius: 3px;
	text-align: center;
	padding: 0px 8px 2px 8px;
	color: #fff;
	font-size: 12px;
	float: right;
	border: 0;
	cursor: pointer;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2)
}

.loginbtn:hover {
	color: #fff;
	background: #b5b16d;
}

.header_bottom {
	padding: 10px 0px 0px 0px;
	position: relative;
	z-index: 1
}

.logoWrap {
	float: left;
}

.logo {
	margin: 10px 0px 0px 0px;
	float: left;
}

.clientfram {
	background: #fff;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.18);
    left: 0;
    line-height: 0;
    margin: 0;
    padding: 20px 8px 4px 38px;
    position: absolute;
    top: -39px;
    height: 72px;
    width: 225px;
    overflow: hidden;
}

.first-logo {
	float: left;
	height: 62px;
	left: 12px;
	position: absolute;
	top: 15px;
	width: 60px;
	overflow: hidden;
}

.first-logo img {
	width: 72px;
	height: auto;
	position: relative;
}
/* .client-logo{float: left; padding: 0px 0 0 50px; width:100%; box-sizing: border-box; position:relative; top:-10px; } */
.client-logo {
	float: left;
	padding: 0px 0 0 23px;
	width: 100%;
	box-sizing: border-box;
	position: relative;
	text-align: center;
	top: 0px;
}
.defaultlogo{
	float: left;
	width: 100%;
	box-sizing: border-box;
	position: relative;
	text-align: center;
	top: 0px;
}
/*.client-logo img{max-width:100%;}*/
/*.client-logo img {
	height: auto;
	max-height: 100%;
	max-width: 100%;
	width: auto;
}*/
.client-logo img {
	max-height: 100%;
    max-width: 100%;
    width: auto;
}
.defaultlogo img {
	max-height: 60px;
	max-width: 85%;
	width: auto;
}
/* .first-logo-custom {
    float: left;
    left: 11px;
    overflow: hidden;
    position: absolute;
    top: 20px;
} */
.first-logo-custom {
	float: left;
	left: 7px;
	overflow: hidden;
	position: absolute;
	top: 25px;
}

/* .first-logo-custom img{width:72px; height:auto; position:relative; } */
.first-logo-custom img {
	left: 0px;
	width: 42px;
	height: auto;
	position: relative;
	top: 0;
}
/* .real_timedeta{width:315px; float:left; margin:-4px 0px 0px 10px; } */
.real_timedeta {
	width: 296px;
	float: left;
	margin: -4px 0px 0px 10px;
}

.real_timedeta ul {
	width: 100%;
}

.real_timedeta ul li {
	float: left;
	width: 20%;
}

.real_timedeta ul li a {
	width: 100%;
	padding: 57px 0px 0px 0px;
	text-align: center;
	display: block;
	color: #00467c;
	font-size: 13px;
}

.real_timedeta ul li a:hover {
	color: #206fac;
	text-decoration: underline;
}

.real_timedeta ul li a.networkicon1 {
	background: url(../images/setellite_icon.png) no-repeat center top;
}

.real_timedeta ul li a.networkicon2 {
	background: url(../images/gsm_icon.png) no-repeat center top;
}

.real_timedeta ul li a.networkicon3 {
	background: url(../images/modem_icon.png) no-repeat center top;
}

.real_timedeta ul li a.networkicon4 {
	background: url(../images/losradio_icon.png) no-repeat center top;
}

.real_timedeta ul li a.networkicon5 {
	background: url(../images/ftp_icon.png) no-repeat center top;
}

.realtime_title {
	width: 100%;
	text-align: center;
	clear: both;
	display: block;
	font-weight: bold;
	color: #206fac;
	padding: 0;
	font-size: 15px;
	font-style: italic;
}

.header_right {
	float: right;
	width: 390px;
}

.submenu {
	background: url(../images/menu_leftco.png) no-repeat left bottom;
	padding-left: 27px;
	float: right;
	margin-right: 6px;
	border-radius: 0px 0px 5px 0px;
	position: relative;
	z-index: 999;
	margin-top: -1px;
}

.submenu ul {
	background: #00467c;
	min-height: 40px;
	float: left;
	width: 100%;
	border-radius: 0px 0px 5px 0px;
}

.submenu ul li {
	float: left;
	border-left: 1px #346f9f solid;
}

.submenu ul li:first-child {
	border-left: 0px;
}

.submenu ul li a {
	float: left;
	width: 44px;
	height: 40px;
}

.submenu ul li a.submenulink1 {
	background: url(../images/water_small.png) no-repeat center;
}

.submenu ul li a.submenulink1:hover {
	background: url(../images/water_small-ho.png) no-repeat center;
}

.submenu ul li a.submenulink2 {
	background: url(../images/weather_small_icon.png) no-repeat center;
}

.submenu ul li a.submenulink2:hover {
	background: url(../images/weather_small_icon-ho.png) no-repeat center;
}

.submenu ul li a.submenulink3 {
	background: url(../images/tidal_small_icon.png) no-repeat center;
}

.submenu ul li a.submenulink3:hover {
	background: url(../images/tidal_small_icon-ho.png) no-repeat center;
}

.submenu ul li a.submenulink4 {
	background: url(../images/aviation_small_icon.png) no-repeat center;
}

.submenu ul li a.submenulink4:hover {
	background: url(../images/aviation_small_icon-ho.png) no-repeat center;
}

.submenu ul li a.submenulink5 {
	background: url(../images/air_small_icon.png) no-repeat center;
}

.submenu ul li a.submenulink5:hover {
	background: url(../images/air_small_icon-ho.png) no-repeat center;
}

.submenu ul li a.submenulink6 {
	background: url(../images/earth_small_icon.png) no-repeat center;
}

.submenu ul li a.submenulink6:hover {
	background: url(../images/earth_small_icon-ho.png) no-repeat center;
}

.loginblock {
	position: relative;
	display: table-row;
	z-index: 999;
	margin-top: 2px;
}

/* 
.loginpopup{position:absolute; width:170px; background:#fff; border-radius:3px; top:29px; right:0px; display:none; 
box-shadow:0 0 5px rgba(86, 96, 117, 0.6); padding:15px; position:absolute; z-index:9999;
} */
.loginpopup {
	position: absolute;
	width: 230px;
	background: #fff;
	border-radius: 3px;
	top: 29px;
	right: 0px;
	display: none;
	box-shadow: 0 0 5px rgba(86, 96, 117, 0.6);
	padding: 15px;
	position: absolute;
	z-index: 9999;
}

.loginpopup::before {
	position: absolute;
	top: -8px;
	right: 15px;
	display: inline-block;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #CCC;
	border-left: 8px solid transparent;
	border-bottom-color: rgba(0, 0, 0, 0.2);
	content: '';
}

.loginpopup::after {
	position: absolute;
	top: -7px;
	right: 16px;
	display: inline-block;
	border-right: 7px solid transparent;
	border-bottom: 7px solid white;
	border-left: 7px solid transparent;
	content: '';
}

.logintextbox {
	border: 1px #ccc solid;
	padding: 5px;
	margin: 10px 0px 0px 0px;
	border-radius: 3px;
}

.logintextbox:focus {
	border-color: #afafaf
}
/* .forgot{margin:10px 0px 10px 0px; font-size:13px; } */
.forgot {
	float: right;
	width: 100%;
	padding: 5px 0px 5px 0px;
	font-size: 13px;
}

.forgot a {
	color: #0070bb;
	text-decoration: underline;
}

.forgot a:hover {
	text-decoration: none;
}

#chartbox .button_new .button {
	margin: 10px 2px 0px 2px;
}

.button {
	font-size: 14px;
	font-weight: normal;
	text-decoration: inherit;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 5px 12px;
	cursor: pointer;
	color: #FFFFFF;
	display: inline-block;
	background: #3d82c5;
	border: 0px;
	transition-duration: 0.3s;
	-webkit-appearance: none;
}

.button:hover {
	background: #00467c;
	color: #fff;
}

.mapbox {
	width: 100%;
	border-radius: 0px 0px 5px 5px;
	overflow: hidden;
	position: relative;
	box-shadow: 0 2px 3px #cacaca
}
/* .mapbox{width:100%; border-radius:0px 0px 5px 5px; oposition:relative;  } */
.mapbox iframe {
	border-radius: 0px 0px 5px 5px;
	overflow: hidden;
	height: 670px;
	width: 100%;
	background: #b3d1ff;
}

#iw-container  .iw-title {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 22px;
	font-weight: 400;
	padding: 10px;
	background-color: #48b5e9;
	background: #a9b5c7 none repeat scroll 0 0;
	color: white;
	margin: 1px;
	border-radius: 2px 2px 0 0;
	/* In accordance with the rounding of the default infowindow corners. */
	white-space: nowrap;
}

.openpopup div.loginpopup {
	display: block !important;
}

.middle_section {
	background: #fff;
	padding: 0px 0px 0px 0px;
}

.mobile_connected {
	display: none;
}
/* added by dipa for discription on dashboard*/
.gray_box {
	background: #e2e3e5 none repeat scroll 0 0;
	border: 0 none;
	bottom: 0;
	box-sizing: border-box;
	color: #515151;
	display: ruby-text-container;
	font-size: 11px;
	height: 52px;
	left: 0;
	margin: 10px auto 20px 21px;
	overflow: auto;
	padding: 5px;
	position: absolute;
	resize: none;
	right: 0;
	text-align: left;
	width: 84%;
	word-wrap: break-word;
}

.panelContent .gray_box {
	bottom: 0;
	height: 40px;
	left: 0;
	margin: 42px auto 5px 7px;
	position: absolute;
	right: 0;
	width: 95%;
}

.loginbutton a.button, .loginbutton .button {
	padding: 7px 12px
}

/**************footer*************************/
/*.footer{background:#252525;}*/
.copyright {
	background: #0e0e0e;
	color: #6d6d6d;
	text-align: center;
	clear: both;
	padding: 13px 0px;
	font-size: 13px;
}

.footer div.container {
	padding-top: 12px;
	padding-bottom: 12px;
}

.footer .colom1 {
	width: 40%;
	float: left;
}

.footer .colom2 {
	width: 20%;
	float: left;
}

.footer .realtime_title {
	display: none
}

.followus {
	width: 100%;
	text-align: center;
	color: #838383;
	font-size: 15px;
}

.socialmedia {
	width: 100%;
	text-align: center;
	margin-top: 10px;
}

.socialmedia ul {
	width: 100%;
	text-align: center;
}

.socialmedia li {
	text-align: center;
	display: inline-block;
	padding: 0px 1px;
}

.socialmedia li a {
	text-align: center;
	display: block;
	width: 23px;
	height: 23px;
	background: url(../images/social_icon.png) no-repeat 0px -1px;
}

.socialmedia li a.twitter {
	background-position: -1px -1px;
}

.socialmedia li a.twitter:hover {
	background-position: -1px -28px;
}

.socialmedia li a.facebook {
	background-position: -30px -1px;
}

.socialmedia li a.facebook:hover {
	background-position: -30px -28px;
}

.socialmedia li a.linkden {
	background-position: -62px -1px;
}

.socialmedia li a.linkden:hover {
	background-position: -62px -28px;
}

.socialmedia li a.conntect {
	background-position: -92px -1px;
}

.socialmedia li a.conntect:hover {
	background-position: -92px -28px;
}

.footerlink {
	padding: 20px 0px 0px 0px;
	color: #838383;
	font-size: 14px;
}

.footerlink a {
	color: #838383;
	margin: 0px 5px;
}

.footerlink a:hover {
	color: #CCCCCC;
}

.newsletter_section {
	float: right;
}

.newsletter_title {
	color: #838383;
	padding: 0px 0px 5px 0px;
	font-size: 15px;
}

.newsletter_inner {
	clear: both;
}

.email_textbox {
	background: #4d4d4d;
	border: 0px;
	font-size: 13px;
	color: #a9a9a9;
	padding: 6px 10px;
	border-radius: 4px;
}

.email_textbox:focus {
	background: #565656;
}

.newsletter_btn {
	background: #a3a3a3 url(../images/email_icon.png) no-repeat 12px 10px;
	padding: 5px 10px 5px 28px;
	border-radius: 4px;
	font-size: 13px;
	color: #000;
	border: 0px;
	cursor: pointer;
	transition-duration: 0.3s;
}

.newsletter_btn:hover {
	background: #FFF url(../images/email_icon.png) no-repeat 12px 10px;
	transition-duration: 0.3s;
}

/* .graph {
	border-bottom: 3px solid #ccc;
	width: 100%;
	height: auto;
	margin: 0 auto;
} */

.graph img {
	max-width: 100%;
	margin: 0 auto;
}

/************************tab css****************************/
#horizontalTab {
	position: absolute;
	bottom: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-left: 1px solid #ebebeb;
	padding-top: 8px;
	border-right: 1px solid #ebebeb;
}

ul.resp-tabs-list, p {
	margin: 0;
	padding: 0
}

.resp-tabs-list li {
	font-weight: normal;
	font-family: "open_sansbold";
	font-size: 15px;
	display: inline-block;
	padding: 10px 25px 10px;
	margin: 0 0px -1px 0;
	list-style: none;
	cursor: pointer;
	float: left;
	border-right: 1px solid #d7d7d7;
	border-top: 1px solid #d7d7d7;
	color: #4eaae8;
	outline: medium none;
	position: relative;
	background: #fff;
}

.resp-tabs-list li.resp-tab-active, .resp-tabs-list li:hover {
	border: 1px solid #e4e4e4;
	border-bottom: #FFF solid 1px;
	color: #0070bb;
	border-left: 0px;
}

.resp-tabs-list li.resp-tab-active::after, .resp-tabs-list li:hover::after
	{
	background: #0070bb none repeat scroll 0 0;
	bottom: 1px;
	content: "";
	height: 3px;
	left: 10%;
	position: absolute;
	width: 80%;
}

.resp-tabs-list li:first-child {
	margin-left: 0px;
	border-left: 1px solid #d7d7d7
}

.responsive-tabs {
	height: 100%;
}

.resp-tabs-container {
	padding: 0;
	background-color: #fff;
	clear: left; /* height: calc(100% - 63px);*/
	border: 1px #e4e4e4 solid;
}

h2.resp-accordion {
	cursor: pointer;
	padding: 5px;
	display: none
}

.resp-tab-content {
	display: none;
}

.resp-content-active, .resp-accordion-active {
	display: block
}

.resp-tab-content {
	border-top: 0px;
	border-bottom: 1px solid #ebebeb;
	border-radius: 0;
	height: 400px; /*height: 100%; max-height: 100%; */
	overflow: auto;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0px 0 0px 0;;
}

h2.resp-accordion {
	font-size: 15px;
	border-bottom: 1px solid #f2f2f2;
	margin: 0;
	padding: 8px 10px;
	color: #4eaae8;
	font-weight: 700
}

h2.resp-tab-active {
	border-bottom: 0 solid #a9b5c7 !important;
	margin-bottom: 0 !important;
}

h2.resp-tab-title:last-child {
	border-bottom: 12px solid #a9b5c7 !important;
	background: blue
}

.resp-arrow {
	width: 17px;
	height: 17px;
	float: right;
	background: url(../images/mobi_arrow.png) no-repeat 0 0;
	margin: 3px -6px 0 0
}

h2.resp-tab-active span.resp-arrow {
	border: none;
	background: url(../images/mobi_arrow_down.png) no-repeat 0 0;
	margin: 3px -6px 0 0
}

h2.resp-tab-active {
	background: #f0f0f0 !important;
	color: #0070bb;
}

.resp-easy-accordion h2.resp-accordion {
	display: block
}

.resp-easy-accordion .resp-tab-content {
	border: 1px solid #c1c1c1
}

.resp-easy-accordion .resp-tab-content:last-child {
	border-bottom: 1px solid #a9b5c7 !important
}

.resp-jfit {
	width: 100%;
	margin: 0
}

.resp-tab-content-active {
	display: block
}

/*h2.resp-accordion:first-child{border-top:1px solid #a9b5c7!important; border-radius:5px 5px 0px 0px;}*/

/*************************tab css*************************************/

/*************************Dashboard*************************************/
.content_inner {
	border: 1px #a9b5c7 solid;
	padding: 15px 15px 10px 15px;
	border-radius: 0px 0px 5px 5px;
	border-top: 0px;
	min-height: 550px;
	position: relative;
}

.top_buttons {
	width: 100%;
	text-align: right;
	margin-top: -5px;
}

.panel_section {
	width: 100%;
	padding-top: 40px;
}

.panel_wrap {
	width: 33%;
	float: left;
	padding: 10px 10px 10px 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	position: relative;
}

.panel_inner {
	width: 100%;
	border: 1px solid #b7cde2;
	min-height: 406px;
	border-radius: 6px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-shadow: 0 0 4px #dddddd;
}

.panel_inner_edit {
	width: 100%;
	border: 1px solid #b7cde2;
	min-height: 406px;
	border-radius: 6px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-shadow: 0 0 4px #dddddd;
	position: relative;
}

.panel_header {
	background: #0070bb;
	padding: 8px 10px;
	border-radius: 4px 4px 0px 0px;
}

.panel_header h3 {
	color: #fff;
	font-size: 17px;
	float: left;
}

.pad10 {
	padding-left: 10px;
	padding-right: 10px;
}

.mar10 {
	margin-right: 10px;
}

.panel_details {
	padding: 10px;
}

.panel_icons {
	float: right;
	padding-top: 2px;
}

.panel_icons a {
	width: 19px;
	height: 19px;
	font-size: 0px;
	margin-left: 7px;
	float: left;
}

.edit_icon {
	background: url(../images/edit_icon.png) no-repeat 0px 0px;
}

.delete_icon {
	background: url(../images/delete_icon.png) no-repeat 0px 0px;
}

/*Dashboard icons*/
.showButtons{
	float: right;
}
.panelView{
	width: 22px;
	height: 22px;
	font-size: 0px;
	margin-left: 7px;
	float: left;
	border: none;
	margin-top:5px;
}

.show_1_icon {
	background: url(../images/show_1_icon.png) no-repeat 0px 0px;
}

.show_2_icon {
	background: url(../images/show_2_icon.png) no-repeat 0px 0px;
}

.show_3_icon {
	background: url(../images/show_3_icon.png) no-repeat 0px 0px;
		margin-right:15px;
}

.panel_img {
	width: 100%;
	text-align: center;
	border: 4px #f5f6f5 solid;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	overflow: hidden;
}
/* .panel_img img{max-width:100%;} */
.panel_img img {
	height: auto;
	max-height: 100px;
	min-height: 100px;
	width: auto;
}

.panel_img .button_1 {
	font-size: 11px;
	font-weight: normal;
	text-decoration: inherit;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 2px 8px;
	cursor: pointer;
	color: #FFFFFF;
	display: inline-block;
	background: #0070bb;
	border: 0px;
	transition-duration: 0.3s;
	margin: 5px 1px 4px 0;
}

.panel_img .button_1:hover {
	background: #00467c;
	color: #fff;
}

.enlargGraph {
	padding: 0 0 10px 0;
	text-align: right;
}

.enlargGraph a {
	background: #3d82c5;
	border-radius: 3px;
	color: #fff;
	padding: 4px 10px 3px;
	font-size: 11px;
	display: inline-block;
}

.enlargGraphWrap {
	width: 100%;
	height: 100%;
}

.enlargGraphWrap img {
	width: 100%;
}

ul.details_inner {
	width: 100%;
	clear: both;
	margin-top: 5px;
}

ul.details_inner li {
	clear: both;
	padding: 1px 3px 1px 3px;
	overflow: hidden;
}

ul.details_inner li.title {
	border-bottom: 1px #ccc solid;
	padding: 4px 3px 4px 3px;
}
/* .panal_name{float:left; width:70%; text-align: left; word-break: break-all;} */
.panal_name {
	float: left;
	width: 70%;
	text-align: left;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}

.panal_value {
	float: right;
	text-align: right;
	font-weight: bold;
}

ul.details_inner li.title span.panal_value {
	font-size: 18px;
	color: #3d82c5;
}

ul.details_inner li.title span.panal_name {
	color: #3d82c5;
}
/* #Edit Panel Box
================================================== */
.panelHeader {
	background-color: #0070bb;
	padding: 10px;
	border-radius: 4px 4px 0 0;
}

.panelHeader h1 {
	font-size: 14px;
	color: #fff;
	margin-bottom: 0;
	font-weight: bold;
}

.panelContent {
	padding: 15px;
}

.panelContent .flLeft {
	float: left;
}

.panelContent .left {
	width: 265px;
}

.panelContent .left .panel_wrap {
	width: 100% !important;
}

.panelContent .left .dragText {
	font-size: 11px;
	color: #ababab;
	padding: 15px;
}

.panelContent .left .valueFormat {
	padding: 15px 0px 0px 0px;
	clear: both;
}

.panelContent .left .valueFormat h3 {
	font-weight: bold;
	font-size: 14px;
	color: #414042;
	margin-bottom: 5px;
}

.panelContent .left .valueFormat textarea {
	border: 1px solid #e1e1e1;
	resize: none;
	width: 100%;
	height: 60px;
}

.panelContent .right { /* width:395px; */
	width: 455px;
	padding: 15px;
	min-height: 507px;
}

.panelContent .right .wigectTitle {
	overflow: hidden;
	padding: 0 0 0 50px;
	position: relative;
	min-height: 30px;
}

.panelContent .right .wigectTitle label {
	position: absolute;
	top: 0;
	left: 0;
	font-weight: bold;
	color: #414042;
	line-height: 28px;
}

.panelContent .right .wigectTitle input {
	border: #e1e1e1 solid 1px;
	padding: 5px;
	width: 95%;
}

.panelContent .right .wigectGraph {
	overflow: hidden;
	padding: 4px 0 0 0px;
	position: relative;
	min-height: 30px;
}

.panelContent .right .wigectGraph span {
	font-weight: bold;
	color: #414042;
	display: inline-block;
	vertical-align: top;
	padding-top: 5px;
}

.panelContent .right .wigectGraph .dateDiv {
	display: inline-block;
	vertical-align: top;
	margin-right: 20px;
}

.panelContent .right .wigectGraph label {
	margin: 5px 0 0 0;
}

.panelContent .right .imagesOptions {
	margin: 15px 0 0 0;
}

.panelContent .right .imagesOptions h3 {
	font-weight: bold;
	color: #414042;
	margin-bottom: 5px;
	font-size: 14px;
}

.panelContent .right .carousel_container {
	overflow: hidden;
	margin: 0 0 0 50px;
}

.panelContent .right .optionOR {
	overflow: hidden;
	padding: 5px 0;
	text-align: center;
	background: url(../images/line.png) repeat-x center left;
}

.panelContent .right .optionOR span {
	background: #3d82c5;
	color: #fff;
	font-size: 11px;
	width: 32px;
	height: 32px;
	display: block;
	margin: 0 auto;
	line-height: 32px;
	border-radius: 20px;
	font-weight: bold;
}

.panelContent .right .uploadImage {
	margin: 5px 0;
	overflow: hidden;
	min-height: 30px;
	position: relative;
	padding: 0 0 0 155px;
}

.panelContent .right .uploadImage h3 {
	position: absolute;
	top: 0;
	left: 0;
	line-height: 29px;
}

.panelContent .right .sortby {
	overflow: hidden;
	padding: 15px 0 0;
	position: relative;
}

.panelContent .right .sortby h3 {
	/* position:absolute; top:10px; left:0; */
	float: left;
	margin-right: 10px;
}

.panelContent .right .sortby p {
	float: left;
	margin: 0 10px 0 0;
}

.panelContent .right .sortby p label {
	float: left;
}

.panelContent .right .sortby p span {
	line-height: 20px;
	display: block;
	float: left;
	margin-left: 7px;
}

.panelContent .right .veluesTextarea {
	position: relative;
	padding: 0 0 0 75px;
	min-height: 135px;
	margin: 10px 0 0 0;
}

.panelContent .right .veluesTextarea h3 {
	position: absolute;
	top: 0;
	left: 0;
	font-weight: bold;
	font-size: 14px;
}

.panelContent .right .imagesSelectOption {
	
}
/* .panlContent .right .imagesSelectOption .createReport{position:relative; padding:10px 0 0 50px; font-weight:bold; margin: 35px 0;} */
.panelContent .right .imagesSelectOption .createReport {
	font-weight: bold;
	margin: 0;
	padding: 10px 0;
}

.panelContent .right .imagesSelectOption .selectTimeBar {
	position: relative; /* padding:0 0 0 85px; */
	padding: 0;
	margin: 0 0 103px 0;
	overflow: hidden;
}
/* .panelContet .right .imagesSelectOption .selectTimeBar label{position:absolute; left:0; top:0; color:#414042; font-weight:bold; line-height:28px;} */
.panelContent .right .imagesSelectOption .selectTimeBar label {
	color: #414042;
	float: left;
	font-weight: bold;
	line-height: 28px;
	margin-right: 10px;
	/* position: absolute;
    top: 0;left: 0; */
}

.panelContent .right .imagesSelectOption .selectTimeBar .dateSelect {
	float: left;
	width: 120px;
}

.panelContent .right .imagesSelectOption .selectTimeBar .dateSelect select
	{
	border: 1px solid #a9b5c7;
	font-size: 13px;
	padding: 3px;
	width: 75px;
}

.panelContent .errorMsgDiv {
	margin-top: -3px;
}

/*Velues Tree*/
.veluesTree {
	width: 300px;
	height: 130px;
	border: solid #e1e1e1 1px;
	padding: 10px 5px 10px 5px;
	margin: 0;
	overflow-y: scroll;
}
/* Menu styles */
.veluesTree ul {
	margin: 0px;
	padding: 0px;
}

.veluesTree li {
	margin: 0px 0px 0px 5px;
	padding: 3px 0;
	list-style-type: none;
	text-align: left;
}
/* Submenu styles */
.veluesTree ul ul {
	background-color: #F6F6F6;
	padding: 3px 0;
}

.veluesTree li li {
	margin: 0px 0px 0px 16px;
	font-weight: normal;
	overflow: hidden;
	padding: 3px 0;
}

.veluesTree li li span {
	float: left;
	margin-left: 5px;
	line-height: 20px;
}

.veluesTree li li label {
	float: left;
}
/* Symbol styles */
.veluesTree .symbol-item, .veluesTree .symbol-open, .veluesTree .symbol-close
	{
	float: left;
	width: 16px;
	height: 1em;
	background-position: left center;
	background-repeat: no-repeat;
}

.veluesTree .symbol-open {
	background-image: url(../images/minus.png);
}

.veluesTree .symbol-close {
	background-image: url(../images/plus.png);
}
/* Menu line styles */
.veluesTree li.open {
	font-weight: bold;
}

.veluesTree li.close {
	font-weight: bold;
}

.panelContent .right .displayVelues {
	overflow: hidden;
	padding: 10px 0 0;
	position: relative;
}

.panelContent .right .displayVelues h3 {
	/* position:absolute; top:10px; left:0;*/
	font-weight: bold;
	float: left;
	padding-right: 10px;
	font-size: 14px;
}

.panelContent .right .displayVelues p {
	float: left;
	margin: 0 10px 0 0;
}

.panelContent .right .displayVelues p label {
	float: left;
}

.panelContent .right .displayVelues p span {
	line-height: 20px;
	display: block;
	float: left;
	margin-left: 7px;
} /* 10px */
.panelFooter {
	border-top: #ccc dashed 1px;
	padding: 8px 0px;
	overflow: hidden;
	text-align: center;
}

.panelFooter ul {
	padding: 0;
	margin: 0;
}

.panelFooter li {
	margin-right: 15px;
	display: inline-block;
}

.panelFooter li input {
	font-size: 13px;
	font-weight: bold;
	text-decoration: inherit;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 5px 12px 5px 12px;
	cursor: pointer;
	color: #FFFFFF;
	display: inline-block;
	background: #0070bb;
	border: 0px;
	transition-duration: 0.3s;
	-webkit-appearance: none;
}

.panelFooter li input:hover:enabled {
	background: #00467c;
	color: #fff;
}

/* #Custom Reports page
================================================== */
.pageTitle {
	padding: 0 0 10px 0;
	overflow: hidden;
}

.pageTitle h1 {
	font-size: 20px;
	color: #00467c;
	border-bottom: #00467c dashed 1px;
	padding: 0 0 5px 0
}

#commenTab .resp-tab-content {
	height: auto !important;
	padding: 0;
}

.timeSeries {
	overflow: hidden;
	background-color: #fbfbfb;
}

.timeSeries h2 {
	font-size: 15px;
	float: left;
	padding: 10px;
}

.timeSeries .sortByStation {
	padding: 10px;
	float: right
}

.timeSeries .sortByStation p {
	float: left;
	margin: 0 15px 0 0;
	padding: 0;
	line-height: 20px;
}

.timeSeries .sortByStation p span {
	float: left;
	margin-left: 7px;
}

.timeSeries .sortByStation p label {
	float: left;
}
/*Selection Criteria Tree*/
.criteriaTree {
	height: 368px;
	padding: 10px 5px 10px 5px;
	margin: 0;
	overflow-y: auto;
}
/* Menu styles */
.criteriaTree ul {
	margin: 0px;
	padding: 0px;
}

.criteriaTree li {
	padding: 3px 0;
	list-style-type: none;
	text-align: left;
	overflow: hidden;
	background-color: #dfe5ee;
}
/* .criteriaTree li span{display:block; float:left; margin-left:5px; line-height:20px;} */
.criteriaTree li span {
	float: left;
	margin-left: 5px;
	line-height: 20px;
}

.criteriaTree li label {
	float: left;
}
/* Submenu styles */
.criteriaTree ul ul {
	padding: 3px 0;
	clear: both;
}

.criteriaTree ul ul ul {
	padding: 3px 0;
	clear: both;
	overflow: hidden;
}

.criteriaTree li li {
	margin: 0;
	font-weight: normal;
	overflow: hidden;
	padding: 3px 0 3px 15px;
	border-top: 2px solid #fff;
}
/* .criteriaTree li li span{display:block; float:left; margin-left:5px; line-height:20px;} */
.criteriaTree li li span {
	float: left;
	margin-left: 5px;
	line-height: 20px;
}

.criteriaTree li li label {
	float: left;
}

.criteriaTree li li li {
	margin: 0 0 0 21px;
	font-weight: normal;
	overflow: hidden;
	padding: 3px 0;
	float: left;
	width: 20%;
	border: 0;
}
/* .criteriaTree li li li span{display:block; float:left; line-height:20px;} */
.criteriaTree li li li span {
	float: left;
	line-height: 20px;
}

.criteriaTree li li li label {
	float: left;
}
/* Symbol styles */
.criteriaTree .symbol-item, .criteriaTree .symbol-open, .criteriaTree .symbol-close
	{
	float: left;
	width: 16px;
	height: 1em;
	background-position: left center;
	background-repeat: no-repeat;
}

.criteriaTree .symbol-open {
	background-image: url(../images/minus.png);
}

.criteriaTree .symbol-close {
	background-image: url(../images/plus.png);
}
/* Menu line styles */
.criteriaTree li.open {
	font-weight: bold;
}

.criteriaTree li.close {
	font-weight: bold;
}

/**/
.timeRangeFilter {
	
}
/* .timeRangeFilter h1{background-color:#f4f4f4; font-size:18px; padding:10px;margin-top: 65px;} */
.timeRangeFilter h1 {
	background-color: #f4f4f4;
	font-size: 13px;
	padding: 4px 19px;
}

.timeRangeFilter .rowDiv {
	border-bottom: 1px solid #e7e7e7;
	margin: 0 0 10px;
	overflow: hidden;
	padding: 10px 20px;
}

.timeRangeFilter .rowDiv .rowDivLable {
	float: left;
	width: 210px;
	padding-bottom: 8px;
}

.timeRangeFilter .rowDiv .rowDivLable label {
	float: left;
}

.timeRangeFilter .rowDiv .rowDivLable span {
	float: left;
	margin-left: 10px;
	line-height: 21px;
}

.timeRangeFilter .rowDiv select {
	border: #ccc solid 1px;
	width: 150px;
	padding: 3px;
}

.timeRangeFilter .rowDiv select:focus {
	border-color: #afafaf
}

.timeRangeFilter .haRow {
	overflow: hidden;
	padding: 0 20px;
}

.timeRangeFilter .haRow .rowDivLable {
	float: left;
	width: 210px;
}
/* .timeRangeFilter .haRow .rowDivLable{float:left; width:50px;} */
.timeRangeFilter .haRow .rowDivLable label {
	float: left;
}

.timeRangeFilter .haRow .rowDivLable span {
	float: left;
	margin-left: 10px;
	line-height: 21px;
}

.timeRangeFilter .haRow .datePicer {
	float: left;
	margin-right: 10px;
}

.timeRangeFilter .haRow .datePicer .icon {
	float: left;
	margin-left: 5px;
}

.timeRangeFilter .haRow .datePicer input {
	border: #ccc solid 1px;
	padding: 3px;
	float: left;
	background: url(../images/calender.png) no-repeat 98% center
}

.timeRangeFilter .haRow .datePicer input:focus {
	border-color: #afafaf
}

.timeRangeFilter .haRow .datePicer label {
	float: left;
	line-height: 23px;
	display: block;
	margin-right: 10px;
}

.timeRangeFilter .haRow .actiondatePicer {
	float: left;
	margin-right: 10px;
}

.timeRangeFilter .haRow .actiondatePicer input {
	font-size: 13px;
	font-weight: normal;
	text-decoration: inherit;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 5px 12px 5px 12px;
	cursor: pointer;
	color: #FFFFFF;
	display: inline-block;
	background: #3d82c5;
	border: 0px;
	transition-duration: 0.3s;
}

.timeRangeFilter .haRow .actiondatePicer input:hover {
	background: #00467c;
	color: #fff;
}

.timeRangeFilter .action {
	padding: 10px 0;
	border-top: 1px solid #e7e7e7;
	margin-top: 5px;
}

.timeRangeFilter .action ul {
	padding: 0;
	margin: 0;
	text-align: center;
	position: relative;
}

.timeRangeFilter .action li {
	display: inline-block;
	margin: 0 5px;
}

.timeRangeFilter .action li input {
	font-size: 13px;
	font-weight: normal;
	text-decoration: inherit;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 5px 12px 5px 12px;
	cursor: pointer;
	color: #FFFFFF;
	display: inline-block;
	background: #3d82c5;
	border: 0px;
	transition-duration: 0.3s;
}

.timeRangeFilter .action li input:hover {
	background: #00467c;
	color: #fff;
}

.responsive {
	background-color: #dfe5ee;
}

.responsive td {
	background-color: #fff;
}

.responsive th {
	background: #0070bb;
	color: #fff;
	font-weight: normal;
	font-size: 12px;
	width: 200px;
}

.dataorder {
	position: absolute;
	right: 0;
}

.imagesOptions .dataorder {
	float: none;
}

.dataorder #dataorder {
	border: 1px solid #ccc;
	padding: 3px;
	width: 120px;
}

/*plotSortBy*/
.plotSortBy {
	overflow: hidden;
	padding: 15px 20px;
	background-color: #f4f4f4;
}

.plotSortBy .flLeft {
	float: left;
	width: 67%;
}

.plotSortBy .flRight {
	float: right;
}

.plotSortBy .datapoints {
	overflow: hidden;
	margin-bottom: 10px;
}

.plotSortBy .datapoints label {
	float: left;
}

.plotSortBy .datapoints span {
	float: left;
	line-height: 20px;
	margin-left: 5px;
}

.plotSortBy .plotChoice, .plotSortBy .plotStyle {
	overflow: hidden;
	margin-bottom: 15px;
	float: left;
	position: relative;
	padding: 0; /* padding: 0 0 0 150px; */
}

.plotSortBy h3 {
	float: left;
	margin-right: 10px;
	font-size: 14px;
	font-weight: bold;
}

.plotSortBy ul {
	float: left;
	padding: 0;
	margin: 0;
}

.plotSortBy li {
	float: left;
	margin-right: 15px;
}

.plotSortBy li label {
	float: left;
	margin-right: 5px;
	display: block;
}

.plotSortBy li span {
	float: left;
	line-height: 22px;
}

.plotSortBy .plotSortByAction {
	float: right;
}

.plotSortBy .plotSortByAction input {
	font-size: 13px;
	font-weight: normal;
	text-decoration: inherit;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 5px 15px 5px 15px;
	cursor: pointer;
	color: #FFFFFF;
	display: inline-block;
	background: #0070bb;
	border: 0px;
	transition-duration: 0.3s;
	font-weight: bold;
}

.plotSortBy .plotSortByAction input:hover {
	background: #00467c;
	color: #fff;
}

.topBorder {
	border-top: 1px solid #e7e7e7;
	padding: 10px 0 0 0;
}
/* currentData */
.currentData {
	overflow: hidden;
}
/* .currentData .currentDataTitle{background:#dfe5ee; padding:10px 15px 10px 60px; color:#414042; text-transform:none; position:relative;} */
.currentData .currentDataTitle {
	background: #def1fe;
	padding: 8px 15px;
	color: #414042;
	text-transform: uppercase;
	position: relative;
	overflow: hidden;
	font-size: 15px;
} /*  lang support */
.currentData .currentDataTitle label {
	font-weight: normal;
	font-family: "open_sansbold";
	text-transform: uppercase; /* position:absolute; left:15px; */
	margin-right: 5px;
	float: left;
}

.currentDataTitle>span {
	float: left;
}

.currentData .currentDataInfo {
	overflow: hidden;
}

.currentData .currentDataInfo ul {
	padding: 0;
	margin: 0;
}
/* .currentData .currentDataInfo li{overflow:hidden; position:relative; padding:5px 0 5px 160px; margin-top:2px; background-color:#f4f4f4;} */
.currentData .currentDataInfo li {
	overflow: hidden;
	position: relative;
	padding: 5px 15px;
	border-bottom: 1px solid #f1f1f1;
}

.currentData .currentDataInfo li:nth-child(even) {
	background: #F9F9F9;
}

.currentData .currentDataInfo li label {
	padding: 0 0 0 15px;
	background-image: url(../images/dark_arrow.png);
	background-repeat: no-repeat;
	background-position: 0 3px;
	width: 30%;
	float: left;
}

.currentData .currentDataInfo li span {
	float: left;
	width: 30%;
}

.currentData .currentDataInfo li p {
	width: 30%;
	float: left;
}

.grapTabWrap {
	position: relative;
	min-height: 250px;
	padding: 0 0 0 150px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.grapTabWrap .grapTab {
	width: 150px;
	background: #def1fe;
	position: absolute;
	left: 0;
	top: 0;
	min-height: 100%;
}

.grapTabWrap .grapTab ul {
	padding: 0;
	margin: 0;
}

.grapTabWrap .grapTab li {
	
}

.grapTabWrap .grapTab li a {
	word-wrap: break-word;
	color: #414042;
	font-size: 13px;
	display: block;
	padding: 10px 10px 8px 10px;
	border-bottom: #6fb0dc solid 1px;
	border-right: #6fb0dc solid 1px;
	border-left: #6fb0dc solid 1px;
}

.grapTabWrap .grapTab li.active, .grapTabWrap .grapTab li:hover {
	background-color: #fff;
	border-right: 0;
}

.grapTabWrap .grapTab li a.red {
	background-color: #fff;
	color: #0;
	border-right: 0;
}

.grapTabWrap .grapTab li:first-child a {
	border-top: #6fb0dc solid 1px;
}
/* .grapTabWrap .grapDatils{padding:20px 10px; text-align:center;width: 800px; height: 253px; } */
.grapTabWrap .grapDatils {
	padding: 0px 10px;
	text-align: center;
	width: 800px;
	height: 326px;
	padding-bottom: 0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.grapTabWrap .grapDatils .highcharts-container {
	height: 330px !important;
}

.grapTabWrap .grapDatils .highcharts-container svg {
	height: 330px !important;
}

.grapTabWrap .grapSelect {
	overflow: hidden;
	padding: 10px;
}

.grapTabWrap .grapSelect .selectBar {
	float: left
}
/*.grapTabWrap .grapSelect .selectBar select{border:1px solid #a9b5c7; font-size:13px; padding:3px; width:100px;} bhoomika*/
.grapTabWrap .grapSelect .selectBar select {
	border: 1px solid #a9b5c7;
	font-size: 13px;
	padding: 3px;
	width: 146px;
}

.grapTabWrap .grapSelect .changeScaleBTn {
	float: right;
}
/*.grapTabWrap .grapSelect .changeScaleBTn input{
	background:#3d82c5;
    border: 0 none;
    border-radius: 3px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: normal;
    padding: 5px 12px;
    text-decoration: inherit;
    transition-duration: 0.3s;
}
.grapTabWrap .grapSelect .changeScaleBTn input:hover{background:#00467c; color:#fff;}*/
.stationInfoWrap {
	overflow: hidden;
	padding: 15px 330px 15px 15px;
	position: relative;
	min-height: 325px;
}

.stationInfoWrap .stationInfoDetails .InfoDetails {
	background: #f4f4f4;
	padding: 10px 15px;
}

.stationInfoWrap .stationInfoDetails .InfoDetails ul {
	padding: 0;
	margin: 0;
}

.stationInfoWrap .stationInfoDetails .InfoDetails li {
	overflow: hidden;
	font-size: 15px;
	padding: 2px 0;
}

.stationInfoWrap .stationInfoDetails .InfoDetails li label {
	display: block;
	float: left;
	margin-right: 10px;
	font-family: 'proxima_bold';
}

.stationInfoWrap .stationInfoDetails .InfoDetails li span {
	display: block;
	float: left;
}

.stationInfoWrap .stationInfoDetails .Infotable {
	background: #f4f4f4;
	font-size: 13px;
	border-collapse: collapse;
	border-spacing: 0;
}

.stationInfoWrap .stationInfoDetails .Infotable table {
	border-collapse: collapse;
	border-spacing: 0;
	margin-top: 20px;
}

.stationInfoWrap .stationInfoDetails .Infotable th {
	background: #0070bb;
	color: #fff;
	height: 20px;
	vertical-align: middle;
	text-align: left;
	padding: 5px;
	border: 1px solid #def1fe;
	border-right-color: #6fb0dc;
}

.stationInfoWrap .stationInfoDetails .Infotable td {
	height: 20px;
	vertical-align: middle;
	padding: 5px;
	border: 1px solid #ebebeb;
}

.stationInfoWrap .stationInfoDetails .Infotable th:last-child {
	border-right-color: #def1fe;
}

.stationInfoWrap .stationInfoDetails .Infotable tr.active {
	background-color: #fff;
}

.stationInfoWrap .stationInfoDetails .Infotable tr {
	background: #fff none repeat scroll 0 0;
}

.stationInfoWrap .stationInfoImages {
	width: 300px;
	height: 340px;
	overflow: hidden;
	position: absolute;
	right: 15px;
	top: 15px;
} /* chk this too*/
/* .stationInfoWrap .stationInfoImages{
	width:300px; height:205px; overflow:hidden;  position:absolute; right:15px; top:15px;
} */
.stationInfoWrap .stationInfoImages .stationInfoImagesWrap {
	text-align: center;
	width: 290px;
	height: 290px;
}
/* .stationInfoWrap .stationInfoImages .stationInfoImagesWrap{text-align:center;   width:290px; height:198px;}chk this */
/* .stationInfoWrap .stationInfoImages .stationInfoImagesWrap img{width:auto; height:100%;} */
.stationInfoWrap .stationInfoImages .stationInfoImagesWrap img {
	max-height: 100%;
	max-width: 100%;
	border: #a9b5c7 solid 1px;
}

.stationInfoWrap .stationInfoImages .selectImageBtn {
	margin: 10px 9px 0 0;
	text-align: right;
}
/*.stationInfoWrap .stationInfoImages .selectImageBtn input{
	background:#3d82c5;
    border: 0 none;
    border-radius: 3px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: normal;
    padding: 5px 12px;
    text-decoration: inherit;
    transition-duration: 0.3s;
}*/
.stationInfoWrap .stationInfoImages .selectImageBtn input:hover {
	background: #00467c;
	color: #fff;
}

#stationInfoDiv .Infotable table {
	margin-top: 0px;
}

.liveImagesWrap {
	overflow: hidden;
	position: relative;
	padding: 0 0 0 250px;
	min-height: 100%;
}

.liveImagesWrap .liveImageList {
	position: absolute;
	left: 0;
	top: 0;
	min-height: 100%;
	background: #def1fe;
	width: 250px;
}

.liveImagesWrap .liveImageList .criteriaTree {
	padding: 15px;
}

.liveImagesWrap .liveImageList .criteriaTree ul {
	padding: 0;
	margin: 0;
}

.liveImagesWrap .liveImageList .criteriaTree li {
	
}

.liveImagesWrap .liveImageList .criteriaTree li ul li {
	border: 0;
	width: 100%;
}

.liveImagesWrap .liveImageList .criteriaTree li ul li ul li a {
	color: #000;
	font-size: 13px;
}
/* .liveImagesWrap .liveImages{width:100%; text-align:center; padding:15px 0;} */
.liveImagesWrap .liveImages {
	width: 100%;
	text-align: center;
	float: left;
	background: #fff;
}
/* .liveImagesWrap .liveImages img {max-height:350px; max-width:100%;} */
.liveImagesWrap .liveImages img {
	max-height: 228px;
	max-width: 100%;
}
/* .liveImagesWrap .liveImages img {max-height:450px; max-width:100%;} */
.liveImagesWrap .refershbtn {
	padding: 10px 15px;
	text-align: right;
}
/*.liveImagesWrap .refershbtn input{
	background:#3d82c5;
    border: 0 none;
    border-radius: 3px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: normal;
    padding: 5px 12px;
    text-decoration: inherit;
    transition-duration: 0.3s;
}
.liveImagesWrap .refershbtn input:hover {background:#00467c; color:#fff;}*/
.liveImages .error {
	padding: 10px 0px 4px 0px;
}

.liveImagesWrap .refershbtn p {
	float: left;
	width: 50%;
	text-align: left;
	position: relative;
	top: 6px;
}

/**/
.stationListWrap {
	min-height: 500px;
}

.stationListWrap .stationListDate {
	text-align: right;
	margin-bottom: 10px;
}

.spaceBot15 {
	margin: 0 0 7px 0;
}

.row {
	overflow: hidden;
}

.row .col-12 {
	float: left;
	width: 68%;
	margin-right: 2%;
}

.row .col-10 {
	float: right;
	width: 30%;
}

.row .col-2 {
	float: left;
	width: 48%;
}

.row .margin-l2 {
	margin-left: 2%;
}

.siteDetails {
	border: #b7cde2 solid 1px;
	box-shadow: 0 0 4px #dddddd;
	min-height: 250px;
	border-radius: 6px;
	/*height: 600px;*/
}

.siteDetails .site_header {
	background-color: #0070bb;
	color: #fff;
	border-radius: 6px 6px 0 0;
	padding: 8px 10px;
}

.siteDetails .site_header h2 {
	font-size: 17px;
}

.SiteinfoForm_1 {
	padding: 15px;
}

.SiteinfoForm_1 .formRowWrap {
	margin-bottom: 3px;
}

.SiteinfoForm_1 .formRowWrap .formRow {
	position: relative;
	padding: 0 0 0 40%;
	min-height: 25px;
}

.SiteinfoForm_1 .formRowWrap .formRow label {
	position: absolute;
	top: 0;
	left: 0;
	line-height: 25px;
	display: block;
}

.SiteinfoForm_1 .formRowWrap .formRow .inputfild {
	
}

.SiteinfoForm_1 .formRowWrap .formRow .inputfild .input {
	border: 1px solid #a9b5c7;
	padding: 3px;
	width: 38%;
}

.SiteinfoForm_1 .formRowWrap .formRow .inputfild span.max-digit {
	float: right;
}

.SiteinfoForm_1 .formRowWrap .formRow .inputfild .select {
	border: 1px solid #a9b5c7;
	padding: 3px;
	width: 40%;
}

.SiteinfoForm_1 .formRowWrap .formRow .inputfild span {
	font-size: 14px;
	color: #908f8f;
	line-height: 25px;
	display: block;
}

.SiteinfoForm_1 .formRowWrap .formRow .inputfild textarea {
	resize: none;
	border: 1px solid #a9b5c7;
	padding: 3px;
	width: 75%;
	height: 100px;
}

.SiteinfoForm_1 .formRowWrap .formRow .checkboxfild {
	position: relative;
}

.SiteinfoForm_1 .formRowWrap .formRow .checkboxfild label {
	position: absolute;
}

.SiteinfoForm_1 .formRowWrap .formAction {
	text-align: center;
	margin: 15px 0 0 0;
}

.SiteinfoForm_1 .formRowWrap .formAction input {
	font-size: 13px;
	font-weight: normal;
	text-decoration: inherit;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 5px 12px 5px 12px;
	cursor: pointer;
	color: #FFFFFF;
	display: inline-block;
	background: #0070bb;
	border: 0px;
	transition-duration: 0.3s;
	float: left;
	margin-top: -10px;
}

.SiteinfoForm_1 .formRowWrap .formAction input:hover {
	background: #045188;
	color: #fff;
}
/* .stationImage{padding:15px; text-align:center; line-height:0;} */
.stationImage {
	text-align: center;
	line-height: 0;
	font-size: 0;
	/* border:#fff solid 2px; box-shadow:0px 0px 4px #c8c8c8; */
	/* width:250px; */
	margin: 15px auto; /* height:400px; */
}

.stationImage td {
	height: 400px;
	line-height: 0;
}

.stationImage img {
	max-width: 98%;
	max-height: 438px;
}
/* .stationImage img{border:#fff solid 2px; box-shadow:0px 0px 4px #c8c8c8;} */
.stationImageSelect {
	padding: 0 15px 36px;
}

.stationImageSelect input {
	font-size: 13px;
	font-weight: normal;
	text-decoration: inherit;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 5px 12px 5px 12px;
	cursor: pointer;
	color: #FFFFFF;
	display: block;
	background: #0070bb;
	border: 0px;
	transition-duration: 0.3s;
	margin: 0 auto;
	float: left;
}

.stationImageSelect input:hover {
	background: #045188;
	color: #fff;
}

.timeSeriesDetailTable {
	
}

.timeSeriesDetailTable.borderRight {
	border-right: #ccc solid 1px;
}

.timeSeriesDetailTable th {
	text-align: left;
	height: 25px;
	vertical-align: middle;
}

.timeSeriesDetailTable td {
	text-align: left;
	height: 25px;
	vertical-align: middle;
}
#timeSeriesDetailTable td{
	word-break: break-all;
	padding-right: 10px;
}
.limitWrap {
	margin: 0px 0 0 0;
}
/* .limitWrap h2{background-color:#f4f4f4; font-size:18px; padding:10px;} */
.limitWrap h2 {
	background: #0070bb none repeat scroll 0 0;
	color: #fff;
	font-size: 17px;
	font-weight: normal;
	text-align: left;
	padding: 10px;
}
/* .limitAction{padding:0px 0 10px; overflow:hidden;} */
.limitAction {
	padding: 5px 0 7px;
	overflow: hidden;
}

.limitAction a.leftFL {
	float: left;
}

.limitAction a.rightFL {
	margin-left: 2px;
}

.limitAction a {
	font-size: 13px;
	font-weight: normal;
	text-decoration: inherit;
	font-family: "open_sansregular", Arial, Helvetica, sans-serif;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 5px 15px 5px 15px;
	cursor: pointer;
	color: #FFFFFF;
	font-weight: bold;
	display: inline-block;
	background: #0070bb;
	border: 0px;
	transition-duration: 0.3s;
	margin-top: 8px;
}

.limitAction a.disebal, .limitAction a.disebal:hover, .alarmsWrap .action input.disebal,
	.alarmsWrap .action input.disebal:hover, .stationWrap .action input.disebal,
	.stationWrap .action input.disebal:hover, .userIngoWrap .action input.disebal,
	.userIngoWrap .action input.disebal:hover {
	background: #E3ECFA;
	color: #959595
}

.limit-section {
	clear: both;
	margin-top: 20px;
	width: 100%;
	display: inline-table;
}

.limitAction a:hover {
	background: #00467c;
	color: #fff;
}

.tsdetail .regular-checkbox:checked+label:after {
	top: 4px;
	left: 4px;
}

.limitWrap .editLink {
	background: rgba(0, 0, 0, 0) url("../images/edit_icon_a.png") no-repeat
		scroll left top/90% auto;
	display: block;
	float: left;
	height: 16px;
	margin-right: 10px;
	width: 16px;
}

.limitWrap .editLink:hover {
	background-image: url(../images/edit_icon_h.png);
}

.limitWrap .deleteLink {
	background: rgba(0, 0, 0, 0) url("../images/delete_icon_a.png")
		no-repeat scroll left top/90% auto;
	display: block;
	float: left;
	height: 16px;
	width: 16px;
}

.limitWrap .deleteLink:hover {
	background-image: url(../images/delete_icon_h.png);
}

.seasonSelectDate {
	margin-bottom: 15px;
}

.seasonSelectDate.overflow {
	overflow: hidden;
}

.seasonSelectDate .formRowWrap {
	float: left;
	width: 33%;
}

.seasonSelectDate .formRowWrap .formRow {
	position: relative;
	padding: 0 0 0 70px;
}
/* .seasonSelectDate .formRowWrap .formRow label{position:absolute; top:0; left:0; line-height:25px; display:block;} */
.seasonSelectDate .formRowWrap .formRow label {
	/* position:absolute; top:0; left:0;  */
	line-height: 25px;
	display: inline-block;
}

.seasonSelectDate .formRowWrap .formRow .inputfild {
	
}

.seasonSelectDate .formRowWrap .formRow .inputfild select {
	border: 1px solid #a9b5c7;
	padding: 3px;
	width: 83%;
}

.seasonSelectDate .formRowWrap .formRow .inputfild input {
	border: 1px solid #a9b5c7;
	padding: 3px;
	width: 80%;
}

.valueLimits {
	
}

.valueLimits h2 {
	background-color: #f4f4f4;
	font-size: 15px;
	padding: 8px 10px;
}

.valueLimits .valueLimits table {
	
}

.valueLimits .valueLimits table td {
	height: 30px;
}

.valueLimits .valueLimits table td.labelfild {
	width: 95px;
	text-align: center;
	color: #fff;
}

.valueLimits .valueLimits table td.limitfild {
	width: 30px;
	text-align: center;
}

.valueLimits .valueLimits table td.inputfild {
	width: 65px;
}

.valueLimits .valueLimits table td.selectfild {
	width: 130px;
}

.valueLimits .valueLimits table td.labelfild.blue {
	background: #00c5d7;
	font-size: 12px;
	padding: 5px;
}

.valueLimits .valueLimits table td.labelfild.red {
	background: #c50000;
	font-size: 12px;
	padding: 5px;
}

.valueLimits .valueLimits table td.labelfild.yellow {
	background: #ead603;
	font-size: 12px;
	padding: 5px;
}

.valueLimits .valueLimits table td.labelfild.green {
	background: #288d2a;
	font-size: 12px;
	padding: 5px;
}

.valueLimits .valueLimits table input {
	border: 1px solid #a9b5c7;
	padding: 3px;
	width: 60%;
}

.valueLimits .valueLimits table select {
	border: 1px solid #a9b5c7;
	padding: 3px;
	width: 83%;
}

.valueLimits .rateofChange {
	
}

.valueLimits .rateofChange table {
	width: 100%;
}

.valueLimits .rateofChange table td {
	
}

.valueLimits .rateofChange table input {
	border: 1px solid #a9b5c7;
	padding: 3px;
	width: 60%;
}

.valueLimits .rateofChange table select {
	border: 1px solid #a9b5c7;
	padding: 3px;
	width: 83%;
}

.correcSelectDate {
	overflow: hidden;
	margin-bottom: 15px;
}

.correcSelectDate .formRowWrap {
	float: left;
}

.correcSelectDate .formRowWrap .datefild {
	width: 200px;
}

.correcSelectDate .formRowWrap .datefild label {
	float: left;
	display: block;
	margin-right: 5px;
	line-height: 20px;
}

.correcSelectDate .formRowWrap .datefild input {
	float: left;
	width: 109px;
	border: 1px solid #a9b5c7;
	padding: 3px;
}

.correcSelectDate .formRowWrap .datefild a {
	background: url(../images/calender.png) no-repeat top left;
	width: 23px;
	height: 22px;
	display: block;
	float: left;
	margin-left: 5px;
}

.correcSelectDate .formRowWrap .btn {
	font-size: 13px;
	font-weight: normal;
	text-decoration: inherit;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 5px 12px 5px 12px;
	cursor: pointer;
	color: #FFFFFF;
	display: inline-block;
	background: #0070bb;
	font-weight: bold;
	border: 0px;
	transition-duration: 0.3s;
}

.correcSelectDate .formRowWrap .btn:hover {
	background: #00467c;
	color: #fff;
}

.correcSelectDate .formRowWrap .checkboxfild {
	margin: 5px 0 0 10px;
}

.correcSelectDate .formRowWrap .checkboxfild label {
	float: left;
}

.correcSelectDate .formRowWrap .checkboxfild span {
	float: left;
	display: block;
	margin-left: 5px;
	line-height: 20px;
}

.ts_graph {
	width: 100%;
}

.ts_graph img {
	width: 100%;
}

.ts_graph_summary {
	overflow: hidden;
	background: none repeat scroll 0 0 #e0e8f0;
}

.ts_graph_summary ul {
	padding: 0 5px;
	margin: 0;
	background-color: #f4f4f4;
	overflow: hidden;
}

.ts_graph_summary li {
	float: left;
	width: 20%;
	font-size: 14px;
	padding: 10px 0;
}

.ts_graph_summary li label {
	float: left;
	width: 50%;
	display: block;
}

.ts_graph_summary li label.blue {
	color: #0000FF;
}

.ts_graph_summary li label.red {
	color: #FF0000;
}

.ts_graph_summary li label.yellow {
	color: #FFA500;
}

.ts_graph_summary li label.green {
	color: #008000;
}

.ts_graph_summary li label.black {
	color: #000000;
}

.ts_graph_summary li span {
	float: left;
	width: 50%;
	display: block;
}

.time_series2 {
	height: 400px;
	margin-top: 15px;
	overflow: auto;
}

.time_series2 table {
	width: 100%;
	background: #a9b5c7;
	font-size: 12px;
	position: relative;
}

.time_series2 table th {
	background: none repeat scroll 0 0 #0070bb;
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	padding: 5px;
	text-align: center;
}

.time_series2 table td {
	background: #eef2f9;
	padding: 5px;
}

.time_series_button {
	margin: 10px 0;
}

.time_series_button ul {
	overflow: hidden;
	padding: 0;
	margin: 0;
	text-align: center;
}

.time_series_button li {
	display: inline-block;
	margin: 0 3px;
}

.time_series_button li input {
	font-size: 13px;
	font-weight: normal;
	text-decoration: inherit;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 5px 12px 5px 12px;
	cursor: pointer;
	color: #FFFFFF;
	display: inline-block;
	background: #3d82c5;
	border: 0px;
	transition-duration: 0.3s;
}

.time_series_button li input:hover {
	background: #00467c;
	color: #fff;
}

/**/
.alarmsWrap {
	min-height: 550px;
}

.alarmsWrap h1 {
	background-color: #f4f4f4;
	font-size: 18px;
	padding: 10px;
}

.alarmsWrap .rowDiv {
	border-bottom: 1px solid #e7e7e7;
	margin: 0 0 10px;
	overflow: hidden;
	padding: 10px 20px;
}

.alarmsWrap .rowDiv .rowDivLable {
	float: left;
	width: 220px;
}

.alarmsWrap .rowDiv .rowDivLable label {
	float: left;
}

.alarmsWrap .rowDiv .rowDivLable span {
	float: left;
	margin-left: 10px;
	line-height: 21px;
}

.alarmsWrap .rowDiv select {
	border: #a9b5c7 solid 1px;
	width: 150px;
	padding: 3px;
}

.alarmsWrap .haRow {
	overflow: hidden;
	padding: 0 20px;
	margin-bottom: 10px;
}

.alarmsWrap .haRow .rowDivLable {
	float: left;
	width: 210px;
}

.alarmsWrap .haRow .rowDivLable label {
	float: left;
}

.alarmsWrap .haRow .rowDivLable span {
	float: left;
	margin-left: 10px;
	line-height: 21px;
}

.alarmsWrap .haRow .datePicer {
	float: left;
	margin-right: 10px;
}

.alarmsWrap .haRow .datePicer .icon {
	float: left;
	margin-left: 5px;
}

.alarmsWrap .haRow .datePicer input {
	border: #a9b5c7 solid 1px;
	padding: 3px;
	float: left;
	background: url(../images/calender.png) no-repeat 98% center
}

.alarmsWrap .haRow .datePicer label {
	float: left;
	line-height: 23px;
	display: block;
	margin-right: 10px;
}

.alarmsWrap .action {
	padding: 0;
	margin-top: 0;
	float: left;
}

.alarmsWrap .action input {
	font-size: 13px;
	font-weight: normal;
	text-decoration: inherit;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 5px 12px 5px 12px;
	cursor: pointer;
	color: #FFFFFF;
	display: inline-block;
	background: #0070bb;
	border: 0px;
	transition-duration: 0.3s;
}

.alarmsWrap .action input:hover {
	background: #00467c;
	color: #fff;
}

.winterLabel .regular-checkbox:checked+label:after {
	top: 3px;
}

.testareawrap {
	position: relative;
	padding: 0 0 0 80px;
	margin: 15px 0;
}

.testareawrap label {
	position: absolute;
	left: 0;
	top: 0;
}

.testareawrap textarea {
	width: 95%;
	border: #a9b5c7 solid 1px;
	padding: 3px;
	font-size: 12px;
}

#waterLevel {
	width: 600px;
}

.accountBox {
	margin: 0 0 15px 0;
}
/* .accountBox h2{
	background-color:#f4f4f4; font-size:18px; padding:10px;
} */
.accountBox h2 {
	background: #0070bb;
	color: #fff;
	font-size: 15px;
	font-weight: normal;
	text-align: left;
	padding: 8px 10px;
}

.accountBox form {
	padding: 15px;
}

.contactInfo {
	
}

.contactInfo th {
	text-align: left;
	font-weight: normal;
	width: 50%;
}

.contactInfo td {
	width: 50%;
	min-height: 15px;
}

.contactInfo td span {
	font-weight: bold;
	color: #00467c;
}

.contactInfo td .input {
	border: #a9b5c7 solid 1px;
	padding: 3px;
}

.contactInfo td .select {
	border: #a9b5c7 solid 1px;
	padding: 3px;
	width: 200px;
}

.contactInfo td .btn {
	font-size: 13px;
	font-weight: normal;
	text-decoration: inherit;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 5px 12px 5px 12px;
	cursor: pointer;
	color: #FFFFFF;
	display: inline-block;
	background: #0070bb;
	border: 0px;
	transition-duration: 0.3s;
	margin-right: 10px;
	-webkit-appearance: none;
}

.contactInfo td .btn:hover {
	background: #045188;
	color: #fff;
}

.button_new {
	padding: 5px 15px;
	overflow: hidden;
}

/**/
.dcpcCommandWrap {
	
}
/* .dcpcCommandWrap .head{background:#f4f4f4;font-size:18px;padding:10px; overflow:hidden;} */
.dcpcCommandWrap .head {
	background: #0070bb;
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	padding: 10px;
	overflow: hidden;
}

.dcpcCommandWrap .head h1 {
	float: left;
	padding: 0;
	margin: 0;
}

.dcpcCommandWrap .head span {
	float: right;
}

.dcpcCommandWrap .leftborder {
	border-right: #ccc solid 1px;
}

.dcpcCommandWrap .dcpcCommandContent {
	padding: 10px;
}

.dcpcCommandWrap .stationForm {
	overflow: hidden;
}

.dcpcCommandWrap .stationForm .formRow {
	position: relative;
	padding: 0 0 8px 0px;
	overflow: hidden;
}

.dcpcCommandWrap .stationForm .formRow label {
	/* position:absolute; left:0; top:5px; */
	float: left;
	width: 35%;
}

.dcpcCommandWrap .stationForm .formRow .inputField {
	
}

.dcpcCommandWrap .stationForm .formRow .inputField select {
	border: #ccc solid 1px;
	padding: 3px;
	width: 60%;
}

.dcpcCommandWrap .stationForm .formRow .inputField input {
	border: #ccc solid 1px;
	padding: 3px;
	width: 60%;
}

.dcpcCommandWrap .commandParameters {
	margin: 25px 0;
	overflow: hidden;
}

.dcpcCommandWrap .commandParameters .formRow {
	width: 50%;
	float: left;
}

.dcpcCommandWrap .commandParameters .formRow label {
	display: block;
	padding: 0 0 7px 0;
	font-size: 16px;
}

.dcpcCommandWrap .commandParameters .formRow .inputField select {
	border: #ccc solid 1px;
	padding: 2px 3px;
	width: 90%;
}

.dcpcCommandWrap .commandParameters .formRow .inputField input {
	border: #ccc solid 1px;
	padding: 3px;
	width: 80%;
	float: left;
	margin-right: 5px;
}

.dcpcCommandWrap .redioList {
	padding: 25px 0;
}

.dcpcCommandWrap .redioList ul {
	padding: 0;
	margin: 0 35px 0 0;
}

.dcpcCommandWrap .redioList li {
	margin-bottom: 5px;
	width: 100%;
	overflow: hidden;
	border-bottom: #ccc solid 1px;
	padding: 8px 0;
}

.dcpcCommandWrap .redioList li label {
	float: left;
}

.dcpcCommandWrap .redioList li span {
	float: left;
	line-height: 22px;
	margin-left: 10px;
}

.dcpcCommandWrap .currentstatus {
	width: 90%;
}

.dcpcCommandWrap .currentstatus span {
	border: #a9b5c7 solid 1px;
	padding: 9px;
	display: block;
	color: #a9b5c7;
	font-size: 18px;
}

.dcpcCommandWrap .action {
	padding: 8px 0 0 0;
	text-align: left;
	width: 90%;
}

.dcpcCommandWrap .action input {
	font-size: 13px;
	font-weight: bold;
	text-decoration: inherit;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 5px 15px 5px 15px;
	cursor: pointer;
	color: #FFFFFF;
	display: inline-block;
	background: #0070bb;
	border: 0px;
	transition-duration: 0.3s;
}

.dcpcCommandWrap .action input:hover {
	background: #045188;
	color: #fff;
}

.dcpcCommandWrap .SIWrapper {
	margin: 0 0 25px 0;
}

.dcpcCommandWrap .SIWrapper .panel_inner {
	min-height: 250px;
}

.dcpcCommandWrap .historyWrapper .panel_inner {
	min-height: 306px;
}

.userIngoWrap {
	
}
/* .userIngoWrap .head{background:#f4f4f4;font-size:18px;padding:10px; margin-bottom:15px;} */
.userIngoWrap .head {
	background: #0070bb none repeat scroll 0 0;
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	text-align: left;
	padding: 8px 10px;
	margin-bottom: 15px;
}

.userIngoWrap .formRow {
	position: relative;
	padding: 0 0 10px 180px;
}

.userIngoWrap .formRow label {
	position: absolute;
	left: 0;
	top: 0;
}

.userIngoWrap .formRow .label {
	max-width: 170px;
}

.userIngoWrap .formRow .inputField {
	
}

.userIngoWrap .formRow .inputField input {
	border: #ccc solid 1px;
	padding: 3px;
	width: 200px;
}

.userIngoWrap .formRow .inputField textarea {
	border: #ccc solid 1px;
	padding: 3px;
	width: 80%;
	min-height: 75px;
	resize: none;
}

.userIngoWrap ul.navigationList {
	padding: 0;
	margin: 0;
	overflow: hidden;
}

.userIngoWrap ul.navigationList li {
	float: left;
	width: 33%;
	margin-bottom: 10px;
}

.userIngoWrap ul.navigationList li.fullWidth {
	width: 100%;
}

.userIngoWrap ul.navigationList li label {
	float: left;
}

.userIngoWrap ul.navigationList li span {
	float: left;
	line-height: 22px;
	margin-left: 10px;
}

.userIngoWrap .action {
	padding: 18px;
	text-align: center;
}

.userIngoWrap .action input {
	font-size: 13px;
	font-weight: normal;
	text-decoration: inherit;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 5px 15px 5px 15px;
	cursor: pointer;
	color: #FFFFFF;
	display: inline-block;
	background: #0070bb;
	border: 0px;
	transition-duration: 0.3s;
	overflow: hidden;
	-webkit-appearance: none;
}

.userIngoWrap .action input:hover {
	background: #045188;
	color: #fff;
}

.addSeasonsBox {
	padding: 10px;
}

.addSeasonsBox .formRow {
	position: relative;
	padding: 0 0 0 100px;
	overflow: hidden;
	margin-bottom: 10px;
}

.addSeasonsBox .formRow label {
	position: absolute;
	top: 0px;
	left: 0;
}

.addSeasonsBox .formRow .inputField {
	
}

.addSeasonsBox .formRow .inputField input {
	border: #ccc solid 1px;
	padding: 3px;
	width: 100%;
	box-sizing: border-box;
}

.addSeasonsBox .formRow .inputDateField input {
	border: #ccc solid 1px;
	padding: 3px;
	width: 100%;
	display: inline-block;
	vertical-align: top;
	background: url(../images/calender.png) no-repeat 98% center;
	box-sizing: border-box;
}

.addSeasonsBox .formRow .inputField input {
	border: #ccc solid 1px;
	padding: 3px;
	width: 100%;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
}

.addSeasonsBox .formRow .inputDateField .icon {
	display: inline-block;
	vertical-align: top;
}

.addSeasonsBox .formRow .inputDateField i {
	display: block;
	font-style: normal;
	font-size: 11px;
	padding: 3px 0 0 0;
	clear: both;
}

.addSeasonsBox .formRow .inputDateField select {
	border: #ccc solid 1px;
	padding: 3px;
	width: 100%;
	float: left
}

.addSeasonsBox .formRow .inputDateField a {
	background: url(../images/calender.png) no-repeat top left;
	width: 23px;
	height: 22px;
	display: block;
	float: left;
	margin-left: 10px;
}

.addSeasonsBox .formRow .inputDateField a:hover {
	background-image: url(../images/calender-d.png);
}

.addSeasonsBox .formCheckboxRow {
	position: relative;
	padding: 0 0 10px 100px;
}

.addSeasonsBox .formCheckboxRow span {
	position: absolute;
	left: 0;
	top: 0;
}

.addSeasonsBox .formCheckboxRow .inputField {
	
}

/* .addSeasonsBox{} */
/* .addSeasonsBox .formRow{position:relative; padding:0 0 9px 120px;} */
/* .addSeasonsBox .formRow label{position:absolute; left:0; top:0;} */
/* .addSeasonsBox .formRow .inputField{} */
/* .addSeasonsBox .formRow .inputField input{border:#ccc solid 1px; padding:3px; width:200px;} */
/* .addSeasonsBox .formRow .inputDateField {overflow:hidden;} */
/* .addSeasonsBox .formRow .inputDateField input{border:#ccc solid 1px; padding:3px; width:150px; float:left} */
/* .addSeasonsBox .formRow .inputDateField i{display:block; font-style:normal; font-size:11px; padding:3px 0 0 0; clear:both;} */
/* .addSeasonsBox .formRow .inputDateField select{border:#ccc solid 1px; padding:3px; width:150px; float:left} */
/* .addSeasonsBox .formRow .inputDateField a{background:url(../images/calender.png) no-repeat top left; width:23px; height:22px; display:block; float:left; margin-left:10px;} */
/* .addSeasonsBox .formRow .inputDateField a:hover{background-image:url(../images/calender-d.png);} */

/* .addSeasonsBox .formCheckboxRow{position:relative; padding:0 0 10px 120px;} */
/* .addSeasonsBox .formCheckboxRow span{position:absolute; left:0; top:0;} */
/* .addSeasonsBox .formCheckboxRow .inputField{} */
.datepicker>.datepicker_header>.icon-close {
	
}

.addAction {
	text-align: left;
	padding: 15px 0;
}

.addAction a {
	font-size: 13px;
	font-weight: normal;
	text-decoration: inherit;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 5px 12px 5px 12px;
	cursor: pointer;
	color: #FFFFFF;
	display: inline-block;
	background: #0070bb none repeat scroll 0 0;
	border: 0px;
	transition-duration: 0.3s;
	overflow: hidden;
}

.addAction a:hover {
	background: #00467c;
	color: #fff;
}

.AboutWrap {
	
}

.AboutWrap .head {
	background: #f4f4f4;
	font-size: 18px;
	padding: 10px;
	overflow: hidden;
}

.AboutWrap .head h1 {
	float: left;
	padding: 0;
	margin: 0;
}

.AboutWrap .aboutBox {
	padding: 10px;
}

.AboutWrap .aboutBox .rightContent {
	text-align: right;
}

.leftAbout {
	float: left;
}

.righttAbout {
	float: right;
}

.pageTTL {
	background: #f4f4f4;
	font-size: 18px;
	padding: 5px 10px !important;
	overflow: hidden;
}

.pageTTL h2 {
	font-size: 18px !important;
}

.innerContactTable {
	margin-top: 5px;
}

.contactTable {
	padding: 10px;
}

.contactTable {
	padding: 10px;
}

.panel_inner1 {
	width: 100%;
	border: 1px solid #b7cde2;
	min-height: auto;
	border-radius: 6px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-shadow: 0 0 4px #dddddd;
}

.weatherinfo {
	margin: 0 auto;
	width: 35%;
}

.panelFooter li input.disebal {
	background: #E3ECFA;
	color: #959595;
}
/*contact us*/
/* .contactus-pageTTL { font-size:18px;padding:0px; overflow:hidden;}
.contactus-pageTTL h2{font-size:18px; font-weight:bold;  float: left;    width: 50%;}
.contactus-pageTTL span{font-size:18px; font-weight:bold;  float: left;    width: 50%;}
.contactus-main h2, .contactus-main span {font-size:18px; font-weight:bold;  }
.contactus-main{ display:block;}
.contactus-border{ margin-bottom:20px; border-bottom:solid 1px #c0d1de; padding-bottom:20px; overflow:hidden;}
.cntc-left{ float:left; width:35%;}
.contactus-left li{ display:block; margin:20px 0; overflow:hidden;}
.cntc-left img{ padding:20px 35px; border:solid 1px #dbdbdb; border-radius:6px;}
.cntc-right{ float:right; width:65%;}
.cntc-right h2{ color:#4a89df; font-size:16px; font-weight:bold; }
.cntc-right span{ color:#00467c; font-size:15px; margin:10px 0; display:block; }
.cntc-right p{ color:#657989; font-size:14px; margin-bottom:10px; display:block;  }
.cntc-right img{ vertical-align: middle; margin-right:5px; float:left;}
.bottomborder{border-bottom:#ccc solid 1px;}

.sutronWin-support-main { display:block; background:#f4f4f4; border-radius:6px; border:solid 1px #dbdbdb; padding:20px;}
.sutronWin-support{ border-bottom:solid 1px #9fbee9; overflow:hidden; margin-bottom:20px; padding-bottom:20px;}
.sutronWin-support-main h3{ color:#206fac; font-size:18px; margin-bottom:20px; font-weight:bold;}
.sutronWin-support-main p{ color:#657989; font-size:14px; margin-bottom:10px; display:block; }
.sutronWin-support-main img{ vertical-align: middle; margin-right:5px;}
.headquarters  {  overflow:hidden; margin-bottom:20px; }
.headquarters-map  img { max-width:100%; height:auto; margin:0 auto;}
.margin-btm-none{ margin-bottom:0 !important;} */

/*contact us*/
/*contact us*/
.contact_box {
	background: none repeat scroll 0 0 #fff;
	border: 3px solid #0d578a;
	color: #262525;
	display: none;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	margin-top: 0;
	padding: 16px;
	position: absolute;
	right: 0;
	top: 46px;
	width: 504px;
	z-index: 99999;
	text-align: left;
}

#nav-main li:hover .contact_box {
	display: block;
}

.contact_box ul, .contact_box li {
	list-style-type: none;
}

.contact_box li:hover {
	list-style-type: none;
	background: none !important;
}

.contact_box li a:hover {
	background-color: none !important;
}

nav#nav-main .contact_box a:hover {
	background-color: #fff;
}

nav#nav-main .contact_box:hover {
	background-color: #fff;
}

nav#nav-main li .contact_box .leftpart {
	width: 50%;
	float: left
}

nav#nav-main li .contact_box .rightpart {
	width: 50%;
	float: right
}

nav#nav-main li .contact_box h2 {
	font-size: 23px;
	color: #000000;
	font-weight: normal;
	margin-bottom: 10px;
}

nav#nav-main li .contact_box h3 {
	font-size: 16px;
	margin-bottom: 4px;
}

nav#nav-main li .contact_box .leftpart p {
	line-height: 25px;
}

nav#nav-main li .contact_box .rightpart {
	min-height: 192px;
	border-left: solid 1px #dcdcdc;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

nav#nav-main li .contact_box .rightpart .map {
	margin-bottom: 15px;
	margin-left: 18px;
}

nav#nav-main li .contact_box .rightpart .map .button {
	float: right;
	margin-top: 15px;
}

nav#nav-main li .contact_box .bottompart {
	clear: both;
	display: block;
	margin-top: 20px;
	clear: both;
	background: url(../images/contact_bottompart_bg.png) repeat-x 0 31px;
	overflow: hidden;
	position: relative;
	margin-left: -16px;
	margin-right: -16px;
}
/* nav#nav-main li .contact_box .bottompart li{ background:url(images/contact_bottompart_divider.png) no-repeat 0 31px;  width:33.3%; float:left; text-align:center; padding:0 20px; box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;} */
nav#nav-main li .contact_box .bottompart li {
	width: 33.3%;
	float: left;
	text-align: center;
	padding: 0 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

nav#nav-main li .contact_box .bottompart ul {
	overflow: hidden
}

nav#nav-main li .contact_box .bottompart li .step_image {
	margin-bottom: 12px;
}

nav#nav-main li .contact_box .bottompart li .step_image a:hover {
	background: none;
}

nav#nav-main li .contact_box .bottompart li p {
	line-height: 22px;
	color: #5d5d5d;
}

nav#nav-main li .contact_box .button {
	background: #1864a9 !important;
	color: #ffffff;
	font-size: 17px !important;
	text-decoration: none;
	padding: 6px 13px !important;
	border-radius: 4px;
	display: inline-block !important;
	box-shadow: 2px 2px 3px #888;
}

nav#nav-main li .contact_box .button img {
	vertical-align: middle;
	margin-right: 6px;
}

nav#nav-main li .contact_box .bottompart .contact_button {
	text-align: center
}

.holiday img {
	display: block;
}

.holiday p {
	display: block;
	color: #5d5d5d;
	margin: 10px 0;
}
/*contact us*/
#myMapContainer {
	width: 100%;
	height: 800px;
}

.phone-no {
	color: red;
	font-weight: bold;
	padding-top: 0px;
}

.phone-no a {
	color: #414042
}

.custom_header .real_timedeta {
	width: 294px;
}

.custom_header .realtime_title {
	font-size: 13px;
}

.custom_header .header_right {
	width: auto;
}

.custom_header nav#nav-main li:first-child a {
	padding-left: 10px;
}

.custom_header nav#nav-main li {
	width: auto;
	padding: 0;
}

.custom_header nav#nav-main li a {
	padding: 10px 10px 9px 10px;
}

/* internationalization start*/
#weatherInfo {
	text-align: center;
}

/* .limitWrap .tableData .editLink,.limitWrap .tableData .deleteLink  {margin-bottom: 6px;} */
/* #tableData td { min-width: 50px;} 
 #tableData td {max-width: 400px;min-width: 48px;}*/
.weather-btn {
	text-align: center;
}

.weather-btn>input {
	display: inline-block;
	vertical-align: top;
}

.highcharts-container {
	width: 100% !important;
}

/* .iw-table .iw-title {
   font-size: 14px;
    padding: 5px;
}

.iw-table td {
    border-bottom: 1px solid #ccc;
    color: #ccc;
    font-size: 11px;
    font-weight: normal;
    line-height: 16px;
    padding: 5px;
}

*/
.gm-style-iw .iw-container {
	max-height: 300px !important;
	overflow-x: hidden !important;
	/* overflow-y: scroll !important; */
}

.logintextboxnew {
	padding: 5px 5%;
	width: 90%;
}

.loginbutton {
	text-align: center;
	clear: both;
	padding-top: 10px;
}

.langSupport {
	float: right;
	margin: 2px 15px 0;
}

.langSupport select {
	background: url(../images/header_bg.png) repeat-x top;
	border: medium none;
	color: #fff;
	font-size: 12px;
	line-height: 18px;
	margin-right: 0px;
	padding: 0px 5px;
}

.langSupport select option {
	background: #1C5D9E;
	/* url("../images/login_bg.jpg") repeat-x scroll left top */;
}

#soundImg {
	margin-top: 4px;
	width: 13px;
}
/* .header_right { float: right; width: 389px; } */
.header_right {
	float: right;
	width: 434px;
}

#noteMessage {
	font-size: 12px;
	font-style: italic;
	padding-bottom: 16px;
	text-align: center;
}

img.highlighted {
	border: 1px solid white;
}

.tabcontent .button_new label {
	top: 5px;
	margin-right: 5px;
}

.grapSelect .changeScaleBTn input.regular-checkbox {
	display: none;
}

.grapSelect .changeScaleBTn .button {
	margin-left: 10px;
}

#chartbox .button_new {
	padding: 8px 14px
} /*background:#f4f4f4;*/
#chartbox .button_new input.button {
	margin-top: 0px;
}

.timeRangeFilter .checkboxfild input.regular-checkbox {
	display: none;
}

/* internationalization over*/

/* ==========================================*/

/* ==========  NEW LAYOUT CSS START =========*/

/* ==========================================*/

/*============= Common CSs Start =============== */
header {
	background: #0070bb;
	min-height: 57px;
	position: relative;
	z-index: 502;
}

.logo {
	background: #fff;
	position: absolute;
	left: 0;
	top: -32px;
	line-height: 0;
	padding: 11px 15px 10px 15px;
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.18);
	margin: 0;
}

.ottlogo {
	width: 110px;
	height: 42px;
	display: inline-block;
}

.menumain {
	border-left: solid 1px #005aaa;
	float: right;
	margin-right: 0px;
}

.menumain .navbar-toggle.collapsed {
	background: none;
}

.menumain .navbar-toggle {
	display: block;
	margin: 0;
	padding: 19px 15px;
	border-radius: 0;
}

.menumain .navbar-toggle .icon-bar {
	background: #0070bb;
	margin: 7px 0;
	width: 33px;
	height: 4px;
	border-radius: 2px;
}

.menumain .navbar-toggle.collapsed .icon-bar {
	background: #fff;
}

.menumain .navbar-toggle {
	background: #fff;
}

.welcomeuser {
	border-left: 1px solid #80b8dd;
	color: #ffffff;
	display: table;
	float: right;
	height: 80px;
	padding: 0 20px;
	vertical-align: middle; /*width: 115px;*/
	max-width: 210px;
}

.welcomeuser>a {
	display: table-row;
	vertical-align: middle;
	color: #fff;
}

.welcomeuser a:hover {
	opacity: 0.7;
}

.welcomeuser i.fa {
	display: inline-block;
	font-size: 35px;
	margin: 2px 10px 0 0;
	vertical-align: top;
}

.welcomeuser span {
	display: table-cell;
	font-size: 12px;
	line-height: 17px;
	vertical-align: top;
	font-family: "open_sansregular", Arial, Helvetica, sans-serif;
}

.languagesSupport {
	display: table-row;
	vertical-align: middle;
}

.languagesSupport form {
	display: table-cell;
	height: 28px;
	vertical-align: bottom;
}

.languagesSupport a {
	display: inline-block;
}

.topnav {
	margin: 0;
	padding: 0;
	float: right;
}

.topnav ul {
	margin: 0;
	padding: 0px 10px 0px 0px;
}

.topnav ul li {
	display: inline-block;
	margin: 0;
	padding: 0;
}

.topnav ul li a {
	color: #bdedfd;
	font-size: 14px;
	text-transform: uppercase;
	font-family: 'open_sansbold';
	margin: 0;
	padding: 20px 10px 17px;
	display: inline-block;
	position: relative;
	transition: all 0.3s ease-in 0s;
}

.topnav ul li a:after {
	width: 1px;
	height: 20px;
	position: absolute;
	left: -1px;
	top: 20px;
	background: #67a9d4;
	content: "";
	opacity: 0.8;
}

.topnav ul li:first-child a:after {
	display: none;
}

.topnav ul li a:hover, .topnav ul li a.active {
	color: #fff;
}
/*
.topnav ul li a:hover::after, .topnav ul li a.active::after { background: #f8df4d none repeat scroll 0 0; width:100%;}
.topnav ul li a::after { background: #0070bb none repeat scroll 0 0; content: ""; height: 6px; left:50%; position: absolute; top: 0; width:0%; transition: all 0.3s ease 0s; transform: translateX(-50%); }
*/
#nav-trigger2 {
	border-radius: 0;
	box-shadow: none;
	background: none;
}

#nav-trigger2 span {
	background: url(../images/menu_icon.png) no-repeat center center;
	float: none;
	padding: 15px 0;
	width: 63px;
	background-size: 28px;
}

#nav-trigger2 span::after, #nav-trigger2 span.open::after {
	background: none;
	float: none;
	margin: 0;
}

#nav-trigger2 span.open {
	background: url(../images/menu_icon_hover.png) no-repeat center center
		#fff;
	background-size: 28px;
}

nav#nav-mobile2 {
	position: absolute;
	right: 0;
	width: auto;
}

nav#nav-mobile2 ul {
	right: 0;
	left: auto;
	background: #fff;
	width: 276px;
	-webkit-box-shadow: -4px 4px 6px 0px rgba(0, 0, 0, 0.27);
	-moz-box-shadow: -4px 4px 6px 0px rgba(0, 0, 0, 0.27);
	box-shadow: -2px 4px 6px 0px rgba(0, 0, 0, 0.27);
	padding: 0;
	border-radius: 0;
	/*max-height: calc(100vh - 80px);  min-height: 100%; overflow: auto;*/
	border-top: 1px solid #0858a3
}

nav#nav-mobile2 li {
	border-bottom: solid 1px #dadada;
}

nav#nav-mobile2 li:last-child {
	border-bottom: none;
}

nav#nav-mobile2 li a {
	display: block;
	font-size: 15px;
	margin: 0;
	padding: 8px 25px;
	color: #636363;
	background: none;
	font-family: "open_sansregular", Arial, Helvetica, sans-serif;
}

nav#nav-mobile2 li a:hover, nav#nav-mobile2 a.active {
	background: #0070bb;
	color: #fff;
}

nav#nav-mobile2 li:last-child a:hover {
	border-radius: 0;
}

a.button, .button {
	display: inline-block;
	padding: 5px 15px;
	margin-bottom: 0;
	font-size: 13px;
	font-weight: bold;
	font-family: "open_sansregular", Arial, Helvetica, sans-serif;
	text-align: center;
	white-space: nowrap;
	cursor: pointer;
	background-image: none;
	border-radius: 3px;
	background-color: #0070bb;
	color: #fff;
	transition: all 0.2s ease 0s;
}

a.button:hover, .button:hover {
	background-color: #045188;
}

a.small-btn, .small-btn {
	padding: 5px 15px;
}

a.linktext {
	font-weight: normal;
	color: #337ab7;
	margin: 0 15px;
	padding: 0;
	font-size: 18px;
}

.buttondiv {
	text-align: center;
}

footer.footer {
	background: #fff;
	font-family: "open_sansregular", Arial, Helvetica, sans-serif;
	padding: 15px 0px 10px 0px;
}

.footerinside {
	display: table;
	width: 100%;
	margin: 0 auto;
	max-width: 1000px;
	padding: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

footer.footer .leftpart {
	margin: 0;
	padding: 0;
	font-size: 14px;
	display: table-cell;
	vertical-align: middle;
	width: 33.33%;
}

footer.footer .leftpart p {
	font-size: 13px;
	padding-top: 5px;
}

footer.footer .brandlogo {
	margin: 0;
	padding: 7px 0;
	display: table-cell;
	vertical-align: middle;
	line-height: 0;
	width: 33.33%;
	text-align: center;
}

footer.footer .brandlogo img {
	margin: 0 10px;
}

.socialnav {
	display: table-cell;
	text-align: right;
	vertical-align: middle;
}

.socialnav ul {
	margin: 0;
	padding: 0;
}

.socialnav ul li {
	display: inline-block;
	margin: 0;
	padding: 0 0 0 10px;
}

.socialnav ul li a {
	width: 28px;
	height: 28px;
	color: #FFF;
	font-size: 21px;
	line-height: 31px;
	text-align: center;
	display: inline-block;
	background: url(../images/social_icon_sprite.png) no-repeat 0 0;
}

.socialnav ul li a:hover {
	opacity: 0.8;
}

.socialnav ul li a.twitter {
	background-position: 0 0;
}

.socialnav ul li a.facebook {
	background-position: -46px 0;
}

.socialnav ul li a.linkedin {
	background-position: -92px 0;
}

.socialnav ul li a.googleplus {
	background-position: -136px 0;
}

.marker_information {
	background: #fff !important;
	position: absolute !important;
	right: 6px;
	text-align: center;
	top: 6px;
	width: auto !important;
}

.marker_information>a {
	font-size: 30px;
	height: 40px;
	line-height: 45px;
	width: 40px;
	display: block;
	background: #fff;
	box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.3)
}

.marker_information>a img {
	padding: 0 !important;
}

.markerinfo {
	position: absolute !important;
	right: 0;
}

.markerinfo ul {
	margin: 0;
	padding: 0 !important;
	border-radius: 0 !important;
	background: #ffffff none repeat scroll 0 0 !important;
	width: 420px !important;
	box-shadow: -3px 5px 8px rgba(47, 47, 47, 0.24);
}

.markerinfo ul li {
	display: block;
	list-style: none;
	text-align: left;
	color: #636363 !important;
	border-bottom: 1px solid #dadada !important;
	padding: 13px 20px 13px 60px !important;
	position: relative;
	font-family: "open_sansregular", Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.markerinfo ul li i {
	position: absolute;
	top: 19px;
	left: 20px;
}

.markerinfo ul li i img {
	cursor: default !important;
	margin: 0 !important;
	padding: 0 !important;
}

#splitterContainer { /*height: 660px;*/
	height: calc(100vh - 133px);
	width: 100%;
}

#rightPane {
	background: #f4f4f4 none repeat scroll 0 0;
	height: 100%;
	width: 100%;
}

#rightSplitterContainer {
	background: #ffffff none repeat scroll 0 0;
	border-top: 1px solid #9cbdff;
	width: 100%;
	overflow: hidden;
}

#rightTopPane {
	background: #ffffff none repeat scroll 0 0; /* overflow: hidden;*/
	position: relative;
	width: 100%;
}

#rightBottomPane {
	background: #ffffff none repeat scroll 0 0;
	overflow: hidden;
	width: 100%;
}

#rightTopPane .mapzoom {
	background: rgba(0, 0, 0, 0) url("../images/mapzoom.png") no-repeat
		scroll 50% 0;
	border: 0 none;
	bottom: 36px;
	cursor: pointer;
	display: none;
	height: 22px;
	margin-bottom: -18px;
	position: absolute;
	right: 10px;
	width: 22px;
	z-index: 500;
}

.mappage { /*padding: 80px 0 0;*/
	
}

.mapbuble {
	left: 50%;
	position: absolute;
	top: 25%;
}

.mapbuble a {
	display: block;
	padding: 10px;
}

.mapdatasection {
	background: #ffffff none repeat scroll 0 0;
	box-shadow: 0 -10px 20px rgba(0, 0, 0, 0.14);
	/*bottom: 53px; position: fixed; */
	width: 100%;
	font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
}

.mapcontent_inside { /*height:380px; */
	padding: 30px 20px 20px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative !important;
	bottom: auto !important;
	height: 100%;
	border-bottom: 1px solid #cccccc;
}

.splitbarH {
	background: #fff url("../images/sliderbar.png") no-repeat scroll 50% 0;
	border-bottom: 0 solid #9cbdff;
	border-top: 0 solid #9cbdff;
	font-size: 0;
	height: 21px;
	line-height: 0;
	padding-bottom: 0;
	position: relative;
	text-align: left;
}

table.currentdatalist {
	font-size: 16px;
	width: 100%;
	display: table;
}

table.currentdatalist th {
	background: #def1fe none repeat scroll 0 0;
	padding: 10px 15px;
	text-align: left;
	font-weight: normal;
}

table.currentdatalist td {
	border-bottom: 1px solid #f1f1f1;
	display: table-cell;
	width: 33.33%;
	padding: 10px 15px;
}

.spbold {
	font-family: 'open_sansbold';
}

.borderbox {
	border: solid 1px #f1f1f1;
	margin-bottom: 20px;
	min-height: 220px;
	position: relative;
}

.borderbox p {
	font-size: 16px;
	margin: 0;
	padding: 10px 20px 0px 20px;
}

.buttonoverlap { /*position:absolute; right:20px; bottom:20px;*/
	margin-right: 10px;
	margin-bottom: 10px;
	float: right;
}

table.responsvie-table {
	font-size: 16px;
	width: 100%;
	display: table;
}

table.responsvie-table th {
	background: #def1fe none repeat scroll 0 0;
	padding: 10px 15px;
}

table.responsvie-table td {
	border-bottom: 1px solid #f1f1f1;
	display: table-cell;
	width: 33.33%;
	padding: 10px 15px;
}

.liveimages_content {
	padding: 0 15px;
}

.mapcontent_inside .row {
	margin-left: -15px;
	margin-right: -15px;
}

.mapcontent_inside .col-md-6, .mapcontent_inside .col-md-7,
	.mapcontent_inside .col-md-5 {
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

.mapcontent_inside .col-md-6 {
	width: 50%;
}

.mapcontent_inside .col-md-7 {
	width: 58.3333%;
}

.mapcontent_inside .col-md-5 {
	width: 41.6667%;
}

.selectBar select {
	-moz-appearance: none;
	background: #ffffff url("../images/selectarrow.png") no-repeat scroll
		right center;
	padding-right: 25px;
	height: 35px;
	border: solid 1px #0070bb;
	border-radius: 0px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #000000;
	font-size: 14px;
	font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
	outline: medium none;
	padding: 6px 5px;
	width: 100%;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow
		ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out
		.15s;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.mapcontent_inside .liveimages {
	max-width: 33.33%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 5px;
	float: left
}

.mapcontent_inside .liveimages img {
	max-width: 100%;
	height: auto;
}

.pad0 {
	padding: 0;
}

.top-header {
	background: #8b8e90;
	padding: 3px 0px;
}

.top-header .loginblock {
	float: right
}

.dataonly {
	font-size: 18px;
	padding: 0px 15px 0px 0px;
	font-weight: bold;
	float: right;
	color: #fff;
}

/*============= Table Data CSS Start =============== */
.mapcontent_inside .tableData {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	background: #fff;
	margin-top: 20px;
}
#sensorListForm .tableData td{
	word-break: break-all;
}
#sensorListForm .tableData tr td:first-child{
	word-break: inherit;
}
.mapcontent_inside .tableData th, .tableData td {
	margin: 0;
	padding: 8px 10px;
	vertical-align: top;
	border: 1px solid #ebebeb;
	font-size: 13px
}

.mapcontent_inside .tableData th {
	text-align: left;
	background: #def1fe;
	font-family: 'open_sansbold';
	font-weight: normal;
	border: 1px solid #def1fe;
	border-right-color: #6fb0dc;
	color: #000;
}

.mapcontent_inside .tableData th:last-child {
	border-right-color: #def1fe;
}

.mapcontent_inside .tableData tr.active {
	background-color: #fff;
}

.mapcontent_inside .tableData tr {
	background: #fff none repeat scroll 0 0;
}

.gm-bundled-control-on-bottom {
	bottom: 130px !important;
}

.content_inner .correction-section {
	width: 100%;
	float: left;
	clear: both;
	padding-bottom: 0px;
}

.content_inner .correction-section a {
	margin-left: 0px;
}

ul.plots-button li {
	display: inline-block;
}

ul.plots-button li.showdata  label {
	margin: -3px 5px -4px 9px;
}

.datepicer-group {
	display: inline-block;
	float: left;
}

.src-place {
	display: inline-block;
	vertical-align: top;
}

.searchData {
	display: inline-block;
	margin-top: -4px;
	padding: 4px 10px;
	vertical-align: top;
}

.btn-button {
	height: 20px;
	width: 20px;
	border: 0;
	background: url("../images/search.png") no-repeat center;
	background-size: 17px 18px;
	display: inline-block;
	vertical-align: top;
}

.btn-button-close {
	height: 20px;
	width: 20px;
	border: 0;
	background: url("../images/close_search.png") no-repeat center;
	background-size: 17px 18px;
	display: inline-block;
	vertical-align: top;
}

.display-by {
	float: right;
	padding: 10px;
}

@media only screen and (max-width: 40em) { /*640*/
	.mapcontent_inside .tableData {
		display: block;
		position: relative;
		width: 100%;
		font-size: 14px;
	}
	.mapcontent_inside .tableData thead {
		display: block;
		float: left;
	}
	.mapcontent_inside .tableData tbody {
		display: block;
		width: auto;
		position: relative;
		overflow-x: auto;
		white-space: nowrap;
	}
	.mapcontent_inside .tableData thead tr {
		display: block;
	}
	.mapcontent_inside .tableData th {
		display: block;
		border-bottom-color: #6fb0dc;
		border-right: 0;
	}
	.mapcontent_inside .tableData tbody tr {
		display: table-cell;
		vertical-align: top;
	}
	.mapcontent_inside .tableData td {
		border-left: 0;
		border-right: 0;
		display: block;
	}
	.mapcontent_inside .tableData tbody tr {
		border-right: 1px solid #ebebeb;
	}
}

/*============= Table Data CSS End =============== */

/*============= Common CSs End =============== */
.graphType {
	margin-left: 10px;
}

/* #Media Queries
================================================== */
/* Smaller than standard 1024 (devices and browsers) */
@media only screen and (max-width: 1100px) {
	.container {
		padding: 0px 20px;
	}
	.dcpcCommandWrap .stationForm .formRow label {
		word-break: break-all;
	}
	.logo {
		left: 20px;
	}
	nav#nav-mobile2 {
		right: 20px;
	}
	.marker_information {
		right: 25px;
	}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 960px) and (max-width: 1024px) {
	.realtime_title {
		font-size: 13px;
	}
	.logo img {
		max-width: 100%;
		height: auto;
	}
	.mapbox iframe {
		height: 500px;
	}

	/* ==========  NEW LAYOUT CSS START =========*/
	.container {
		padding: 0 15px;
	}
	.logo {
		left: 15px;
	}
	nav#nav-mobile2 {
		right: 15px;
	}
	.footerinside {
		padding: 0 15px;
	}
	.splitbarH {
		display: none !important;
	}
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
	.header_right {
		clear: both;
		width: 100%;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.real_timedeta {
		float: right;
	}
	.panel_wrap {
		width: 33.33333%;
	}
	.stationInfoWrap {
		padding: 15px 15px 0px 15px;
	}
	.stationInfoWrap .stationInfoImages {
		bottom: 0;
		top: auto;
		width: 95%;
	}
	.stationInfoWrap .stationInfoImages .stationInfoImagesWrap {
		width: 98%;
	}
	.stationInfoWrap .stationInfoImages {
		position: relative;
		margin-top: 15px;
		padding-left: 15px;
	}
	.plotSortBy .flLeft {
		width: 100%;
	}
	.clientfram {
		width: 25%
	}
	.client-logo {
		top: 0;
	}

	/* ==========  NEW LAYOUT CSS START =========*/
	.menumain {
		border: medium none;
		margin-right: 0;
	}
	nav#nav-mobile2 {
		right: 0;
		top: 80px;
	}
	.welcomeuser {
		border-left: medium none;
	}
	.graph_section {
		margin-top: 20px;
	}
	.graph_section img {
		max-width: 100%;
	}
	/*.marker_information { top: 132px;}*/
	.splitbarH {
		display: none !important;
	}

	/*#splitterContainer { height: calc(100vh - 185px);}*/
	.mapcontent_inside .col-md-7 {
		width: 100%;
	}
	.mapcontent_inside .col-md-5 {
		width: 100%;
	}
	.mapcontent_inside .col-md-6 {
		width: 100%;
	}
	.footerinside {
		padding: 0 15px;
	}
	ul.plots-button li.showdata {
		width: 100%;
		display: block;
		padding-top: 10px;
	}
	ul.plots-button li.showdata label {
		margin-left: 0px;
	}
	.dataorder {
		position: static;
	}
}

@media only screen and (max-width:860px) {
	.topnav {
		float: left;
		width: 100%;
		background: #005da8
	}
	.topnav ul {
		text-align: center;
	}
	.topnav ul li a {
		padding: 14px 15px;
	}
	.topnav ul li a::after {
		top: 16px;
		height: 16px;
	}
	.topnav ul li a {
		font-size: 14px;
	}
	.topnav ul {
		padding-right: 0px;
	}
	#nav-trigger2 span {
		padding: 22px 0 8px 0
	}
	.navbar-fixed-top .container {
		padding-right: 0px;
		padding-left: 0px;
	}
	.panelFooter ul li {
		margin-top: 5px;
		margin-right: 5px;
	}
	nav#nav-mobile2 {
		top: 58px;
	}
	ul.plots-button {
		width: 100%;
		float: left;
	}
	ul.plots-button li {
		padding-top: 10px;
	}
	ul.plots-button li.showdata {
		width: auto;
		display: inline;
	}
	ul.plots-button li.showdata label {
		margin-left: 10px;
	}
	.mapcontent_inside .tableData th, .tableData td {
		padding: 8px 5px;
	}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.footerlink a {
		margin-left: 2px;
		margin-right: 2px;
	}
	.footerlink {
		font-size: 13px;
	}
	.stationImage img {
		width: 100%;
	}
	.plotSortBy .flRight {
		margin-bottom: 10px;
	}
	.plotSortBy .datapoints {
		float: left;
		margin: 5px 10px 0 0;
	}
	.liveImagesWrap {
		width: 100%;
	}
	.cntc-left {
		float: left;
		width: 45%;
	}
	.cntc-right {
		float: right;
		width: 55%;
	}
	.contact_box {
		top: 133px
	}
	.custom_header .header_right {
		width: 100%;
	}
	.custom_header nav#nav-main ul {
		display: table;
		width: 100%;
	}
	.custom_header nav#nav-main ul li {
		display: table-cell;
		float: none;
	}
}

@media only screen and (max-width: 820px) {
	.panelContent .left {
		width: 32%;
	}
	.panelContent .right {
		width: 63%;
		box-sizing: border-box;
		padding-right: 0px;
	}
	.panelContent .left .panel_wrap {
		padding: 0px;
	}
	.panel_img img {
		height: auto;
		max-height: 100px;
		min-height: 100px;
		width: auto;
	}
}

@media only screen and (max-width: 768px) {
	.lasttab {
		border-radius: 0px 0px 5px 5px;
	}
	.plotSortBy .flLeft {
		width: 100%;
	}
	.plotSortBy .datapoints {
		margin-right: 10px;
		float: left;
	}
	.plotSortBy .flRight {
		margin-bottom: 10px;
	}
	.liveImagesWrap {
		width: 100%;
	}
	#nav-main li:hover .contact_box {
		display: none;
	}
	.weatherinfo {
		text-align: center;
		width: 100%;
	}
	.logo {
		top: 0px;
		padding: 5px 10px 5px;
	}
	.logo img {
		width: 165px;
		height: auto;
	}
	.navbar-fixed-top .container {
		padding-left: 0px;
		padding-right: 0px;
	}
	.datepicer-group {
		padding-top: 10px;
		width: 100%;
	}
	.timeRangeFilter .rowDiv {
		padding-left: 10px;
		padding-right: 10px;
	}
	.timeRangeFilter .haRow {
		padding-left: 10px;
		padding-right: 10px;
	}
	/* ==========  NEW LAYOUT CSS START =========*/

	/*.mapcontent_inside ul.resp-tabs-list{display:block}
.mapcontent_inside h2.resp-accordion{display:none}
.mapcontent_inside .resp-tabs-list li {  padding: 16px 35px 22px;}
.mapcontent_inside .resp-accordion-closed { display: block !important;}*/
	.dataonly {
		padding-right: 0;
	}
	.langSupport {
		margin: 3px 5px 0;
	}
}

/* All Mobile Sizes (devices and browser) */
@media ( max-width : 767px) {
	.logo {
		top: 0px;
		padding: 3px 10px 4px 10px;
		margin-left: 0px;
	}
	ul.resp-tabs-list {
		display: none
	}
	h2.resp-accordion {
		display: block
	}
	.topnav ul li a {
		font-family: "open_sansregular", Arial, Helvetica, sans-serif
	}
	.container {
		padding: 0px 15px;
	}
	.copyright {
		width: 100%;
		text-align: center;
		padding-bottom: 15px;
	}
	.footer .colom1, .footer .colom2, .footer .colom3 {
		width: 100%;
		text-align: center;
	}
	.newsletter_section {
		float: none;
		margin: auto;
	}
	.newsletter_title, .followus {
		color: #fff;
		margin-top: 20px;
	}
	.email_textbox {
		margin-top: 2px;
	}
	.footer div.container {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.mobile_connected {
		display: block;
		float: left;
		margin: 2px 0px 0px 0px;
	}
	.mobile_connected li {
		float: left;
		padding-right: 8px;
	}
	.mobile_connected li a {
		float: left;
		font-size: 0px;
		background: url(../images/connect_icon.png) no-repeat 0px 0px;
		width: 20px;
		height: 20px;
	}
	.mobile_connected li a.networkicon1 {
		background-position: 0px 0px;
	}
	.mobile_connected li a.networkicon2 {
		background-position: -26px 0px;
	}
	.mobile_connected li a.networkicon3 {
		background-position: -53px 0px;
	}
	.mobile_connected li a.networkicon4 {
		background-position: -73px 0px;
	}
	.mobile_connected li a.networkicon5 {
		background-position: -99px 0px;
	}
	.custom_header .mobile_connected {
		display: none;
	}
	.panel_wrap {
		width: 50%;
	}
	.time_series_button li {
		margin: 5px;
	}
	.dcpcCommandWrap .head {
		text-align: center;
	}
	.dcpcCommandWrap .head h1, .dcpcCommandWrap .head span {
		float: none;
	}
	.liveImagesWrap {
		width: 100%;
	}
	.plotSortBy h3 {
		width: 100%;
		margin-bottom: 10px;
	}
	.plotSortBy .flLeft .plotChoice h3 {
		width: auto;
	}
	.valueLimits .valueLimits table input {
		width: 35px;
	}
	.custom_header .header_right {
		width: 100%;
	}
	.custom_header nav#nav-main ul {
		display: table;
		width: 100%;
	}
	.custom_header nav#nav-main ul li {
		display: table-cell;
		float: none;
	}
	.currentData .currentDataInfo li p {
		width: 100%;
		display: block;
		float: none;
		margin-bottom: 10px;
	}
	.currentData .currentDataInfo li span {
		width: 100%;
		display: block;
		float: none;
		margin-bottom: 10px;
	}
	.currentData .currentDataInfo li label {
		width: 100%;
		display: block;
		float: none;
		margin-bottom: 10px;
	}
	.resp-accordion-closed {
		display: none !important
	}
	.resp-tab-content {
		min-height: inherit;
		border-radius: 0;
		height: 200px;
		border-top: 0px;
	}
	.client-logo {
		padding: 0px 0 0 52px;
		top: 9px;
	}
	.search-by {
		display: block !important;
		margin-top: 10px;
	}
	.sortByStation form {
		border: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		display: block !important;
	}
	.src-place {
		padding-top: 10px;
	}

	/* ==========  NEW LAYOUT CSS START =========*/
	header .container {
		padding: 0;
	}
	.logo {
		width: 150px;
		left: 0;
	}
	.logo img {
		height: auto;
		max-width: 100%;
	}
	.menumain .navbar-toggle {
		padding: 12px 15px;
	}
	#nav-trigger2 span {
		width: 53px;
		background-size: 50% auto !important;
	}
	.welcomeuser {
		height: auto;
		margin: 0;
		width: auto;
	}
	.topnavmain {
		top: 66px;
		height: calc(100vh - 66px);
	}
	nav#nav-mobile2 {
		top: 66px;
	}
	.menumain .navbar-toggle {
		padding: 12px 10px;
	}
	.menumain .navbar-toggle .icon-bar {
		width: 28px;
	}
	footer.footer .leftpart {
		width: auto;
	}
	footer.footer .brandlogo img {
		margin: 0 0 0 15px;
	}

	/*============= Map Page CSS Start =============== */
	#horizontalTab {
		padding-top: 0;
	}

	/*.mapcontent_inside ul.resp-tabs-list{display:none}
.mapcontent_inside h2.resp-accordion{display:block;}
.mapcontent_inside .resp-accordion-closed { display: none !important;}*/
	#rightBottomPane { /*height:auto !important;*/
		overflow: auto;
	}
	.mapcontent_inside {
		height: auto;
		min-height: 100%;
	}
	.mapdatasection { /*top: 50%; */
		bottom: 0;
		position: relative;
	}
	.mapcontent_inside { /*height: 100%;*/
		height: auto;
		padding: 0;
	}
	.responsive-tabs__panel {
		border-left: medium none;
		border-top: medium none;
		border-right: medium none;
		padding: 0;
		overflow: hidden;
	}
	table.currentdatalist {
		font-size: 13px;
	}
	table.currentdatalist td {
		padding: 10px;
	}
	.borderbox p {
		font-size: 13px;
		padding: 10px 10px 0;
	}
	.mapbuble {
		top: 45%;
	}
	.liveimages_content {
		padding: 10px 35px;
	}
	/*.marker_information { top: 112px; right:10px;}*/
	.markerinfo ul {
		width: 300px !important;
		font-size: 14px;
		left: auto !important;
	}
	.markerinfo ul li {
		font-size: 14px;
	}

	/*.mapcontent_inside h2.resp-accordion { background:none !important; border-bottom: 1px solid #f2f2f2; color: #4eaae8; font-size: 15px; font-weight: bold; padding: 8px 10px !important;  position: relative; border-radius:0; border-left:0; border-right:0;}
h2.resp-accordion:first-child { border-radius: 0; border-top: none !important;}
.mapcontent_inside .tableData th, .tableData td { font-size: 14px;}*/
	.graph_content {
		overflow: hidden;
	}
	#nav-trigger2 span {
		width: 60px;
		background-size: 43% auto !important;
	}
	.panelContent .right .sortby p {
		padding-bottom: 5px;
	}
	.panelContent .right .displayVelues h3 {
		min-height: 28px;
	}
	.panelContent .right .sortby h3 {
		min-height: 28px;
	}
	.panelContent .right .displayVelues p {
		padding-bottom: 5px;
	}
	.plotSortBy .flRight {
		width: 100%;
	}
	.plotSortBy .flLeft .plotChoice h3 {
		width: 100%
	}
	.clientfram {
		width: 35%;
		padding: 12px 10px;
	}
	.brandlogo a img {
		max-width: 100%;
		height: auto;
	}
	footer.footer .brandlogo {
		top: 0px;
		padding-right: 10px;
	}
	footer.footer .brandlogo img {
		margin: 0px;
	}
	.grapSelect .changeScaleBTn {
		width: 100%;
		clear: both;
	}
	.grapSelect .changeScaleBTn .button_new {
		padding-left: 0px;
		padding-top: 15px !important;
	}
	.sortByStation {
		width: 100%;
		box-sizing: border-box;
	}
}

@media only screen and (max-width: 640px) {
	.real_timedeta {
		display: none;
	}
	.custom_header .real_timedeta {
		display: block;
		text-align: center;
		width: 100%;
	}
	.logoWrap {
		float: none;
	}
	/*.logo{width:100%; text-align:center; margin-top:10px; }
.logo img{max-width:100%; }*/
	.welcomuser_mobile {
		display: none;
	}
	/*.resp-tab-content{height:160px; } */
	/**/
	.veluesTree {
		width: 220px;
	}
	.panelContent .left .valueFormat p {
		margin-bottom: 5px;
	}
	.criteriaTree li li li {
		width: 45%;
	}
	.timeRangeFilter .haRow .rowDivLable {
		width: 100%;
		margin-bottom: 10px;
	}
	.plotSortBy .plotSortByAction {
		margin-bottom: 10px;
	}
	.SiteinfoForm_1 .formRowWrap .formRow {
		padding: 25px 0 0 0;
	}
	.row .col-12 {
		width: 58%;
	}
	.row .col-10 {
		width: 40%;
	}
	.SiteinfoForm_1 .formRowWrap .formRow .inputfild .input {
		width: 95%;
	}
	.SiteinfoForm_1 .formRowWrap .formRow .inputfild .select {
		width: 95%;
	}
	.SiteinfoForm_1 .formRowWrap .formRow .inputfild textarea {
		width: 95%;
	}
	.stationImage img {
		width: 100%;
	}
	#waterLevel {
		width: 560px !important;
	}
	.button_new {
		padding: 0 !important;
	}
	.grapTabWrap {
		width: 100%;
	}
	.liveImagesWrap {
		width: 100%;
	}
	.contactus-main .col-2 {
		float: none;
		width: 98%;
		margin-left: 0;
	}
	.alarmsWrap .haRow .rowDivLable {
		width: 150px;
	}
	.alarmsWrap .haRow .datePicer {
		float: none;
		width: 95%;
	}
	.alarmsWrap .haRow .datePicer input {
		width: 29%;
	}
	.alarmsWrap img {
		margin-right: 5px;
	}
	#myMapContainer {
		width: 100%;
		height: 500px;
	}
	.header_bottom {
		padding-top: 0px;
	}
	#alarmGroupTableBody tr.alarmtd td:first-child {
		padding-top: 5px;
		padding-bottom: 5px;
	}

	/*******************/
	.tableData thead {
		border-bottom: 1px solid #a9b5c7
	}
	.tableData tbody tr {
		border-bottom: 1px solid #a9b5c7
	}
	/*******************/
	.tableData td.checkbox-row {
		padding: 7px 10px;
	}
	.fulltable td {
		border-left: 1px solid #a9b5c7 !important
	}

	/*============= Map Page CSS Start =============== */
	table.currentdatalist tr {
		border-bottom: 1px solid #f1f1f1;
	}
	table.currentdatalist td {
		border: medium none;
		display: block;
		padding: 2px 15px;
		width: 100%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	table.currentdatalist .small-btn {
		margin-bottom: 10px;
	}
	.mapcontent_inside .liveimages {
		width: 100%;
		text-align: center;
		max-width: inherit;
	}
	.panelContent .left {
		width: 100%;
	}
	.panelContent .right {
		width: 100%;
		clear: both;
		margin-top: 25px;
		padding-left: 0px;
	}
	footer.footer .leftpart {
		width: 100%;
		text-align: center;
		clear: both;
		float: left;
	}
	footer.footer .brandlogo {
		width: 100%;
		text-align: center;
		clear: both;
		float: left;
		padding-top: 15px;
		padding-right: 0px;
	}
	footer.footer .socialnav {
		width: 100%;
		text-align: center;
		clear: both;
		float: left;
		padding-top: 10px;
	}
	#alarmTableData table.tableData tr td {
		padding-top: 12px;
		padding-bottom: 12px;
	}
	.stationListWrap table.tableData tr td {
		padding-top: 12px;
		padding-bottom: 12px;
	}
	.content_inner  table.tableData tr td {
		padding-top: 12px;
		padding-bottom: 12px;
	}
}

/******************************************************************/
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.timeSeriesDetailTable tr {
		font-size: 12px;
		height: 25px;
		position: relative;
	}
	.timeSeriesDetailTable th { /* position:absolute; */
		top: 0;
		left: 0;
	}
	.timeSeriesDetailTable td { /* position:absolute; */
		top: 0;
		left: 50%;
	}
	#waterLevel {
		width: 460px !important;
	}
	.liveImagesWrap {
		width: 100%;
	}
	.blue_treeview ul.dynatree-container li ul ul li {
		float: none !important;
		width: 100% !important;
	}
	.timeRangeFilter .haRow .datePicer label {
		float: none;
	}
	.timeRangeFilter .haRow .datePicer {
		float: none;
		width: 100%;
		display: inline-block;
	}
}

/**************************************************************/
@media only screen and (max-width: 600px) {
	.timeRangeFilter .action li {
		margin: 0 1px 15px;
	}
	.welcomuser_mobile {
		width: auto;
	}
	.langSupport {
		position: absolute;
		left: 0px;
		top: 1px;
	}
	.langSupport b {
		color: #000;
	}
	.welcomuser1 {
		margin-right: 5px;
		margin-top: 2px;
	}
	.mapcontent_inside .tableData th, .mapcontent_inside .tableData td {
		padding: 10px 10px 15px;
	}
	.userIngoWrap .formRow .inputField input {
		width: 95%;
	}
	.topnav ul li a {
		padding: 14px 10px
	}
	.plotSortBy .flLeft .plotChoice h3 {
		width: 100%;
	}
	#shadedAreaBlock {
		margin-top: 10px;
	}
	.clientfram {
		padding: 15px;
		position: relative;
		top: 0;
		width: 100%;
		height: auto;
		box-sizing: border-box;
	}
	.first-logo {
		position: relative;
		margin: auto;
		float: none;
		display: table;
		top: 0px;
	}
	.first-logo-custom {
		position: relative;
		margin: auto;
		float: none;
		display: table;
		top: 0px;
	}
	.client-logo {
		width: 100%;
		padding: 10px 0px 0px 0px;
		text-align: center;
	}
	.first-logo img {
		left: 0px;
	}
	.first-logo-custom img {
		left: 0px;
	}
	.dataonly {
		width: 100%;
		text-align: right;
		padding: 5px 10px;
		font-size: 16px;
	}
	.header_top .moblieview {
		padding-top: 0px;
	}
	nav#nav-mobile2.clientside-nav {
		top: 263px;
	}
	.client-logo {
		top: 0;
	}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 480px) {
	.container {
		padding: 0px 10px;
	}
	.submenu ul li a {
		width: 40px;
	}
	.mapbox iframe {
		height: 300px;
	}
	.mobile_connected li {
		padding-right: 3px;
	}
	.newsletter_btn {
		clear: both;
		margin: auto;
		margin-top: 10px;
		display: block;
	}
	.panel_wrap {
		width: 100%;
		padding: 5px;
	}
	.criteriaTree li li li {
		width: 44%;
	}
	.timeRangeFilter .haRow .datePicer label {
		float: none;
		text-align: center;
	}
	.plotSortBy h3 {
		margin-bottom: 10px;
	}
	.row .col-12 {
		width: 100%;
	}
	.row .col-10 {
		width: 100%;
		margin-top: 15px;
	}
	.SiteinfoForm_1 .formRowWrap .formRow {
		padding: 25px 0 0 0;
	}
	.timeSeriesDetailTable tr {
		position: relative;
		height: 25px;
	}
	.timeSeriesDetailTable th { /* position:absolute; */
		top: 0;
		left: 0;
	}
	.timeSeriesDetailTable td { /* position:absolute; */
		top: 0;
		left: 50%;
	}
	.seasonSelectDate .formRowWrap {
		width: 50%;
		margin: 0 0 10px 0;
	}
	.ts_graph_summary li {
		width: 50%;
	}
	.alarmsWrap .action {
		margin: 10px 19px 0 0;
		float: right;
	}
	.alarmsWrap .haRow .datePicer {
		margin: 10px 0 0 0;
	}
	.alarmsWrap .haRow .datePicer input {
		width: 170px;
	}
	.alarmsWrap .action {
		margin: 0 0 0 0;
	}
	#waterLevel {
		width: 360px !important;
	}
	.plotSortBy .plotChoice, .plotSortBy .plotStyle {
		padding: 15px 0 0 0;
	}
	.liveImagesWrap .liveImages img {
		width: 190px;
	}
	.timeRangeFilter .haRow .rowDivLable {
		width: auto !important;
	}
	.timeRangeFilter .haRow .datePicer label {
		text-align: left;
	}
	.timeRangeFilter .haRow .actiondatePicer {
		margin: 15px 0 0 41px;
		clear: both;
	}
	.cntc-left {
		float: none;
		text-align: center;
		width: 100%;
	}
	.cntc-right {
		float: none;
		text-align: center;
		width: 100%;
	}
	.cntc-right img {
		float: none;
	}
	.blue_treeview ul.dynatree-container li ul ul li {
		float: none !important;
		width: 100% !important;
	}
	.alarmsWrap .haRow .datePicer {
		display: inline-block;
		overflow: hidden;
	}
	.alarmsWrap .haRow .datePicer label {
		width: 14%;
	}
	.alarmsWrap .haRow .datePicer input {
		width: 63%;
	}
	.timeSeries .sortByStation {
		float: left;
	}
	.timeSeries .sortByStation p {
		float: none;
		overflow: hidden;
		padding-bottom: 15px;
		display: inline-block;
		vertical-align: top;
	}
	.contactInfo td {
		height: 30px;
		width: 100%;
	}
	.row .margin-l2 {
		margin-left: 0px;
	}
	.row .col-2 {
		-moz-border-bottom-colors: none;
		-moz-border-left-colors: none;
		-moz-border-right-colors: none;
		-moz-border-top-colors: none;
		border-color: -moz-use-text-color -moz-use-text-color #ccc;
		border-image: none;
		border-style: none none solid;
		border-width: medium medium 1px;
		float: none;
		margin-bottom: 15px;
		padding-bottom: 15px;
		width: 100%;
	}
	.timeSeriesDetailTable {
		border: medium none !important;
	}
	.imagesSelectOption .selectTimeBar .dateSelect {
		width: auto;
		margin-bottom: 3px;
	}
	.imagesSelectOption .selectTimeBar .dateSelect #dateNumber {
		width: 50px;
	}
	.imagesSelectOption .selectTimeBar .dateSelect #duration {
		width: 82px;
	}
	.stationInfoWrap .stationInfoImages {
		position: relative;
		margin-top: 15px;
		padding-left: 15px;
	}
	.custom_header nav#nav-main li:first-child a {
		padding-left: inherit;
	}
	.custom_header nav#nav-main li a {
		padding: 10px 0px 9px;
		font-size: 11px;
	}
	.footerlink a {
		margin: 0 2px
	}
	.topnav ul li a::after {
		top: 17px;
	}
	.panelContent {
		padding-right: 5px;
		padding-left: 5px;
	}
	nav#nav-mobile2.clientside-nav {
		top: 250px;
	}
	.dataonly {
		padding-top: 0;
	}
}

@media only screen and (max-width: 479px) {
	/*============= Map Page CSS Start =============== */
	.welcomeuser {
		padding: 0 8px;
	}
	.welcomeuser span {
		font-size: 12px;
	}
	.welcomeuser i.fa {
		font-size: 28px;
		margin: 6px 4px 0 0;
	}
	.topnav ul li a {
		font-size: 14px;
	}
	.header_top .moblieview {
		float: left;
		padding: 6px 0 0;
		text-align: right;
		width: 100%;
	}
	.welcomuser {
		margin-right: 0px;
	}
	.langSupport {
		margin-left: 0px;
	}
	.veluesTree {
		width: 98%;
	}
	.header_top {
		padding: 0px 5px
	}
	.haRow #DivPredefined {
		float: left;
		width: 100%;
		clear: both;
		padding-top: 10px;
	}
	.userIngoWrap .formRow .inputField textarea {
		width: 97%;
		box-sizing: border-box;
	}
	.grapTabWrap .grapSelect .selectBar select {
		width: 100%;
	}
	.grapTabWrap .grapSelect .selectBar input.button {
		float: left;
		margin-top: 8px;
	}
	.grapSelect .changeScaleBTn .button_new input.button {
		display: block;
		margin-left: 0px;
		margin-top: 10px;
		clear: both;
	}
}

@media only screen and (max-width: 360px) {
	.panelContent .right .uploadImage, .panelContent .right .veluesTextarea
		{
		padding: 35px 0 0 0;
	}
	.panelContent .right .carousel_container {
		margin: 0;
	}
	.panelContent .right .wigectTitle {
		padding: 30px 0 0 0;
	}
	.criteriaTree li li li {
		width: 85%;
	}
	.timeRangeFilter .rowDiv .rowDivLable {
		margin-bottom: 10px;
	}
	.plotSortBy li {
		margin-bottom: 10px;
	}
	.timeSeriesDetailTable tr {
		position: relative;
		height: 40px;
	}
	.timeSeriesDetailTable th { /* position:absolute; */
		top: 0;
		left: 0;
	}
	.timeSeriesDetailTable td { /* position:absolute;  */
		top: 20px;
		left: 0;
	}
	.seasonSelectDate .formRowWrap {
		width: 100%;
		margin: 0 0 10px 0;
	}
	.correcSelectDate .formRowWrap .datefild label {
		width: 40px;
	}
	.correcSelectDate .formRowWrap {
		margin-bottom: 10px;
	}
	.ts_graph_summary li {
		width: 100%;
	}
	.time_series_button li {
		float: left;
		width: 41%;
		margin: 5px;
	}
	.time_series_button li input {
		width: 100%;
	}
	.panelFooter li {
		margin: 5px;
	}
	#waterLevel {
		width: 260px !important;
	}
	.contactInfo {
		
	}
	.contactInfo tr {
		position: relative;
		height: 60px;
		display: block;
	}
	.contactInfo th {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}
	.contactInfo td {
		position: absolute;
		top: 20px;
		left: 0;
		width: 100%;
	}
	.plotSortBy .plotChoice, .plotSortBy .plotStyle {
		padding: 25px 0 0 0;
	}
	.dcpcCommandWrap .commandParameters .formRow {
		width: 100%;
		float: none;
		margin-bottom: 10px;
	}
	.addSeasonsBox .formRow {
		padding: 25px 0 10px 0;
	}
	.userIngoWrap .formRow {
		padding: 25px 0 10px 0;
	}
	.userIngoWrap ul.navigationList li {
		width: 100%;
	}

	/*============= Map Page CSS Start =============== */
	.topnav ul li a {
		font-size: 12px;
	}
	.languagesSupport form {
		height: 26px;
	}
	.welcomeuser {
		width: 116px;
		padding: 0;
	}
	nav#nav-mobile2.clientside-nav {
		top: 235px;
	}
	.userIngoWrap .formRow label {
		max-width: inherit;
	}
}

@media only screen and (max-height: 479px) {
	#rightTopPane {
		min-height: 200px;
	}
	#map {
		min-height: 200px;
	}
	#splitterContainer {
		height: auto;
	}
}

@media only screen and (max-width: 350px) {
	.topnav ul li a {
		font-size: 11px;
	}
	.topnav ul li a::after {
		top: 15px;
		left: -2px;
	}
	a.button, .button {
		font-size: 12px;
	}
}

/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */
@font-face {
	font-family: 'proxima_bold';
	src: url('../fonts/proximanova-bold-webfont.eot');
	src: url('../fonts/proximanova-bold-webfont.eot?#iefix')
		format('embedded-opentype'),
		url('../fonts/proximanova-bold-webfont.woff') format('woff'),
		url('../fonts/proximanova-bold-webfont.ttf') format('truetype'),
		url('../fonts/proximanova-bold-webfont.svg#proxima_bold')
		format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'proxima';
	src: url('../fonts/proximanova-regular-webfont.eot');
	src: url('../fonts/proximanova-regular-webfont.eot?#iefix')
		format('embedded-opentype'),
		url('../fonts/proximanova-regular-webfont.woff') format('woff'),
		url('../fonts/proximanova-regular-webfont.ttf') format('truetype'),
		url('../fonts/proximanova-regular-webfont.svg#proxima') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ProximaNovaLight';
	src: url('../fonts/proximanova-light.eot');
	src: url('../fonts/proximanova-light.eot') format('embedded-opentype'),
		url('../fonts/proximanova-light.woff') format('woff'),
		url('../fonts/proximanova-light.ttf') format('truetype'),
		url('../fonts/proximanova-light.svg#ProximaNovaLight') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'open_sansregular';
	src: url('../fonts/opensans-regular-webfont.eot');
	src: url('../fonts/opensans-regular-webfont.eot?#iefix')
		format('embedded-opentype'),
		url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
		url('../fonts/opensans-regular-webfont.woff') format('woff'),
		url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
		url('../fonts/opensans-regular-webfont.svg#open_sansregular')
		format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'open_sansbold';
	src: url('../fonts/opensans-bold-webfont.eot');
	src: url('../fonts/opensans-bold-webfont.eot?#iefix')
		format('embedded-opentype'),
		url('../fonts/opensans-bold-webfont.woff2') format('woff2'),
		url('../fonts/opensans-bold-webfont.woff') format('woff'),
		url('../fonts/opensans-bold-webfont.ttf') format('truetype'),
		url('../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
	font-weight: normal;
	font-style: normal;
}

.sensor-data-table .ui-state-default {
	background: none;
	border: 0
}

.sensor-data-table .ui-state-default td {
	font-size: 13px;
	margin: 0;
	padding: 6px 10px;
	vertical-align: top;
	width: 33.3%;
	border: 1px solid #ebebeb;
	background: #f6fafd;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.25em;
	word-break: break-all;
}

.sensor-data-heading tr {
	background: #0070bb
}

.sensor-data-heading th {
	font-size: 14px;
	margin: 0;
	padding: 8px 10px 10px;
	vertical-align: top;
	width: 33.3%;
	border: 1px solid #ebebeb;
	color: #fff;
	font-weight: normal;
}

#searchBy, #sortByStationSensor {
	border: 1px solid #ddd;
	padding: 3px;
	width: 150px;
	margin-top: -4px;
}

.search-by {
	display: inline-block;;
	vertical-align: top;
}

.sortByStation form {
	border-left: 2px solid #ddd;
	display: inline-block;
	margin-left: 10px;
	padding: 0 10px;
	vertical-align: top;
}

.fileUpload {
	position: relative;
	overflow: hidden;
	margin: 10px;
}

.fileUpload input.upload {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity = 0);
}

.fileUpload span {
	background-color: #0070bb;
	color: #fff;
	padding: 8px 12px;
	display: inline-block;
	border-radius: 3px;
	cursor: pointer;
}

.customForDynatree {
	opacity: 0.4 !important;
}


.fillInData{ margin: 0; display: inline-block; vertical-align: top;}
.fillInData .fileUpload{ margin: 0}
.fillInData .fileUpload span{ font-size: 13px; padding: 5px 15px; display: block; font-weight: 700}

.disabledAnchor {
	pointer-events: none;
	cursor: default;
	text-decoration: none;
	color: #C0C0C0;
}

.addStationWarning {
	border: red solid 1px;
	padding: 10px;
	min-height: 40px;
}

/* Date Validation in DataReports page for Datepicker. Used in Data Reports*/
.ToInvalid {
	color: red;
}

.FromInvalid {
	color: red;
}

/* Data Reports Button Styling */
.data-reports:disabled {
	pointer-events: none;
	cursor: default;
	text-decoration: none;
	background: #F5F5F5;
    color: #C3C3C3;
    opecity: 0.5;
   /*  text-decoration: none;
	color: #C0C0C0; */
}

/* Data Reports Tab Styling */
.resp-tabs-list li.disable {
	pointer-events: none;
	cursor: default;
	text-decoration: none;
	color: #C0C0C0;
}
/*Panel station/sensor Label font style*/
.panel-Image-lable{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}
/*Account Setting warning message*/
.warningCss {
	margin-left: 10px;
	margin-top: 5px;
	display: inline-block;
	vertical-align: top;
}

/* Forgot Password Page Styling */
.forgotPassword {
	width: 40%;
	margin: 0 auto;
}

.forgotPassword label {
	text-align: right;
	padding-right: 20px;
	display: inline-block;
	min-width: 110px;
	margin-top: 10px;
}

.forgotPassword input {
	display: inline-block;
	width: 150px;
	text-align: left;
	padding: 4px 7px;
	margin: 0px;
}

.forgotPassword .submitButton {
	width: 40%;
	padding-left: 10rem;
	margin-top: 10px;
}

@media only screen and (max-width: 320px) {
	.forgotPassword .submitButton {
		padding-left: 0rem;
	}
	.forgotPassword input {
		width: 100px;
	}
	.forgotPassword label {
		text-align: left;
	}
}

@media only screen and (min-width:321px) and (max-width: 768px) {
	.forgotPassword .submitButton {
		padding-left: 4rem;
	}
}

/* Styling changes for error messages */
#errorMessage1 {
	margin: 5px 0px 15px 0px;
	display: inline-block;
}

.userIngoWrap .protocol, .userIngoWrap .authentication {
	display: none;
}

textarea.errorList {
	font-family: monospace;
	font-size: 15px;
	color: red;
	width: 650px;
	height: 100px;
	padding: 5px;
}

#validationMsg {
	color: red;
	padding-top: 5px;
}

#stationListerror {
	padding-bottom: 10px;
}

.rowflex {
	display: flex
}

.admin-label {
	order: 2;
	margin-left: 160px;
}

.admin-label-edit {
	order: 2;
	margin-left: 54px;
}

.languagesList-label {
	order: 2;
	margin-left: 160px;
}

.dashboardMainContent {
	max-width: 100%
}

@media ( max-width :991px) {
	.rowflex {
		display: block;
	}
	.admin-label {
		margin-left: 0px;
	}
	.languagesList-label {
		margin-left: 0px;
	}
}
.tool_tip {
	z-index: 10;
	display: none;
	padding: 15px 10px 10px 10px;
	left:50%;
	margin-left:-195px;
	top:40%;
	width: 390px;
	position: fixed;
	color: #111;
	border: 1px solid #fa8605;
	background: white;
	FONT-SIZE: 12px;
	box-sizing:border-box;
}
.tool_tip .passwordHeader{
	color: black;
	background-color: #0070bb;
	padding:10px 12px;
	border-radius: 4px 4px 0 0;
	color: white;
	display: block;
	margin-bottom: 10px;
	position: relative;
	box-sizing: border-box;
}
.closeBtn{
	color: black;
	margin-left: 33px;
	cursor: pointer;
	position: absolute;
	right:10px;
	top:10px;
}

/* Pagination buttons UI */
.controls a{
    padding:3px;
    border:1px solid gray;
    margin:2px;
    color:black;
    text-decoration:none
}
.light-theme .link{
    float: left;
    color: #666;
    font-size: 10px;
    line-height: 24px;
    font-weight: bold;
    text-align: center;
    border: 1px solid #BBB;
    min-width: 14px;
    padding: 0 7px;
    margin: 0 5px 0 0;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    background: #efefef;
    background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef));
    background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%);
    background: linear-gradient(top, #ffffff 0%,#efefef 100%);
}
.light-theme .activePage{
    color:white !important;
    background: #7cb9e5;
    background: -webkit-linear-gradient(top,#7cb9e5 0%,#57a1d8 100%);
}

.simple-pagination li {
    list-style: none;
    padding: 0;
    margin: 0;
    float: left;
}

li {
    display: list-item;
    text-align: -webkit-match-parent;
}
.simple-pagination ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.controls a:hover{
	cursor: default;
}
.searchBar{
	display:none;
	float: right;
}

/* Select Stations section style */

.userIngoWrap #stationList ul.navigationList li.paginate{
	margin-right: 3px;
	white-space: normal;
	word-break: break-all;
}

.userIngoWrap #stationList ul.navigationList li span{
	float: none;
	word-break:break-all;
}
#btn_submit:disabled{
    background: #F5F5F5;
    color : #C3C3C3;
	opecity:0.5;
}	
.fileUpload .fillIngapSpan {
    background: #F5F5F5;
    color : #C3C3C3;
	opecity:0.5;
}	
span.max-digit {
    margin-left: 10px;
    color: #908f8f;
    font-size: 14px;
    line-height: 25px;
}
.moveStationCss,.editSensorInput input{
	width:50% !important;
}
.btn_submit:disabled{
    background: #F5F5F5;
    color : #C3C3C3;
	opecity:0.5;
}
a#magnifyPopupLink.disabled {
	background: #F5F5F5;
	color: #C3C3C3;
	opecity: 0.5;
	pointer-events: none;
	cursor: default;
}