html { height: 100%; }
/*body {min-height: 100%;}*/
body { overflow-x: hidden;}

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: 0 !important; }

.clear {clear:both;}
.center {text-align: center;}

/* Gaps ( margins ) */

.gap0 {margin: 0;}
.gap5 {margin: 5px;}
.gap10 {margin: 10px;}
.gap15 {margin: 15px;}
.gap20 {margin: 20px;}

.gap-top0 {margin-top:0;}
.gap-top5 {margin-top:5px;}
.gap-top10 {margin-top: 10px;}
.gap-top15 {margin-top: 15px;}
.gap-top20 {margin-top: 20px;}

.gap-right0 {margin-right:0;}
.gap-right5 {margin-right:5px;}
.gap-right10 {margin-right: 10px;}
.gap-right15 {margin-right: 15px;}
.gap-right20 {margin-right: 20px;}

.gap-left0 {margin-left:0;}
.gap-left5 {margin-left:5px;}
.gap-left10 {margin-left: 10px;}
.gap-left15 {margin-left: 15px;}
.gap-left20 {margin-left: 20px;}

.gap-bottom0 {margin-bottom:0;}
.gap-bottom5 {margin-bottom:5px;}
.gap-bottom10 {margin-bottom: 10px;}
.gap-bottom15 {margin-bottom: 15px;}
.gap-bottom20 {margin-bottom: 20px;}

/* Pads (padding) */

.pad0 {padding: 0;}
.pad5 {padding: 5px;}
.pad10 {padding: 10px;}
.pad15 {padding: 15px;}
.pad20 {padding: 20px;}
.pad25 {padding: 25px;}

.pad-right0 {padding-right:0;}
.pad-right5 {padding-right:5px;}
.pad-right10 {padding-right: 10px;}
.pad-right15 {padding-right: 15px;}
.pad-right20 {padding-right: 20px;}

.pad-left0 {padding-left:0;}
.pad-left5 {padding-left:5px;}
.pad-left10 {padding-left: 10px;}
.pad-left15 {padding-left: 15px;}
.pad-left20 {padding-left: 20px;}

.pad-bottom0 {padding-bottom:0;}
.pad-bottom5 {padding-bottom:5px;}
.pad-bottom10 {padding-bottom: 10px;}
.pad-bottom15 {padding-bottom: 15px;}
.pad-bottom20 {padding-bottom: 20px;}

.pad-top0 {padding-top:0;}
.pad-top5 {padding-top:5px;}
.pad-top10 {padding-top: 10px;}
.pad-top15 {padding-top: 15px;}
.pad-top20 {padding-top: 20px;}

