html{height:100%;
margin: 0px;
padding: 0px;
min-height: 100%;}
body{margin:0px;padding:0px; min-height:100%; font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#000; background:url(../images/bodybg.gif) repeat-x top center;height:100%;}
table{font-size:11px;}
.loginareabg{background:url(../images/loginareabg.jpg) no-repeat center top; width:379px; height:158px; font-size:12px; color:#fff; font-weight:bold;} 
.logintextbox{border:1px solid #abadb3; width:153px; height:21px;}
.loginheader{ font-size:24px; color:#1a69c3; font-weight:bold;}
.topheader{background:url(../images/top-headinbg.gif) repeat-x top left; line-height:28px; text-align:right; color:#fff; font-weight:bold;padding-right: 10px;}
#footer{background:#3cb5f8 /*url(../images/footer.gif) repeat-x scroll 0 0 rgba(0, 0, 0, 0)*/; line-height:33px;
    clear: both; bottom:0px;
    color: #fff; 
    font-size: 12px; text-align:center; position:relative;
    margin: 0px auto;
    overflow: hidden; width:100%;
    padding: 0;
}
.mapwarning {
	margin-bottom: 10px;
	background-color: rgba(252, 247, 123, 0.89);
	font-size: 13px;
	padding: 5px;
	color: rgb(83, 61, 61);
}
.bodycontainer{ position:relative; min-height:100%;height: 100%;margin-top: 38px;}
.link{text-decoration: none;color: #000;font-weight: bold}
img.link{cursor: pointer;}
.serchtextboxbg{ float:left;}
.serchtextboxfornotification{
	width:210px; 
	height:29px; 
	font-size:12px; 
	margin-top: 5%;
	margin-bottom: 6%;
	margin-right: -36px;
	color:#000;
	border:none; 
	z-index: 999;
	padding-left:15px; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #ADADAD;
	}
.searchtextboxforsite {
	width:210px; 
	height:29px; 
	font-size:12px; 
	margin-top: 5%;
	margin-bottom: 6%;
	margin-right: -36px;
	color:#000;
	border:none; 
	z-index: 999;
	padding-left:15px; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #ADADAD;
}
.serchtextbox{
	width:210px; 
	height:29px; 
	font-size:12px; 
	color:#000;
	border:none; 
	padding-left:15px; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #ADADAD;
	}
.searchbtn{
	margin-top:5px; 
	margin-left:-25px; 
	float:left;
	}
.searchbtnfornotification{
	top:30px; 
	/* margin-right:37px; */
	left:198px;
	position:absolute;
	}
.searchbtnforsite {
	margin-top:15px; 
	margin-right:15px;
	float:right;
	position: relative;
}
#loginwraper{width:100%;}
#wraper{width:100%; position:relative; min-height:100%;}
.loginarea {
  background-color: #f7f7f7;
  padding: 20px 25px 30px;
  margin: 12px auto 100px;
  width: 450px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}
  .loginarea *:first-child {
  margin-top: 0;
  }
  .rc-button {
  display: inline-block;
  min-width: 46px;
  text-align: center;
  color: #444;
  font-size: 14px;
  font-weight: 700;
  height: 36px;
  padding: 0 8px;
  line-height: 36px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -o-transition: all 0.218s;
  -moz-transition: all 0.218s;
  -webkit-transition: all 0.218s;
  transition: all 0.218s;
  border: 1px solid #dcdcdc;
    background-color: #3cb5f8;
  background-image: -webkit-linear-gradient(top,#3cb5f8,#3cb5f8);
  background-image: -moz-linear-gradient(top,#3cb5f8,#3cb5f8);
  background-image: -ms-linear-gradient(top,#3cb5f8,#3cb5f8);
  background-image: -o-linear-gradient(top,#3cb5f8,#3cb5f8);
  background-image: linear-gradient(top,#3cb5f8,#3cb5f8);

  -o-transition: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
  }
  .loginarea .rc-button {
  width: 92%;
  padding: 0; margin-top:3px;
  }
  .rc-button:hover {
  border: 1px solid #c6c6c6;
  color: #333;
  text-decoration: none;
  -o-transition: all 0.0s;
  -moz-transition: all 0.0s;
  -webkit-transition: all 0.0s;
  transition: all 0.0s;
    background-color: #3cb5f8;
  background-image: -webkit-linear-gradient(top,#3cb5f8,#3cb5f8);
  background-image: -moz-linear-gradient(top,#3cb5f8,#3cb5f8);
  background-image: -ms-linear-gradient(top,#3cb5f8,#3cb5f8);
  background-image: -o-linear-gradient(top,#3cb5f8,#3cb5f8);
  background-image: linear-gradient(top,#3cb5f8,#3cb5f8);

  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  }
  .rc-button:active {
	    background-color: #3cb5f8;
  background-image: -webkit-linear-gradient(top,#3cb5f8,#3cb5f8);
  background-image: -moz-linear-gradient(top,#3cb5f8,#3cb5f8);
  background-image: -ms-linear-gradient(top,#3cb5f8,#3cb5f8);
  background-image: -o-linear-gradient(top,#3cb5f8,#3cb5f8);
  background-image: linear-gradient(top,#3cb5f8,#3cb5f8);

  -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
  box-shadow: 0 1px 2px rgba(0,0,0,0.1);
  }
  .rc-button-submit {
  border: 1px solid #35a1dc;
  color: #fff; cursor:pointer;
  text-shadow: 0 1px rgba(0,0,0,0.1);
    background-color: #3cb5f8;
  background-image: -webkit-linear-gradient(top,#3cb5f8,#26a6ed);
  background-image: -moz-linear-gradient(top,#3cb5f8,#26a6ed);
  background-image: -ms-linear-gradient(top,#3cb5f8,#26a6ed);
  background-image: -o-linear-gradient(top,#3cb5f8,#26a6ed);
  background-image: linear-gradient(top,#3cb5f8,#26a6ed);

  }
  .rc-button-submit:hover {
  border: 1px solid #208bc6;
  color: #fff;cursor:pointer;
  text-shadow: 0 1px rgba(0,0,0,0.3);
  background-color: #357ae8;
  background-image: -webkit-linear-gradient(top,#26a6ed,#148fd3);
  background-image: -moz-linear-gradient(top,#26a6ed,#148fd3);
  background-image: -ms-linear-gradient(top,#26a6ed,#148fd3);
  background-image: -o-linear-gradient(top,#26a6ed,#148fd3);
  background-image: linear-gradient(top,#26a6ed,#148fd3);
  }
  .rc-button-submit:active {
  background-color: #357ae8;
   background-color: #357ae8;
  background-image: -webkit-linear-gradient(top,#26a6ed,#148fd3);
  background-image: -moz-linear-gradient(top,#26a6ed,#148fd3);
  background-image: -ms-linear-gradient(top,#26a6ed,#148fd3);
  background-image: -o-linear-gradient(top,#26a6ed,#148fd3);
  background-image: linear-gradient(top,#26a6ed,#148fd3);
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
  }
 
.logo{clear: left; margin-top:2px;}
/*.loginlogo{margin-top:4px; clear: left;}*/
/*	normal style
=====================================================================*/
.bluebold{color:#2178b5; font-weight:bold;}
.whitebold{color:#fff; font-weight:bold;}
.left{float:left;}
.right{float:right;margin-right: 10px;font-weight: bold;color: #FFF;}
.right img{vertical-align: middle;}
.clear{clear:both;}
/*	normal style end
=====================================================================*/
/*	header Section start
=====================================================================*/

#header .topnav ul {
	list-style:none;
	position:relative;
	float:left;
	margin:0;
	padding:0;
	/* background:#3AB4F7; */
}
#header .topnav ul a {
	display:block;
	color:#fff;
	text-decoration:none;
	font-weight:700;
	font-size:12px;
	line-height:32px;
	padding:3px 15px;
}
#header .topnav ul a:hover {
	color:#146b9c;
	
}
#header .topnav ul li {
	position:relative;
	float:left;
	margin:0;
	padding:0 3px;
}
#header .topnav ul li.active > a{
	background:url(../images/tab_bg_ank.gif) repeat-x top center;
	color:#146b9c;
	border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
}
#header .topnav ul ul a.activeMenu{background:#146b9c;color:#fff;}
#header .topnav ul li a:hover {
	background:url(../images/tab_bg_ank.gif) repeat-x top center;
	color:#146b9c;
	border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
}
#header .topnav ul ul {
	display:none;
	position:absolute;
	top:100%;
	background-color:#DEEDF7; 
	left:0;	
	padding:0;
}
#header .topnav ul ul li {
	float:none;
	width:200px;
	padding: 0;
	border-bottom: 1px solid #aed0ea;
}
#header .topnav ul ul li:last-child{ border-bottom: none;}
#header .topnav ul ul a {
	line-height:120%;
	padding:10px 15px;
	color:#146b9c;
	
}
#header .topnav ul ul a:hover {
	background:#146b9c;
	color:#fff;
	border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
	
}
#header .topnav ul ul ul {
	top:0;
	 -webkit-box-shadow: inset 0px 0px 10px -3px rgba(42, 135, 187, 1);
	-moz-box-shadow: inset 0px 0px 10px -3px rgba(42, 135, 187, 1);
	box-shadow: inset 0px 0px 10px -3px rgba(42, 135, 187, 1); 
	left:100%
}
#header .topnav ul li:hover > ul {
	display:block
	
}

#header .topnav ul ul li a.arrow:after {
    content: "\f0da";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;

    color: #3CB5F8;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 10px;
    right: 0;
}





#notificationMessage {background: #FFF !important;display: none;width: 360px !important;max-height: 300px !important;display: block;visibility: visible; overflow-y: auto; overflow-x: hidden;}
#notificationMessage li {background: #FFF !important;display: none;width: 360px !important;height: 38px !important;display: block;visibility: visible; border-bottom: 1px solid #146b9c;line-height: 20px !important;}
#notificationMessage li a {line-height: 20px !important; color: #000 !important;}
#notificationMessage .read { background: #FFF !important;}
#notificationMessage .unread { background: #E4F2FB !important;}
#notificationMessage li a:hover {
	margin:0px 0px 0px 0px; padding:0px 8px; text-decoration:none; color:#146b9c;
background:url(../images/tab_bg_ank.gif) repeat-x top center;
border-radius:4px 4px 0px 0px;-webkit-border-radius: 4px 4px 0px 0px;
-moz-border-radius: 4px 4px 0px 0px; display:inline-block; width : 333px !important;
}
/*	header Section end
=====================================================================*/

/*	Left  Menu  Container Section
=====================================================================*/
#leftpart{/*width:220px; background:#6c9bd7;*/ background:url(../images/left_menybg.gif) repeat-x top center #fff; border:1px solid #e8e8e8; float:left;margin: 10px 0px 0px 0px;}
#leftpart ul{margin:0px; padding:0px;}
#leftpart li{ margin:0px; padding:0px 0px; display:block; color:#272727; font-size:12px;}
#leftpart li a{ margin:0px; padding:8px 4px 8px 10px;  display:block; color:#272727; border-bottom:1px dotted #c7d6e9; text-decoration:none;}
#leftpart li a:hover{ margin:0px; padding:8px 4px 8px 10px; display:block; color:#0a67a5; /*color:#fff; background:#c7d6e9;*/ background:url(../images/lefthover.gif) repeat-x top center;}
/*	Left  Menu  Container Section end
=====================================================================*/
/*	right  Container Section
=====================================================================*/
@media only screen and (min-width: 400px) and (max-width: 640px)
{#rightpart{width:60% !important; margin:10px 0px 0px 24px; float:left;}
	
	}
	@media only screen and (min-width: 360px) and (max-width: 640px)
{#rightpart{width:46% !important; margin:10px 0px 0px 0px; float:left;}
	
	}
	@media only screen and (min-width: 768px) and (max-width: 1024px)
{#rightpart{width:75% !important; margin:10px 0px 0px 24px; float:left;}
}
@media only screen and (min-width: 800px) and (max-width: 1280px)
{#rightpart{width:76% !important; margin:10px 0px 0px 24px; float:left;}
}
@media only screen and (min-width: 980px) and (max-width: 1280px)
{#rightpart{width:85% !important; margin:10px 0px 0px 24px; float:left;}
}
@media only screen and (min-width: 1280px) and (max-width: 600px)
{#rightpart{width:85% !important; margin:10px 0px 0px 24px; float:left;}
}

	@media only screen and (min-width: 360px) and (max-width: 640px)
	{#rightpart h2{ font-size:94%;font-family:Verdana, Geneva, sans-serif,Arial,san-serif; border-bottom:1px dotted #156ba7;color:#156ba7;margin:0px 0px 10px 0px; padding:0px 0px 4px 0px; text-align:left;}
		}
#rightpart{margin:10px 0px 0px 24px; float:left;width:82% !important;}


/*	grid style 
=====================================================================*/
.gridbrd{ border:1px solid #91bfd4;}
.gridtitle{ background:#0463a2; color:#ffffff; font-weight:bold; font-size:12px; padding:3px;}
.gridtd{ background:#eff3fb; color:#333333; font-weight:normal; font-size:11px; padding:3px;}
.gridtd:HOVER{background:#cce6ff;}
.gridtdwh:HOVER{background:#cce6ff;}
.gridtdwh{ background:#ffffff; color:#333333; font-weight:normal; font-size:11px;}


.customer-utilities{ border-collapse: collapse;border:1px solid #737373;}
.customer-utilities th{ background:#0463a2; color:#ffffff; font-weight:bold; font-size:12px; padding:3px;border:1px solid #737373;}
.customer-utility-enable{color:#333333; font-weight:normal; font-size:11px; padding:3px;border:1px solid #737373;width: 10%;text-align: center;}
.customer-utility-disable{color:#333333; font-weight:normal; font-size:11px; padding:3px;border:1px solid #737373;width: 10%;text-align: center;}
.customer-name{color:#333333; font-weight:normal; font-size:11px; padding:3px;border:1px solid #737373;font-weight: bold;width: 30%;}
.customer-utility-td{background:#eff3fb;}
.customer-utility-tdwh{background:#ffffff;}



#pagination{background:#EFF3FB;border-left:1px solid #0463A2;border-top:1px solid #0463A2;border-right:1px solid #0463A2;border-bottom:1px solid #0463A2;color:#333; font-weight:normal; font-size:12px; padding:3px;height: 18px;}
#pagination span{color:#333; text-decoration:none; padding:0px 4px;font-size:12px;}
#pagination a{color:#333; text-decoration:none; padding:0px 4px;}
#pagination a:hover{color:#0463A2; text-decoration:none; }
#pagination a.pagenumber,#pagination a.pagenumber-publishchecklist, #pagination a.pagenumber-managechecklistdepartment{background:#fff; display:inline-block; border:1px solid #ddd;color:#0463A2; padding:1px 4px; text-align:center; margin:0px 3px;}
#pagination a:hover.pagenumber,#pagination a:hover.pagenumber-publishchecklist, #pagination a:hover.pagenumber-managechecklistdepartment{background:#0463A2; border:1px solid #3cb5f8;color:#fff; padding:1px 4px; text-align:center;}
#pagination span.active{background:#0463A2; border:1px solid #3cb5f8;color:#fff; padding:1px 4px; text-align:center;margin:0px 3px;}
#pagination .lastpage, #pagination .lastpage-publishchecklist, #pagination .lastpage-managechecklistdepartment{ background:url(../images/lastPage.png) center top no-repeat; border:none; display:inline-block; width:13px; height:12px;cursor:pointer;}
#pagination .lastpage, #pagination .lastpage-publishchecklist, #pagination .lastpage-managechecklistdepartment a{ background:url(../images/lastPage.png) center top no-repeat; border:none; display:inline-block; width:13px; height:12px;cursor:pointer;}
#pagination .firstpage, #pagination .firstpage-publishchecklist, #pagination .firstpage-managechecklistdepartment {background:url(../images/firstPage.png) center top no-repeat; border:none; display:inline-block; width:13px; height:12px; cursor:pointer;}
#pagination .firstpage, #pagination .firstpage-publishchecklist, #pagination .firstpage-managechecklistdepartment a{background:url(../images/firstPage.png) center top no-repeat; border:none; display:inline-block; width:13px; height:12px; cursor:pointer;}
#pagination .previouspage, #pagination .previouspage-publishchecklist, #pagination .previouspage-managechecklistdepartment { background:url(../images/previous.png) center top no-repeat; border:none; display:inline-block; width:13px; height:12px;cursor:pointer;}
#pagination .previouspage, #pagination .previouspage-publishchecklist, #pagination .previouspage-managechecklistdepartment a{ background:url(../images/previous.png) center top no-repeat; border:none; display:inline-block; width:13px; height:12px;cursor:pointer;}
#pagination .nextpage, #pagination .nextpage-publishchecklist, #pagination .nextpage-managechecklistdepartment {background:url(../images/next.png) center top no-repeat; border:none; display:inline-block; width:13px; height:12px; cursor:pointer;}
#pagination .nextpage, #pagination .nextpage-publishchecklist, #pagination .nextpage-managechecklistdepartment a{background:url(../images/next.png) center top no-repeat; border:none; display:inline-block; width:13px; height:12px; cursor:pointer;}

/*	grid style end
=====================================================================*/

/*	form style 
=====================================================================*/
.ui-input-text{background-image: none;
    display: inline-block;
    font-size: 14px;
   font-family:Helvetica, Arial, Verdana, sans-serif;
    margin: 0 0;
    outline: 0 none;
    padding: 0.4em; text-align:right;
    width:25%;
    vertical-align: top;
}
.ui-input-for-saving-group-sites {
	display: inline-block;
    font-size: 14px;
  	font-family:Helvetica, Arial, Verdana, sans-serif;
    outline: 0 none;
    padding: 0.4em; 
    
    vertical-align: top;
}
.selected-site-height-set{
	border:1px solid #aaaaaa; font-family:Verdana, Geneva, sans-serif,Arial,san-serif;
	box-shadow: 0px 0px 4px 0px #262626;
    width: 75%;
    max-height: 200px;
    overflow: auto;
}
#txtSavingStartDate{
	width: 80px;
}
.ui-input-for-saving-group-sites-search {
	float: left;
	padding: 2px;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size: 14px;
	text-align: left;
}
.ui-input-for-saving-group-sites-search-result {
	display: inline-block;
    font-size: 14px;
  	font-family:Helvetica, Arial, Verdana, sans-serif;
    outline: 0 none;
    padding: 0.4em; 
    vertical-align: top;
    border:1px solid #aaaaaa; font-family:Verdana, Geneva, sans-serif,Arial,san-serif;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-box-shadow: 0px 0px 4px 0px #262626; /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
    box-shadow: 0px 0px 4px 0px #262626;
    width: 100%;
    height: 200px;
    overflow: auto;
}
.preferencelabel{background-image: none;
    display: inline-block;
    font-size: 14px;
   font-family:Helvetica, Arial, Verdana, sans-serif;
    margin: 0 0;
    outline: 0 none;
    padding: 0.4em; text-align:right;
    width:26%;
    vertical-align: top;
}

.drpdown{border:1px solid #aaaaaa; font-family:Verdana, Geneva, sans-serif,Arial,san-serif;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
width:250px;padding:4px; color:#333;
border-radius:4px; background:#f8f8f8; height:26px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4', endColorstr='#f5f5f5'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#e4e4e4), to(#f5f5f5)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #e4e4e4,  #f5f5f5); /* for firefox 3.6+ */
 -webkit-box-shadow: 0px 0px 4px 0px #262626; /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
          box-shadow: 0px 0px 4px 0px #262626;
}
.cronjobdropdown {border:1px solid #aaaaaa; font-family:Verdana, Geneva, sans-serif,Arial,san-serif;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
width:135px;padding:4px; color:#333;
border-radius:4px; background:#f8f8f8; height:26px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4', endColorstr='#f5f5f5'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#e4e4e4), to(#f5f5f5)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #e4e4e4,  #f5f5f5); /* for firefox 3.6+ */
 -webkit-box-shadow: 0px 0px 4px 0px #262626; /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
          box-shadow: 0px 0px 4px 0px #262626;
}
.textbox{
	border:0px solid #aaaaaa;
	font-family:Verdana, Geneva, sans-serif,Arial,san-serif;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	width:250px;padding:4px; color:#333; 
	border-radius:4px; background:#f8f8f8; height:26px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec', endColorstr='#ffffff'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#ffffff)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ececec,  #ffffff); /* for firefox 3.6+ */
 	-webkit-box-shadow: 0px 0px 4px 0px #262626; /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
    box-shadow: 0px 0px 4px 0px #262626;
}
.notificationtextbox{
	border:0px solid #aaaaaa;
	font-family:Verdana, Geneva, sans-serif,Arial,san-serif;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	width:170px;padding:4px; color:#333; 
	border-radius:4px; background:#f8f8f8; height:26px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec', endColorstr='#ffffff'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#ffffff)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ececec,  #ffffff); /* for firefox 3.6+ */
 	-webkit-box-shadow: 0px 0px 4px 0px #262626; /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
    box-shadow: 0px 0px 4px 0px #262626;
}

.monthpickertextbox {
	border:0px solid #aaaaaa;
	font-family:Verdana, Geneva, sans-serif,Arial,san-serif;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	width:100px;padding:4px; color:#333; 
	border-radius:4px; background:#f8f8f8; height:26px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec', endColorstr='#ffffff'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#ffffff)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ececec,  #ffffff); /* for firefox 3.6+ */
 	-webkit-box-shadow: 0px 0px 4px 0px #262626; /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
    box-shadow: 0px 0px 4px 0px #262626;
}
.notificationmonthpickertext {
	border:0px solid #aaaaaa;
	font-family:Verdana, Geneva, sans-serif,Arial,san-serif;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	width:90px;padding:4px; color:#333; 
	border-radius:4px; background:#f8f8f8; height:26px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec', endColorstr='#ffffff'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#ffffff)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ececec,  #ffffff); /* for firefox 3.6+ */
 	-webkit-box-shadow: 0px 0px 4px 0px #262626; /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
    box-shadow: 0px 0px 4px 0px #262626;
}
.textarea{
	border:0px solid #aaaaaa;
	font-family:Verdana, Geneva, sans-serif,Arial,san-serif;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	width:250px;padding:4px; color:#333; 
	border-radius:4px; background:#f8f8f8;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec', endColorstr='#ffffff'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#ffffff)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ececec,  #ffffff); /* for firefox 3.6+ */
 	-webkit-box-shadow: 0px 0px 4px 0px #262626; /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
    box-shadow: 0px 0px 4px 0px #262626;
}
#inputlabelbtn_for_mapsite { vertical-align: top; display: inline-block; width:82%; margin:0 2% 1% 40%;}
.inputlabelbtn { vertical-align: top; display: inline-block; width:82%; margin:0 2% 1% 15%;}
.inputlabel { vertical-align: top; display: inline-block; width:100%; margin:1% 2% 1% 0;}
.inputlabelForEMSDevice { vertical-align: top; display: inline-block; width:100%; margin:0% 2% 1% 0;}
/* .button {
	border:1px solid #156ba7; font-family:Verdana, Geneva, sans-serif,Arial,san-serif;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px; color:#fff; cursor:pointer;
	padding:4px;  font-weight:bold;
	border-radius:4px; background:#eaf6ff; height:28px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaf6ff', endColorstr='#1081d0'); for IE
	background: -webkit-gradient(linear, left top, left bottom, from(#eaf6ff), to(#1081d0)); for webkit browsers
	background: -moz-linear-gradient(top,  #eaf6ff,  #1081d0); for firefox 3.6+
} */
.warningImg {
	width: 25px;
	height: 25px;
	vertical-align: middle;
	float: left;
	margin-right: 12px;
}

.ui-widget-overlay {
	background: #BDBDBD;
	opacity: .5;
	filter: Alpha(Opacity=50);
}
h2{font-size:100%;font-family:Verdana, Geneva, sans-serif,Arial,san-serif; border-bottom:1px dotted #156ba7;color:#156ba7;margin:0px 0px 10px 0px; padding:0px 0px 4px 0px; text-align:left;}
h2 p{font-size:12px;font-family:Verdana, Geneva, sans-serif,Arial,san-serif;color:#7A7A7A; font-weight:normal;margin:5px 0px 0px 0px; padding:0px 0px 4px 0px; text-align:left;}
.dotted {border: 1px dotted #2E2E1F; border-style: none none dotted; color: #fff; background-color: #fff; }
.errorMissingRecords {
	width: 75% !important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1.5px solid #ADADAD;
	padding: 2px;
	margin-bottom: 5px;
	background-color: rgb(255, 250, 197);
}
/*******************************************************/
.statisticsTableRecord {
    display: table;
    width: 98%;
	color:#000; 
}
.statisticsTableRecord input[type=text] {
	background: none;
	border: 1px solid #AEE2FC;
	width: 100%;
}
.statisticsTableRecord input[disabled] {
	background: none;
	border: none;
	/* width: 100%; */
}
.statisticsTableRecord > div 
{
    display: table-row;
	background-color: #FFF;
}
/* .statisticsTableRecord > div:nth-child(odd) {
	background-color: #FAFAFA;
} */
.statisticsTableRecord > div > div {
	display: table-cell;
    height: 20px;
    vertical-align: middle; border-collapse: collapse;
	text-align:center;
    width: auto;	 
	padding: 0px 4px 0px 4px;	
	border-right:1px solid #A9A9A9;
	border-bottom:1px solid #A9A9A9;
}

.statisticsTableRecord > div > div:FIRST-CHILD {
	border-left:1px solid #A9A9A9;
	border-right:1px solid #A9A9A9;
	border-bottom:1px solid #A9A9A9;
}

.statisticsTableRecord > div > div + div 
{
    width: auto;
    padding: 0px 4px 0px 4px;
}
.statisticsTableRecord input.error {
	background-color: #FFF2F2;
	border: 1px solid #FFA1A1;
}
.statisticsTableRecord > div.readonly input[type=text] {
	background: none;
	border: none;
	width: 100%;
}
/*********************************************************/





/****************** GRID VIEW FORM *********************/

/*Styles for Div Table Layout*/
.divTable {
    display:inline-block;
    width: 100%;
	color:#000; 
}
.divTable input[type=text] {
	background: none;
	border: 1px solid #AEE2FC;
	width: 100%;
}
.divTable input[disabled] {
	background: none;
	border: none;
	/* width: 100%; */
}
.divTable > div 
{
    display: table-row;
	background-color: #FFF;
}
.divTable > div:nth-child(odd) {
	background-color: #FAFAFA;
}
.divTable > div > div {
	display: table-cell;
    height: 20px;
    vertical-align: middle; border-collapse: collapse;
	text-align:center;
    width: auto;	 
	padding: 0px 4px 0px 4px;	
	border-right:1px solid #A9A9A9;
	border-bottom:1px solid #A9A9A9;
}

.divTable > div > div:FIRST-CHILD {
	border-left:1px solid #A9A9A9;
	border-right:1px solid #A9A9A9;
	border-bottom:1px solid #A9A9A9;
}

.divTable > div > div + div 
{
    width: auto;
    padding: 0px 4px 0px 4px;
}

.divHeader div
{	
    background:#e4f2fb;
	font-size:100%;
    height: 20px;
    vertical-align: middle;
	border-top:1px solid #A9A9A9;
	font-weight: bold;
}
.divHeaderMarginalCost div
{	
    background:#e4f2fb;
	font-size:100%;
    height: 20px;
    vertical-align: middle;
	border-top:1px solid #A9A9A9;
	font-weight: bold;
}
.divTable input.error {
	background-color: #FFF2F2;
	border: 1px solid #FFA1A1;
}
.divTable > div.readonly input[type=text] {
	background: none;
	border: none;
	width: 100%;
}
.divTable .reference {
	background-color: #FFFFB2 !important;
}
.divTable .xlsxsheetrow {
	background: #EAFFD6 !important;
}
.divTable div.uploadcell img, .divTable div.actioncell img {
	margin-right: 5px;
	margin-left: 5px;
}
.divTable div.width100 {
	width: 100px;
}
.divTable div.width60 {
	width: 60px;
}
.divTable div.width85 {
	width: 85px;
}

.divTable .chartRow {
	width: 100%;
	display: inline-table;
}
/*******************************************************/

/********************************************************/
/* 			PUT AT BOTTON TO TAKE EFFECT 				*/
/********************************************************/
label.errormsg{color: #cd0a0a;
	padding: 5px;
	border: 0px solid #cd0a0a;
	background-color: #fef1ec;
	display: block;
	margin: 5px 0px;
}
label.infomsg{color: #00CA00;font-weight: bold;}
label.highlight{color: #2177b4;font-weight: bold}
img.notificationMsg {height: 22px; width: 22px; margin-left: 5px;float: right;}
input.error, select.error, textarea.error, span.error{
	border: 1px solid red;
}
#min {
    width: 50px;
    text-align: center;
}
/***************** For jQuery Combobox *******************/
.infochoice .custom-combobox {
	position: relative;
	display: inline-block;
	right: 30%;
}

.custom-combobox-toggle {
	position: absolute;
	top: 0;
	bottom: 0;
	margin-left: -1px;
	padding: 0;
	/* support: IE7 */
	*height: 1.7em;
	*top: 0.1em;
	background: #FFF !important;
}

.custom-combobox-input {
	margin: 0;
	padding: 0.3em;
	width: 210px;
	background: #FFF !important;
	background-image: none !importanat;
}

.ui-autocomplete {
	position: absolute;
	cursor: default;
	z-index: 9999 !important;
}

.custom_date_text {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 0.5%;
	width: 15%;
	height: 4%;
	margin-left: 1%;
}

#rawdataView .custom-combobox {
	position: relative;
	display: inline-block;
	margin-right: 20%;
}
#rawdataView .custom-combobox-input {
	margin: 0;
	padding: 0.3em;
	width: 100px;
	background: #FFF !important;
	background-image: none !importanat;
}

.highlightcheckedyear {
	background-color: #FFFFDA !important;
}

.statisticsRowRecordsColour:nth-child(6n + 5), 
.statisticsRowRecordsColour:nth-child(6n + 4), 
.statisticsRowRecordsColour:nth-child(6n + 3) {
    /* background-color: #F7F7F7; */
}

#usermain{width:289px; background:url(../images/userbg.png) no-repeat top center; background-size : 290px 148px; height:147px; float:right; position: absolute; right: 0; z-index: 9999;}
#usermain .picture{width:96px; height:96px; margin-top:8px; padding:8px;}
#usermain .picturelink{background-color:#278bc5; width:96px; height:26px; float:left;margin: -10px 0px 0px 8px;}
#usermain .picturelink a{color:#fff; font-weight:bold; text-align:center; text-decoration:none; font-size:11px; font-family:Verdana, Geneva, sans-serif; line-height:26px; padding-left:4px;}
#usermain .picturelink a:hover{ text-decoration:underline;}
#usermain .user{position:absolute; margin-top:-94px; margin-left:110px;color:#666;}
#usermain .user span{font-weight:bold;font-family:Verdana, Geneva, sans-serif; font-size:12px; float:left;padding-bottom: 6px;}
#usermain .user p a{font-weight:normal;font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#666; line-height:30px; margin:0px 0px 0px 0px; padding:0px; text-decoration:underline;}

.errorbelt {text-align: center;padding: 0.5%;margin-top: 3%;margin-bottom: 1%;background-color: #FFF4F4;border: 1px solid #FDB0B0;}
.notificationerrorbelt {text-align: center;padding: 4px;width: 99.2%;background-color: #FFF4F4;border: 1px solid #FDB0B0;color: #000;}
.notification {background: url(../images/notification.png) 0px 11px no-repeat;float: right;width: 34px;margin-left: 5px;height: 30px;}
.notificationlink {font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;font-size: 1.1em;color: black; margin-left: 5px;}
.errortext{color: red;margin-left: 5px;}
.fieldset{ margin-bottom: 15px;}
.legend{font-size: medium;color: #3CB5F8;}
.updatePreferenceRecordDialog {min-height: 150px; max-height: 280px; overflow: scroll; padding: 10px;}
.notificationType {float: left; margin-top: 10px; margin-bottom: 10px;}
.notificationInfoMessage {cursor: pointer; width: 15px; height: 15px; margin-left: 5px;}
/***********************************/

.popUpSetBorderPreferenceValue{border: 1px solid;}
.exportCSVForSite{ float: left; color: black; margin-right: 10px; margin-top: 6px;font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;font-size: 1.1em;}
.adminnotificationerrorbelt {text-align: center;padding: 4px;width: 99.2%;background-color: #FFF4F4;border: 1px solid #FDB0B0;color: #000;margin-top: 15px;}
.info-msg{color: #0085FF; background-color: #EEE;border-color: #3D3F3F;padding: 15px;font-size: 13px;margin-bottom: 20px;border: 1px solid rgba(0, 0, 0, 0);border-radius: 4px;}
.error-msg{color: red; background-color: #EEE;border-color: #3D3F3F;padding: 15px;font-size: 13px;margin-bottom: 20px;border: 1px solid rgba(0, 0, 0, 0);border-radius: 4px;}
H1 {margin: 0 0 10px;}
.imgstyle {width: 28px; height: 28px;}
.infoIcon {width:15px; height: 15px; vertical-align: middle; margin-left: 2px; cursor: pointer;}
.infoLabel {font-size: 11px;}
.weatherNormalizedCheckBox { width: 10%; float: right; text-align: center;}
.adminNotificationSeach {float: right;
z-index: 9999;
position: relative;
margin-top: 14px;}
/********** jquery ui autocomplete ******/
.ui-state-hidden {display: none;}
.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
  }
  .getDataFromDate .ui-datepicker-calendar {
    display: none;
    }
   .getDataToDate .ui-datepicker-calendar {
    display: none;
    }
    .getDataEntryFromDate .ui-datepicker-calendar {
    display: none;
    }
   .getDataEntryToDate .ui-datepicker-calendar {
    display: none;
    }
  /* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */
  * html .ui-autocomplete {
    height: 200px;
  }
  .vertical_align_middle {vertical-align: middle;}
  .notificationlabel { width: 35%;text-align:left; float: left; font-size: 14px;margin-top: 10px;}
  .notificationspan { width: 64%; float: right; font-size: 14px;margin-top: 10px;text-align: left;}
  .notificationformlabel { width: 25%;float: left; font-size: 14px;}
  .notificationtext {width: 73%; float: right; font-size: 14px;}
  .notification_cancel_btn{float: left;
	text-align: center;
	width: 100%;
	padding-bottom: 14px;
	}
  .notification_comment{display: none;float: left;width: 100%;}
  
/*****************************************/

header .navbar-inner {
    background: none repeat scroll 0 0 #1B7EC0;
    border: medium none;
    border-radius: 0 0 0 0;
    box-shadow: none;
    padding: 0; float: left;
}
.container{width: 1170px;}

.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.row {
    margin-left: -15px;
    margin-right: -15px;
}
.navbar-header{ float: left}

.kwh_login_logo{width: 16.6667%;}


.navbar .brand {
    display: block;
    float: left;
    margin-left: -20px;
    padding: 10px 20px;
}




.noti_record_blog{width:98%;}
.noti_record{width:100%; margin-top: 10px;clear: both;}

/* #header{width:100%;} */
#header{background:url("../images/bodybg.gif") repeat-x scroll center top rgba(0, 0, 0, 0);
    left: 0;
    position: fixed;
    right: 0;top:0;
    z-index: 1030;
}

.notification_menu{
	margin:10px 20px 0 0;
	border: 1px solid #156ba7;
	padding:6px 8px 8px 8px;
	background: #eff3fb;
	border-radius: 3px;
	color: #156ba7;
}
/* option.mtz-monthpicker {
display: block !important;
} */

.historicalError {
	max-height: 15%;
	overflow-y: auto;
	max-width: 43%;
}
.chartViewInfoChoice {
	margin-bottom: 55px;
    margin-top: 18px;
    position: relative;
}

.chartViewInfoChoiceVisible {
	margin-bottom: 35px;
    position: relative;
}

.ui-dialog-titlebar {
  color: #25687C;
}

#mapLocationImg {
	cursor: pointer;
	margin-right: 20px;
	margin-top: 150px;
	vertical-align: middle;
	box-shadow: rgba(0, 0, 0, 0.65098) 0px 1px 5px;
	border-radius: 4px;
	width: 26px;
	height: 26px;
}

 #sortableTree, #removeableSortableTree {
    border: 1px solid #eee;
    width: 172px;
    min-height: 20px;
    list-style-type: none;
    margin: 0;
    padding: 5px 0 0 0;
    float: left;
    margin-right: 10px;
    cursor: move;
  }
  #sortableTree li, #removeableSortableTree li {
    margin: 0 5px 5px 5px;
    padding: 5px;
    font-size: 1.2em;
    width: 170px;
    cursor: move;
  }
  .available_para, .used_para{float: left; margin-right: 10px;}
.tree_manage{width:16%;margin: 0 auto;}
.tree_manage ul:first-child{border: 1px solid #ccc;}
.tree_manage ul{background-color: #fff;}  
.itemLimit {font-size: 12px; margin-bottom: 10px;}
.alert-warning {color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; padding: 15px; margin-bottom: 20px;
border: 1px solid transparent; border-radius: 4px;}
.viewMissingRegionSiteRow {font-size: 14px; padding:7px;}

#overlay-shade {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; 
    z-index: 9999;
    background-color: #000;
}
.total_saving{color: #362b36;font-size: 1.1em; float: right;width: 100%;}
.saving_opportunity {color: #362b36; font-size: 1.1em;line-height: 30px;}
.noRecord {text-align: center; width:98.3%; /* display: inline-block !important;  */padding: 10px;}
.border_right_none {border-right: none !important;}
.border_left_none {border-left: none !important;}
.text_align_right {text-align: right !important;}
.text_align_left {text-align: left !important;}
.fix_width_15_per {width: 15% !important;}
.normalizeUnitTableDiv {text-align: center !important; width: 10% !important; height: 30px !important;}
#selectSiteDropDown_chosen {width: 16% !important;}

.linkIconSize{width:35px}

.publixErrorMsgShow{margin-top: 10px; max-height: 145px; overflow: auto; padding: 10px;}

.trendReportMissRecord {
	width: 99% !important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1.5px solid #ADADAD;
	padding: 5px;
	margin-bottom: 5px;
	background-color:  rgb(255, 250, 197) !important;
}
.button{    background: #d7ebf9 url("../images/ui-bg_glass_80_d7ebf9_1x400.png") repeat-x scroll 50% 50%;
    border: 1px solid #2779aa;
    color: #2779aa;
    font-weight: bold; text-align: center; color: #2779aa; padding: 5px;  min-height: 30px; border-radius:4px; cursor: pointer;}

.button:hover{  
	background:#3baae3;
    border: 1px solid #2694e8;
    color: #ffffff;
    font-weight: bold;
}

.prepareMessage {
	 text-align: center;
    font-size: 1.2em;
}

#icDrpDwn .custom-combobox {
    position: relative;
    display: inline-block;
    right: 30%;
}

.similarFeaturesRadio {
	float: left;
	width: 100%;
	margin-left: 20%;
	margin-bottom: 10px;
}
  
.similar-feature-blog{padding: 10px 30px;}
.similar-feature-blog form{display: inline-block;}
.similar-feature-blog .similarFeaturesRadio{margin-left: 0;text-align: left;}
.add-similar {margin-top: 10px; width: 100%;display:inline-block;}
.add-similar .add-similar-left{ width: 38%; float: left;}
.add-similar .add-similar-left img{float: left;}
.add-similar .add-similar-left .textbox{width:74%;}
.add-similar .add-similar-right .textbox{width:74%; margin-right: 15px;}
.add-similar .add-similar-left span{ display: block; text-align: center;padding-left: 13%; margin-top: 10px;}
.add-similar .add-similar-right span{ display: block;text-align: center; padding-right:20%; margin-top: 10px;}
.add-similar .add-similar-right{ width: 38%; float:right; margin-top: -3px;}
.add-similar .similar-midle-text{display: inline-block; text-align: center;  width: 20%; margin-top: 5px;}
.similarFeaturesRadioSubmitDiv { text-align: center;}
.similarFeaturesIconWidth { width: 12px;}
.treeview { margin-top: 8px !important;}
#closeImg:hover {text-decoration: underline;}
.add-activity-input-div{margin-bottom:7px;}
.activity-timeline{display: none;height: 600px;overflow: auto; margin-top: 30px;}
.addactivity-timeline{display:none; font-size:medium; cursor: default; padding:10px 5px;}
.addactivity-timeline .ui-input-text{float:left; width:24%; margin-right: 10px;text-align: left;padding-left: 14px;}
.addactivity-timeline p{color: #444444; font-weight: bold; margin-bottom: 10px; margin-top: 0;}

.fAddActivityType-timeline{display:none; font-size:medium; cursor: default; padding:10px 5px;}
.fAddActivityType-timeline .ui-input-text{width:30%; margin-right: 10px;}
.fAddActivityType-timeline p{color: #444444; font-weight: bold; margin-bottom: 20px; margin-top: 0;}

.changeProfileLogo-timeline{display:none; font-size:medium; cursor: default; padding:10px 5px;}
.changeProfileLogo-timeline .ui-input-text{width:30%; margin-right: 10px;}
.changeProfileLogo-timeline p{color: #444444; font-weight: bold; margin-bottom: 20px; margin-top: 0;}
.changeProfileLogo-timeline p span{    float: right; cursor: pointer;}
.customerLogo{
	cursor: pointer;
  	background-color: #bdc3c7;
  	color: #ecf0f1;
  	padding: 5px;
  	font-size: 12px;
  	text-transform: uppercase;
}
.customerLogoError{
	border: 1px solid #e60000;
}

.multiselectActivityType {
	display: inline-block;
	width: 250px;
	padding: 4px;
}
.selectBoxActivityType {
	position: relative;
	width: 250px;
}
.selectBoxActivityType select {
	height: 30px;
	font-family: Verdana, Geneva, sans-serif, Arial, san-serif;
	width: 250px;
	color: #333;
	border-radius: 4px;
	padding: 4px;
	width: 100%;
	font-weight: bold;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4',
		endColorstr='#f5f5f5'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#e4e4e4),
		to(#f5f5f5)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #e4e4e4, #f5f5f5);
	/* for firefox 3.6+ */
	-webkit-box-shadow: 0px 0px 4px 0px #262626;
	/* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
	box-shadow: 0px 0px 4px 0px #262626;
}

.overSelectActivityType {
	position: absolute;
	width: 250px;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

#checkboxesActivityType {
	max-height:134px;
	overflow:auto;
	border-radius: 4px 0 4px 4px;
	font-family: Verdana, Geneva, sans-serif, Arial, san-serif;
	text-align: left;
	background: #ffffff;
	width: 248px;
	color: #333;
	display: none;
	border: 1px #dadada solid;
	position: absolute;
	font-size: 12px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4',
		endColorstr='#f5f5f5'); /* for IE */
	-webkit-box-shadow: 0px 0px 4px 0px #262626;
	/* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
	box-shadow: 0px 0px 4px 0px #262626;
}

#checkboxesActivityType label {
	display: block;
}

#checkboxesActivityType label:hover {
	background-color: #1e90ff;
}
.popupLink{
	text-decoration: none;
	color: #0078A8;
	padding: 3px;
	font-size: 12px;
}
hr{
	display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #A9A9A9;
    padding: 0; 
}

.divActivityTypeFilter > .ms-options-wrap > button:focus, .divActivityTypeFilter > .ms-options-wrap > button,
.divActivityTypeFilter > .ms-options-wrap > .ms-options,
.divActivitiesActivityYearFilter > .ms-options-wrap > button:focus, .divActivitiesActivityYearFilter > .ms-options-wrap > button,
.divActivitiesActivityYearFilter > .ms-options-wrap > .ms-options {
	width:120px;
}
#activityView, #tableView {padding:0% 1%;}
#activityInfoNote{margin-bottom:15px;}
.input-icon {
  position: relative;
}
.input-icon > i {
  position: absolute;
  display: block;
  transform: translate(0, -50%);
  pointer-events: none;
  width: 25px;
  text-align: center;
  font-style: normal;
  font-weight: bold;
  font-size: 25px;
}
.input-icon > input {
  padding-left: 25px;
	padding-right: 0;
}
.chosen-results > ul{
	height:50px;
    overflow-y:auto;
	text-align: 
}
.chosen-results {
	text-align: left;
}
.textbox-activity-type{
	font-family:Verdana, Geneva, sans-serif,Arial,san-serif;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	width:250px;padding:4px; color:#333; 
	border-radius:4px; background:#f8f8f8; height:26px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec', endColorstr='#ffffff'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#ffffff)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ececec,  #ffffff); /* for firefox 3.6+ */
 	-webkit-box-shadow: 0px 0px 2px 0px #262626; /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
    box-shadow: 0px 0px 2px 0px #262626;
}

.activity-type-filter-site-color {
	color:green !important;
}
.hide-site-activity-type-filter {
	display: none;
}
.chart-statistics-filter{
	display: block;
}
.chart-statistics-filter-display{
	display: block;
}
.errorPreYearDataIsUnComplete{
	color: #e60000;
	width: 15px;
	cursor: pointer;
}
#site-is-already-add-error{
	color: #cc0000;
	font-size: 12px;
}
.errorSavingGroup{
	
}

#usermain .user p {margin-top: 0;}
#usermain .user p a{ display: table;line-height: 20px}
.chosen-container {
	font-size: 12px !important;
	font-weight: normal !important;
}
.ms-options{
	font-size: 12px !important;
	font-weight: normal !important;
}
.searchActivitiesForSavingGroup{
	text-align: center;
}
.selectedActivitiesForSavingGroup{
	text-align: center;
}
.qtip-content div {
	margin-left: 10px;
}
.qtip-content span {
	font-weight: bold;
}
.ui-label-location{text-align: left;}
.ui-label-location label.ui-input-text{ width: auto;}
.ui-label-location #locationEnable{margin-top:9px;}
#publishChecklistPopup .ui-input-text{float: left;}
#publishChecklistPopup .textbox{float: left; margin-left: 5px;}
.errorForActivityTypeAdd{
	color: #cd0a0a;
	padding: 5px;
	border: 0px solid #cd0a0a;
	background-color: #fef1ec;
	display: none;
	margin: 5px 0px;
	font-size: 11px;
}

.saving-group-main{display: table;width: 100%;border:1px solid #93b7d1; margin-bottom: 10px;}
.saving-groups-title {min-height: 60px;display:table-cell;vertical-align: middle;  padding:5px; width:15.64%;border-right:1px solid #93b7d1;	/* width: 150px; */	text-align: center;}
.saving-groups-title:last-child{border-right:none;}

.non-weather-normalized, .weather-normalized{ display: inline-block;
    margin-bottom: 20px;
    width: 49.4%;}
.non-weather-normalized{margin-right: 5px;}
.savingGroupGrid-main{width: 100%; display: inline-block; margin-top: 10px;}
.non-weather-normalized-subgroup, .weather-normalized-subgroup { background:#f7fcff;border-top: 1px solid #93b7d1; border-right: 1px solid #93b7d1; border-left: 1px solid #93b7d1; display: table;  width: 100%;}
.weather-normalized-subgroup .saving-groups-title, .non-weather-normalized .saving-groups-title{width:31.0%;float: left; border-bottom: 1px solid #93b7d1}
.weather-normalized .saving-groups-title:nth-child(3n+0), .non-weather-normalized .saving-groups-title:nth-child(3n+0){ border-right: none;}
.weather-normalized{float: right;}
.ip-device table tr th {padding: 5px;}
.ip-device table tr td{padding: 5px 10px;}
.ip-device table .gridtdwh, .ip-device table .gridtd:hover{background: inherit;}
.ip-device table .gridtd:hover{background: #eff3fb;}

.ip-device-name{text-transform: uppercase;}
.ip-device-name a{color:#0463a2; text-decoration: none;font-weight: bold;}
.ip-device-name a:hover{text-decoration: underline;}
@media only screen and (max-width: 1379px){
	.weather-normalized-subgroup .saving-groups-title, .non-weather-normalized .saving-groups-title {width:30.8%;}
}
@media only screen and (max-width: 1200px){
	.weather-normalized-subgroup .saving-groups-title, .non-weather-normalized .saving-groups-title{ width: 46.9%; min-height: 60px;}
	
	.weather-normalized .saving-groups-title:nth-child(3n), .non-weather-normalized .saving-groups-title:nth-child(3n) {
	    border-right: 1px solid #93b7d1;
	}
	.weather-normalized .saving-groups-title:nth-child(2n), .non-weather-normalized .saving-groups-title:nth-child(2n) {
	    border-right:none;
	}
}

.dateranage-picker > button.ui-button {
	height: 31px;
	margin-bottom: 1px;
}
.right-content{width: 77%;}

@media only screen and (max-width: 1200px){
.right-content{width: 75%;}
}

@media only screen and (max-width: 991px){
.right-content{width: 74%;}	
}

@media only screen and (max-width: 767px){
.right-content{width: 72%;}		
}

@media only screen and (min-width: 1407px){
/*.weather-normalized-subgroup .saving-groups-title, .non-weather-normalized .saving-groups-title{ width:31.44%}*/

}
.sitesFor360Services{
	/* border: 1px solid #c7d6e9;
	box-shadow: 0 1px 2px 0 #262626; */
	float: left;	
	width: 42%;
}

.projectTypeFor360Services{
	float: left;
	margin: 10px;
	height: 180px;
}
.projectTypeFor360Services .button{min-width: 100px;}
.projectTypeFor360Services h4{color: #156ba7; font-size: 15px; margin-top:0; margin-bottom:5px; font-weight: bold;}
.accessibleSitesFor360Services{
	/* border: 1px solid #c7d6e9;
	box-shadow: 0 1px 2px 0 #262626; */
	float: left;
	/* height: 200px;
	overflow: auto; */
	width: 40%;
	
}
.selectedSitesFor360Services, #selectSitesFor360Services{height: 200px;	overflow: auto; width: 100%;}
.accessibleSitesFor360Services label, .sitesFor360Services label{ display: inline-block; padding:6px 4px 4px;}
.sitesFor360Services #searchSiteFor360Services{ margin: 4px;}
.sitesFor360Services label, .accessibleSitesFor360Services label {
	font-size: 15px;
	font-weight: bold;
	color: #156ba7;
}
.emsDevices-timeline{display:none; font-size:medium; cursor: default; padding:10px;}
.emsDevices-timeline .ui-input-text{width:30%; margin-right: 10px;}
.emsDevices-timeline p{color: #444444; font-weight: bold; margin-bottom: 20px; margin-top: 0;}
.emsDevices-timeline p span{float: right;cursor: pointer;}
#userinfo table td {
	padding: 5px;
}
#userinfo table td label{
	width: 200px;
}
.text-center{text-align: center !important;}
.pull-right{float: right !important;}
.siteselection-service{padding:20px 10px 10px; border: 1px solid #ddd; margin: 40px 0;}
.siteselection-service #organizationFor360Services{margin-bottom: 20px;}
.publish-checklist table tr td i{color: #009FFF; margin-top: 3px; border: 1.5px solid #8B8B8E; border-radius: 50%; padding: 2px;}

.manage-checklist-department table tr td i{color: #009FFF; margin-top: 3px; border: 1.5px solid #8B8B8E; border-radius: 50%; padding: 2px;}

.error-msg-special-char{color: red;font-size: 12px; font-weight: normal;padding:0px;}


.ui-datepicker .weekend .ui-state-default {
  background: #FEA;
}

.ui-datepicker-calendar td a[data-custom] {
  position: relative;
  padding-bottom: 10px;
}

.ui-datepicker-calendar td a[data-custom]::after {
  content: attr(data-custom);
  display: block;
  font-size: small;
}

/* .ui-widget .ui-widget{ */
/* 	width:650px; */
/* } */

/* .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { */
/*     width: 49%; */
/*     height: 34Px; */
/*     padding: 6px 12px; */
/*     font-size: 14px; */
/*     line-height: 1.42857143; */
/*     color: #555; */
/*     background-color: #fff; */
/*     background-image: none; */
/*     border: 1px solid #ccc; */
/*     border-radius: 4px; */
/*     -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); */
/*     box-shadow: inset 0 1px 1px rgba(0,0,0,.075); */
/*     -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; */
/*     transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; */
/* } */

/* .ui-datepicker th { */
/*     padding: 1.7em 0.3em; */
/*     text-align: center; */
/*     font-weight: 600; */
/*     font-size: 14px; */
/*     border: 0; */
/* } */

/* .ui-datepicker table { */
/*     width: 100%; */
/*     font-size: 1.9em; */
/*     border-collapse: collapse; */
/*     margin: 0 0 .4em; */
/* } */

#inlineDatepicker .ui-datepicker{ width: 95%;}
#inlineDatepicker .ui-datepicker select.ui-datepicker-month{width: 40%; padding: 5px 0; margin: 0 10px;}
#inlineDatepicker .ui-datepicker select.ui-datepicker-year{ width:40%;padding:5px 0;}
#inlineDatepicker .ui-datepicker .ui-datepicker-prev span, #inlineDatepicker .ui-datepicker .ui-datepicker-next span{top:73%;}
#inlineDatepicker .ui-datepicker th{ padding: 10px; font-size: 14px;}
#inlineDatepicker .ui-datepicker-calendar td a[data-custom]{ padding-bottom:.2em;}
#inlineDatepicker .ui-datepicker tbody td a, #inlineDatepicker .ui-datepicker tbody td .ui-state-default{min-height:100px; font-size: 18px;}
#inlineDatepicker .ui-datepicker-calendar td a[data-custom]::after{ margin-top: 18px; font-size: 20px; text-align: center}

#inlineDatepicker .ui-widget-content .ui-state-default.ui-state-active{ background: #A7C8EF !important;}
#inlineDatepicker .ui-widget-content .ui-state-default.checklist-empty{ background: #F6C7C7;}
#inlineDatepicker .ui-widget-content .ui-state-default.checklist-available{ background: #EAF19B;}
.close-calender{position: relative;}
.close-calender img{position: absolute;left: -8px;top: -2px; z-index: 1;}


.divider {
	background-color: aliceblue;
	margin-top:1%;
}

.divider-for-scheduler {
	background-color: aliceblue;
	margin-top:1%;
}
.scheduler-submit-button{
	vertical-align: top;
    display: inline-block;
    width: 89%;
    margin: 1% 2% 1% 15%;
}

.scheduler-submit-button-design {
	width: 8%;
    color: white;
    margin-left:13%;
    background: #3CB5F8;
}

.scheduler-reset-button-design{
	width: 8%;
    background: white;
}

.scheduler-reset-button-design:hover {
	width: 8%;
	color:#3baae3;
    background: white;
}

.scheduler-utility-type {
	margin-left: -15%;
}


.weather-table {
	width: 73%;
	border-collapse: collapse;
}

.weather-table th, .weather-table td{
	border: 1px solid black; 
	padding:6px;
}
/* #tabs .blockUI.blockMsg.blockElement{top:180px !important;} */
.get-historical-weather-data .blockUI.blockMsg.blockElement{top:180px !important;}
.addactivity-timeline .chosen-container{width: auto !important;float: left;}
.addactivity-timeline .chosen-container-multi .chosen-choices{/* border-radius:0;background: #fff !important;box-shadow: none; */}
.addactivity-timeline .textarea, .addactivity-timeline .textbox, .addactivity-timeline .chosen-container-multi .chosen-choices{/* border-radius:0;background: #fff !important;box-shadow: none;border:1px solid #aaa !important; */  width: 250px;float: left;}
.addactivity-timeline .chosen-container-multi .chosen-choices li.search-field input[type=text]{height:auto; padding:0; margin:0; line-height:20px;}
.addactivity-timeline .add-activity-input-div input{width: 250; float: left;}
.addactivity-timeline .ui-input-text span{ float: right;}
.addactivity-timeline #attachDocuments{margin-top:4px;}
.activities-download-files h3{margin-top: 0;}
.activities-download-files.modal-content{border: 3px solid rgb(170, 170, 170);background-color: aliceblue;}
.activities-download-files .close{float: none;}

#activityAttachmentDow .link{text-decoration: none;color: #000;font-weight: 100;}
.manageFuelTable tbody tr input[type="checkbox"]{position: relative;opacity:1}

.sitesFor360Services_MapSite{
	/* border: 1px solid #c7d6e9;
	box-shadow: 0 1px 2px 0 #262626; */
	float: right;	
	width: 50%;
}

.selectedSitesFor360Services_MapSite, #selectSitesFor360Services_MapSite{height: 330px;	overflow: auto; width: 100%;}
.accessibleSitesFor360Services_MapSite label, .sitesFor360Services_MapSite label{ display: inline-block; padding:6px 4px 4px;}
.sitesFor360Services_MapSite #searchSiteFor360Services_MapSite{ margin: 4px;}
.sitesFor360Services_MapSite label, .accessibleSitesFor360Services_MapSite label {
	font-size: 15px;
	font-weight: bold;
	color: #156ba7;
} 

.accessibleSitesFor360Services_MapSite{
	/* border: 1px solid #c7d6e9;
	box-shadow: 0 1px 2px 0 #262626; */
	float: left;
	/* height: 200px;
	overflow: auto; */
	width: 45%;
	
}

/* .enhancedPrifix { position: relative; } 
.enhancedPrifix select { position: absolute; left: 37%; top: 2px; color: #999; box-shadow: none; background: white; height: 21px} 
.enhancedPrifix input { position: absolute; left: 44%; top: 2px; padding-left: 0px; width: 145px;}
.enhancedPrifix label{ margin-right: 45%; }   */ 
 
 
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: aliceblue;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 30%;
    margin-top:10%;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
/* Enhanced Saving */
#addEnhancedSaving .modal-content {width: 45%;}
.enhanced-saving .textbox, .enhanced-saving .drpdown {width: 100%;}
.enhanced-saving tr th{padding: 0px}
.shortedCell{background: aliceblue;}
.sitelinkBlue{color:blue !important;}
.disabled-color {opacity: 0.5;}
.changePassword-label {width: 125px !important;}
.changePassword-field {width: 350px !important;}


/*******************************************************/
.marginalCostAnalysisTableRecord {
    width: 98%;
	color:#000; 
}
.marginalCostAnalysisTableRecord input[type=text] {
	background: none;
	border: 1px solid #AEE2FC;
	width: 100%;
}
.marginalCostAnalysisTableRecord input[disabled] {
	background: none;
	border: none;
	/* width: 100%; */
}
.marginalCostAnalysisTableRecord > div 
{
    display: table-row;
	background-color: #FFF;
}
/* .marginalCostAnalysisTableRecord > div:nth-child(odd) {
	background-color: #FAFAFA;
} */
.marginalCostAnalysisTableRecord > div > div {
	display: table-cell;
    height: 20px;
    vertical-align: middle; border-collapse: collapse;
	text-align:center;
    width: auto;	 
	padding: 0px 4px 0px 4px;	
	border-right:1px solid #A9A9A9;
	border-bottom:1px solid #A9A9A9;
}

.marginalCostAnalysisTableRecord > div > div:FIRST-CHILD {
	border-left:1px solid #A9A9A9;
	border-right:1px solid #A9A9A9;
	border-bottom:1px solid #A9A9A9;
}

.marginalCostAnalysisTableRecord > div > div + div 
{
    width: auto;
    padding: 0px 4px 0px 4px;
}
.marginalCostAnalysisTableRecord input.error {
	background-color: #FFF2F2;
	border: 1px solid #FFA1A1;
}
.marginalCostAnalysisTableRecord > div.readonly input[type=text] {
	background: none;
	border: none;
	width: 100%;
}
/*********************************************************/
.gridtitleMargicalCostAnalysis{color:#000; font-weight:bold; font-size:12px;}
/* .gridtitleMargicalCostAnalysis th{padding:4px !important; min-width:140px!important;max-width:140px!important;} */
.gridRowMargicalCostAnalysis{ background:#ffffff; color:#000; font-weight:bold; font-size:12px; }
/* .gridRowMargicalCostAnalysis td{padding:4px !important;min-width:140px!important;max-width:140px!important;} */


.data-table{border: 1px solid #a9a9a9 !important;}
    .data-table tr td, .data-table tr th{ padding: 6px !important; border-bottom: 1px solid #a9a9a9 !important;}  
    .data-table tr td{width:86px !important; min-width:86px !important}
     .data-table tr td.w-50{width:40px !important; min-width:40px !important}
    
    .data-table tr .w-230{min-width: 205px !important; width: 205px !important; word-break: break-word !important; } 
    .data-table tr td{font-size: 12px;}
    .bg-sky-blue{background-color: #e4f2fb !important;}
	.border-left {border-left: 1px solid #a9a9a9 !important;}
	.table-responsive{    max-width: 100% !important;
    	overflow-x: auto !important;}
    .text-right {text-align: right !important;}


.like,
.dislike {
  display: inline-block;
  cursor: pointer;
  margin: 10px;
  color:#000;
}

.dislike:hover,
.like:hover {
  color: #2EBDD1;
  transition: all .2s ease-in-out;
  transform: scale(1.1);
}

.active {
  color: #2EBDD1;
}
.badge-link.arrow {
	padding-right:50px!important;
}
.badge-link .badge {
	position: absolute;
    top: 5px;
    right: 16px;
    background-color: #fff0f0;
    color: #3baae3;
    padding: 1px 8px;
    text-align: center;
    border-radius: 5px;
    font-size: 9px;
    line-height: 11px;
}
.msg_info{
	    color: #808080c7;
    font-weight: 600;
    font-size: 12px;
    line-height: 17px;
    width: 620px;
    padding-top: 30px;
    margin: auto;
}
#startButton {
  background: none;
  border: none;
  font-size: 20px;
  cursor: pointer;
  outline: none;
}

.start-chat-btn{
	color: #3cb5f8;
	position: absolute;
    right: 5px;
    top: 10px;
}
.clear-btn{
	position: absolute;
	top: 7px;
    right: 40px;
    color:#2e6da4;
    border: none;
    background: transparent;
    font-size: 20px;
    cursor: pointer;
    display: none;
}
.clear-btn svg{
	height: 20px;
    width: 20px;
    fill: #888686c7;
}
.clear-btn:after{
	content: "";
    height: 20px;
    width: 1px;
    background: #80808054;
    position: absolute;
    top: 2px;
    right: -6px;
}
.blinking {
     animation: blinker 1s linear infinite;
 }

 @keyframes blinker {
     50% {
         opacity: 0;
     }
 }
 
 /* Styling the scrollable content */
.scrollable-content {
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 10px;
}

/* Optional: Styling the list items */
.scrollable-content ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.scrollable-content ul li {
     font-size: 12.2px;
}

.scrollable-content ul li:last-child {
  border-bottom: none; /* Remove the last item's border */
}

.infoIcon{
	padding-right: 4px;
}