.header{width:100%; height:81px; border-bottom:2px solid #ccc;position:relative}
.header-left{float:left; padding-left: 1%;}
.header-right{float:right}
.link-one{height:80px; border-left:1px solid #cccccc; color:#fff; font-size:1.00em;padding:0 0.5em;line-height:80px;}
.link-two{height:80px;color:#fff; font-size:1.00em;padding:0 0.5em;line-height:80px;}
.item-float-left{float:left;}
.userimage{border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;height:40px; width:40px;margin:0px 0 0 0}
.pagetitle {
  border-bottom: 1px solid #D3D7DA;
  color: #4B4B4B;
  font-size: 20px;
  font-weight: normal;
  margin: 0;
  padding: 1% 1% 1% 2%;
  width: 97%;
}
.clear-div{clear:both; height:1px solid #000;line-height:1px;}

.personalinfo-tab{  font-size: 15px; float:left; width:20%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:15px 1% 1% 1%;}
.icon-size{font-size:2.0em;}
.personalinfo-tab-right{float:right; width:80%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; background:#f1f1f1; border-bottom:1px solid #d3d7da; border-left:1px solid #d3d7da;padding:1%}
.icon-color{color:#b7b7b7; padding:10px 10px 0 0}
.date-displaybox {
  float: right;
  font-size: 17px;
}
.date-display {
  background: none repeat scroll 0 0 #34C5C2;
  float: left;
  height: 20px;
  padding: 10px;
  width: 180px;
}
.time-display {
  background: none repeat scroll 0 0 #FD5042;
  float: right;
  height: 20px;
  line-height: 20px;
  padding: 10px;
  width: 90px;
}
.date-no {
  color: #FFFFFF;
  font-weight: 600;
  line-height: 20px;
  padding-left: 10px;
}
.day-name {
  color: #FFFFFF;
  float: left;
  font-weight: 600;
}
.month-no {
  color: #FFFFFF;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.time-no {
  color: #FFFFFF;
  float: left;
  font-weight: 600;
  text-align: left;
  width: 60px;
}
.time-pm {
  color: #FFFFFF;
  float: left;
  font-weight: 600;
  text-align: left;
}

.image-tab{float:left; width:20%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:15px 1% 1% 1%;color:242424;}
.info-section{float:left; width:80%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:15px 1% 1% 1%;color:242424;}
.image-box-user{width:112px; height:112px;margin:0 auto;border:5px solid #dd585b;-webkit-border-radius: 60px;-moz-border-radius: 60px;border-radius: 60px;}
.image-box-user img{width:112px; height:112px;border:5px solid #fff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-border-radius: 56px;-moz-border-radius: 56px;border-radius: 56px;}
.personal-icon {
  float: left;
  line-height: 50px;
}
.myinfo{float:left; width:50%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; border-right:1px solid #FD5042;margin:20px 0px}
.important-link{float:left; width:30%;padding:0 0 0 1%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin:20px 0px}
.info-title {
  color: #2B9AE7;
  font-size: 1.4em;
  margin: 0 0 10px;
}

.info-label {
  color: #555555;
  padding: 0 0 5px;
}
.info-content {
  color: #999999;
  font-weight: 300;
  padding: 0 0 5px;
}
.info-content-center{text-align:center; color:#777777;padding:5px 0 0 0}
/*===============sprite icon class start======================*/
.mytime-table-icon{background-image:url('../images/dashicon.png');background-repeat:no-repeat;display: block;height: 33px;width:33px;margin:5px auto}
.attendance-icon{background-image:url('../images/dashicon.png');background-repeat:no-repeat;display: block;height: 34px;width:33px;margin:5px auto;background-position:-33px 0px;}
.timetable-left{float:left;width:52%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:0 2% 0 0}
.timetable-right{float:right;border:2px solid #d8d8d8; padding:1%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width:48%}
.timetable-left-section{border-bottom:1px solid #d0d0d0; padding:0 0 10px 0; margin:0 0 10px 0}
.timetable-left-section-inner{border-left:5px solid #006b9d; padding:0 0 0 2%;}
.timetable-left-section-inner:hover{border-left:5px solid #006b9d; padding:0 0 0 2%;background:#f3ebeb;}
.lesson{color:#888888;padding:0 0 5px 0}
.subject{color:#242424; font-weight:600;}
.timetable-left-section-one{border-bottom:0px solid #d0d0d0; padding:0 0 10px 0; margin:0 0 10px 0}
.timetable-left-section-one-inner{border-left:5px solid #b2d24c; padding:0 0 0 2%;background:#f3ebeb;}
.timetable-cs-section{width:98%;padding:1%;border-bottom:1px solid #cfcfcf;}
.timetable-cs-left{float:left;width:90%}
.timetable-cs-right{float:right;width:10%; background:#ff5c5c;height:70px}
.cs-display{font-size:3.00em;color:#919191; font-weight:400; line-height:30px}
.cs-subject{font-size:0.9em;color:#919191; font-weight:300; line-height:25px}
.timetable-cs-section-one{width:98%;padding:1%;}
.time-content-left{text-align:left; color:#777777;}
.time-content-right{text-align:right; color:#242424;}
/*===============sprite icon class end======================*/
/*===============dash box class start======================*/
.row-fluid {
width: 100%;
padding: 0 0 0 0;
margin:0 0 2% 0;
}
.row-fluid:before, .row-fluid:after {
display: table;
content: "";
line-height: 0;
}
.row-fluid:before, .row-fluid:after {
display: table;
content: "";
line-height: 0;
}
.row-fluid:after {
clear: both;
}
.row-fluid .span3 {
width: 30.666666666666666666666666666667%;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
float: left;
margin-left: 2.00%;
}
.row-fluid .span4 {
width: 63.333333333333333333333333333334%;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
float: left;
margin-left: 2.00%;
}

.dashbox .box-header{
	*zoom:1;
	background:#eaeaea;
	background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background-size:100%;
	background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#fdfdfd),color-stop(100%,#eaeaea));
	background-image:-webkit-linear-gradient(top,rgb(233, 233, 233),rgb(236, 236, 236));
	background-image:-moz-linear-gradient(top,rgb(233, 233, 233),rgb(236, 236, 236));
	background-image:-o-linear-gradient(top,rgb(233, 233, 233),rgb(236, 236, 236));
	background-image:linear-gradient(top,rgb(233, 233, 233),rgb(236, 236, 236));
	border-bottom:1px solid #CDCDCD;
	color:#FFF;
	height:40px;	
}

.dashbox .box-header.orange {
  background: #FF604F; 
}
.dashbox .box-header.blue {
  background: #17C3E5;  
}
.dashbox .box-header.green {
  background: #2DCB73;
}

.dashbox.green {
	-webkit-box-shadow:0 2px 2px -2px #cccccc;
	-moz-box-shadow:0 2px 2px -2px #cccccc;
	box-shadow:0 2px 2px -2px #cccccc;
	background:#fff;
	border:1px solid #2DCB73;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	-ms-border-radius:0px;
	-o-border-radius:0px;
	border-radius:0px;
	margin-bottom:20px
	-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;

}
.dashbox.blue {
	-webkit-box-shadow:0 2px 2px -2px #cccccc;
	-moz-box-shadow:0 2px 2px -2px #cccccc;
	box-shadow:0 2px 2px -2px #cccccc;
	background:#fff;
	border:1px solid #17C3E5;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	-ms-border-radius:0px;
	-o-border-radius:0px;
	border-radius:0px;
	margin-bottom:20px
	-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;

}
.dashbox.orange {
	-webkit-box-shadow:0 2px 2px -2px #cccccc;
	-moz-box-shadow:0 2px 2px -2px #cccccc;
	box-shadow:0 2px 2px -2px #cccccc;
	background:#fff;
	border:1px solid #FF604F;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	-ms-border-radius:0px;
	-o-border-radius:0px;
	border-radius:0px;
	margin-bottom:20px
	-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;

}

.dashbox .box-header .title, .dashbox .box-footer .title {
  float: left;
  display: block;
  padding: 10px;
  font-size:15px;
  width:100%
}
.dashbox .box-header:before,.box .box-header:after,{
	display:table;
	content:"";
	line-height:0
}
.dashbox .box-header:after,.dashbox{
	clear:both
}
.box-content{height:300px}
.box-content .box-content-inner{padding:15px;}
.box-title{font-size:0.9em;color:#242424;font-weight:600;margin:0 0 10px 0}
.box-title-content{font-size:0.9em;color:#5e5e5e;font-weight:400;}
.news {
display:block;
}
.box-section {
border-bottom: 1px solid #ddd;
border-top: 1px solid #fff;
padding: 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.box-section-last {
padding: 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.avatar {
float: left;
height: 41px;
width: 41px;
line-height: 41px;
text-align: center;
}
.avatar img{
height: 41px;
width: 41px;
-webkit-border-radius: 41px;-moz-border-radius: 41px;border-radius: 41px;
}
.avatar {
display: inline-block;
}
.avatar-one {
float: left;
height: 60px;
width: 60px;
line-height: 60px;
text-align: center;
}
.avatar-one img{
height: 60px;
width: 60px;
-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;
}
.avatar-one {
display: inline-block;
}
.with-icons .news-content {
margin-left: 55px;
}
.news-content {
margin-left: 50px;
margin-right: 50px;
height:40px;
}
.news-content-one {
margin-left: 80px;
margin-right: 80px;
height:60px;
}
.news-title{font-weight:600}
.avatar.blue {
background: #92C46B;
font-weight:600;
-webkit-border-radius: 41px;-moz-border-radius: 41px;border-radius: 41px;
color: #FFF;
}
.news-text-one{line-height:20px}
.brances-inner{padding:10px;border:1px solid #ececf0;-moz-box-shadow: 0 0 6px 1px #ececf0;
-webkit-box-shadow: 0 0 6px 1px #ececf0;
box-shadow: 0 0 6px 1px #ececf0;}
.brances-inner-left{float:left;display:block;}
.brances-inner-right{float:right;display:block;}
.student-no{color:#cccccc;font-size:2.00em;font-weight:600;}
.student-department {
  background: none repeat scroll 0 0 #01CB99;
  border-radius: 10px 10px 10px 10px;
  webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  color: #FFFFFF;
  font-size: 14px;
  height: 37px;
  line-height: 20px;
  max-width: 205px;
  min-width: 150px;
  padding: 15px;
  text-align: center;
}

/*===============dash box class end======================*/
/*===============Chart class start======================*/
.chart{
	width: 100%;
	height: 250px;
	padding: 10px;
}
.column-chart{
	width: 20%;
	height: 250px;
	margin: 2px 5px;
	float: left;
	position: relative;
}

.column-chart .fill{
	width: 100%;
	position: absolute;
	bottom: 0px;
}
.label{
	text-align: center;
}
.column-chart:nth-child(1) .fill{
		background: blue;
		height: 80%;
	}
	.column-chart:nth-child(2) .fill{
		background: yellow;
		height: 50%;
	}
	.column-chart:nth-child(3) .fill{
		background: green;
		height: 30%;
	}
	.column-chart:nth-child(4) .fill{
		background: red;
		height: 10%;
	}
	.column-chart:nth-child(5) .fill{
		background: gray;
		height: 80%;
	}
/*===============Chart class End======================*/
/*===============Check box start======================*/
input[type=checkbox].css-checkbox {
display:none;
}

input[type=checkbox].css-checkbox + label.css-label {
padding-left:50px;
height:20px; 
display:inline-block;
line-height:20px;
background-repeat:no-repeat;
background-position: 0 0;
font-size:15px;
vertical-align:middle;
cursor:pointer;

}

input[type=checkbox].css-checkbox:checked + label.css-label {
background-position: 0 -20px;
}
label.css-label {
background-image:url(../images/checkbox.png);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/*===============Check box start======================*/
/*===============Top right nav start======================*/
.nav {
  padding: 0px;  
  float:right;
  margin:15px 0 0 0;
}
.nav ul{
   list-style: none; 
}

.nav-list {
  padding: 0 6px;
  height: 34px;
  border-radius: 18px;
  }
.nav-list > li {
  float: left;
  height: 17px;
  margin: 8px 0;
}
.nav-list > li + li + li + li + li + li{
  border-left: 1px dotted #fff;
}
.user-image-nav{top:-10px !important;}
.nav-link {
  float: left;
  position: relative;
  margin-top: -8px;
  padding: 0 14px;
  line-height: 30px;
  font-weight: bold;
  color: #2A2A2A;
  text-decoration: none;
  font-size:20px;
}

.nav-link.green {
  color: #92C46B;
}
.nav-link.orange {
  color: #F05922;
}

.nav-link:hover {
  color: #2A2A2A;
  text-decoration: none;
}

.nav-counter {
  border-radius: 11px 11px 11px 11px;
  color: white;
  font-size: 15px;
  font-weight: normal;
  height: 20px;
  line-height: 20px;
  margin-top: -11px;
  min-width: 8px;
  padding: 0 6px;
  position: absolute;
  right: 1px;
  text-align: center;
  top: -1px;
}

.nav-counter-green {
  background: #75a940;
/*  border: 1px solid #42582b; 
  background-image: -webkit-linear-gradient(top, #8ec15b, #689739);
  background-image: -moz-linear-gradient(top, #8ec15b, #689739);
  background-image: -o-linear-gradient(top, #8ec15b, #689739);
  background-image: linear-gradient(to bottom, #8ec15b, #689739); */
}

.nav-counter-blue {
  background: #3b8de2;
/*  border: 1px solid #215a96; 
  background-image: -webkit-linear-gradient(top, #67a7e9, #2580df);
  background-image: -moz-linear-gradient(top, #67a7e9, #2580df);
  background-image: -o-linear-gradient(top, #67a7e9, #2580df);
  background-image: linear-gradient(to bottom, #67a7e9, #2580df); */
}
/*===============Top right nav End======================*/

/*=============== user menu settings ===================*/
#dropdown { 
  
  width: 120px;
  margin: 0 auto;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
}
#dropdown:hover { color: #898989; }

#dropdown ul { 
  position: absolute;
  top: 100%;
  left: 0px; /* move content -4px because of container left border */
  width: auto;
 
  padding: 3px 0px;
  display: none;
  background: #fff;
  -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
  -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
  box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
#dropdown ul li { font-size: 0.9em; }

#dropdown ul li a { 
  text-decoration: none;
  display: block;
 
  padding: 7px 15px;
}
#dropdown ul li a:hover {
  color: #6fa0e9;
  background: #e7f0f7;
}
/*========user menu setting End============*/
.fa-clock-o {
  color: #34c5c2;
}

/*========== Inner page override css ==================*/

.inner-page-header {
  background: none repeat scroll 0 0 #E5E9EC;
  float: left;
  width: 100%;
  height: 50px;
}
.inner-page-header .pagetitle {
  border-bottom: none;
  color: #4B4B4B;
  float: left;
  font-size: 2em;
  font-weight: 400;
  padding: 1% 1% 1% 2%;
  width: 50%;
}

.breadcrumbs {
  float: left;
  padding: 1%;
}

.inner-page-header .personalinfo-tab-right {
  -moz-box-sizing: border-box;
  background: none repeat scroll 0 0 transparent;
  border: medium none;
  float: right;
  padding: 5px 0 0;
  width: 45%;
}
#pushobj #content {
  background: #FFF;
  float: left;
  padding: 1%;
  width: 98%;
}

.grid-view {
  background: none repeat scroll 0 0 #FFFFFF;
  float: left;
  padding: 1%;
  width: 98%;
}
.grid-view table.items th {
  background: none;
  color: #666;
}
.grid-view table.items th a {
  color: #666;
}
.grid-view table.items tr.odd {
  background: none repeat scroll 0 0 #f6f7f9;
}
.grid-view table.items tr.even {
  background: none repeat scroll 0 0 #FFF;
}
.operation {
  float: right;
  margin-right: 15px;
  margin-top: 6px;
}

.portlet.box.blue {
  background: none repeat scroll 0 0 #F3F4F9;
  border: 1px solid #cecece;
  float: left;
  width: 100%;
}
.portlet-title {
  background: none repeat scroll 0 0 #FFFFFF;
  border-top: 2px solid #EF5924;
  float: left;
  padding: 10px;
  
}
span.box-title {
  padding-left: 5px;
}

.grid-view table.items th, .grid-view table.items td {
  border: 1px solid #eaeaea;
}
.btnyellow {
  background: none repeat scroll 0 0 #439843;
  border-radius: 2px 0 0 2px;
  color: #FFFFFF;
  float: left;
  padding: 5px 10px;
}
.btn.green {
  background: none repeat scroll 0 0 #418bca;
  border-radius: 2px 0 0 2px;
  color: #FFFFFF;
  float: left;
  padding: 5px 10px;
}

.btnblue {
  background: none repeat scroll 0 0 #d5544e;
  border-radius: 2px;
  color: #FFFFFF;
  float: left;
  padding: 5px 10px;
}

.operation a i {
  padding-right: 5px;
}

form {
  background: none repeat scroll 0 0 #F3F4F9;
  float: left;
  margin: 1%;
  padding: 1%;
  width: 96%;
  border-radius: 1px;
}
.form {
  background: none repeat scroll 0 0 #FFFFFF;
  float: left;
  width: 100%;
}
.row {
  float: left;
  width: 100%;
  min-height: 45px;
}
span.required {
  color: red;
}
.form .error .status {
  background: url("../images/delete1.png") no-repeat scroll right center transparent !important;
  float: left;
  height: 20px;
  padding-left: 5px;
  padding-top: 5px;
  width: 20px;
}
.form .success .status {
  background: url("../images/ok1.png") no-repeat scroll right center transparent !important;
  float: left;
  height: 20px;
  padding-left: 5px;
  padding-top: 5px;
  width: 20px;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"] {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #CECECE;
  float: left;
  height: 30px;
  width: 250px;
}
select {
  height: 35px;
  width: 252px;
}

button.ui-datepicker-trigger {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: none repeat scroll 0 0 transparent;
  border-image: none;
  border-style: none none none solid;
  border-width: medium medium medium 1px;
  margin: 2px;
  position: relative;
  right: 40px;
}

.success button.ui-datepicker-trigger, .error button.ui-datepicker-trigger {
  right: 65px;
}

form .row label {
  float: left;
  line-height: 15px;
  width: 150px;
}

.row.buttons {
  height: 55px;
}

.row.buttons .submit {
  background: none repeat scroll 0 0 #1582DD;
  border: medium none;
  border-radius: 2px 2px 2px 2px;
  color: #FFFFFF;
  margin-left: 8%;
  margin-top: 15px;
  padding: 8px;
  width: 90px;
}
.btnCan {
  background: none repeat scroll 0 0 #FFFFFF;
  margin: 10px;
  padding: 5px 30px 5px  30px;
  border-radius: 1px;
}

.report-table {
  background: none repeat scroll 0 0 #FFFFFF;
  border: medium none;
  float: left;
  width: 100%;
  padding: 10px;
}

table.report-table th, table.report-table td  { 
  border: none;
}

table.detail-view .col2 .detail-label,
.detail-view th, .report-table .col1 {
  background: #e8e6e7;
  font-weight: 600;
  padding-right: 30px;
  text-align: right;
  width: 100px;
}

table.detail-view tr.even, table.detail-view tr.odd {
  background: none;
}

.row-right, .row-left {
  float: left;
  width: 50%;
}
.grid-view table.items tr {
  height: 40px;
}
.grid-view .button-column {
  text-align: center;
  width: 90px;
}
.grid-view .button-column a.update {
  background: none repeat scroll 0 0 #18A5C1;
  padding: 3px;
}
.grid-view .button-column a.delete {
  background: none repeat scroll 0 0 #D74837;
  margin-left: 5px;
  padding: 3px 5px;
}
.grid-view .button-column i {
  color: #FFFFFF;
  font-size: 15px;
}
table.detail-view {
  line-height: 30px;
}

table.detail-view .col2 .detail-label,
table.detail-view th {
  font-size: 17px;
  font-weight: normal;
  text-align: left;
  width: 245px;
}

table.detail-view .col2 .detail-label {
  font-size: 0.9em;
  padding: 0.3em 0.6em;
  vertical-align: top;
  float: left;
}

.portlet.box.blue.view .portlet-title {
  background: none repeat scroll 0 0 transparent;
  border-top: medium none;
}

.portlet.box.blue.view .detail-content {
  background: none repeat scroll 0 0 #FFFFFF;
  border-top: 2px solid #EF5924;
  float: left;
  width: 100%;
}
.portlet.box.blue.view .detail-content .detail-bg {
  background: none repeat scroll 0 0 #f6f6f6;
  border-radius: 3px 3px 3px 3px;
  margin: 20px auto;
  padding: 15px;
  width: 95%;
}

.portlet.box.blue.view table.detail-view td {
  border-bottom: 1px solid #F6F6F6;
}

.detail-value {
  padding-left: 15px;
}
table.detail-view .col2 {
  border: none;
  font-size: 0.9em;
  padding: 0;
  vertical-align: top;
}
/****************  PAGER CSS ********************/

.grid-view .pager ul li {
  list-style: none;
}
.grid-view .pager, .grid-view .custom-pager-class, .grid-view .yiiPager {
  float: right;
}
.grid-view .yiiPager {
  margin-top : 16px;
}
.grid-view .pager select {
  width : 70px;
  margin-left: 10px;
  margin-right: 10px;
  background-color: none !important;
}

.yiiPager li:nth-child(2) {
  background: none repeat scroll 0 0 #448BCB;
  color: #FFFFFF;
  font-family: arial;
  font-size: 15px;
  padding: 6px 35px;
  width: 200px;
} 
ul.yiiPager a:link, ul.yiiPager a:visited,
ul.yiiPager .hidden a, ul.yiiPager .hidden span {
  border: 1px solid #DEDEDE;
  border-radius: 2px 2px 2px 2px;
  color: #888888;
  cursor: default;
  font-weight: bold;
  padding: 5px 11px;
}
ul.yiiPager {
  line-height: 28px;
}

.custom-pager-class select,
ul.yiiPager select {
  -moz-appearance: none;
  background: url("../images/arrow.png") no-repeat scroll 50px 8px #FFFFFF;
  border: 1px solid #CCCCCC;
  color: #000000;
  padding: 5px;
  text-indent: 0.01px;
  text-overflow: "";
  width: 100px;
}
.footer-area {
    float: left;
    width: 100%;
    background: #FFF;
    border-top: 5px solid #F6F6F6; 
    text-align: center;
    height: 50px;
    line-height: 50px;
}
.errorMessage
{
color:red;
font-weight:600;
}
.block-error
{
color: red;
margin: 4% 5%;
position: absolute;
}