/* Borders */
.bt {border-bottom: 1px solid #c9c9c9;}
.br {border-right: 1px solid #c9c9c9;}
.bb {border-bottom: 1px solid #c9c9c9;}
.bl {border-left: 1px solid #c9c9c9;}

/* -----------------------------------------
   Typography
----------------------------------------- */
a {
	color: #222222;
	-webkit-transition: 0.25s all ease-in; -moz-transition: 0.25s all ease-in; -o-transition: 0.25s all ease-in; transition: 0.25s all ease-in;
}
a:hover {color: #ae6a00;}
a:focus {outline: none;}

body {
	font-family:Arial, Helvetica, sans-serif; 
	color:#222222; 
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%; 
	font-size-adjust: 100%;
	font-weight: 400;
	width: 100%;
	/*background: #efefef;*/
	font-size:12px;
}
span{ color:#222222;}

/*-------------------------------------------------------
 Page_structure
-------------------------------------------------------*/
 
#header{ height:75px; position:relative; }

#sidebar {width:225px; float: left;}

#content {
	margin-left: 225px;
	-webkit-transition: margin ease-in-out 0.1s;
 	-moz-transition: margin ease-in-out 0.1s;
   	-o-transition: margin ease-in-out 0.1s;
    transition: margin ease-in-out 0.1s;
	margin-top:94px;
}

#content.hided, #content.isCollapse.hided, #content.hided.isCollapse {margin-left: 0px;}
#content.offCanvas {margin-left: 225px; width: 100%; }
/*#content.offCanvas:after{ width:100%; height:0; display:block; overflow:hidden; clear:both; content:".";}*/
#content .wrapper {float: left; width: 100%;}
/*Content for right sidebar only*/
#content-one {
	padding: 67px 25px 25px 25px;
	margin-right: 212px;
	padding-top: 67px;
	min-height: 100%;
	background: url(../../doalotimages/adminimages/patterns/5.png) repeat;
	-webkit-transition: margin ease-in-out 0.1s;
 	-moz-transition: margin ease-in-out 0.1s;
   	-o-transition: margin ease-in-out 0.1s;
    transition: margin ease-in-out 0.1s;
}
#content-one.hided {margin-right: 0;}
	
#content.hided {margin-left: 0;}
#content.hided-right {margin-right: 0;}
/*---Header----------*/
#header .navbar { background:#efefef; }

#header .nav{ margin:40px 34px 0 40px;}
/*#header .custom_nav li{ padding-right:16px;}*/
#header .nav li{ margin:0 2px !important;}
#header .nav li a{padding:5px 10px !important;  text-align:center; display:block; position:relative; width:auto; }
#header .nav li a.dashbord_icon em{ display:block; width:40px; height:27px; background:url(../../doalotimages/adminimages/dashboard.png); position:absolute; top:0; left:17px;}
#header .nav li a.setting_icon em{ display:block; width:25px; height:26px; background:url(../../doalotimages/adminimages/user_new.jpg); float:right;}
#header .nav li a.setting_icon span{ display:block; float:left; margin-right:9px;}
#header .nav li a.logout_icon em{ display:block; width:29px; height:31px; background:url(../../doalotimages/adminimages/logout.png); position:absolute; top:0; left:17px;}
#header .nav li a.notification em{ display:block; width:25px; height:24px; background:url(../../doalotimages/adminimages/notification.jpg); }

#header .custom_nav li a:hover{ text-decoration:underline;}

#header .nav-tabs{ border:none;}




.dropdown-menu {
		font-size:12px;
		position: absolute;
		top: 48px;
		z-index: 9999;
		display: none;
		float: left;
		min-width: 337px;
		padding: 4px;
		margin: 0;
		list-style: none;
		background: #f5f5f5;
		border: 1px solid #c4c4c4;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		-moz-box-shadow:0 1px 0px rgba(255, 255, 255, 1);
		-webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, 1);
		box-shadow: 0 1px 0px rgba(255, 255, 255, 1);

		-webkit-background-clip: padding-box;
		-moz-background-clip: padding;
		background-clip: padding-box;
		right:-136px !important;
		/*height:340px;*/
		height:auto;
		overflow:auto;
	}
.dropdown-menu .menu1 {
		border: 1px solid #c4c4c4;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		display: block;
		float: left;
		background: #fff;
		padding:0 0 10px 0 !important;
		margin-bottom: 0;
		min-width: 150px;
	}
	
.dropdown-menu .menu1 ul{ list-style:none; margin-left:35px; }
.dropdown-menu .menu1 ul li{ position:relative; margin:0 !important;}
  .dropdown-menu .menu1 ul li em.myaccount{ background:url(../../doalotimages/adminimages/my_account.png); width:16px; height:20px; position:absolute; top:5px; left:-11px;}
    .dropdown-menu .menu1 ul li em.logout_small{ background:url(../../doalotimages/adminimages/logout_small.png); width:18px; height:20px; position:absolute; top:5px; left:-11px;}
.dropdown-menu .menu1 ul li a{ padding:10px 10px 10px 18px !important; width:100px !important; text-align:left !important;}	
	

.setting_dropdown-menu{ 

        font-size:12px;
		position: absolute;
		top: 66px;
		z-index: 9999;
		display: none;
		min-width: 160px;
		padding: 4px;
		margin: 0;
		list-style: none;
		background: #efefef;
		border: 1px solid #c4c4c4;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		-moz-box-shadow:0 1px 0px rgba(255, 255, 255, 1);
		-webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, 1);
		box-shadow: 0 1px 0px rgba(255, 255, 255, 1);

		-webkit-background-clip: padding-box;
		-moz-background-clip: padding;
		background-clip: padding-box;
		right:-28px !important;

}

.navbar .setting_dropdown-menu:before{
	
	    content: "";
		position: absolute;
		top:-13px !important;
		background: url(../../doalotimages/adminimages/arrowup.png) no-repeat !important;
		width:15px !important;
		height:14px !important;
		border:none !important;
		z-index: 5;
		left:78px !important;
	}
	.navbar .dropdown-menu:before {
		content: "";
		position: absolute;
		top:-13px !important;
		background: url(../../doalotimages/adminimages/arrowup.png) no-repeat !important;
		width:15px !important;
		height:14px !important;
		border:none !important;
		z-index: 5;
		left:167px;
	}
	
li.new_dropmenu ul.dropdown-menu li{ border-bottom:1px solid #dddddd; text-align:center !important; padding-right:0 !important; }
li.new_dropmenu ul.dropdown-menu li.common_block{ height:63px; }
li.new_dropmenu ul.dropdown-menu li.common_block:after{ width:100%; height:0; display:block; overflow:hidden; clear:both;}
li.new_dropmenu ul.dropdown-menu li.common_block_last{ border-bottom:none;}
li.new_dropmenu ul.dropdown-menu li.notification{ height:25px; display:block;}
li.new_dropmenu ul.dropdown-menu li.notification h1{ font-size:24px; color:#484944; text-align:center !important; }
.main{ position:relative;}
.content_list{}
.content_list .blockA{ float:left; display:block; width:55px; padding-top:10px;}
.content_list .blockB{ float:left; display:block; width:204px; color:#cccccc; font-size:12px; padding:10px 5px 0; text-align:left !important;}
.content_list .blockC{ float:left; display:block; width:45px; padding-top:10px;}
.content_list .blockB p{ font-size:12px; color:#444444; margin-bottom:3px;}
.content_list .blockB span{ font-size:11px; color:#979798;}
.content_list .blockC input.button_small{ width:43px; height:25px; background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNmM1YzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffffff 0%, #c6c5c3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#c6c5c3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#c6c5c3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#c6c5c3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#c6c5c3 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#c6c5c3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c6c5c3',GradientType=0 ); /* IE6-8 */
border:1px solid #989898; border-radius:4px; color:#292929; font-size:12px; text-align:center; 
}
.user_block{display:block;  position:absolute; top:49px; right:63px;}
.user_block h1{ font-size:18px; padding:13px 6px 0 16px; margin-top:0px;}
	.user_block h1 p{ color:#787878; font-size:11px; font-style:italic;}
/* ------------------Sidebar --------------------*/
	#sidebar {
		-webkit-transition: margin ease-in-out 0.1s;
     	-moz-transition: margin ease-in-out 0.1s;
       	-o-transition: margin ease-in-out 0.1s;
        transition: margin ease-in-out 0.1s;
        margin-left: 0;
	}
	#sidebar.fixed {
		top: 0;
		position: fixed;
		left: 0;
		bottom: 0;
	}
	#sidebar:after {
		content: "";
		width: 225px;
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		background:url(../../doalotimages/adminimages/side_bar_back.jpg) repeat-y right;
		z-index: -1;
	}
	.sidebar-wrapper {float: left;width: 100%;}
	#sidebar.hided:after {left:-300px;}
	
	#sidebar.isCollapse:after {width: 0;}
		.sidebar-wrapper {float: left;width: 100%;}
    #sidebar.isCollapse {width: 0;}
    #sidebar.hided {
    	margin-left: -300px;
    }
	
	.side-options{ background:url(../../doalotimages/adminimages/john_pixel.jpg) top no-repeat; width:225px;}
	.shortcuts{ text-align:center; display:block; padding-top:10px;}
	.shortcuts ul {
			list-style: none;
			margin:0;
			text-align: center;
			width: 225px;
			
		}
		.shortcuts ul li {display: inline-block; margin-bottom: 0; margin-right:1px; padding-bottom: 0;}
		.shortcuts li a {
			display: inline-block;
			margin-bottom: 5px;
			padding:0;
			width:48px;
			height: 48px;
			border: 1px solid!important;
			border-radius: 2px;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			position: relative;
			-webkit-text-shadow: 0 1px 0 white;
			-moz-text-shadow: 0 1px 0 white;
			text-shadow: 0 1px 0 white;
			border-color: #CCC #CCC #AAA !important;
			background-color: #E0E0E0;
			-moz-box-shadow: inset 0 0 1px #fff;
			-ms-box-shadow: inset 0 0 1px #fff;
			-webkit-box-shadow: inset 0 0 1px white;
			box-shadow: inset 0 0 1px white;
			filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#fffafafa,EndColorStr=#ffdcdcdc);
			background-image: -moz-linear-gradient(top,#FAFAFA 0,#DCDCDC 100%);
			background-image: -ms-linear-gradient(top,#FAFAFA 0,#DCDCDC 100%);
			background-image: -o-linear-gradient(top,#FAFAFA 0,#DCDCDC 100%);
			background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#FAFAFA),color-stop(100%,#DCDCDC));
			background-image: -webkit-linear-gradient(top,#FAFAFA 0,#DCDCDC 100%);
			background-image: linear-gradient(to bottom,#FAFAFA 0,#DCDCDC 100%);
			border-top:3px solid #cccccc!important;
		}
		.shortcuts li a:hover {
			border:1px solid;
			background: rgb(232,232,232);
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWY5ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
			background: -moz-linear-gradient(top,  rgba(232,232,232,1) 0%, rgba(249,249,249,1) 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(232,232,232,1)), color-stop(100%,rgba(249,249,249,1)));
			background: -webkit-linear-gradient(top,  rgba(232,232,232,1) 0%,rgba(249,249,249,1) 100%);
			background: -o-linear-gradient(top,  rgba(232,232,232,1) 0%,rgba(249,249,249,1) 100%);
			background: -ms-linear-gradient(top,  rgba(232,232,232,1) 0%,rgba(249,249,249,1) 100%);
			background: linear-gradient(top,  rgba(232,232,232,1) 0%,rgba(249,249,249,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#f9f9f9',GradientType=0 );
			text-decoration:none;
		    border-color: rgb(170, 170, 170) rgb(170, 170, 170) rgb(153, 153, 153);
		    -webkit-box-shadow:  0px 1px 2px rgba(0, 0, 0, 0.25), 0px 0px 3px rgb(255, 255, 255) inset;
			-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25), 0px 0px 3px rgb(255, 255, 255) inset;
			box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25), 0px 0px 3px rgb(255, 255, 255) inset;
			-webkit-transition: background 0.5s ease-in-out;
			-moz-transition: background 0.5s ease-in-out;
			-ms-transition: background 0.5s ease-in-out;
			-o-transition: background 0.5s ease-in-out;
			transition: background 0.5s ease-in-out;
			border-top:3px solid #cccccc !important;
		}
		
		<!--.shortcuts li a.chat span{ background:url(../../doalotimages/adminimages/icon1.png) no-repeat; width:29px; height:27px; margin:14px 0 0 16px; display:block;}-->
		.shortcuts li a.chat span{ background:url(../../doalotimages/adminimages/icon1a.png) no-repeat; width:27px; height:27px; margin:10px 0 0 8px; display:block;}
		.shortcuts li a.dashboardicon span{ background:url(../../doalotimages/adminimages/icon2.png) no-repeat; width:24px; height:23px; margin:10px 0 0 8px; display:block;}
		.shortcuts li a.dashboardschoolicon span{ background:url(../../doalotimages/adminimages/school.png) no-repeat; width:24px; height:23px; margin:10px 0 0 8px; display:block;}
		.shortcuts li a.backupicon span{ background:url(../../doalotimages/adminimages/icon3.png)no-repeat; width:23px; height:21px; margin:12px 0 0 10px; display:block;}
		.shortcuts li a .textsideli{ color:#40a0d0; font-size:8px; text-align:center; margin:0; padding:0; display:block; position:absolute; bottom:9px; left:3px;}
		.shortcuts li a.backupicon .textsideli{ left:15px;} 
		.shortcuts li a .greenblock{ width:16px; height:18px; background-color:#9fc465; color:#ffffff; font-size:10px; text-align:center; position:absolute; top:-10px; right:-5px; border-radius:2px; -moz-border-radius:2px;  -ms-border-radius:2px; -webkit-border-radius:2px; -o-border-radius:2px;}
		.shortcuts li a .greenblock1{ width:16px; height:18px; background-color:#9fc465; color:#ffffff; font-size:10px; text-align:center; position:absolute; top:43px; right:-5px; border-radius:2px; -moz-border-radius:2px;  -ms-border-radius:2px; -webkit-border-radius:2px; -o-border-radius:2px;}
		.shortcuts li a .orangeblock{ width:16px; height:18px; background-color:#E45601; color:#ffffff; font-size:10px; text-align:center; position:absolute; top:-10px; right:-5px;border-radius:2px; -moz-border-radius:2px;  -ms-border-radius:2px; -webkit-border-radius:2px; -o-border-radius:2px;}
		.shortcuts li a .blueblock{ width:16px; height:18px; background-color:#3882B8; color:#ffffff; font-size:10px; text-align:center; position:absolute; top:-10px; right:-5px;  border-radius:2px; -moz-border-radius:2px;  -ms-border-radius:2px; -webkit-border-radius:2px; -o-border-radius:2px;}		
			#mainnav .nav-list > li > a .blueblock1{ width:16px; height:18px; background-color:#3882B8; color:#ffffff; font-size:10px; text-align:center; position:absolute; top:13px; right:21px; line-height:18px; border-radius:2px; -moz-border-radius:2px;  -ms-border-radius:2px; -webkit-border-radius:2px; -o-border-radius:2px;}	  			#mainnav .nav-list > li > ul > li > a .blueblock2{ width:16px; height:18px; background-color:#3882B8; color:#ffffff; font-size:10px; text-align:center; position:absolute; top:13px; right:21px; line-height:18px; border-radius:2px; -moz-border-radius:2px;  -ms-border-radius:2px; -webkit-border-radius:2px; -o-border-radius:2px;}
			
		
	 .shortcuts .nav-tabs > li > a{ border:3px;}
	/*.side-options h1{ font-size:18px; padding:13px 0 0 16px; margin-top:0px;}
	.side-options h1 p{ color:#787878; font-size:11px; font-style:italic;}
	.side-options a.edit_profile{ color:#cd7a19; font-size:11px; text-decoration:underline; margin:29px 20px 0 29px;}
	.side-options ul {list-style: none; margin:23px 25px 0 0; float: right; padding-left: 0;}
	.side-options ul li {margin-bottom: 0;float: left; text-align: center;min-width: 100%;}
	.side-options ul li a {
				float: left;
				color: #777777;
				height: 35px;
				line-height: 35px;
				position: relative;
			}
	.side-options ul li a#collapse-nav.hided {text-indent: -9999px;}*/
	
	
	.sidebar-wrapper .navigation_new{ background:url(../../doalotimages/adminimages/green_sideimage.jpg) right #b3c92d no-repeat; height:40px; line-height:40px; padding-left:18px;  }
	
	#mainnav {}
	
	#mainnav .nav-list{ padding-left:0; padding-right:0;}
	#mainnav .nav-list > li{ display:block; margin-bottom:0; position:relative; margin-right:0 !important;}
	#mainnav .nav-list > li > a{ background:url(../../doalotimages/adminimages/menu_list_back.jpg) no-repeat bottom right #efefef; cursor:pointer; height:44px; line-height:44px; display:block; text-shadow:none; margin-left:0; margin-right:0;}
	#mainnav .nav-list > li > a .icon{ background:url(../../doalotimages/adminimages/icon_menu.png) no-repeat; display:block; position:absolute; width:27px; height:26px; top:10px; left:14px;}
	#mainnav .nav-list > li > a.user .icon{ background-position:0 0;}
	#mainnav .nav-list > li > a.project .icon{ background-position:0 -38px;} 
	#mainnav .nav-list > li > a.organization .icon{ background-position:0 -76px;} 
	#mainnav .nav-list > li > a.log .icon{ background-position:0 -118px;} 
	#mainnav .nav-list > li > a.department1 .icon{ background-position:0 -159px;} 
	#mainnav .nav-list > li > a.task .icon{ background-position:0 -198px;} 
	#mainnav .nav-list > li > a.manage .icon{ background-position:0 -238px;} 
	#mainnav .nav-list > li > a.email .icon{ background-position:0 -278px;} 
	#mainnav .nav-list > li > a.faq .icon{ background-position:0 -317px;} 
	#mainnav .nav-list > li > a.blog .icon{ background-position:0 -357px;} 
	#mainnav .nav-list > li > a.dash .icon{ background-position:0 -390px;} 
	#mainnav .nav-list > li > a.brain .icon{ background-position:0 -421px;} 
	#mainnav .nav-list > li > a.social .icon {background-position: 0 -451px;}
	#mainnav .nav-list > li > a.school .icon {background-position: 0 -478px;} 	
	#mainnav .nav-list > li > a.admindatetimeformat .icon {background-position: 0 -507px;} 
        #mainnav .nav-list > li > a.staff .icon {background-position:0 -542px;} 
	
	#mainnav .nav-list > li > a:hover.user .icon, #mainnav .nav-list > li.active > a.user .icon{ background-position:-27px 0;} 
	#mainnav .nav-list > li > a:hover.project .icon, #mainnav .nav-list > li.active > a.project .icon{ background-position:-27px -38px;} 
	#mainnav .nav-list > li > a:hover.organization .icon, #mainnav .nav-list > li.active > a.organization .icon{ background-position:-27px -76px;} 
	#mainnav .nav-list > li > a:hover.log .icon, #mainnav .nav-list > li.active > a.log .icon{ background-position:-27px -118px;} 
	#mainnav .nav-list > li > a:hover.department1 .icon, #mainnav .nav-list > li.active > a.department1 .icon{ background-position:-27px -159px;} 
	#mainnav .nav-list > li > a:hover.task .icon, #mainnav .nav-list > li.active > a.task .icon{ background-position:-27px -198px;} 
	#mainnav .nav-list > li > a:hover.manage .icon, #mainnav .nav-list > li.active > a.manage .icon{ background-position:-27px -238px;} 
	#mainnav .nav-list > li > a:hover.email .icon, #mainnav .nav-list > li.active > a.email .icon{ background-position:-27px -278px;} 
	#mainnav .nav-list > li > a:hover.faq .icon, #mainnav .nav-list > li.active > a.faq .icon{ background-position:-27px -317px;} 
	#mainnav .nav-list > li > a:hover.blog .icon, #mainnav .nav-list > li.active > a.blog .icon{ background-position:-27px -357px;}
	#mainnav .nav-list > li > a:hover.dash .icon, #mainnav .nav-list > li.active > a.dash .icon{ background-position:-27px -390px;} 
	#mainnav .nav-list > li > a:hover.brain .icon, #mainnav .nav-list > li.active > a.brain .icon{ background-position:-30px -421px;} 
	#mainnav .nav-list > li > a:hover.social .icon, #mainnav .nav-list > li.active > a.social .icon{ background-position:-28px -451px;}	
	#mainnav .nav-list > li > a:hover.school .icon, #mainnav .nav-list > li.active > a.social .icon{ background-position:-28px -478px;}	
	#mainnav .nav-list > li > a:hover.admindatetimeformat .icon, #mainnav .nav-list > li.active > a.social .icon{ background-position:-28px -507px;}
	#mainnav .nav-list > li > a:hover.staff .icon {background-position:-28px -542px;} 
	#mainnav .nav-list > li > a .txt{ padding-left:10px; padding-left:35px; line-height:24px; float:left;}
	#mainnav .nav-list > li > a:hover .txt, #mainnav .nav-list > li.nav-open > a .txt, #mainnav .nav-list > li.active > a .txt{ color:#cd7a19;}
	
	#sidebar .nav-tabs li{ float:none;}
    .nav-tabs > li > a{ border:none;}
	
	.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{ border:none;}
	
	#sidebar .nav-tabs li{}
	#mainnav .nav-list > li > a{position:relative}
	#mainnav .nav-list > li.submenublock > a:after{display:block; content:"^"; height:5px; width:5px; position:absolute; right:25px; top:2px; font-weight:bold; font-size:12px}
	#mainnav .nav-list > li.nav-open > a:after{top: 38px; transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg);}
	
	#mainnav .nav-list > li.submenublock li.submenublock{position:relative}
	#mainnav .nav-list > li.submenublock li.submenublock a:after{display:block; content:"^"; height:5px; width:5px; position:absolute; right:15px; top:12px; font-weight:bold; font-size:12px}
	#mainnav .nav-list > li.submenublock li.nav-open a:after{top: 19px; transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg);}
	
	#sidebar .nav-tabs ul.submenu{margin:0; padding:0; list-style:outside;}
	#sidebar .nav-tabs ul.submenu li{display:none}
	#sidebar .nav-tabs ul.submenu li ul li{display:list-item;}/* tempory for submenu 09-4-14  */
	#sidebar .nav-tabs li.active ul.submenu li{display:list-item;}
	#sidebar .nav-tabs li.nav-open ul.submenu{display:block}
	#sidebar .nav-tabs ul.submenu .selected a{background:#CCC; font-weight:bold}
	#sidebar .nav-tabs ul.submenu a{display:block; background:#DDD}
	#sidebar .nav-tabs ul.submenu a:hover{text-decoration:none}
	#sidebar .nav-tabs ul.submenu span{display:block; padding:10px 20px 10px 40px; border-bottom:1px solid #CCC; position:relative}
	#sidebar .nav-tabs ul.submenu span:after{display:block; content:"-"; height:5px; width:5px; position:absolute; left:25px; top:7px; font-weight:bold; font-size:13px}
	
	.collapseBtn{ 
	display: block;
    position: absolute;
    z-index: 10;
	
	} 
	.collapseBtn.leftbar{
		 left:182px;
         top:78px;
		
		}
		
		.collapseBtn a{ background:url(../../doalotimages/adminimages/show_hide_icon.png) no-repeat; display:block; width:24px; height:20px;}
		
		.collapseBtn.leftbar.top {
    left: 286px;
    top:-54px;
	z-index:2000;
	}
	.collapseBtn.shadow {
		animation: 2s ease-in-out 0s normal none 1 pulse;
		box-shadow: 0 0 8px rgba(136, 187, 200, 0.99);
	}
	
	.collapseBtn.shadow{
		box-shadow: 0px 0px 8px rgba(136, 187, 200, 0.99);
		-moz-box-shadow: 0px 0px 8px rgba(136, 187, 200, 0.99);
		-webkit-box-shadow: 0px 0px 8px rgba(136, 187, 200, 0.99);
		-moz-animation: pulse 2s ease-in-out;
		-webkit-animation: pulse 2s linear;
	}
	
	/*Responsive buttons*/
.resBtn {
	position: absolute;
	display: none;
    
}

	.resBtn a {
		float: left;
		line-height: 16px;
		font-size: 12px;
		color: #555;
		padding:9px 10px;
		border:1px solid;
		border-radius:2px;
		-webkit-border-radius:2px;
		-moz-border-radius:2px;
		position: relative;
		-webkit-text-shadow: 0 1px 0 white;
		-moz-text-shadow: 0 1px 0 white;
		text-shadow: 0 1px 0 white;
		border-color: #CCC #CCC #AAA;
		background-color: #E0E0E0;
		-moz-box-shadow: inset 0 0 1px #fff;
		-ms-box-shadow: inset 0 0 1px #fff;
		-webkit-box-shadow: inset 0 0 1px white;
		box-shadow: inset 0 0 1px white;
		filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#fffafafa,EndColorStr=#ffdcdcdc);
		background-image: -moz-linear-gradient(top,#FAFAFA 0,#DCDCDC 100%);
		background-image: -ms-linear-gradient(top,#FAFAFA 0,#DCDCDC 100%);
		background-image: -o-linear-gradient(top,#FAFAFA 0,#DCDCDC 100%);
		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#FAFAFA),color-stop(100%,#DCDCDC));
		background-image: -webkit-linear-gradient(top,#FAFAFA 0,#DCDCDC 100%);
		background-image: linear-gradient(to bottom,#FAFAFA 0,#DCDCDC 100%);
		text-decoration: none;
	}
	
	.resBtn a span{ background:url(../../doalotimages/adminimages/res_icon.png) no-repeat; width:16px; height:14px; display:block}
	
		#sidebar.offCanvas {
			border-top: 1px solid #C4C4C4;
			display: block;
		}
	
	
	/*------------------------
	  Content
	-----------------------------*/
	
	.crumb{ border-bottom:1px solid #dfdfdf; border-top:1px solid #e2e2e2; height:66px; width:100%;}
	.new_content{ background:#ffffff !important;}
	/*.new_content:after{ clear:both; overflow:hidden; display:block; height:0; width:100%; content:".";}*/
	#content #top-search{ float:left; margin-left:30px;}
	#content #top-search form{ bottom:0;}
	#content #top-search input#tsearch{ border:1px solid #bdbdbd; width:333px; height:34px; -moz-box-shadow: inset 0 0 8px -4px #000;
-webkit-box-shadow: inset 0 0 8px -4px #000;
box-shadow: inset 0 0 8px -4px #000; margin-top:15px; padding-left:8px;}

#content #top-search .form-search .input-group .btn{ background:url(../../doalotimages/adminimages/search_icon.jpg) no-repeat; height:18px; width:18px; position:absolute; top:22px; right:7px; }
#heading h1{ font-size:24px; color:#1a1a1a;}
.page-header{ margin:0 0 0 30px; border:none;}

.panel {
	padding: 0;
	border: 1px solid #c9c9c9;
	margin-bottom: 1px;
	background: #fefefe;
	position: relative;
	margin-left:20px;
	margin-right:10px; 
	border-radius:0;
	margin-bottom:10px;
	
	-moz-box-shadow: 0 0 10px -7px #000;
-webkit-box-shadow: 0 0 10px -7px #000;
box-shadow: 0 0 10px -7px #000;
}
.new_pan{ margin-left:0;}
.new_pan1{ margin-right:0;}
 
.panel-heading{ background:url(../../doalotimages/adminimages/panel_header_back.jpg) repeat-x; border:none; padding:0 15px; height:39px; }
.panel-heading h4{ font-size:12px; font-weight:normal; line-height:39px; margin:0; float:left;}
.panel .panel-heading .minimize1, .panel .panel-heading .maximize {
			width: 25px; height: 25px;
			float: right;
			margin-top: 9px;
			margin-right: 10px;
			/*border:1px solid #b8b8b8;*/
		}
		
		.panel .panel-heading .minimize1{ background:url(../../doalotimages/adminimages/minus.jpg) no-repeat;}
		.panel .panel-heading .maximize{ background:url(../../doalotimages/adminimages/plus.jpg) no-repeat;}
		
.panel-body{ padding:0;}		
.panel-body img{ width:100%;}

.profile_img{ margin-top:2px;}
.custom_row{ margin:0 20px 20px 30px !important;}

.greenbtn{background: url(../../doalotimages/btnbg.jpg) 0 -22px;
padding: 3px 10px 3px 10px;
font: bold 11px Arial, Helvetica, sans-serif;
color: #FFF;
text-decoration: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
behavior: url(/doalotimages/PIE.htc);
border: none;
cursor: pointer;
}

.blackbtn{background:url(../../doalotimages/btnbg.jpg) repeat-x 0 0;
	padding:3px 10px 3px 10px;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(/doalotimages/PIE.htc);
	border:none;
	cursor:pointer;
}
.blackbtn:hover{ text-decoration:none; color:#FFF;}
.greenbtn_new{margin-left:150px;}

.deptlisting .plus_1{background:url(../../doalotimages/pluse.jpg) no-repeat; width:16px; height:14px; float:left; display:block; cursor:pointer}
.deptlisting .minus_1{background:url(../../doalotimages/minus.jpg) no-repeat;}
.deptlisting .deptname{ font-weight:bold; display:block; float:left; line-height:13px; padding-left:2px}
.adminerrormsg{background:#FFF0F0}
.adminerrormsg span{color:#E00}
.tasknotfoundintl{color:#FF0000; text-align:center;}

.deptlisting{margin:0; padding:15px 0 0 0}
.deptlisting > div{padding:8px; background:#f1f1f1; border:1px solid #CCC; margin-bottom:-1px}
.deptlisting > div:after{clear:both; display:block; content:"."; overflow:hidden; width:100%; height:0}
.deptlisting > ul:after{clear:both; display:block; content:"."; overflow:hidden; width:100%; height:0}
.deptlisting > ul{padding:8px; background:#FFF; border:1px solid #CCC; border-top:0; margin-bottom:-1px}
.deptlisting .edit{float:right; display:block}
.deptlisting .edit a{color:#98AD22; font-size:11px; text-decoration:underline}

#bloglist{margin:0; padding:15px 0 0 0}
#bloglist .blogtitle{padding:8px; background:#f1f1f1; border:1px solid #CCC; margin-bottom:-1px}
#bloglist .blogtitle:after{clear:both; display:block; content:"."; overflow:hidden; width:100%; height:0}
#bloglist .tablecssp:after{clear:both; display:block; content:"."; overflow:hidden; width:100%; height:0}
#bloglist .tablecssp{padding:0; background:#FFF; border:1px solid #CCC; border-top:0; border-bottom:0; margin-bottom:-1px; position:relative}
#bloglist .edit{padding:0 0 0 10px}
#bloglist .edit a{color:#98AD22; font-size:11px; text-decoration:underline}

.chooseorg select{padding:3px; border:1px solid #CCC; margin:0 4px}
.chooseorg #projectdept{font-size:11px; font-style:italic; color:#555;}

.chooseproject{padding-bottom:15px}
.chooseproject select{padding:3px; border:1px solid #CCC; margin:0 4px}
.chooseproject .text{font-size:11px; font-style:italic; color:#555;}
.chooseproject .tablecss{padding-top:15px}
.deptlisting{color:#DD0000;}

.tablecss table{border-collapse:collapse; width:100%; }
.tablecss table td{padding:5px; border-bottom:1px solid #CCC; text-align:left}
.tablecss table td.tasknotfoundintl{text-align:center}
.tablecss table th{padding:5px; background:#f1f1f1; text-align:left}
.tablecss table td table td{border-bottom:none;}

.formfield{margin:0; padding:0}
.formfield .row{padding-bottom:10px}
.formfield .row:after{clear:both; display:block; content:"."; overflow:hidden; width:100%; height:0}
.formfield .row label{float:left; display:block; width:150px; font-weight:normal}
.formfield .row select, .formfield .row textarea, .formfield .row input[type=text]{padding:5px; border:1px solid #CCC; margin:0 4px; color:#444444;
box-shadow:0 1px 2px rgba(0, 0, 0, 0.05), inset 0 1px 2px rgba(0, 0, 0, 0.01);
-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05), inset 0 1px 2px rgba(0, 0, 0, 0.01);
-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05), inset 0 1px 2px rgba(0, 0, 0, 0.01);
-o-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05), inset 0 1px 2px rgba(0, 0, 0, 0.01);
-ms-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05), inset 0 1px 2px rgba(0, 0, 0, 0.01);
}

#faqlist{margin:0; padding:15px 0 0 0}
#faqlist .faqtitle{padding:8px; background:#f1f1f1; border:1px solid #CCC; margin-bottom:-1px}
#faqlist .faqtitle:after{clear:both; display:block; content:"."; overflow:hidden; width:100%; height:0}
#faqlist .tablecssp:after{clear:both; display:block; content:"."; overflow:hidden; width:100%; height:0}
#faqlist .tablecssp{padding:0; background:#FFF; border:1px solid #CCC; border-top:0; border-bottom:0; margin-bottom:-1px; position:relative}
#faqlist .edit{padding:0 0 0 10px}
#faqlist .edit a{color:#98AD22; font-size:11px; text-decoration:underline}
#faq-category-form .errorSummary p{display:none;}
#faq-category-form .errorSummary ul li{color:#EE0000;}
#faq-form .errorSummary p{display:none;}
#faq-form .errorSummary ul li{color:#EE0000;}
.pointerhover{cursor:pointer;}

/*4_12_2013*/
.navbar-brand .new_img{ display:none;}

/*10-12-2013*/

.profileDesh_new #profileDesh{ position:relative; display:block !important;}
.profileDesh_new .floatR{ float:none; position:absolute; right:162px; top:12px;}

.new_row{ margin-left:154px; margin-top:18px;}

/*02-01-2014*/
.propopuptitle .edit a{color:#98AD22; font-size:11px; text-decoration:underline}
.propopuptitle .edit {color:#aa0; font-size:11px; }