@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,700,300);
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('../fonts/babe/BebasNeue-webfont.eot');
    src: url('../fonts/babe/BebasNeue-webfont_2d2816fe.eot#iefix') format('embedded-opentype'),
         url('../fonts/babe/BebasNeue-webfont.woff') format('woff'),
         url('../fonts/babe/BebasNeue-webfont.ttf') format('truetype'),
         url('../fonts/babe/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
*{ margin:0px; padding:0px; list-style:none; text-decoration:none; border:none}
body{ font-family:Arial, Helvetica, sans-serif; font-size:14px; background:url(../images/bg.jpg);}
.login_form{ margin:0 auto; position:relative; top:100px; width:250px; border:solid 8px #1A9268; padding:10px; background:#111;}
.login_form table{ width:100%; color:#1A9268;}
.login_form table tr td{ padding:10px; width:100%; text-align:center;}
.logintype{ font-weight:bold; font-size:18px;}
.login_input{ padding:10px 5px; width:97%; background:#333; color:#ddd;}
.login_select{ padding:10px 5px; width:100%; background:#FFFFFF; color:#000;font-weight:bold; font-size:14px;}
.login_submit{ padding:10px 5px; width:100%; background:#1A9268; color:#ddd;}

#latefee{background:#660066; color:#FFF;}

.admin_table{ width:100%; border-collapse:collapse;}
.admin_table tr td{ vertical-align: top;}

.header{ float:left; width:100%; background:#1A9268;}
.logo_holder{ float:left; width:252px; margin:0px; padding:0px;}
.logo_holder img{width:252px; height:66px;}
.logo{position:relative; height:50px; background:#1A9268; padding:20px 20px 0; width:212px;font-family: 'Droid Sans', sans-serif; text-transform:uppercase; font-weight:bold; color:#fff; font-size:20px;}
.logo .fa{ border:solid 2px #fff; padding:8px; border-radius:50%; font-size:18px;}

.nav{ float:left; width:100%;}
.nav ul li{ float:left; position:relative; border-bottom:solid 1px #21D090; background:#1A9268; width:100%;}
.nav ul li:hover{ background:#15734C;}
.active{ background:#15734C !important;}
.nav ul li a{font-family: 'Droid Sans', sans-serif; font-size:14px; text-transform:uppercase; 
color:#fff;padding:10px; width:92%; float:left;}
.nava{ float:left; padding:10px 20px 0; width:84%; border-bottom:solid 1px #21D090; background:#1A9268; font-family: 'Droid Sans', sans-serif; font-size:14px; text-transform:uppercase; font-weight:bold; color:#fff;}
/*======For Sub menu start===========*/
#cssmenu ul ul {
	float:left;width:95%;
  padding: 5px;margin:1px;
  display: none;
}
#cssmenu > ul > li > a > span {
  display: block;
  padding: 10px;
  width:100%;
}
#cssmenu > ul > li.has-sub > a span {
  background: url(../images/icon_plus.png) 98% center no-repeat;
}
#cssmenu > ul > li.has-sub.active > a span {
  background: #1a9268 url(../images/icon_minus.png) 98% center no-repeat;
}
/*======For Sub menu closed===========*/
.shadows {top:0; right:0; width:25px; height:100%; display:block; position:absolute;
	background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.35) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.35)));
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 100%);
	background: -o-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 100%);
	background: -ms-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 100%);
	background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 );
}

.login_detail{ float:left; width:auto; padding:5px 0 0 0; margin:0 0 0 20px;}
.img_holder{ float:left; width:50px; height:50px; border-radius:50%; border:solid 2px #0C4B33; overflow:hidden; padding:4px; background:#1A9268;}
.img_holder img{ width:100%; height:100%; border-radius:50%;}
.name_holder{ float:left; width:auto; margin:0 0 0 10px; padding:10px 0;}
.welcome{ color:#fff; margin:10px 0 0 0;}
.welcome_name{ font-weight:bold; font-family: 'Droid Sans', sans-serif; color:#fff; font-size:16px;}

.action_holder{ float:right; margin:0 20px 0 0; padding:10px 0;}
/*.action{ color:#fff; font-family: 'Droid Sans', sans-serif; padding:5px 20px;}*/
.sub_drop {margin:-3px 0 0 0; float:left; display:inline-block; padding:8px 10px;}
.sub_drop ul { float:left; font-weight:300;}
.sub_drop ul li { float:left; position:relative; list-style:none; cursor:pointer;}
.sub_drop ul .clicker { float:left; padding:8px 10px;}
.sub_drop ul .clicker:hover,.sub_drop ul .active {background:#15734C;}
.sub_drop ul li a { transition:background-color 0.2s ease-in-out; -webkit-transition:background-color 0.2s ease-in-out; -moz-transition:background-color 0.2s ease-in-out; display:block;  padding:0px 10px; font-size:12px; color:#fff; text-decoration:none;}
.sub_drop ul li a:hover {background:#15734C;}
.sub_drop ul li ul {position:absolute; z-index:20; left:-76px; right:0px; top:30px; background:#15734C; width:150px;}
.sub_drop ul li ul li{ float:left; border-bottom:solid 1px #21D090; width:100%;}
.sub_drop ul li ul li a{ float:left; width:100%; padding:8px 0px; text-indent:10px; color:#eee;}
/* Fallbacks */
.sub_drop .no-js ul {display:none;}
.sub_drop .no-js:hover ul {display:block;}


.main{ float:left; width:95%; padding:15px; margin:0px; position:relative; top:0px;}
.box{ float:left; width:230px; padding:30px; background:#FBB168; margin:10px;}
.box .fa{ float:left; font-size:60px; margin:4px; color:#fff; width:50px; position:relative;}
.box_name{ float:left; width:160px; color:#eee; font-size:16px; font-family: 'Droid Sans', sans-serif;}
.box_num{ float:left; font-weight:bold; color:#eee; font-size:40px; font-family: 'Droid Sans', sans-serif;}

.img_up_view{ float:left; width:80px; height:60px; margin-bottom:4px; margin-top:-5px; border-radius:4px; border:solid 1px #0C4B33; overflow:hidden; padding:2px;}
.img_up_view img{ width:80px; height:60px; border-radius:4px;}

.book_cover{ float:left; width:100px; height:100px; margin-bottom:4px; margin-top:-5px; border-radius:4px; border:solid 1px #0C4B33; overflow:hidden; padding:2px;}
.book_cover img{ width:100px; height:100px; border-radius:4px;}

.barcode{ float:left; width:270px; height:80px; margin-bottom:20px; margin-top:-5px; border-radius:4px; border:solid 1px #0C4B33; overflow:hidden; padding:2px;}
.barcode img{ width:100%; height:80px; border-radius:4px;}


.footer{ float:left; width:100%; margin:20px 0 0 0; padding:10px 0; border-top:solid 1px #1A9268;}
.copy{ float:left; width:100%; text-align:center; font-size:12px; font-family: 'Droid Sans', sans-serif;}

.top_title_holder{ float:left; width:100%;}
.top_title{ float:left; font-family: 'BebasNeueRegular'; padding:5px 20px; border:solid 1px #ddd; text-transform:uppercase; background:#fff; border-bottom:none; margin:0px 0 -1px 0; position:relative; z-index:10; font-weight:normal; font-size:20px; color:#333;}
.rec_content{ padding:20px; border:solid 1px #ddd; background:#fff; float:left; width:99%; position:relative; z-index:9;}
.head{ float:left; width:100%; padding:0px 0; background:#1A9268; border-radius:3px; overflow:hidden; line-height:40px;}
.title{ font-family: 'BebasNeueRegular'; font-size:18px; color:#fff;}
.title .fa{ float:left; padding:10px 15px; color:#fff; font-size:18px; background:#15734C; border-right:solid 1px #21D090; margin:0 20px 0 0;}
.clear{height:10px;}
.advanced_btn{ float:left; width:15%; background:#ddd; padding:6px 10px;}
.search{ float:left; width:98%; background:#ddd; padding:5px 10px;}
.search_input{ width:25%; padding:5px; border:solid 1px #15734C;}
.new_search_input{ width:150px; padding:5px; border:solid 1px #15734C; overflow:auto;}
.search_button{padding:5px 20px; background:#15734C; color:#fff;}
.add_button{width:100px; height:35px;background:#1CA59E; color:#FFF; font-weight:400; font-size:18px; 
border-radius:5px; cursor:pointer;}
.add_btn{ float:right; border:solid 1px #15734C; font-size:20px; font-family:'BebasNeueRegular'; color:#15734C;}
.advanced_btn_img{float:left; padding:0px; margin-top:0px; width:160px; height:30px;}
.add_btn .fa{ border-right:solid 1px #15734C; padding:5px;}
.add_btn span{padding:5px;}
.newscroll{width:100%; overflow-x:scroll; max-width:100%;}
.rec_table{width:100%; border:solid 1px #999; border-collapse:collapse;}
.rec_table tr td{ padding:5px; text-align:center; border:solid 1px #999; font-size:12px; color:#333;}
.rec_table thead,.rec_table tfoot{ background:#ddd; font-weight:bold !important;}
.rec_table tbody tr:nth-child(even):hover,.rec_table tbody tr:nth-child(odd):hover{ background:#FBE4D1;}
.rec_table tbody tr:nth-child(even) {background: #eee}
.rec_table tbody tr:nth-child(odd) {background: #fff}

.read_div{ width:255px; padding:10px; border:solid 1px #ddd; border-radius:5px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset, 0 -1px 0 rgba(0, 0, 0, 0.05) inset;}
.for_date{ width:180px; padding:10px; border:solid 1px #ddd; border-radius:5px; color:#FFFFFF; font-weight:600;
background:url(../images/cal.gif) no-repeat scroll 0px 0px #999; background-position:right; background-size:30px;
cursor:pointer;}

.add_edit_table{ margin:50px 0 0 0; width:100%; border:solid 1px #ddd; border-collapse:collapse;}
.add_edit_table tr td{ padding:20px; border:solid 1px #ddd;}
.add_edit_table tr td:first-child{ text-align:right; width:150px;}
.add_edit_table tr td:nth-child(3){ text-align:right; width:150px;}
.rec_select{ width:275px; padding:10px; border:solid 1px #ddd; border-radius:5px;}
.new_rec_select{ padding:5px; width:145px;border:solid 1px #15734C; border-radius:5px; margin-right:10px;}
.rec_input{ width:255px; padding:10px; border:solid 1px #ddd; border-radius:5px;}
.rec_comm{ width:60px; padding:2px; border:solid 1px #ddd; border-radius:5px;}
.rec_textarea{ width:255px; padding:10px; border:solid 1px #ddd; border-radius:5px; height:80px; font-size:13px; font-family:Arial, Helvetica, sans-serif; }
.rec_submit{ padding:10px 20px; background:#1A9268; color:#fff; font-size:16px;}
.rec_reset{ padding:10px 20px; background:#15734C; color:#fff; font-size:16px;}
.edit{ padding:2px 5px; color:#4285F4;}
.width100{ padding:10px; border:solid 1px #ddd;}
.smallinput{ padding:10px; border:solid 1px #ddd;}
input[type=text], textarea, select {
  -webkit-transition: all ease-in-out .3s;
  -moz-transition: all ease-in-out .3s;
  -ms-transition: all ease-in-out .3s;
  -o-transition: all ease-in-out .3s;
  transition: all ease-in-out .3s;
  outline: none;
}
input[type=text]:focus,input[type=checkbox]:focus,input[type=radio]:focus, textarea:focus, select:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  border: 1px solid rgba(81, 203, 238, 1);
}
input[type=text], textarea, select{
	box-shadow: 0 1px 2px rgba(0,0,0,0.2) inset, 0 -1px 0 rgba(0,0,0,0.05) inset;
    -moz-box-shadow:    0 1px 2px rgba(0,0,0,0.2) inset, 0 -1px 0 rgba(0,0,0,0.05) inset;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2) inset, 0 -1px 0 rgba(0,0,0,0.05) inset;
}
input[type=submit],input[type=reset]{
	background:#1A9268; 
	background:-moz-linear-gradient(top,#1A9268 0%,#15734C 100%); 
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#1A9268),color-stop(100%,#15734C)); 
	background:-webkit-linear-gradient(top,#1A9268 0%,#15734C 100%); 
	background:-o-linear-gradient(top,#1A9268 0%,#15734C 100%); 
	background:-ms-linear-gradient(top,#1A9268 0%,#15734C 100%); 
	background:linear-gradient(top,#1A9268 0%,#15734C 100%); 
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#1A9268', endColorstr='#15734C',GradientType=0); 
	padding:10px 15px; 
	color:#fff; 
	font-family:'Helvetica Neue',sans-serif; 
	font-size:16px; 
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	border:1px solid #459A00; cursor:pointer;
}
input[type=submit]:hover,input[type=reset]:hover{
	 -webkit-box-shadow: inset 0px 1px 0px #3e9cbf, 0px 2px 0px 0px #205c73, 0px 2px 5px #999;
	-moz-box-shadow: inset 0px 1px 0px #3e9cbf, 0px 2px 0px 0px #205c73, 0px 2px 5px #999;
	box-shadow: inset 0px 1px 0px #3e9cbf, 0px 2px 0px 0px #205c73, 0px 2px 5px #999;
	
}
.stu_input{ width:156px; padding:5px; border:solid 1px #ddd; border-radius:5px;}
.search_form{margin:-10px; padding:0px;}
.go_btn{padding:6px 15px; background:#333; color:#fff; font-weight:bold;border-radius:5px; cursor:pointer;}
.edit_btn{background-color:#1A9268;color:#FFF;padding:4px 12px;cursor:cursor; font-weight:bold;}
.edit_btn a{text-decoration:none;}
/***NOTIFICATION MESSAGES***/
.notification { 
	height: 51px; overflow: hidden; position: relative; margin-bottom: 20px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; 
	-moz-box-shadow: 1px 1px 2px #ddd;
}
.notification p { margin: 14px 10px 0 75px; font-size: 13px; color: #333; }
.notification a.close {position: absolute; width: 14px; height: 14px; top: 5px; right: 5px; }
.notification a.close:before{ content:"X";}	
.notification a.close:hover { cursor: pointer; }
.msgalert a.close { background-position: -14px 0; }
.msgalert a.close:hover { background-position: -14px -14px; }
.msginfo a.close { background-position: -42px 0; }
.msginfo a.close:hover { background-position: -42px -14px; }
.msgsuccess a.close { background-position: -28px 0; }
.msgsuccess a.close:hover { background-position: -28px -14px; }
.msgerror a.close { background-position: 0 0; }
.msgerror a.close:hover { background-position: 0 -14px; }

.msgalert { border: 1px solid #eac572; background: #ffe9ad url(../images/notifications.png) no-repeat 0 -52px; }
.msginfo { border: 1px solid #99c4ea; background: #d1e4f3 url(../images/notifications.png) no-repeat 0 -156px; }
.msgsuccess { border: 1px solid #c1d779; background: #effeb9 url(../images/notifications.png) no-repeat 0 -104px; }
.msgerror { border: 1px solid #e18b7c; background: #fad5cf url(../images/notifications.png) no-repeat 0 0; }

/* new css for menu..*/

.accordion-open {}
.accordion-open span { float:left;
display:block;
float:right;
padding:10px;
}
.accordion-open span { float:right;
background:url(../images/minus.png) center center no-repeat;
}
.accordion-close span {
display:block;
float:right;
background:url(../images/plus.png) center center no-repeat;
padding:10px;

}
.content_acco { float:left; width:100%; position:relative;
margin: 0;
padding:0px;
font-size:.9em;
line-height:1.5em;
font-family: 'Roboto', sans-serif;
}
div.content_acco { float:left; font-size:18px; font-weight:bold; width:100%;}
div.content_acco ul, div.content p {
padding:0;
margin:0; font-weight:normal;
padding:3px;
}
div.content_acco ul li {
list-style-position:inside;
line-height:25px;
}
div.content_acco ul li a {
color:#555555;
}
code {
overflow:auto;
}
.overflow_div{float:left; overflow:auto; width:1038px; margin-left:2px;}

.news{float:left; width:30%;text-align:center; margin-left:20px;height:460px;background:#1A9268; 
padding:10px; border-radius:7px; margin-top:15px;}
.news h2{color:#FFF;}
.marq{padding:10px; height:400px; background:#EAEAEA; cursor:pointer;!important}
.notice_inner_div{float:left; width:93.5%;height:370px; padding:20px;background:#FFFFFF; 
color:#000000; overflow:auto; text-align:justify;}
/*New Css For POPup Window*/
.mani_pop {
    background: url("../images/fg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 100%;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 120; top:0;
}
.movie_pop {
    background: none repeat scroll 0 0 #fff;
    border: 5px solid #2bc1f2;
    height: 400px;
    margin: 0 auto;
    padding: 10px;
    position: relative;
    top: 100px;
    width: 500px;
    z-index: 115;
	overflow:auto;
}
.result {
    float: left;
    font-size: 24px;
    margin: 10px 0 0;
    text-align: center;
    width: 100%;
}
.movie_detail {
    float: left;
    margin: 20px 0 0;
    width: 100%;
}
.movie_detail li strong {
    color: #b6151c;
}
.crossclose:hover {
    background: none repeat scroll 0 0 #2bc1f2;
    color: #fff;
}
.crossclose {
    background: none repeat scroll 0 0 #2bc1f2;
    color: #000;
    float: right;
    font-size: 14px;
    padding: 2px 7px;
    position: absolute;
    right: 10px;
}
.downloadcxl{float:right; padding:0 6px; color:#FFFFFF; border:1px solid #FFFFFF; border-radius:7px; background:#15734C;}
.upper_content{float:left; width:95%; padding:0px; margin:0 0 0 20px;border-bottom:2px solid #000000;}
.left_upper_content{float:left; width:49%; padding:2px;}
.right_upper_content{float:left; width:49%; padding:2px;}
.welcome_head{font-weight:bold; font-family: 'Droid Sans', sans-serif; color:#000000;font-size:15px;}
.welcome_sub{color:#000000;font-size:14px; margin:10px 0 0 0;}
.start_main{width:950px; padding:15px; margin:0 auto; position:relative; top:0px;}
.table_salary{width:100%;}
.table_challan{width:100%;}

.table_challan tr td{color:#000000;font-size:13px; padding-top:5px;}

.rec_select option{padding-left:5px;}
.challan_div{width:735px; padding:0px; margin:0 auto; position:relative;}
/*.watermark{position:absolute; top:140px; bottom:0px; right:113px; opacity:0.1; z-index:989; color:white; height:350px; width:682px;}*/
label.required:after {
  content:'*';
  color:red;
  font-size:20px;
}