/* global CSS  */
*{ margin: 0px; padding: 0px; }

body { font-family: arial; font-size: 14px; overflow-y: scroll; *overflow-y: inherit; }
a, input { outline:none; text-decoration: none; }
a{ cursor:Pointer; }
.clear{clear:both; }
img{ border: none; }

/* wrapper start */
.wrapper { width: 100%; }

/* header start */
.header { padding: 2px 10px; border:#D9D9D9 solid 1px; height:42px; margin: 5px 3px; background:#e6e6e6;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6'); 
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6)); 
	background: -moz-linear-gradient(top,  #ffffff,  #e6e6e6); } 
.header h1{ float:left; margin-left: 13px; font-family:Arial, Helvetica, sans-serif; font-size: 14px; color:#535353; font-weight:bold; line-height:43px; height: 43px; } 
.header ul { list-style:none; float:right; }	
.header ul li { width:40px; margin-left: 10px; padding-top:3px; color:#585858; font-size:12px; text-align:center; float:left; }
.header ul li a { width: 40px; height: 0px; padding-top:23px; display: block; color: #585858; background: url(./images/refresh.png) 7px top no-repeat; }
.header ul li a:hover { color: #305181; background: url(./images/refresh1.png) 7px 1px no-repeat; }
.header ul li a.add { background: url(./images/add.png) 7px top no-repeat; }
.header ul li a.add:hover { background: url(./images/add1.png) 7px top no-repeat; }
.header ul li a.cancel { background: url(./images/cancel.png) 7px top no-repeat; }
.header ul li a.cancel:hover { background: url(./images/cancel1.png) 7px top no-repeat; }
.header ul li a.close { background: url(./images/close.png) 7px top no-repeat; }
.header ul li a.close:hover { background: url(./images/close1.png) 7px top no-repeat; }
.header ul li a.delete { background: url(./images/delete.png) 7px top no-repeat; }
.header ul li a.delete:hover { background: url(./images/delete1.png) 7px top no-repeat; }
.header ul li a.log { background: url(./images/log.png) 7px top no-repeat; }
.header ul li a.log:hover { background: url(./images/log1.png) 7px top no-repeat; }
.header ul li a.new { background: url(./images/new.png) 7px top no-repeat; }
.header ul li a.new:hover { background: url(./images/new1.png) 7px top no-repeat; }
.header ul li a.preview { background: url(./images/preview.png) 7px top no-repeat; }
.header ul li a.preview:hover { background: url(./images/preview1.png) 7px top no-repeat; }
.header ul li a.refresh { background: url(./images/refresh.png) 7px top no-repeat; }
.header ul li a.refresh:hover { background: url(./images/refresh1.png) 7px top no-repeat; }
.header ul li a.reopen { background: url(./images/reopen.png) 7px top no-repeat; }
.header ul li a.reopen:hover { background: url(./images/reopen1.png) 7px top no-repeat; }
.header ul li a.revise { background: url(./images/revise.png) 7px top no-repeat; }
.header ul li a.revise:hover { background: url(./images/revise1.png) 7px top no-repeat; }
.header ul li a.save { background: url(./images/save.png) 7px top no-repeat; }
.header ul li a.save:hover { background: url(./images/save1.png) 7px top no-repeat; }
.header ul li a.search { background: url(./images/search.png) 7px top no-repeat; }
.header ul li a.search:hover { background: url(./images/search1.png) 7px top no-repeat; }
/* header End */



/*Start Add Delete button */
.HeaderSection{padding: 1%; width: 99%; }
.HeaderSection h4{ display:block; float:left; padding: 12px 14px 0 4px; font-size:14px; color:#000000; font-weight:normal; line-height:24px; }
.HeaderSection ul{ list-style:none; float:right; margin: 8px 0 0; padding:5px 20px 5px 0; width: 132px !important; }
.HeaderSection ul li{ width:50px; color:#585858; text-align:center; float:left; }
.HeaderSection ul li a { height: 18px; width:78px; display: block; font-size:14px; color: #3b3b3b; background: url(./images/add_icon.png) 4px top no-repeat;  }
.HeaderSection ul li a:hover { color: #305181; background: url(./images/add_icon.png) 4px -19px no-repeat; }
.HeaderSection ul li a.delete { width:85px; display: block; background: url(./images/delete_icon.png) 2px top no-repeat; }
.HeaderSection ul li a.delete:hover { color: #305181; background: url(./images/delete_icon.png) 2px -19px no-repeat; }

.HeaderSection div { width: 100%; float: left; min-height: 40px; }
.HeaderSection div label {width:220px;margin: 4px 1px 4px 0px;float:left; color:#6a6a6a; }
.HeaderSection div span {width:220px;margin: 4px 1px 4px 0px;float:left; color:#6a6a6a; }
.HeaderSection div label[iscaption='1'] { color:#000000;}
.HeaderSection div label[iscaption='1'][mandatory='1'] { border-right: 2px solid #d62727; margin-right: 3px; }
.HeaderSection div label[IsFromTodate='1'] { width:35px;}


.HeaderSection input[type="text"]{width:220px; float: left; padding: 2px 0;background:#fbfbfb; border-left:1px solid #a8a8a8; border-top:1px solid #a8a8a8; border-bottom:1px solid #d8d8d8; border-right:1px solid #d8d8d8; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;  -moz-box-shadow: 4px 4px 4px #F0F0F0 inset; -webkit-box-shadow: 4px 4px 4px #F0F0F0 inset; box-shadow: 4px 4px 4px #F0F0F0 inset;}
.HeaderSection input:focus { border-left:1px solid #98c5eb; border-top:1px solid #98c5eb; border-bottom:1px solid #deebf7; border-right:1px solid #deebf7; }
.HeaderSection input[type="checkbox"], input[type="radio"]{ margin-top: 8px; width: 13px; height: 13px;}
.HeaderSection select{ width:220px;padding: 5px;border: 1px solid #999; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.HeaderSection textarea{width:220px; padding: 2px;border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; resize:none; height: 60px; color:#444444;  background:#fbfbfb; border-left:1px solid #a8a8a8; border-top:1px solid #a8a8a8; border-bottom:1px solid #d8d8d8; border-right:1px solid #d8d8d8; 
	-moz-box-shadow: 4px 4px 4px #F0F0F0 inset; -webkit-box-shadow: 4px 4px 4px #F0F0F0 inset; box-shadow: 4px 4px 4px #F0F0F0 inset; }
.HeaderSection a[isbutton='1'] {background: #05629b; text-align:center; padding:6px 10px; float: left; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border:#00395a solid 1px; color: #ffffff; font-size: 14px; outline:none; font-weight:bold; margin-right:15px; cursor: pointer; }

.HeaderSection table[ColCount='4'] p label{width:110px;}
.HeaderSection table[ColCount='4'] p span{width:110px;}
.HeaderSection table[ColCount='4'] input[type="text"]{width:110px;}
.HeaderSection table[ColCount='4'] select{width:110px;}
.HeaderSection table[ColCount='4'] textarea{width:110px;}

.HeaderSection input[type="text"][linkcontrol='1']{width:105px; margin-right: 5px;}
.HeaderSection select[linkcontrol='1']{width:110px;float:left;margin-right: 5px;}
.HeaderSection table[ColCount='4'] input[type="text"][linkcontrol='1']{width:55px; margin-right: 3px;}
.HeaderSection table[ColCount='4'] select[linkcontrol='1']{width:55px;float:left;margin-right: 3px;}

.HeaderSection .hasDatepicker{ padding: 2px; width: 75px !important; border: 1px solid #a8a8a8; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;  -moz-box-shadow: 4px 4px 4px #F0F0F0 inset; -webkit-box-shadow: 4px 4px 4px #F0F0F0 inset; box-shadow: 4px 4px 4px #F0F0F0 inset;  margin-right:4px; }

/*Added by jatin for radio button list, Disable div & popup*/
.HeaderSection input[IsDate='1']{width:75px;margin:0 5px 0 0;}

.HeaderSection .tblRadioButtonList{float:left;margin:0 0 0 -15px;}
.HeaderSection .tblRadioButtonList tr{float:left;width:120px;}
.HeaderSection .tblRadioButtonList tr input{float:left;}
.HeaderSection .tblRadioButtonList tr label{float:left;width:80px;}
.HeaderSection .tblRadioButtonList label{padding:2px 0 0 5px;}

.HeaderSection .clsCheckBox {margin:0!important}

.divDisable{filter:alpha(opacity=15);opacity:0.20;background:gray;height:100%;width:100%; position:absolute;z-index:100;left:0px;top:0px;}
		
.PopupContainer{padding: 5px; Z-INDEX: 150; BORDER-BOTTOM: #316ac5 3px solid; POSITION: fixed; BORDER-LEFT: #316ac5 3px solid; BACKGROUND-COLOR: white; DISPLAY: none; BORDER-TOP: #316ac5 3px solid; BORDER-RIGHT: #316ac5 3px solid;}
#PopUpAction{POSITION: relative; padding: 1% ; width: 98%; BORDER: #d9d9d9 1px solid; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6'); FLOAT: left; HEIGHT: 22px; margin:0 0 10px 0;}
#PopUpAction span>label{FLOAT: left;padding:1px 5px 0px 2px;cursor:pointer;}
#PopUpAction span>label:hover{text-decoration:underline;}
#PopUpAction>span{FLOAT: right;margin:2px 0 0 0}
#PopUpAction>label{FLOAT: left;font-weight:bold;color:#4D4D4D; margin:2px 0 0 5px;}
#PopUpAction img{float:left;}
#PopupGrid{overflow:scroll;padding:0 5px 0 5px;}
#PopupHeader{float:left;width:98%;padding:10px 1% 10px 1%; margin:0 0 10px 0;}
#PopupHeader>div label{width:24%;font-weight:bold;color:#5F6061;float:left;}
#PopupHeader>div span{width:24%;float:left;}
#PopupHeader tr{height:30px;}
#PopupHeader table tr td label{width:40%;font-weight:bold;float:left;}
#PopupHeader table tr td span{width:60%;float:left;}
/*--------------------------------------*/
/*End Add Delete button */


/*Grid Start */
/*.AddGrid{width:100%; overflow-x: scroll;}*/
.AddGrid table[type='Grid'] {clear:both; width: 99.7%; margin: 0 0 3px 2px;border:1px solid #d4d2d2; font-family: arial; font-size: 12px; padding: 5px;}
.AddGrid table[type='Grid'] tr[HeaderRow='1'] {height:38px; background-color:#eff3f5; padding: 4px; font-size:12px; color:#3b3b3b; text-align:center;POSITION: relative;}
.AddGrid table[type='Grid'] tr[ItemRow='1'][ItemRow='1'] td {padding:5px; font-size:12px; color:#6a6a6a; text-align:left;font-size:12px;overflow:hidden; text-overflow:ellipsis;}
.AddGrid table[type='Grid'] tr[ItemRow='1'][RedRow='1']{color:red}
.AddGrid table[type='Grid'] tr[ItemRow='1'][AltRow='0']{background-color:#eff3f5;}
.AddGrid table[type='Grid'] tr[HeaderRow='1'] td {overflow:hidden; text-overflow:ellipsis;}
.AddGrid table[type='Grid'] tr[ItemRow='1'] td a {font-size:12px; color:#6a6a6a; text-align:left;}
.AddGrid table[type='Grid'] tr[ItemRow='1'] input[type="text"]{ padding: 1px; width: 95%; background:#fbfbfb; border-left:1px solid #a8a8a8; border-top:1px solid #a8a8a8; border-bottom:1px solid #d8d8d8; border-right:1px solid #d8d8d8; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 4px 4px 4px #F0F0F0 inset; -webkit-box-shadow: 4px 4px 4px #F0F0F0 inset; box-shadow: 4px 4px 4px #F0F0F0 inset; }
.AddGrid table[type='Grid'] tr[ItemRow='1'] input[IsGridDate="1"]{ width:95%; height: 20px; padding:2px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  -moz-box-shadow: inset 0 2px 4px #ededed;  -webkit-box-shadow: inset 0 2px 4px #ededed; box-shadow: inset 0 2px 4px #ededed; background: #FFF; border: 1px solid #e5e5e5; color: #b9b9b9; }
.AddGrid table[type='Grid'] tr[ItemRow='1'] select {width: 95%;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  -moz-box-shadow: inset 0 0px 4px #ededed;  -webkit-box-shadow: inset 0 0px 4px #ededed; box-shadow: inset 0 0px 4px #ededed; background: #FFF; border: 1px solid #e5e5e5; color: #3B3B3B;}
.AddGrid table[type='Grid'] tr.alt td { background-color: #EEEEEE; }
.AddGrid table[type='Grid'] tbody { overflow-y: auto; overflow-x: hidden; }

.ListGrid table[type='Grid'] {clear:both; width: 99.7%; margin: 0 0 3px 2px;border:1px solid #d4d2d2; font-family: arial; font-size: 12px; padding: 5px;}

.ListGrid table[type='Grid'] tr[HeaderRow='1'] { height:38px;padding: 4px; font-size:13px; font-weight:bold; color:#ffffff; text-align:center;POSITION: relative; 
	border: 1px solid #29B4ED; background: #299bd9; background: -moz-linear-gradient(top,  #4ad2ff,  #299bd9); background: -webkit-gradient(linear, left top, left bottom, from(#4ad2ff), to(#299bd9));	}

.ListGrid table[type='Grid'] tr[ItemRow='1'][ItemRow='1'] td {padding:5px; font-size:12px; color:#6a6a6a; text-align:left;font-size:12px;overflow:hidden; text-overflow:ellipsis;}
.ListGrid table[type='Grid'] tr[ItemRow='1'][RedRow='1']{color:red}
.ListGrid table[type='Grid'] tr[ItemRow='1'][AltRow='0']{background-color:#eff3f5;}
.ListGrid table[type='Grid'] tr[HeaderRow='1'] td {overflow:hidden; text-overflow:ellipsis;padding:5px;}
.ListGrid table[type='Grid'] tr[ItemRow='1'] td a {font-size:12px; color:#6a6a6a; text-align:left;}
.ListGrid table[type='Grid'] tr[ItemRow='1'] input[type="text"]{ padding: 1px; width: 95%; background:#fbfbfb; border-left:1px solid #a8a8a8; border-top:1px solid #a8a8a8; border-bottom:1px solid #d8d8d8; border-right:1px solid #d8d8d8; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 4px 4px 4px #F0F0F0 inset; -webkit-box-shadow: 4px 4px 4px #F0F0F0 inset; box-shadow: 4px 4px 4px #F0F0F0 inset; }
.ListGrid table[type='Grid'] tr[ItemRow='1'] input[IsGridDate="1"]{ width:95%; height: 20px; padding:2px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  -moz-box-shadow: inset 0 2px 4px #ededed;  -webkit-box-shadow: inset 0 2px 4px #ededed; box-shadow: inset 0 2px 4px #ededed; background: #FFF; border: 1px solid #e5e5e5; color: #b9b9b9; }
.ListGrid table[type='Grid'] tr[ItemRow='1'] select {width: 95%;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  -moz-box-shadow: inset 0 0px 4px #ededed;  -webkit-box-shadow: inset 0 0px 4px #ededed; box-shadow: inset 0 0px 4px #ededed; background: #FFF; border: 1px solid #e5e5e5; color: #3B3B3B;}
.ListGrid table[type='Grid'] tr[HeaderRow='1'] div[SortDiv='1']{width:100%;font-family:Arial; font-size:13px; color:#FFFFFF; font-weight:bold; text-align:center; padding-bottom:5px;}
.ListGrid table[type='Grid'] tr[HeaderRow='1'] div[SearchDiv='1']{ width:100%; margin:0 auto; display:block; text-align: center; overflow:hidden; }
.ListGrid table[type='Grid'] tr[HeaderRow='1'] div[LeftSearchDiv='1'] { display:inline-block; vertical-align:top; width:70%; text-align:right; } 
.ListGrid table[type='Grid'] tr[HeaderRow='1'] div[RightSearchDiv='1'] { display:inline-block; text-align:left; width:22px; }
.ListGrid table[type='Grid'] tr[HeaderRow='1'] div[LeftSearchDiv='1'] input[type="text"] {width: 100%; font-family:Arial; font-size:13px; color:#333333; border:#0e81c0 solid 1px; height:16px; padding:2px 0; margin:0px; line-height:18px;}

.ListGrid table[type='Grid'] tr.alt td { background-color: #EEEEEE; }
.ListGrid table[type='Grid'] tbody { overflow-y: auto; overflow-x: hidden; }


.clsWrapTxt {overflow:hidden; text-overflow:ellipsis;}


/* Grid  End */

	
.lnkOpen { padding-top:2px; display: block; font-size:14px; color: #3b3b3b; background: url(./images/lnkOpen.png) center 2px no-repeat;height:12px; text-indent:999px}
.lnkOpen:hover { color: #305181; background: url(./images/lnkOpen.png) center 2px no-repeat;height:12px; }
.copyToAll { padding-top:2px; display: block; font-size:14px; color: #3b3b3b; background: url(./images/CopyToAll.png) center 2px no-repeat;height:12px; left top no-repeat; text-indent:999px}
.copyToAll:hover { color: #305181; background: url(./images/CopyToAll.png) center 2px no-repeat;height:12px; left top no-repeat; }

/* LinkButton for List Page */

.linkNext{ font-family:Arial, Helvetica, sans-serif;font-size:12px; color:#333333; padding:10px; text-decoration:none; font-weight:bold;}
.linkNext:hover{text-decoration:underline;}

/* Tabs */


.viewdetialsBox ul { list-style:none; width:62%; float:left; margin-left:5px; }
.viewdetialsBox ul li{ height:30px; float:left; text-transform:uppercase; border:1px solid #aca899; background:url(./images/tab-bg-nrml.png) left top repeat-x;  }
.viewdetialsBox ul li.first { border-left:1px solid #aca899; }
.viewdetialsBox ul li a { font-size:13px; color:#646464; padding:6px 46px; display:block; font-weight:bold; }
.viewdetialsBox ul li a:hover{ color:#272727;}
.viewdetialsBox ul li.active a { color:#272727; background:url(./images/tab-bg-hover.png) left top repeat-x; border-bottom: none; }
.viewdetialsBox select{ width:220px; }
.viewdetialsBox label {width:110px;margin: 4px 1px 4px 0px; color:#6a6a6a; }


/* Loading Image Div */
.overdiv { 
		background-color: #FFFFFF;                       
		position: absolute;                       
		top: 10px;                       
		z-index:999999;	
display: block;					
	} 
	
.grip{
	width:20px;
	height:30px;
	margin-top:-3px;
	background-image:url('images/grip.png');
	margin-left:-5px;
	position:relative;
	z-index:88;
	cursor:e-resize;
}

.grip:hover{
	background-position-x:-20px;
}

.dragging .grip{
	background-position-x:-40px;
}

#notificationdiv {
    float:left;
    min-width:100px;
    padding:2px;
	color:red;
}


#topnav {
  /*position: fixed;*/
  right: 0;
  left: 0;
  top: 0;
  z-index: 1030;
  background-color: #fff;
  border: 0;
  position:fixed;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  min-height: 62px;
  box-shadow: 1px 0 3px 0 rgba(0, 0, 0, 0.2);
}

.wrapper {
    /*margin-top: 30px;*/
}
header { width:100%; }
.topsection { width:100%;     height: 30px; }
.bottomsection { width:100%; background:#008ecb; display:inline-block; }
.logo { width: 7%; padding: 3px 0 0px 14px; float:left; }

nav { width: 100%; }
nav ul { list-style: none; display: block; text-align:center; margin-bottom: 0px; }
nav ul li { position: relative; display:inline; line-height: 35px;     font: normal 13px Tahoma; }
nav ul li a { padding: 8px 10px; color:#ffffff; display: inline-block; text-decoration: none; }
nav ul li a span { padding-right: 15px; background:url("../images/down-arrow.png") no-repeat right center ; }
nav ul li a:hover, nav ul li.active a { color: #fff; background: rgb(73, 72, 72); }
nav ul li a:hover span, nav ul li.active a span { background:url("../images/bluedown-arrow.png") no-repeat right center ; }
	
	/* Nav submenu start */
	nav ul li .submenu { display: none; }
	nav ul li:hover .submenu { padding: 7px; position: absolute; z-index:999; top: 19px; display: block; }
		/* for ie7 and compatibility mode start */ 
		nav ul li:hover .submenu { *top: 28px; }
		/* for ie7 and compatibility mode end */ 
	
		/* for mozilla only start */
		@-moz-document url-prefix() { nav ul li:hover .submenu{top: 21px;}
		}
		/* for mozilla only end */
	
	nav ul li .submenu ul { float:left; border:1px solid #D4D4D4; border-top: none; box-shadow: 0 4px 7px rgba(0,0,0,0.2); -moz-box-shadow: 0 4px 7px rgba(0,0,0,0.2); -webkit-box-shadow: 0 4px 7px rgba(0,0,0,0.2); -ms-box-shadow: 0 4px 7px rgba(0,0,0,0.2); padding: 0px; }
	nav ul li .submenu ul li { background-color:#008ecc; position: relative; text-align: left; float: left;     font: normal 13px Tahoma; color:#fff; border-top: 0px solid #eae9e9; width: 110%; *width: 270px; /* ie7 and compatibility mode */ white-space: nowrap; }
	nav ul li .submenu ul li:first-child { border-top: none; }
	nav ul li .submenu ul li a { padding: 9px 15px 10px 5px !important; display: block; color: #fff; background: #008ecc; }
	nav ul li .submenu ul li a span { display: block; background:url("../images/arrows.png") right -3.5px no-repeat ; }
	/*nav ul li .submenu ul li a:hover span { background:url("../images/arrows.png") right 0px no-repeat ; }
	nav ul li .submenu ul li a:hover { background:#e7e6e6; }*/		
	/* Nav submenu1 start */
	nav ul li .submenu ul li .submenu1 { display: none; }
	nav ul li .submenu ul li:hover .submenu1 { padding: 0px; margin-left:0px; position: absolute; left: 100%; top:0px; display: block; background-color: #008ecc; }
	nav ul li .submenu ul li .submenu1 ul { border: 1px solid #D4D4D4; }
	nav ul li .submenu ul li .submenu1 ul li { display: block;  background-color: #008ecc; width:120%;  }		
	/* Nav submenu2 start */
	nav ul li .submenu ul li .submenu1 ul li .submenu2 { display: none; }
	nav ul li .submenu ul li .submenu1 ul li:hover .submenu2 { padding: 10px; margin-left:-10px; position: absolute; left: 100%; top: -10px; display: block; }
	nav ul li .submenu ul li .submenu1 ul li .submenu2 ul li { float: none; display: block; }			
	/* Nav submenu3 start */
	nav ul li .submenu ul li .submenu3 { display: none; }
	nav ul li .submenu ul li:hover .submenu3 { padding: 10px; margin-left: -10px; position: absolute; right: 100%; top: -10px; display: block; }
	nav ul li .submenu ul li .submenu3 ul { border:1px solid #D4D4D4; }
	nav ul li .submenu ul li .submenu3 ul li { display: block; }	
	/* Nav submenu4 start */
	nav ul li .submenu ul li .submenu3 ul li .submenu4 { display: none; }
	nav ul li .submenu ul li .submenu3 ul li:hover .submenu4 { padding:10px; margin-right:-10px; position: absolute; right: 100%; top: -10px; display: block; }
	nav ul li .submenu ul li .submenu3 ul li .submenu4 ul li { display: block; }
	
	nav ul li .submenu ul li .submenu1 ul li a, nav ul li .submenu ul li .submenu2 ul li a, nav ul li .submenu ul li .submenu3 ul li a, nav ul li .submenu ul li .submenu4 ul li a{background-color: #008ecc;}
	nav ul li .submenu ul li .submenu1 ul li a:hover{ color:#fff; background: rgb(73, 72, 72);}

/* profile section right panel start */
.profile { min-width: 15%; margin-right: 15px; text-align:right; float: right; }
.profile ul { padding-top: 7px; list-style:none; }
.profile .dropdown-menu{left:auto !important; right: 0;font-size: 14px;text-align: left;list-style: none; border-radius:0px; padding:0px;}
.dropdown-menu ul li{border:none !important ;}
.dropdown-menu .list-group-item{border:none !important ; }
.dropdown-menu .list-group{padding:0px!important; border:none !important;}

.profile .dropdown-menu .notifi-title { border-bottom: 1px solid rgba(0, 0, 0, 0.1); color: #000000;font-size: 18px;font-weight: 400;padding: 5px 0px 10px; float:none;}
.dropdown-menu-lg .media-heading {margin-bottom: 0px; font-size:14px;}
.dropdown-menu-lg .media-body p {color: #828282; font-size:12px;}
.profile ul li { position:relative; float:left; border-left:1px solid #b7b7b7; padding:0 5px; color:#949494; font-family:'Noto Sans', sans-serif; font-size: 13px; }
.profile ul li i{ font-size: 16px; }
.profile .fa-angle-right {font-size: 12px !important;}
.profile ul li a { color:#595959; }
.profile ul li a:hover,.profile ul li a:focus{color:#29b6f6;}
.profile ul li a.home { display:inline-block; background:url(../images/home.png) center center no-repeat; height:14px; width:16px; }
.profile ul li a.email { display:inline-block; background:url(../images/email.png) center center no-repeat; height:14px; width:16px; }
.profile ul li a.notification { display:inline-block; background:url(../images/notification.png) center center no-repeat; height:14px; width:16px; }
.profile ul li a.profileicon { display:inline-block; background:url(../images/profile.png) center center no-repeat; width:15px; height:14px; }
.profilebox {  width: 200px; border:1px solid #CFCFCF; background: #ffffff;}
.profilebox .pointer { float: right; margin: -9px 7px 0 0; width: 20px; height: 9px;} 
.profilebox .pointer img { float: right; }
.profileboxleft { display: inline-block; float: left; padding:10px; width: 88px; }
.profileboxright { text-align:left;     DISPLAY: INLINE-BLOCK; padding:3px 0 0 0; line-height:18px; width: 110px;  }
.profileboxright ul { padding:5px 0 10px; }
.profileboxright ul li { padding:0px; display:block; border:none; }
.profileboxright ul li a { font-family:calibri; color:#666666; font-size:15px; text-decoration:none; }
.profileboxright ul li a:hover { color: #000000;}


.emailListBox{padding:0;width:375px;position:absolute;top:16px;right:0;display:none; z-index:99999; background-color:#2f353f !important; }
.emailListBox .heading{display:block;overflow:hidden; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.emailListBox .heading a{padding:0 10px;font-size:13px;color:#fff;text-decoration:none;line-height:35px;float:left;/*background:url(../images/right-arrow.png) no-repeat right center*/}
.emailListBox .heading a:hover{color:#fff;}
.emailListBox a.more {float:right !important; font-size:12px !important;}
.emailListBox a.more:hover {color:#fff;}

.emailListBox ol{display:block;text-align:left;min-height:70px;overflow-y:auto;border-top:none; padding:0px;     border: 1px solid #2f353f; }

.emailListBox ol li{padding:10px;display:block;background:#fff;border:none;width:100%;box-sizing:border-box; overflow:hidden; min-height: 70px; border-bottom: 1px solid #ddd;}
.notification ol li{padding:10px;display:block;background:#fff;border:none;width:100%;box-sizing:border-box; overflow:hidden; min-height: 70px; border-bottom: 1px solid #ddd;}
.emailListBox ol li a{float:left;display:block}
.emailListBox ol li a img{float:left;}
.emailListBox ol li .item-content{margin-left:55px}
.emailListBox ol li .item-content span{font-size:12px;line-height:17px;color:#333;font-weight:400; display:block; width:210px; overflow: hidden !important;text-overflow: ellipsis !important;white-space: nowrap;}
.emailListBox ol li .date{font-size:13px;line-height:14px;color:#66696a;font-weight:400;float:right}
.emailListBox ol li .subject{display:block;overflow:hidden}
.emailListBox ol li .subject a{font-size:12px;line-height:17px;color:#333;font-weight:400;text-decoration:none}
.emailListBox ol li .preview{font-size: 12px; color: #66696a;display: block;width: 252px;line-height: 1.4; overflow: hidden !important; white-space: nowrap; text-overflow: ellipsis !important; font-weight: bold; margin-bottom: 2px;}
.emailListBox ol li .msg{font-size:12px;line-height:17px;color:#66696a; text-overflow: ellipsis; overflow: hidden;height: 30px !important;line-height: 1.4;display: -webkit-box;
-webkit-line-clamp: 2 !important;-webkit-box-orient: vertical !important; margin:0px;}
.emailListBox ol li .actionsBox{ float:right; margin-top:10px; }
.actionsBox a { float: none!important;display: inline !important;}
.emailListBox ol li:hover { background:#ebeced; cursor:pointer; }


.notificationDetails{ padding-left:55px; display:block;  }
.notificationDetails span { font-size:14px;line-height:17px;color:#333;font-weight:normal;text-decoration:none; display:block; }
.notificationDetails strong { font-size: 15px;line-height: 17px;color: #333;text-shadow: 0 1px 0 #fff;font-weight: bold;padding-left: 0;padding-right: 0; }

.emailListBox ol li .close { font-size:14px;line-height:17px;color:#414141;font-weight:normal;text-decoration:none; float:right; display:none; background:url(../images/close.png) no-repeat left top; width:10px; height:10px; }
.emailListBox ol li .close:hover { background-position:left -10px;}
.emailListBox ol li .time { font-size:14px;line-height:17px;color:#414141;font-weight:normal;text-decoration:none; float:right; }
.emailListBox ol li:hover .close { display:block; }
.emailListBox ol li:hover .time { display:none; }

.notificationNumber {background: #F00;font-size: 10px;text-align: center;color: #fff;width: 14px;height: 14px;position: absolute;top: -6px;right: 1px;z-index: 9; border-radius:15px; }

nav ul li .submenu ul li:hover a {     background: rgb(73, 72, 72) ; color:#fff; }
nav ul li .submenu ul li:hover a span { background:url("../images/arrows.png") right -3.5px no-repeat ; }
.bookmark{ display:block; position:absolute; top:8px; right:5px; width:20px; height:20px; background:url(../images/bookmarks-icon.png) no-repeat left top; text-indent:-99999px; }
.bookmark:hover { background-position:left -20px;}
.bookmark.active { background-position:left -40px;}
/* profile section right panel end */
/* Footer */
.footer {
  border-top: 1px solid rgba(33, 33, 33, 0.1);
  bottom: 0px;
  color: #58666e;
  text-align: left !important;
  padding: 20px 0px;
  position: absolute;
  right: 0px;
  left: 0px;
}
.footer ul li {
  padding-left: 10px;
  padding-right: 10px;
}
.footer ul li a {
  color: #797979;
}
.footer ul li a:hover {
  color: #6e8cd7;
}








.side-menu.left {
  background: #2f353f;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  position: absolute;
  top: 65px;
}
body.fixed-left .side-menu.left {
  bottom: 50px;
  height: 100%;
  margin-bottom: -70px;
  margin-top: 0px;
  padding-bottom: 70px;
  position: fixed;
}
.content-page {
  margin-left: 195px;
  overflow: hidden;
  margin-top: 64px;
}
.content-page > .content {
  margin-bottom: 60px;
  margin-top: 70px;
  padding: 20px 5px 15px 5px;
}
.button-menu-mobile {
  background: transparent;
  border: none;
  color: #888888;
  font-size: 21px;
  line-height: 70px;
  padding: 0px 15px;
}

.button-menu-mobile i{font-size:18px;}
.button-menu-mobile h3{
        font-size: 12px;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 0;
    display: inline;
    vertical-align: middle;}
	
.button-menu-mobile:hover {
  color: #212121;
}
.sidebar-inner {
  height: 100%;
}
#sidebar-menu,
#sidebar-menu ul,
#sidebar-menu li,
#sidebar-menu a {
  border: 0;
  font-weight: normal;
  line-height: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  text-decoration: none;
}
#sidebar-menu {
  background-color: #2f353f;
  padding-bottom: 50px;
  width: 100%;
}
#sidebar-menu a {
  line-height: 1.3;
}
#sidebar-menu ul ul {
  display: none;
}
#sidebar-menu ul ul li {
  border-top: 0;
}
#sidebar-menu ul ul li.active a {
  color: #ffffff;
}
#sidebar-menu ul ul a {
  color: #75798B;
  display: block;
  padding: 10px 25px 10px 65px;
}
#sidebar-menu ul ul a:hover {
  color: #ffffff;
}
#sidebar-menu ul ul a i {
  margin-right: 5px;
  float:right;
  display:none

}
#sidebar-menu ul ul a:hover i{
	display:block;
	}



#sidebar-menu ul ul ul a {
  padding-left: 80px;
}
#sidebar-menu > ul > li > a {
  color: #a7b1c2;
  display: block;
  padding: 15px 25px;
  background: #2f353f;
}
#sidebar-menu > ul > li > a:hover {
  background: #272c35;
  text-decoration: none;
}
#sidebar-menu > ul > li > a > span {
  vertical-align: middle;
  padding:0 5px;
}
#sidebar-menu > ul > li > a > i {
  display: inline-block;
  font-size: 18px;
  line-height: 17px;
  margin-left: 3px;
  margin-right: 15px;
  text-align: center;
  vertical-align: middle;
  width: 20px;
}
#sidebar-menu > ul > li > a > i.i-right {
  float: right;
  margin: 3px 0 0 0;
}
#sidebar-menu > ul > li > a.active {
  background: #272c35 !important;
  color: #ffffff;
}
#sidebar-menu > ul > li > a.active.subdrop {
  background: #272c35 !important;
}
.subdrop {
  background: #272c35 !important;
}
#wrapper.enlarged #sidebar-menu ul ul {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
#wrapper.enlarged .left.side-menu {
  display:none;
}
#wrapper.enlarged .left.side-menu #sidebar-menu > ul > li > a:hover {
  background-color: #272c35 !important;
}
#wrapper.enlarged .left.side-menu #sidebar-menu > ul > li > a:active {
  background-color: #272c35 !important;
}
#wrapper.enlarged .left.side-menu #sidebar-menu > ul > li > a:focus {
  background-color: #272c35 !important;
}
#wrapper.enlarged .left.side-menu #sidebar-menu > ul > li > a i {
  margin-right: 20px !important;
  margin-left: 0px !important;
  font-size: 20px;
}
#wrapper.enlarged .left.side-menu span.pull-right {
  display: none !important;
}
#wrapper.enlarged .left.side-menu #sidebar-menu ul > li {
  position: relative;
  white-space: nowrap;
}
#wrapper.enlarged .left.side-menu #sidebar-menu ul > li:hover > a {
  position: relative;
  width: 260px;
}
#wrapper.enlarged .left.side-menu #sidebar-menu ul > li:hover > ul {
  display: block;
  left: 70px;
  position: absolute;
  width: 190px;
}
#wrapper.enlarged .left.side-menu #sidebar-menu ul > li:hover > ul a {
  background: #ffffff;
  border-left: 3px solid #edf0f0;
  border: none;
  box-shadow: none;
  padding-left: 15px;
  position: relative;
  width: 190px;
  z-index: 6;
}
#wrapper.enlarged .left.side-menu #sidebar-menu ul > li:hover > ul a:hover {
  color: #212121;
}
#wrapper.enlarged .left.side-menu #sidebar-menu ul > li:hover a span {
  display: inline;
}
#wrapper.enlarged .left.side-menu #sidebar-menu a.subdrop {
  color: #ffffff !important;
}
#wrapper.enlarged .left.side-menu #sidebar-menu ul > li > ul {
  display: none;
}
#wrapper.enlarged .left.side-menu #sidebar-menu ul ul li:hover > ul {
  display: block;
  left: 190px;
  margin-top: -36px;
  position: absolute;
  width: 190px;
}
#wrapper.enlarged .left.side-menu #sidebar-menu ul ul li > a span.pull-right {
  -ms-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  position: absolute;
  right: 20px;
  top: 12px;
  transform: rotate(270deg);
}
#wrapper.enlarged .left.side-menu #sidebar-menu ul ul li.active a {
  color: #212121;
}
#wrapper.enlarged .left.side-menu #sidebar-menu ul > li > a span {
  display: none;
  padding-left: 10px;
}
#wrapper.enlarged .left.side-menu .user-details {
  display: none;
}
.enlarged .content-page {
  margin-left: 0px!important;
}

#wrapper.enlarged .topbar .topbar-left .logo span {
  display: none;
  opacity: 0;
}
#wrapper.enlarged .topbar .topbar-left .logo i {
  margin-right: 0px;
}
#wrapper.enlarged #sidebar-menu > ul > li:hover > a.open after {
  display: none;
}
#wrapper.enlarged #sidebar-menu > ul > li:hover > a.active after {
  display: none;
}

.user-details {
  min-height: 80px;
  padding: 20px;
  position: relative;
}
.user-details img {
  position: relative;
  z-index: 9999;
}
.user-details .user-info {
  color: #444444;
  position: relative;
  z-index: 99999;
}
.user-details .user-info a.dropdown-toggle {
  color: #ffffff;
  display: block;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 600;
  padding-top: 5px;
}
#wrapper.right-bar-enabled .right-bar {
  right: 0;
}
#wrapper.right-bar-enabled .left-layout {
  left: 0;
}
.side-bar.right-bar {
  float: right !important;
  right: -266px;
  top: 70px;
}
.side-bar {
  -moz-transition: all 200ms ease-out;
  -webkit-transition: all 200ms ease-out;
  background-color: #ffffff;
  box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1);
  display: block;
  float: left;
  height: 100%;
  overflow-y: auto;
  position: fixed;
  transition: all 200ms ease-out;
  width: 240px;
}
.right-bar {
  background: #ffffff !important;
  z-index: 99 !important;
}
.right-bar h4 {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
}