@charset "utf-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
	outline:none;
	border:0;
	}
body{
	background:#333;
	}
.clear{
	clear:both;
	}
::selection{
	background:#f00;
	color:#fff;
	}
*,
*:before,
*:after{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}
img{
	font-family: 'Roboto', sans-serif;
    font-weight:400;
    font-style:italic;
    font-size:.75em;
    color:#392715;
	}
.img-responsive{
	max-width:100%;
	height:auto;
	display:block;
	font-family: 'Roboto', sans-serif;
	}
.img-full{
	width:100%;
	height:auto;
	display:block;
	}
main{
	width:100%;
	height:100%;
	background:#0277C6;
	}
.wrapper_lft{
	width:22%;
	height:auto;
	float:left;
	background:#0277c6;
	}
.lft_hd{
	font-family: 'Roboto', sans-serif;
	background:#F7F7F7;
	font-size:1.2em;
	font-weight:400;
	text-align:center;
	color:#fff;
	padding-top:25px;
	width:100%;
	height:140px;
	}
	
	.lft_hd img{
	max-width:80%;
	height:auto;
	margin:0 auto;
	}
.inst_profile{
	width:100%;
	height:auto;
	padding:6% 10% 6% 10%;
	}
.inst_photo{
	width:30%;
	height:auto;
	float:left;
	}
.inst_photo{
	max-width:100%;
	height:auto;
	display:block;
	}
.inst_photo_name{
	width:70%;
	height:auto;
	float:right;
	font-family: 'Roboto', sans-serif;
	font-size:1em;
	font-weight:500;
	text-align:left;
	color:#fff;
	padding-top:3%;
	}
.inst_photo_name span{
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	color:#fff;
	}
.lft_search{
	width:92%;
	height:auto;
	border-bottom:1px solid #707070;
	padding:0% 0% 6% 0%;
	margin:0 auto;
	}
.lft_search_txtbox{
	border-bottom:1px solid #3f3f3f;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	font-size:.87em;
	text-align:left;
	color:#fff;
	background:#474747 url(../images/search_icon.png) no-repeat 3% center;
	height:32px;
	width:100%;
	padding-left: 13%;
	}
.wrapper_rgt{
	width:78%;
	height:auto;
	float:right;
	background:#fff;
	min-height: 700px;
	}
.fa-home:before {
    content: url(../images/home_icon.png);
}
.fa-student:before{
	content:url(../images/student_icon.png);
	}
.fa-income:before{
	content:url(../images/income_icon.png);
	}
.fa-enquiry:before{
	content:url(../images/enquiry_icon.png);
	}
.fa-diary:before{
	content:url(../images/diary_icon.png);
	}
.fa-settings:before{
	content:url(../images/settings_icon.png);
	}	
header{
	width:100%;
	height:140px;
	background:#fff;
    padding: 0% 5%;
}
.admin_top{
	width:50px;
	height:auto;
	float:right;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size:.95em;
	color:#817f7f;
	line-height:1.5em;
	padding-top: 7%;
	}
.admin_top a{
	font-family: 'Roboto', sans-serif;
	color:#817f7f;
	text-decoration:none;
	}
.admin_top a:hover{
	font-family: 'Roboto', sans-serif;
	color:#3399cc;
	text-decoration:none;
	}
.admin_top a:before{
	content:url(../images/admin_icon.jpg);
	display:inline-block;
	vertical-align:middle;
	margin-right: .2em;
	}
/*.admin_top a:hover:before{
	content:url(../images/admin_icon_hover.png);
	display:inline-block;
	vertical-align:middle;
	}*/
	.follow_top{
	width:50px;
	height:50px;
	float:right;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size:.95em;
	color:#817f7f;
	line-height:0em;
	margin-top: 7%;
	background:url(../images/followup.jpg)no-repeat;
	}
.follow_top a{
	font-family: 'Roboto', sans-serif;
	color:#fff;
	text-decoration:none;
	}
.follow_top a:hover{
	font-family: 'Roboto', sans-serif;
	color:#3399cc;
	text-decoration:none;
	}
/*.follow_top a:before{
	content:url(../images/followup.jpg);
	display:inline-block;
	vertical-align:middle;
	margin-right: -35px;
	}*/
	
.viewwebsite_top{
	width:auto;
	height:auto;
	float:right;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size:.95em;
	color:#817f7f;
	line-height:1.5em;
	padding-left: 1.5%;
	}
.viewwebsite_top a{
	font-family: 'Roboto', sans-serif;
	color:#817f7f;
	line-height:1.5em;
	text-decoration:none;
	margin-right: .2em;
	}
.viewwebsite_top a:hover{
	font-family: 'Roboto', sans-serif;
	color:#3399cc;
	text-decoration:none;
	}
.viewwebsite_top a:before{
	content:url(../images/view_icon.png);
	display:inline-block;
	vertical-align:middle;
	margin-right: .2em;
	}
.viewwebsite_top a:hover:before{
	content:url(../images/view_icon_hover.png);
	display:inline-block;
	vertical-align:middle;
	}
.changepwd_top{
	width:auto;
	height:auto;
	float:right;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size:.95em;
	color:#817f7f;
	line-height:1.5em;
	padding-left: 1.5%;
		}
.changepwd_top a{
	font-family: 'Roboto', sans-serif;
	color:#817f7f;
	line-height:1.5em;
	text-decoration:none;
	}
.changepwd_top a:hover{
	font-family: 'Roboto', sans-serif;
	color:#3399cc;
	text-decoration:none;
	}
.changepwd_top a:before{
	content:url(../images/change_password_icon.png);
	display:inline-block;
	vertical-align:middle;
	margin-right: .2em;
	}
.changepwd_top a:hover:before {
	content:url(../images/change_password_icon_hover.png);
	display:inline-block;
	vertical-align:middle;
	}
.logout_top{
	width:auto;
	height:auto;
	float:right;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size:.95em;
	color:#817f7f;
	line-height:1.5em;
	padding-top: 7%;
	}
.logout_top a{
	font-family: 'Roboto', sans-serif;
	color:#817f7f;
	line-height:1.5em;
	text-decoration:none;
	}
.logout_top a:hover{
	font-family: 'Roboto', sans-serif;
	color:#3399cc;
	text-decoration:none;
	}
.logout_top a:before{
	content:url(../images/logout_icon.jpg);
	display:inline-block;
	vertical-align:middle;
	margin-right: .2em;
	}
/*.logout_top a:hover:before{
	content:url(../images/logout_icon_hover.png);
	display:inline-block;
	vertical-align:middle;
	}*/
.breadcrumps{
	width:auto;
	height:auto;
	float:right;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size:.95em;
	color:#817f7f;
	line-height:1.5em;
	}
.breadtxt{
	font-family: 'Roboto', sans-serif;
	color:#817f7f;
	line-height:1.5em;
	float:left; 
	padding:1em 0em 1em .5em;
	}
.breadarow{
	font-family: 'Roboto', sans-serif;
	color:#817f7f;
	line-height:1.5em;
	float:left;
	padding:1em 0em 1em 0em;
	}
.breadcrumps a{
	font-family: 'Roboto', sans-serif;
	color:#817f7f;
	text-decoration:none;
	}
.breadcrumps a:hover{
	font-family: 'Roboto', sans-serif;
	color:#3399cc;
	text-decoration:none;
	}
.wrapper_rgt h3{ 
	font-family: 'Roboto', sans-serif;
	font-size:1.2em;
	font-weight:500;
	text-align:left;
	color:#114C85;
	padding:0% 0% 1.5% 0%;
	width: auto;
    height: auto;
    float: left;
	clear:both;
	line-height:1.6em;
	text-transform:uppercase;
	}
.wrap_rgt_container{
	width:100%;
	height:auto;
	padding:0% 5% 0% 5%;
	}
.createpdf{
	width:auto;
	max-width:100%;
	height:auto;
	float:right;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size:.95em;
	line-height:1.5em;
	clear:both;
	}
.createpdf a{
	font-family: 'Roboto', sans-serif;
	color:#fff;
	line-height:1.5em;
	text-decoration:none;
	background:#ca5757 url(../images/pdf_icon.png) no-repeat 98% center;
	padding:.5em 2.5em .5em 1em;
	}
.createpdf a:hover{
	font-family: 'Roboto', sans-serif;
	color:#fff;
	text-decoration:none;
	background:#3399cc url(../images/pdf_icon.png) no-repeat 98% center;
	}
.profile_lft{
	width:30%;
	height:auto;
	float:left;
	margin:2% 0% 0% 0%;
	}
.profile_photo{
	width:100%;
	height:auto;
	padding:3% 0% 3% 0%;
	position:relative;
	}
.profile_photo_edit{
	width:40px;
	height:40px;
	border-radius:50%;
	position:absolute;
	bottom: 11%;
    right: 24%;
	background:#fff;
	border:1px solid #e4e3e3;
	padding-top: 3%;
	}
.profile_photo_edit img{
	max-width:100%;
	height:auto;
	display:block;
	margin:0 auto;
	border:none !important;
	}
.profile_photo img{
	max-width:100%;
	height:auto;
	display:block;
	margin:0 auto;
	/*border-radius:50%;*/
	border:6px solid #666666;
	}
.profile_lft h4{
	font-family: 'Roboto', sans-serif;
	color:#666666;
	line-height:1.5em;
	font-size:1.2em;
	font-weight:400;
	padding:0% 0% 0% 14%;
	background: url(../images/proilebg.png) no-repeat;
}
.profile_rgt{
	width:67%;
	height:auto;
	float:right;
	margin:2% 0% 0% 0%;
	}
.profile_lft .col, .col1{
	width:100%;
	height:auto;
	font-family: 'Roboto', sans-serif;
	color:#817f7f;
	line-height:1.5em;
	font-size:.9em;
	font-weight:400;
	padding:3% 3% 3% 3%;
	}
.profile_lft .col span, .col1 span{
	font-family: 'Roboto', sans-serif;
	color:#817f7f;
	text-transform:uppercase;
	}
.profile_lft .col{
	background:#fff;
	}

.pro_active{
	font-family: 'Roboto', sans-serif;
	color:#fff !important;
	background:#0277C6;
	padding:.3em .5em .3em .5em;
	}
.pro_active a{
	font-family: 'Roboto', sans-serif;
	color:#fff !important;
	text-decoration:none;
	}
.pro_active a:hover{
	font-family: 'Roboto', sans-serif;
	color:#fff !important;
	text-decoration:underline;
	}
	
.profile_rgt{
	width:67%;
	height:auto;
	float:right;
	margin:2% 0% 0% 0%;
	}
.profile_rgt h4 {
    font-family: 'Roboto', sans-serif;
    color: #666666;
    line-height: 1.5em;
    font-size: 1.2em;
    font-weight: 400;
    padding: 0% 0% 0% 0%;
	width:auto;
	height:auto;
	float:left;
	margin-bottom: 2%;
}
.profile_rgt .col, .col1{
	width:100%;
	height:auto;
	font-family: 'Roboto', sans-serif;
	color:#817f7f;
	line-height:1.5em;
	font-size:.9em;
	font-weight:400;
	padding:1.5% 1.5% 1.5% 1.5%;
	}
.profile_rgt .col span, .col1 span{
	font-family: 'Roboto', sans-serif;
	color:#817f7f;
	text-transform:uppercase;
	}
.profile_rgt .col{
	background:#fff;
	}
.pro_update{
	font-family: 'Roboto', sans-serif;
	color:#fff !important;
	background:#1d668b;
	padding:.3em .5em .3em .5em;
	width:auto;
	float: left;
    font-size: .87em;
    margin-left: 2%;
	margin-bottom: 2%;
	font-weight:400;
	}
.pro_update a{
	font-family: 'Roboto', sans-serif;
	color:#fff !important;
	text-decoration:none;
	}
.pro_update a:hover{
	font-family: 'Roboto', sans-serif;
	color:#fff !important;
	text-decoration:underline;
	}
.student_prfile_document{
	width:auto;
	height:auto;
	float:left;
	font-family: 'Roboto', sans-serif;
    color: #817f7f;
    line-height: 1.5em;
    font-size: .9em;
    font-weight: 400;
    margin-right: 1%;
    padding: 1em 0;
	}
.student_prfile_document a{
	background: #3399cc url(../images/download.png) no-repeat 0% center;
    color: #fff;
    font-family: "Roboto",sans-serif;
    padding: 0.5em 0.6em  0.5em 0.8em;
    text-decoration: none;
	}
.student_prfile_document a:hover{
	font-family: 'Roboto', sans-serif;
    color: #fff;
	text-decoration:underline;
	}
.studymaterial_document{
	width:auto;
	max-width:100%;
	height:auto;
	float:right;
	background:url(../images/download.png) no-repeat 0% center;
	font-family: 'Roboto', sans-serif;
    color: #817f7f;
    line-height: 1.5em;
    font-size: .9em;
    font-weight: 400;
    padding:2% 3% 2% 2.5%;
	}
.studymaterial_document a{
	font-family: 'Roboto', sans-serif;
    color: #817f7f;
	text-decoration:underline;
	}
.studymaterial_document a:hover{
	font-family: 'Roboto', sans-serif;
    color: #3399cc;
	text-decoration:underline;
	}


.study_container{
	width:100%;
	height:auto;
	border-bottom: 1px solid #d4e0e6;
	padding:2em 0em 0em 0em;
	}
.study_container .box{
	width:40%;
	height:auto;
	float:left;
	}
.study_container .box1{
	width:20%;
	height:auto;
	float:left;
	}
.study_container .box1, .box .boxhd{
	font-family: 'Roboto', sans-serif;
	color:#817f7f !important;
	padding:3em 0em 1em 0em;
	font-size:1.1em;
	font-weight:400;
	}
.study_container .box .txtbox{
	font-family: 'Roboto', sans-serif;
	color:#817f7f !important;
	padding:.5em;
    font-size: .9em;
	width:95%;
	height:139px;
	border:1px solid #335c70;
	background:#fff;
	font-weight:400;
	}
.study_container .box .txtbox1{
	font-family: 'Roboto', sans-serif;
	color:#817f7f !important;
	padding:.5em;
    font-size: .9em;
	width:95%;
	height:40px;
	margin-bottom:3%;
	border:1px solid #335c70;
	background:#fff;
	font-weight:400;
	}
.study_container .box .selectbox{
	font-family: 'Roboto', sans-serif;
	color:#817f7f !important;
	padding:0em 0em 0em 0em;
    font-size: .9em;
	width:95%;
	height:40px;
	margin-bottom:3%;
	border:1px solid #335c70;
	background:#fff;
	font-weight:400;
	}
.study_container .box .file{
	font-family: 'Roboto', sans-serif;
	color:#817f7f !important;
	padding:0em 0em 1em 0em;
    font-size: .9em;
	width:95%;
	height:auto;
	margin-bottom:3%;
	font-weight:400;
	}
.study_savebtn{
	background:#0277C6;
	color:#fff;
	font-family: 'Roboto', sans-serif;
	font-size: .9em;
	padding:.5em 1em .5em 1em;
	margin:3% 0 1% 0;
	float:right;
	font-weight:400;
	cursor:pointer;

	}
.study_savebtn:hover{
	background:#0277C6;
	color:#fff;
	font-family: 'Roboto', sans-serif;
	}
.fees_container{
	width:100%;
	height:auto;
	}
.fees_details{
	width:100%;
	height:auto;
	}
.fees_details .row{
	width:22%;
	height:auto;
	float:left;
	padding-right:1.2%;
	}
.fees_details .row1{
	width:18%;
	height:auto;
	float:left;
	padding-right:1.2%;
	}
.fees_details .row2{
	width:16%;
	height:auto;
	float:left;
	}
.fees_details h5{
	font-family: 'Roboto', sans-serif;
	color:#817f7f !important;
	padding:.5em 0em 0em 0em;
    font-size: .95em;
	font-weight:400;
	width:100%;
	}
.fees_details .txtbox{
	font-family: 'Roboto', sans-serif;
	color:#bbbaba  !important;
	padding:.5em;
    font-size: .9em;
	width:97%;
	height:40px;
	margin-bottom:3%;
	border:1px solid #335c70;
	background:#fff;
	font-weight:400;
	margin-top: 4%;
	}
.fees_details .addnew{
	font-family: 'Roboto', sans-serif;
	color:#fff  !important;
    font-size: .87em;
	width:97%;
	height:auto;
	margin-bottom:3%;
	font-weight:400;
	padding: 17% 0 11% 0;
	}
.fees_details .addnew a{
	font-family: 'Roboto', sans-serif;
	color:#fff  !important;
	padding:.9em .8em .9em 1.4em;
	background:#0277C6 url(../images/plus.png) no-repeat 4% center;
	text-decoration:none;
	}
.fees_details .addnew a:hover{
	font-family: 'Roboto', sans-serif;
	color:#fff  !important;
	background:#0277C6 url(../images/plus.png) no-repeat 4% center;
	text-decoration:none;
	}
.fees_container .table_container{
	width:100%;
	height:auto;
	display:table;
	background:#fff;
	margin-top:2%;
	border-top: 1px solid #eeeeee;
	border-left: 1px solid #eeeeee;
	border-bottom:1px solid #eeeeee;
	}
.fees_container .table_container .table_row_hd{
	width:100%;
	height:auto;
	display: table-row;
	background:#cccccc;
	}
.fees_container .table_container .table_row_hd 
.sl_hd,
.recieptno_hd,
.recieptdate_hd,
.recieptype_hd,
.particular_hd,
.amt_hd,
.view_hd{
	display: table-cell;
	font-family: 'Roboto', sans-serif;
	color:#333 !important;
	text-align:center;
	margin-bottom:3%;
	font-weight:400;
	padding:2% .5% 2% .5%;
	line-height:1.5em;
	font-size:.9em
	}
.fees_container .table_container .table_row_hd .sl_hd{
	width:6%;
	height:auto;
	border-right:1px solid #eeeeee;
	}
.fees_container .table_container .table_row_hd .recieptno_hd{
	width:14%;
	height:auto;
	border-right:1px solid #eeeeee;
	}
.fees_container .table_container .table_row_hd .recieptdate_hd{
	width:11%;
	height:auto;
	border-right:1px solid #eeeeee;
	}
.fees_container .table_container .table_row_hd .recieptype_hd{
	width:14%;
	height:auto;
	border-right:1px solid #eeeeee;
	}
.fees_container .table_container .table_row_hd .particular_hd{
	width:35%;
	height:auto;
	border-right:1px solid #eeeeee;
	}
.fees_container .table_container .table_row_hd .amt_hd{
	width:14%;
	height:auto;
	border-right:1px solid #eeeeee;
	}
.fees_container .table_container .table_row_hd .view_hd{
	width:6%;
	height:auto;
	border-right:1px solid #eeeeee;
	}
.fees_container .table_container .table_row{
	width:100%;
	height:auto;
	display: table-row;
	background:#fff;
	}
.fees_container .table_container .table_row 
.sl,
.recieptno,
.recieptdate,
.recieptype,
.particular,
.amt,
.view{
	display: table-cell;
	font-family: 'Roboto', sans-serif;
	color:#817f7f  !important;
	text-align:center;
	margin-bottom:3%;
	font-weight:400;
	padding:2% .5% 2% .5%;
	font-size: .9em;
	border-bottom:1px solid #eeeeee;
	}
.fees_container .table_container .table_row .sl{
	width:6%;
	height:auto;
	border-right:1px solid #eeeeee;
	}
.fees_container .table_container .table_row .recieptno{
	width:14%;
	height:auto;
	border-right:1px solid #eeeeee;
	}
.fees_container .table_container .table_row .recieptdate{
	width:11%;
	height:auto;
	border-right:1px solid #eeeeee;
	}
.fees_container .table_container .table_row .recieptype{
	width:14%;
	height:auto;
	border-right:1px solid #eeeeee;
	}
.fees_container .table_container .table_row .particular{
	width:35%;
	height:auto;
	border-right:1px solid #eeeeee;
	}
.fees_container .table_container .table_row .amt{
	width:14%;
	height:auto;
	border-right:1px solid #eeeeee;
	}
.fees_container .table_container .table_row .view{
	width:6%;
	height:auto;
	}
.fees_container .table_container .table_row .view img{
	max-width:100%;
	height:auto;
	display:block;
	margin:0 auto;
	}
.addnew_container{
	width:100%;
	height:auto;
	padding:0% 0% 2% 0%;
	}
.addnew_hd{
	width:100%;
	height:auto;
	font-family: 'Roboto', sans-serif;
	color:#fff  !important;
	text-align:left;
	font-weight:400;
	line-height:1.5em;
	padding:1% .5% 1% 3.5%;
	font-size: .95em;
	background:#3399cc url(../images/pen.png) no-repeat 1% center;
	margin-bottom: 1%;
	margin-top: 1%;
	clear: both;
	}
.addnew_col{
	width:48%;
	height:auto;
	float:left;
	padding:1% 0;
	}
.addnew_col1{
	width:48%;
	height:auto;
	float:right;
	padding: 1% 0;
	}
	
.addnew_col h5, .addnew_col1 h5{
	font-family: 'Roboto', sans-serif;
	color:#817f7f !important;
	padding:.5em 0em 0em 0em;
    font-size: .9em;
	font-weight:400;
	line-height:1.5em;
	text-align:left;
	float:left;
	width:33%;
	}
.addnew_col h5 span, .addnew_col1 h5 span{
	font-family: 'Roboto', sans-serif;
	color:#f00 !important;
	padding:0em 0em 0em 0.5em;
	}
.addnew_col .sep, .addnew_col1 .sep{
	font-family: 'Roboto', sans-serif;
	color:#817f7f !important;
	padding:.5em 0em 0em 0em;
    font-size: .9em;
	font-weight:400;
	width:10%;
	float:left;
	text-align:center;
	}
.addnew_col .addbox, .addnew_col1 .addbox{
	padding:0em;
	width:57%;
	height:auto;
	float:left;
	}
.addnew_col .txtbox, .addnew_col1 .txtbox{
	font-family: 'Roboto', sans-serif;
	color:#bbbaba  !important;
    font-size: .9em;
	width:99%;
	height:38px;
	border:1px solid #335c70;
	background:#fff;
	font-weight:400;
	padding: .5em;
	}
.reciept_col{
	width:48%;
	height:auto;
	float:left;
	padding:1% 0;
	}
.reciept_col h5{
	font-family: 'Roboto', sans-serif;
	color:#817f7f !important;
	padding:.5em 0em 0em 0em;
    font-size: .9em;
	font-weight:400;
	line-height:1.5em;
	text-align:left;
	float:left;
	width:33%;
	}
.reciept_col h5 span{
	font-family: 'Roboto', sans-serif;
	color:#f00 !important;
	padding:0em 0em 0em 0.5em;
	}
.reciept_col .sep{
	font-family: 'Roboto', sans-serif;
	color:#817f7f !important;
	padding:.5em 0em 0em 0em;
    font-size: .9em;
	font-weight:400;
	width:10%;
	float:left;
	text-align:center;
	}
.reciept_col .recieptbox{
	padding:0em;
	width:57%;
	height:auto;
	float:left;
	}
.reciept_col .selectbox{
	font-family: 'Roboto', sans-serif;
	color:#817f7f  !important;
    font-size: .9em;
	width:100%;
	height:38px;
	border:1px solid #335c70;
	background:#fff;
	font-weight:400;
	}
.reciept_col1{
	width:36%;
	height:auto;
	float:left;
	padding:1% 0;
	margin-left:2%
	}
.reciept_col1 h5{
	font-family: 'Roboto', sans-serif;
	color:#817f7f !important;
	padding:.5em 0em 0em 0em;
    font-size: .9em;
	font-weight:400;
	line-height:1.5em;
	text-align:left;
	float:left;
	width:33%;
	}
.reciept_col1 h5 span{
	font-family: 'Roboto', sans-serif;
	color:#f00 !important;
	padding:0em 0em 0em 0.5em;
	}
.reciept_col1 .sep{
	font-family: 'Roboto', sans-serif;
	color:#817f7f !important;
	padding:.5em 0em 0em 0em;
    font-size: .9em;
	font-weight:400;
	width:10%;
	float:left;
	text-align:center;
	}
.reciept_col1 .recieptbox{
	padding:0em;
	width:57%;
	height:auto;
	float:left;
	}
.reciept_col1 .txtbox{
	font-family: 'Roboto', sans-serif;
	color:#817f7f  !important;
    font-size: .9em;
	width:100%;
	height:38px;
	border:1px solid #335c70;
	background:#fff;
	font-weight:400;
	}
.reciept_delete{
	width:11%;
	height:auto;
	float:left;
	padding:2% 0;
	margin-left:2%
	}
.reciept_total{
	width:37%;
	height:auto;
	padding: 3% 0;
	margin:0 auto;
	clear: both;
	}
	
.reciept_total h5{
	font-family: 'Roboto', sans-serif;
	color:#817f7f !important;
	padding:.5em 0em 0em 0em;
    font-size: .9em;
	font-weight:400;
	line-height:1.5em;
	text-align:left;
	float:left;
	width:33%;
	}
.reciept_total h5 span{
	font-family: 'Roboto', sans-serif;
	color:#f00 !important;
	padding:0em 0em 0em 0.5em;
	}
.reciept_total .sep{
	font-family: 'Roboto', sans-serif;
	color:#817f7f !important;
	padding:.5em 0em 0em 0em;
    font-size: .9em;
	font-weight:400;
	width:10%;
	float:left;
	text-align:center;
	}
.reciept_total .box{
	padding: 0em;
	width: 57%;
	height: auto;
	float: left;
	}
.reciept_total .txtbox{
	font-family: 'Roboto', sans-serif;
	color:#bbbaba  !important;
    font-size: .9em;
	width:99%;
	height:38px;
	border:1px solid #335c70;
	background:#fff;
	font-weight:400;
	padding: .5em;
	}
.addnew_container .addmore{
	font-family: 'Roboto', sans-serif;
	color:#fff  !important;
    font-size: .87em;
	padding: 3% 0 1% 0;
    float: right;
	margin-bottom:0%;
	font-weight:400;
	
	}
.addnew_container .addmore a{
	font-family: 'Roboto', sans-serif;
	color:#fff  !important;
	padding:.8em .8em .8em 1.4em;
	background:#0277C6 url(../images/plus.png) no-repeat 4% center;
	text-decoration:none;
	}
.addnew_container .addmore a:hover{
	font-family: 'Roboto', sans-serif;
	color:#fff  !important;
	background:#0277C6 url(../images/plus.png) no-repeat 4% center;
	text-decoration:none;
	}
.paymentmode_col{
	width:48%;
	height:auto;
	float:left;
	padding:1% 0;
	}
.paymentmode_col1{
	width:48%;
	height:auto;
	float:right;
	padding: 1% 0;
	}
	
.paymentmode_col h5, .paymentmode_col1 h5{
	font-family: 'Roboto', sans-serif;
	color:#817f7f !important;
	padding:.5em 0em 0em 0em;
    font-size: .9em;
	font-weight:400;
	line-height:1.5em;
	text-align:left;
	float:left;
	width:33%;
	}
.paymentmode_col h5 span, .paymentmode_col1 h5 span{
	font-family: 'Roboto', sans-serif;
	color:#f00 !important;
	padding:0em 0em 0em 0.5em;
	}
.paymentmode_col .sep, .paymentmode_col1 .sep{
	font-family: 'Roboto', sans-serif;
	color:#817f7f !important;
	padding:.5em 0em 0em 0em;
    font-size: .9em;
	font-weight:400;
	width:10%;
	float:left;
	text-align:center;
	}
.paymentmode_col .paybox, .paymentmode_col1 .paybox{
	padding:0em;
	width:57%;
	height:auto;
	float:left;
	}
.paymentmode_col .txtbox, .paymentmode_col1 .txtbox{
	font-family: 'Roboto', sans-serif;
	color:#bbbaba  !important;
    font-size: .9em;
	width:99%;
	height:38px;
	border:1px solid #335c70;
	background:#fff;
	font-weight:400;
	padding: .5em;
	}
.paymentmode_col .selectbox, .paymentmode_col1 .selectbox{
	font-family: 'Roboto', sans-serif;
	color:#bbbaba  !important;
    font-size: .9em;
	width:99%;
	height:38px;
	border:1px solid #335c70;
	background:#fff;
	font-weight:400;
	padding: .5em;
	}
.recieved_col{
	width:37%;
	height:auto;
	padding: 3% 0;
	margin:0 auto;
	clear: both;
	}
	
.recieved_col h5{
	font-family: 'Roboto', sans-serif;
	color:#817f7f !important;
	padding:.5em 0em 0em 0em;
    font-size: .9em;
	font-weight:400;
	line-height:1.5em;
	text-align:left;
	float:left;
	width:33%;
	}
.recieved_col h5 span{
	font-family: 'Roboto', sans-serif;
	color:#f00 !important;
	padding:0em 0em 0em 0.5em;
	}
.recieved_col .sep{
	font-family: 'Roboto', sans-serif;
	color:#817f7f !important;
	padding:.5em 0em 0em 0em;
    font-size: .9em;
	font-weight:400;
	width:10%;
	float:left;
	text-align:center;
	}
.recieved_col .paybox{
	padding:0em;
	width:57%;
	height:auto;
	float:left;
	}
.recieved_col .txtbox{
	font-family: 'Roboto', sans-serif;
	color:#bbbaba  !important;
    font-size: .9em;
	width:99%;
	height:38px;
	border:1px solid #335c70;
	background:#fff;
	font-weight:400;
	padding: .5em;
	}
.pay_savebtn{
	background:#0277C6;
	color:#fff;
	font-family: 'Roboto', sans-serif;
	font-size: .9em;
	padding:.5em 1em .5em 1em;
	margin:3% 0 1% 0;
	float:right;
	font-weight:400;
	cursor:pointer;
	}
.pay_savebtn:hover{
	background:#0277C6;
	color:#fff;
	font-family: 'Roboto', sans-serif;
	}
.notes_container{
	width:100%;
	height:auto;
	}
.notes_container .table_container{
	width:100%;
	height:auto;
	display:table;
	background:#fff;
	margin-top:2%;
	border-top: 1px solid #eeeeee;
	border-left: 1px solid #eeeeee;
	border-bottom:1px solid #eeeeee;
	}
.notes_container .table_container .table_row_hd{
	width:100%;
	height:auto;
	display: table-row;
	background:#cccccc;
	}
.notes_container .table_container .table_row_hd 
.sl_hd,
.dat_hd,
.des_hd,
.view_hd{
	display: table-cell;
	font-family: 'Roboto', sans-serif;
	color:#333 !important;
	text-align:center;
	margin-bottom:3%;
	font-weight:400;
	padding:2% .5% 2% .5%;
	line-height:1.5em;
	font-size:.9em
	}
.notes_container .table_container .table_row_hd .sl_hd{
	width:10%;
	height:auto;
	border-right:1px solid #eeeeee;
	}
.notes_container .table_container .table_row_hd .dat_hd{
	width:15%;
	height:auto;
	border-right:1px solid #eeeeee;
	}
.notes_container .table_container .table_row_hd .des_hd{
	width:64%;
	height:auto;
	border-right:1px solid #eeeeee;
	}
.notes_container .table_container .table_row_hd .view_hd{
	width:10%;
	height:auto;
	border-right:1px solid #eeeeee;
	}
.notes_container .table_container .table_row{
	width:100%;
	height:auto;
	display: table-row;
	background:#fff;
	}
.notes_container .table_container .table_row 
.sl,
.dat,
.des,
.view{
	display: table-cell;
	font-family: 'Roboto', sans-serif;
	color:#817f7f  !important;
	text-align:center;
	margin-bottom:3%;
	font-weight:400;
	padding:2% .5% 2% .5%;
	font-size: .9em;
	border-bottom:1px solid #eeeeee;
	}
.notes_container .table_container .table_row .sl{
	width:6%;
	height:auto;
	border-right:1px solid #eeeeee;
	}
.notes_container .table_container .table_row .dat{
	width:14%;
	height:auto;
	border-right:1px solid #eeeeee;
	}
.notes_container .table_container .table_row .des{
	width:11%;
	height:auto;
	border-right:1px solid #eeeeee;
	}
.notes_container .table_container .table_row .view{
	width:6%;
	height:auto;
	}
.notes_container .table_container .table_row .view img{
	max-width:100%;
	height:auto;
	display:block;
	margin:0 auto;
	}
.notes_container .addnew_n{
	font-family: 'Roboto', sans-serif;
	color:#fff  !important;
    font-size: .87em;
	width: auto;
    float: right;
    max-width: 100%;
	margin-bottom:0%;
	font-weight:400;
	padding:2% 0% 4% 0%;
	}
.notes_container .addnew_n a{
	font-family: 'Roboto', sans-serif;
	color:#fff  !important;
	padding:.9em .8em .9em 1.4em;
	background:#0277C6 url(../images/plus.png) no-repeat 4% center;
	text-decoration:none;
	}
.notes_container .addnew_n a:hover{
	font-family: 'Roboto', sans-serif;
	color:#fff  !important;
	background:#0277C6 url(../images/plus.png) no-repeat 4% center;
	text-decoration:none;
	}

.box {
  width:auto;
  max-width:100%;
  margin: 0 auto;
  padding: 0px;
  text-align: center;
}

.button {
  /*font-size: 1em;
  padding: 10px;
  color: #fff;
  border: 2px solid #06D85F;
  border-radius: 20px/50px;
  text-decoration: none;*/
  cursor: pointer;
  transition: all 0.3s ease-out;
}
.button:hover {
  background: #06D85F;
}

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 5% auto;
  padding: 2%;
  background: #fff;
  width: 80%;
  position: relative;
  transition: all 5s ease-in-out;
}

.popup h2 {
  margin-top: 0;
  color: #666666;
  font-family: 'Roboto', sans-serif;
  font-size: 1.3em;
  line-height: 1.8em;
  font-weight: 500;
}
.popup .close {
  position: absolute;
  top:0%;
  right:0%;
  transition: all 200ms;
  font-size: 2em;
  font-weight: normal;
  text-decoration: none;
  color: #fff;
  padding:0 2% !important;
  background-color:#ca5757 !important ;
  background-image:none !important;
}
.popup .close:hover {
  color: #e86565 !important;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
}

@media screen and (max-width: 700px){
  .box{
    width: 70%;
  }
  .popup{
    width: 70%;
  }
}

.addnew_txtbox{
    font-family: 'Roboto', sans-serif;
    color: #bbbaba !important;
    padding: .5em;
    font-size: .9em;
    width:48%;
    height: 40px;
    margin-bottom: 3%;
    border: 1px solid #335c70;
    background: #fff;
    font-weight: 400;
    margin-top: 2%;	
	float:left;
	}
.addnew_txtbox1{
    font-family: 'Roboto', sans-serif;
    color: #bbbaba !important;
    padding: .5em;
    font-size: .9em;
    width:48%;
    height: 40px;
    margin-bottom: 3%;
    border: 1px solid #335c70;
    background: #fff;
    font-weight: 400;
    margin-top: 2%;	
	float:right;
	}
.addnew_txtbox2{
    font-family: 'Roboto', sans-serif;
    color: #bbbaba !important;
    padding: .5em;
    font-size: .9em;
    width:100%;
    height:100px;
    margin-bottom: 3%;
    border: 1px solid #335c70;
    background: #fff;
    font-weight: 400;
    margin-top: 2%;	
	float:right;
	}
.addnew_submit{
	background:#0277C6;
	color:#fff;
	font-family: 'Roboto', sans-serif;
	font-size: .95em;
	padding:.7em 1em .7em 1em;
	margin:0% 0 1% 0;
	float:right;
	font-weight:400;
	}
.addnew_submit:hover{
	background:#0277C6;
	color:#fff;
	font-family: 'Roboto', sans-serif;
	}
.view_box {
  width:auto;
  max-width:100%;
  margin: 0 auto;
  padding: 0px;
  text-align: center;
}

.view_button {
  /*font-size: 1em;
  padding: 10px;
  color: #fff;
  border: 2px solid #06D85F;
  border-radius: 20px/50px;
  text-decoration: none;*/
  cursor: pointer;
  transition: all 0.3s ease-out;
}
.view_button:hover {
  background: #06D85F;
}

.view_overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.view_overlay:target {
  visibility: visible;
  opacity: 1;
}

.view_popup {
  margin: 5% auto;
  padding: 2%;
  background: #fff;
  width: 80%;
  position: relative;
  transition: all 5s ease-in-out;
}

.view_popup h2 {
  margin-top: 0;
  color: #666666;
  font-family: 'Roboto', sans-serif;
  font-size: 1.3em;
  line-height: 1.8em;
  font-weight: 500;
}
.view_popup .view_close {
  position: absolute;
  top:0%;
  right:0%;
  transition: all 200ms;
  font-size: 2em;
  font-weight: normal;
  text-decoration: none;
  color: #fff;
  padding:0 2% !important;
  background-color:#ca5757 !important ;
  background-image:none !important;
}
.view_popup .view_close:hover {
  color: #e86565 !important;
}
.view_popup .view_content {
  max-height: 30%;
  overflow: auto;
}

@media screen and (max-width: 700px){
 .view_box{
    width: 70%;
  }
  .view_popup{
    width: 70%;
  }
}
.view_note_container{
	width:100%;
	height:auto;
	margin-bottom:4%;
	border-bottom: 1px solid #f1eeee;
	}
.view_note{
    font-family: 'Roboto', sans-serif;
    color: #666;
    line-height: 1.5em;
    font-size: 1em;
    font-weight: 500;
    padding:0% 1% 1% 0%;
	float:left;
	width:auto;
	height:auto;
}
.view_note_sep{
    font-family: 'Roboto', sans-serif;
    color: #817f7f;
    line-height: 1.5em;
    font-size: .9em;
    font-weight: 400;
    padding:0% 1% 1% 1%;
	float:left;
	width:auto;
	height:auto;
}
.view_note1{
    font-family: 'Roboto', sans-serif;
    color: #817f7f;
    line-height: 1.5em;
    font-size: .9em;
    font-weight: 400;
    padding:0% 0% 1% 0%;
	float:left;
	width:auto;
	height:auto;
}
.application_container{
	width:100%;
	height:auto;
	}
.app_box, .app_box1{
	width:31%;
	height:auto;
	float:left;
	}
.app_box{
	margin:0% 3.5% 1% 0%;
	}
.app_box1{
	margin:0% 0% 1% 0%;
	}
.app_box h6, .app_box1 h6{
	font-family: 'Roboto', sans-serif;
    color: #817f7f;
    line-height: 1.5em;
    font-size: .9em;
    font-weight: 400;
    padding: 0% 0% .2% 0%;
	}
.app_txtbox{
	font-family: 'Roboto', sans-serif;
    color: #817f7f !important;
    padding: .5em;
    font-size: .9em;
    width: 100%;
    height: 40px;
    margin-bottom: 3%;
    border: 1px solid #335c70;
    background: #fff;
    font-weight: 400;
}
.app_selectbox{
	font-family: 'Roboto', sans-serif;
    color: #817f7f !important;
    padding: .5em;
    font-size: .9em;
    width: 100%;
    height: 40px;
    margin-bottom: 3%;
    border: 1px solid #335c70;
    background: #fff;
    font-weight: 400;
}
.app_selectbox1{
	font-family: 'Roboto', sans-serif;
    color: #817f7f !important;
    padding: .5em;
    font-size: .9em;
    width: 20%;
    height: 40px;
    margin-bottom: 3%;
    border: 1px solid #335c70;
    background: #fff;
    font-weight: 400;
	float: left;
}
.app_txtbox1{
	font-family: 'Roboto', sans-serif;
    color: #817f7f !important;
    padding: .5em;
    font-size: .9em;
    width: 80%;
    height: 40px;
    margin-bottom: 3%;
    border-top: 1px solid #335c70;
	border-bottom: 1px solid #335c70;
	border-right: 1px solid #335c70;
    background: #fff;
    font-weight: 400;
	float: left;
}
.app_area, .app_area1{
	width:48%;
	height:auto;
	float:left;
	}
.app_area{
	margin:0% 4% 0% 0%;
	}
.app_area1{
	margin:0% 0% 2% 0%;
	}
.app_area h6, .app_area1 h6{
	font-family: 'Roboto', sans-serif;
    color: #817f7f;
    line-height: 1.5em;
    font-size: .9em;
    font-weight: 400;
    padding: 0% 0% .2% 0%;
	}
.app_area1 h6{
	float:left;
	}
.app_check{
	font-family: 'Roboto', sans-serif;
    color: #817f7f;
    line-height: 1.5em;
    font-size: .9em;
    font-weight: 400;
    padding: 0% 0% .2% 0%;
	float:right;
	}
.star{
	font-family: 'Roboto', sans-serif;
    color: #f00 !important;
    padding: 0em 0em 0em 0.5em;
	}
.app_txtarea{
	font-family: 'Roboto', sans-serif;
    color: #817f7f !important;
    padding: .5em;
    font-size: .9em;
    width: 100%;
    height:100px;
    margin-bottom: 3%;
    border: 1px solid #335c70;
    background: #fff;
    font-weight: 400;
}
.app_createbtn{
	background:#0277C6;
	color:#fff;
	font-family: 'Roboto', sans-serif;
	font-size: .9em;
	padding:.5em 1em .5em 1em;
	margin:0% 0 1% 0;
	float:left;
	font-weight:400;
	cursor:pointer;
	}
.app_createbtn:hover{
	background:#0277C6;
	color:#fff;
	font-family: 'Roboto', sans-serif;
}
input[type="checkbox"] {
	padding-top:1em;
}
.stapp_create{
	font-family: 'Roboto', sans-serif;
	color:#fff !important;
	background:#1d668b;
	padding:.3em .5em .3em .5em;
	width:auto;
	float: left;
    font-size: .87em;
    margin-left: 2%;
	margin-bottom: 2%;
	margin-top: 1%;
	font-weight:400;
	}
.stapp_create a{
	font-family: 'Roboto', sans-serif;
	color:#fff !important;
	text-decoration:none;
	}
.stapp_create a:hover{
	font-family: 'Roboto', sans-serif;
	color:#fff !important;
	text-decoration:underline;
	}
.stu_application_container{
	width:100%;
	height:auto;
	}
.showing_item{
	font-family: 'Roboto', sans-serif;
    color: #817f7f;
    line-height: 1.5em;
    font-size: .9em;
    font-weight: 400;
    padding: 1.5% 0% 1.5% 0%;
	}
.stu_application_container .table_container{
	width:100%;
	height:auto;
	display:table;
	margin:0;
	padding:0;
	}
.stu_application_container .table_container .table_hd{
	width:100%;
	height:auto;
	display: table-row;
	margin:0;
	padding:0;
	}
.stu_application_container .table_container 
.sl_hd,
.admno_hd,
.enrollment_hd,
.admode_hd,
.courseappl_hd,
.stuname_hd,
.parname_hd,
.batch_hd,
.action_hd
	{
	display: table-cell;
	font-family: 'Roboto', sans-serif;
    color: #666;
    line-height: 1.5em;
    font-size: .9em;
    font-weight: 400;
    padding: 1% .5% 1% 0.5%;
	border-left:1px solid #335c70;
	border-top:1px solid #335c70;
	text-align:center;
	border-bottom: 1px solid #335c70;
	}
.stu_application_container .table_container
.sl_hd{
	width:6%;
	height:auto;
	}
.stu_application_container .table_container
.admno_hd{
	width:15%;
	height:auto;
	}
.stu_application_container .table_container
.enrollment_hd{
	width:12%;
	height:auto;
	}
.stu_application_container .table_container
.admode_hd{
	width:14%;
	height:auto;
	}
.stu_application_container .table_container
.courseappl_hd{
	width:12%;
	height:auto;
	}
.stu_application_container .table_container
.stuname_hd{
	width:12%;
	height:auto;
	}
.stu_application_container .table_container
.parname_hd{
	width:13%;
	height:auto;
	}
.stu_application_container .table_container
.batch_hd{
	width:8%;
	height:auto;
	}
.stu_application_container .table_container
.action_hd{
	width:8%;
	height:auto;
	border-right:1px solid #335c70;
	}
.stu_txtbox{
	font-family: 'Roboto', sans-serif;
    color: #817f7f !important;
    padding: .5em;
    font-size: .9em;
    width: 100%;
    height: 40px;
    margin-bottom: 3%;
    border: 1px solid #335c70;
    background: #fff;
    font-weight: 400;
	}
	
.stu_application_container .table_container .table_col {
	width:100%;
	height:auto;
	background:#f4f4f4;
	display: table-row;
	margin:0;
	padding:0;
	}
.stu_application_container .table_container .table_col1{
	width:100%;
	height:auto;
	display: table-row;
	margin:0;
	padding:0;
	}
.stu_application_container .table_container 
.sl,
.admno,
.enrollment,
.admode,
.courseappl,
.stuname,
.parname,
.batch,
.action
	{
	display: table-cell;
	font-family: 'Roboto', sans-serif;
    color: #817f7f;
    line-height: 1.5em;
    font-size: .9em;
    font-weight: 400;
    padding: 1% .5% 1% 0.5%;
	border-left:1px solid #b2c0c7;
	text-align:left;
	}
.stu_application_container .table_container  
.sl{
	width:6%;
	height:auto;
	border-left:none !important;
	}
.stu_application_container .table_container
.admno{
	width:15%;
	height:auto;
	}
.stu_application_container .table_container
.enrollment{
	width:12%;
	height:auto;
	}
.stu_application_container .table_container 
.admode{
	width:10%;
	height:auto;
	}
.stu_application_container .table_container
.courseappl{
	width:12%;
	height:auto;
	}
.stu_application_container .table_container 
.stuname{
	width:16%;
	height:auto;
	}
.stu_application_container .table_container
.parname{
	width:13%;
	height:auto;
	}
.stu_application_container .table_container
.batch{
	width:8%;
	height:auto;
	}
.stu_application_container .table_container
.action{
	width:8%;
	height:auto;
	}
.stu_txtbox{
	font-family: 'Roboto', sans-serif;
    color: #817f7f !important;
    padding: .5em;
    font-size: .9em;
    width: 100%;
    height: 40px;
    margin-bottom: 3%;
    border: 1px solid #335c70;
    background: #fff;
    font-weight: 400;
	}
.action .action_img{
	width:50%;
	height:auto;
	float:left;
	padding-top:1%;
	}
.action .action_img img{
	width:auto;
	max-width:100%;
	height:auto;
	display:block;
	}
.stu_application_container .pagination{
	width:auto;
	height:auto;
	float:right;
	max-width:100%;
	margin-top:2%;
	border-right: 1px solid #e5edf1;    
	margin-bottom: 3%;
	}
.stu_application_container .pagination ul{
	margin:0;
	padding:0;
	}
.stu_application_container .pagination li{
	font-family: 'Roboto', sans-serif;
    color: #817f7f !important;
    font-size: .9em;
    font-weight: 400;
	float:left;
	padding:.5em 0em .6em 0em;  
	border-top: 1px solid #e5edf1;
    border-left: 1px solid #e5edf1;
    border-bottom: 1px solid #e5edf1;
	}
.stu_application_container .pagination li a{
	font-family: 'Roboto', sans-serif;
    color: #817f7f !important;
    padding: .5em 1em .5em 1em;
    background: #fff;
    font-weight: 400;
	text-decoration:none;
	}
.stu_application_container .pagination li a:hover{
	font-family: 'Roboto', sans-serif;
    color: #fff !important;
    background: #1d668b;
    font-weight: 400;
	text-decoration:none;
	}
.stu_application_container .pagination .selected{
	font-family: 'Roboto', sans-serif;
    color: #fff !important;
    background: #1d668b;
    font-weight: 400;
	text-decoration:none;
	}
.login_container{
	width:50%;
	height:auto;
	margin:5% auto 5% auto;
	background:#e5edf1 url(../images/loginbg.jpg) no-repeat 100% 100%;
	background-size:100% 100%;
	padding-bottom:5%;
	}
.login_container h3{
	width:100%;
	height:auto;
	line-height:2.3em;
	color:#fff;
	font-family: 'Roboto', sans-serif;
	font-size:1.1em;
	font-weight:500;
	background:#1d668b;
	text-align:center;
	text-transform:uppercase;
	}
.logo_head{
	width:100%;
	height:auto;
	background:#fff;
	}
.login_container .logo{
	width:125px;
	height:125px;
	border-radius:50%;
	background:#3399cc;
	margin:4% auto 4% auto;
	color:#fff;
	font-family: 'Roboto', sans-serif;
	font-size:1.3em;
	font-weight:700;
	text-align:center;
	padding:10% 0% 0% 0%;
	}
.login_container .logo1{
	width:29%;
	height:auto;
	margin:4% 0 4% 4%;
	float:left;
	color:#fff;
	font-family: 'Roboto', sans-serif;
	font-size:1.3em;
	font-weight:700;
	text-align:center;
	padding:0% 0% 0% 0%;
	}
.login_container .logo2{
	width:29%;
	height:auto;
	margin:4% 4% 4% 0;
	float:right;
	color:#fff;
	font-family: 'Roboto', sans-serif;
	font-size:1.3em;
	font-weight:700;
	text-align:center;
	padding:0% 0% 0% 0%;
	}
.login_container .logo2 img, .logo1 img{
	width:auto;
	max-width:100%;
	height:auto;
	display:block;
	}

.login_container .login_txtbox{ 	
	font-family: 'Roboto', sans-serif;
    color: #817f7f !important;
    padding: .5em;
    font-size: .9em;
    width: 70%;
    height: 40px;
	margin:3% auto 3% auto;
    border: 1px solid #335c70;
    background: #fff;
    font-weight: 400;
	display: inherit;
}

.login_submitbtn{
	background:#1d668b;
	color:#fff;
	font-family: 'Roboto', sans-serif;
	font-size: .9em;
	padding:.5em 1em .5em 1em;
	margin:0% 15% 1% 0;
	float:right;
	font-weight:400;
	cursor:pointer;
	}
.login_submitbtn:hover{
	background:#3399cc;
	color:#fff;
	font-family: 'Roboto', sans-serif;
}
.login_container .forgot_pwd{
	font-family: 'Roboto', sans-serif;
    color: #817f7f !important;
    padding: .5em;
    font-size: .9em;
	float:right;
	margin:0% 15% 0% 0%
	}
.login_container .forgot_pwd a{
	font-family: 'Roboto', sans-serif;
    color: #817f7f !important;
  	text-decoration:none;
	}
.login_container .forgot_pwd a:hover{
	font-family: 'Roboto', sans-serif;
    color: #817f7f !important;
  	text-decoration:underline;
	}
.student_uploadphoto{
	width:100%;
	height:auto;
	}
.student_uploadphoto h4 {
    font-family: 'Roboto', sans-serif;
    color: #666666;
    line-height: 1.5em;
    font-size: 1.2em;
    font-weight: 400;
    padding: 0% 0% 0% 4%;
    background: url(../images/proilebg.png) no-repeat;
	margin-top: 3%;
}
.student_uploadphoto img{
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    /*border-radius: 50%;*/
    border: 6px solid #666666;
}
.student_browsephoto_btn{
	width:21%;
	height:auto;
	margin-left:2%;
	font-family: 'Roboto', sans-serif;
    color: #817f7f !important;
    padding: .5em 0em 0em 0em;
    font-size: .9em;
    font-weight: 400;
    line-height: 1.5em;
	margin:0 auto;
	}
.student_browsephoto_btn input{
	width:100%;
	height:auto;
	display:block;
	}
.student_uploadphoto_btn{
	color:#fff;
	font-family: 'Roboto', sans-serif;
	font-size: .9em;
	margin:1% 0% 0% 40%;
	padding:.5em 1em .5em 1em;
	font-weight:400;
	cursor:pointer;
	text-align:center;
	text-transform:uppercase;
	background:#1d668b;
	height:auto;
	}

.student_uploadphoto_btn:hover{
	color:#fff;
	font-family: 'Roboto', sans-serif;
	text-decoration:none;
	background:#3399cc;
	}
.home_container{
	width:100%;
	height:auto;
	padding: 0% 5%;
	background:#fff;
	}
a .home_col{
	width:21%;
	height:auto;
	margin: 4% 2% 0% 2%;
    padding: 1% 0% 1% 0%;
	float:left;
	min-height:200px;
	border-radius: 50px;
	display:flex;
	align-items:center;
	justify-content:center
	}
	
	a:hover .home_col{
	height:auto;
	min-height:200px;
	}

.hometop-border {
    width: 100%;
    height: 1px;
    background-color: #bbdaf0;
    margin-top: 15px !important;
    display: block;
    margin: 0 auto !important;
}
.home-border
{
	width:100%;height:1px;background-color:#bbdaf0;margin-top:50px;
}
.home_icon{
	width:100%;
	height:auto;
	/*padding:8% 0% 1% 0%;*/
		-webkit-filter: brightness(1) invert(0);
  filter: brightness(1) invert(0);
  padding-bottom:0.5em;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
	}
.home_icon img{
	max-width:100%;
	height:auto;
	display:block;
	margin:0 auto;
	transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
	}
	

  
  .home_icon img:hover {
  	max-width:95%;
	height:auto;
	display:block;
	margin:0 auto;
	transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  }
	
.home_txt{
	color:#666;
	font-family: 'Roboto', sans-serif;
	padding:0em 1em 0em 1em;
	font-size:.9em;
	text-align:center;
	line-height:1.5em;
	font-weight:500;
	/*text-transform:uppercase;*/
	/*border-top:1px solid #e6e5e5;*/
	}
a .home_txt {
	color:#817f7f;
	font-family: 'Roboto', sans-serif;
	text-decoration:none;
	text-transform:uppercase;
	}
a:hover .home_txt {
	color:#0277C6;
	font-family: 'Roboto', sans-serif;
	text-decoration:none;
	text-transform:uppercase;
	}
	
.daily_expences_container{
	width:100%;
	height:auto;
	}

.daily_expences_container .table_container{
	width:100%;
	height:auto;
	display:table;
	margin:0;
	padding:0;
	}
.daily_expences_container .table_container .table_hd{
	width:100%;
	height:auto;
	display: table-row;
	margin:0;
	padding:0;
	}
.daily_expences_container .table_container 
.sl_hd,
.date_hd,
.institution_hd,
.name_hd,
.particulars_hd,
.amount_hd,
.edit_hd,
.delete_hd
	{
	display: table-cell;
	font-family: 'Roboto', sans-serif;
    color: #666;
    line-height: 1.5em;
    font-size: .9em;
    font-weight: 400;
    padding: 1% .5% 1% 0.5%;
	border-left:1px solid #335c70;
	border-top:1px solid #335c70;
	text-align:center;
	border-bottom: 1px solid #335c70;
	}
.daily_expences_container .table_container
.sl_hd{
	width:6%;
	height:auto;
	}
.daily_expences_container .table_container
.date_hd{
	width:12%;
	height:auto;
	}
.daily_expences_container .table_container
.institution_hd{
	width:17%;
	height:auto;
	}
.daily_expences_container .table_container
.name_hd{
	width:17%;
	height:auto;
	}
.daily_expences_container .table_container
.particulars_hd{
	width:24%;
	height:auto;
	}
.daily_expences_container .table_container
.amount_hd{
	width:12%;
	height:auto;
	}
.daily_expences_container .table_container
.edit_hd{
	width:4%;
	height:auto;
	}
.daily_expences_container .table_container
.delete_hd{
	width:8%;
	height:auto;
	border-right: 1px solid #335c70;
	}


.daily_expences_container .table_container .table_col {
	width:100%;
	height:auto;
	background:#f4f4f4;
	display: table-row;
	margin:0;
	padding:0;
	}
.daily_expences_container .table_container .table_col1{
	width:100%;
	height:auto;
	display: table-row;
	margin:0;
	padding:0;
	}
.daily_expences_container .table_container 
.sl,
.date,
.institution,
.name,
.particulars,
.amount,
.edit,
.delete
	{
	display: table-cell;
	font-family: 'Roboto', sans-serif;
    color: #817f7f;
    line-height: 1.5em;
    font-size: .9em;
    font-weight: 400;
    padding: 1% .5% 1% 0.5%;
	border-left:1px solid #b2c0c7;
	text-align:left;
	}
.daily_expences_container .table_container 
.sl{
	width:6%;
	height:auto;
	border-left:none !important;
	}
.daily_expences_container .table_container
.date{
	width:12%;
	height:auto;
	}
.daily_expences_container .table_container
.institution{
	width:17%;
	height:auto;
	}
.daily_expences_container .table_container 
.name{
	width:17%;
	height:auto;
	}
.daily_expences_container .table_container
.particulars{
	width:24%;
	height:auto;
	}
.daily_expences_container .table_container 
.amount{
	width:12%;
	height:auto;
	}
.daily_expences_container .table_container
.edit{
	width:4%;
	height:auto;
	}
.daily_expences_container .table_container
.edit img{
	width:auto;
	max-width:100%;
	height:auto;
	display:block;
	margin:0 auto;
	}
.daily_expences_container .table_container
.delete{
	width:8%;
	height:auto;
	}
.daily_expences_container .table_container
.delete img{
	width:auto;
	max-width:100%;
	height:auto;
	display:block;
	margin:0 auto;
	}
.daily_txtbox{
	font-family: 'Roboto', sans-serif;
    color: #817f7f !important;
    padding: .5em;
    font-size: .9em;
    width: 100%;
    height: 40px;
    margin-bottom: 3%;
    border: 1px solid #335c70;
    background: #fff;
    font-weight: 400;
	}
	
.daily_selectbox{
	font-family: 'Roboto', sans-serif;
    color: #817f7f !important;
    padding: .5em;
    font-size: .9em;
    width: 100%;
    height: 40px;
    margin-bottom: 3%;
    border: 1px solid #335c70;
    background: #fff;
    font-weight: 400;
	}
.daily_expenses_box{
	width:100%;
	height:auto;
	padding-top: 2%;
	}
.daily_expenses_box .col_1{
	width:20.5%;
	height:auto;
	float:left;
	margin: 0% 1% 0% 1%;
	}
.daily_expenses_box .col_2{
	width:10%;
	height:auto;
	float:left;
	}
.daily_expenses_box .col_2 h5{
	font-family: 'Roboto', sans-serif;
    color: #817f7f !important;
    font-size:1.2em;
    font-weight: 500;
	}
.daily_expenses_box .addnew{
	font-family: 'Roboto', sans-serif;
	color:#fff  !important;
    font-size: .87em;
	width:auto;
	max-width:100%;
	float:right;
	height:auto;
	margin-bottom:3%;
	font-weight:400;
	padding:2% 0% 1% 0;
	}
.daily_expenses_box .addnew a{
	font-family: 'Roboto', sans-serif;
	color:#fff  !important;
	padding:.9em .8em .9em 1.4em;
	background:#0277C6 url(../images/plus.png) no-repeat 4% center;
	text-decoration:none;
	}
.daily_expenses_box .addnew a:hover{
	font-family: 'Roboto', sans-serif;
	color:#fff  !important;
	background:#0277C6 url(../images/plus.png) no-repeat 4% center;
	text-decoration:none;
	}
.add_daily_container{
	width:40%;
	height:auto;
	margin:2% auto;
	}
.add_daily_container1{
	width:40%;
	height:auto;
	margin:6% auto 0% auto;
	}
.add_daily_txtbox{
	font-family: 'Roboto', sans-serif;
    color: #817f7f !important;
    padding: .5em;
    font-size: .9em;
    width: 100%;
    height: 40px;
    margin-bottom: 3%;
    border: 1px solid #335c70;
    background: #fff;
    font-weight: 400;
	}
.add_daily_selectbox{
	font-family: 'Roboto', sans-serif;
    color: #817f7f !important;
    padding: .5em;
    font-size: .9em;
    width: 100%;
    height: 40px;
    margin-bottom: 3%;
    border: 1px solid #335c70;
    background: #fff;
    font-weight: 400;
	}
.payment_mode{
	width:100%;
	height:auto;
	margin:2% auto 0% auto;
	}
.payment_col{
	width:31%;
	height:auto;
	margin:1% 1% 1% 1%;
	float:left;
	}
.payment_mode_txtbox{
	font-family: 'Roboto', sans-serif;
    color: #817f7f !important;
    padding: .5em;
    font-size: .9em;
    width: 100%;
    height: 40px;
    margin-bottom: 3%;
    border: 1px solid #335c70;
    background: #fff;
    font-weight: 400;
	}
	
.payment_mode_selectbox{
	font-family: 'Roboto', sans-serif;
    color: #817f7f !important;
    padding: .5em;
    font-size: .9em;
    width: 100%;
    height: 40px;
    margin-bottom: 3%;
    border: 1px solid #335c70;
    background: #fff;
    font-weight: 400;
	}
	
.payment_mode .addmore{
	font-family: 'Roboto', sans-serif;
	color:#fff  !important;
    font-size: .87em;
	width:auto;
	max-width:100%;
	float:left;
	height:auto;
	margin-bottom:3%;
	font-weight:400;
	padding:2% 1% 1% 0;
	}
.payment_mode .addmore a{
	font-family: 'Roboto', sans-serif;
	color:#fff  !important;
	padding:.9em .8em .9em 1.4em;
	background:#0277C6 url(../images/plus.png) no-repeat 4% center;
	text-decoration:none;
	}
.payment_mode .addmore a:hover{
	font-family: 'Roboto', sans-serif;
	color:#fff  !important;
	background:#0277C6 url(../images/plus.png) no-repeat 4% center;
	text-decoration:none;
	}
.payment_mode h5{
	font-family: 'Roboto', sans-serif;
    color: #817f7f !important;
    font-size:1.2em;
    font-weight: 500;
	}
.payment_savebtn{
	background:#0277C6;
	color:#fff;
	font-family: 'Roboto', sans-serif;
	font-size: .9em;
	padding:.5em 1em .5em 1em;
	margin:1% 0 1% 0;
	float:right;
	font-weight:400;
	cursor:pointer;

	}
.payment_savebtn:hover{
	background:#0277C6;
	color:#fff;
	font-family: 'Roboto', sans-serif;
	}
.add_income_container{
	width:40%;
	height:auto;
	margin:2% auto;
	}
.add_income_container1{
	width:40%;
	height:auto;
	margin:6% auto 0% auto;
	}
.add_income_txtbox{
	font-family: 'Roboto', sans-serif;
    color: #817f7f !important;
    padding: .5em;
    font-size: .9em;
    width: 100%;
    height: 40px;
    margin-bottom: 3%;
    border: 1px solid #335c70;
    background: #fff;
    font-weight: 400;
	}
.add_income_selectbox{
	font-family: 'Roboto', sans-serif;
    color: #817f7f !important;
    padding: .5em;
    font-size: .9em;
    width: 100%;
    height: 40px;
    margin-bottom: 3%;
    border: 1px solid #335c70;
    background: #fff;
    font-weight: 400;
	}
.income_mode{
	width:100%;
	height:auto;
	margin:2% auto 0% auto;
	}
.income_col{
	width:31%;
	height:auto;
	margin:1% 1% 1% 1%;
	float:left;
	}
.income_mode_txtbox{
	font-family: 'Roboto', sans-serif;
    color: #817f7f !important;
    padding: .5em;
    font-size: .9em;
    width: 100%;
    height: 40px;
    margin-bottom: 3%;
    border: 1px solid #335c70;
    background: #fff;
    font-weight: 400;
	}
	
.income_mode_selectbox{
	font-family: 'Roboto', sans-serif;
    color: #817f7f !important;
    padding: .5em;
    font-size: .9em;
    width: 100%;
    height: 40px;
    margin-bottom: 3%;
    border: 1px solid #335c70;
    background: #fff;
    font-weight: 400;
	}
	
.income_mode .addmore{
	font-family: 'Roboto', sans-serif;
	color:#fff  !important;
    font-size: .87em;
	width:auto;
	max-width:100%;
	float:left;
	height:auto;
	margin-bottom:3%;
	font-weight:400;
	padding:2% 1% 1% 0;
	}
.income_mode .addmore a{
	font-family: 'Roboto', sans-serif;
	color:#fff  !important;
	padding:.9em .8em .9em 1.4em;
	background:#0277C6 url(../images/plus.png) no-repeat 4% center;
	text-decoration:none;
	}
.income_mode .addmore a:hover{
	font-family: 'Roboto', sans-serif;
	color:#fff  !important;
	background:#0277C6 url(../images/plus.png) no-repeat 4% center;
	text-decoration:none;
	}
.income_mode h5{
	font-family: 'Roboto', sans-serif;
    color: #817f7f !important;
    font-size:1.2em;
    font-weight: 500;
	}
.income_savebtn{
	background:#0277C6;
	color:#fff;
	font-family: 'Roboto', sans-serif;
	font-size: .9em;
	padding:.5em 1em .5em 1em;
	margin:1% 0 1% 0;
	float:right;
	font-weight:400;
	cursor:pointer;

	}
.income_savebtn:hover{
	background:#0277C6;
	color:#fff;
	font-family: 'Roboto', sans-serif;
	}
	
.daily_income_container{
	width:100%;
	height:auto;
	}

.daily_income_container .table_container{
	width:100%;
	height:auto;
	display:table;
	margin:0;
	padding:0;
	}
.daily_income_container .table_container .table_hd{
	width:100%;
	height:auto;
	display: table-row;
	margin:0;
	padding:0;
	}
.daily_income_container .table_container 
.sl_hd,
.date_hd,
.institution_hd,
.course_hd,
.name_hd,
.particulars_hd,
.amount_hd,
.edit_hd,
.delete_hd,
.institution_hd_salary,
.sl_hd_salary
	{
	display: table-cell;
	font-family: 'Roboto', sans-serif;
    color: #666;
    line-height: 1.5em;
    font-size: .9em;
    font-weight: 400; 
    padding:1% .7% 1% .7%;
	border-left:1px solid #335c70;
	border-top:1px solid #335c70;
	text-align:center;
	border-bottom: 1px solid #335c70;
	}
.daily_income_container .table_container
.sl_hd{
	width:6%;
	height:auto;
	}
.daily_income_container .table_container
.sl_hd_salary{
	width:8%;
	height:auto;
	}
.daily_income_container .table_container
.institution_hd_salary{
	width:23%;
	height:auto;
	}


.daily_income_container .table_container
.date_hd{
	width:10%;
	height:auto;
	}
.daily_income_container .table_container
.institution_hd{
	width:17%;
	height:auto;
	}
.daily_income_container .table_container
.name_hd{
	width:17%;
	height:auto;
	}
.daily_income_container .table_container
.course_hd{
	width:10%;
	height:auto;
	}
.daily_income_container .table_container
.particulars_hd{
	width:20%;
	height:auto;
	}
.daily_income_container .table_container
.amount_hd{
	width:10%;
	height:auto;
	}
.daily_income_container .table_container
.edit_hd{
	width:4%;
	height:auto;
	}
.daily_income_container .table_container
.delete_hd{
	width:6%;
	height:auto;
	border-right: 1px solid #335c70;
	}
.daily_income_container .table_container .table_col {
	width:100%;
	height:auto;
	background:#f4f4f4;
	display: table-row;
	margin:0;
	padding:0;
	}
.daily_income_container .table_container .table_col1{
	width:100%;
	height:auto;
	display: table-row;
	margin:0;
	padding:0;
	}
.daily_income_container .table_container 
.sl,
.date,
.institution,
.name,
.course,
.particulars,
.amount,
.edit,
.delete,
.sl_salary,
.institution_salary
	{
	display: table-cell;
	font-family: 'Roboto', sans-serif;
    color: #817f7f;
    line-height: 1.5em;
    font-size: .9em;
    font-weight: 400;
    padding: 1% .5% 1% 0.5%;
	border-left:1px solid #b2c0c7;
	text-align:left;
	}
.daily_income_container .table_container 
.sl{
	width:6%;
	height:auto;
	border-left:none !important;
	}
.daily_income_container .table_container 
.sl_salary{
	width:8%;
	height:auto;
	border-left:none !important;
	}
.daily_income_container .table_container
.institution_salary{
	width:23%;
	height:auto;
	}
.daily_income_container .table_container
.date{
	width:10%;
	height:auto;
	}
.daily_income_container .table_container
.institution{
	width:17%;
	height:auto;
	}
.daily_income_container .table_container 
.name{
	width:17%;
	height:auto;
	}
.daily_income_container .table_container 
.course{
	width:10%;
	height:auto;
	}
.daily_income_container .table_container
.particulars{
	width:20%;
	height:auto;
	}
.daily_income_container .table_container 
.amount{
	width:10%;
	height:auto;
	}
.daily_income_container .table_container
.edit{
	width:4%;
	height:auto;
	}
.daily_income_container .table_container
.edit img{
	width:auto;
	max-width:100%;
	height:auto;
	display:block;
	margin:0 auto;
	}
.daily_income_container .table_container
.delete{
	width:6%;
	height:auto;
	}
.daily_income_container .table_container
.delete img{
	width:auto;
	max-width:100%;
	height:auto;
	display:block;
	margin:0 auto;
	}
.daily_incometxtbox{
	font-family: 'Roboto', sans-serif;
    color: #817f7f !important;
    padding: .5em;
    font-size: .9em;
    width: 100%;
    height: 40px;
    margin-bottom: 3%;
    border: 1px solid #335c70;
    background: #fff;
    font-weight: 400;
	}
	
.daily_incomeselectbox{
	font-family: 'Roboto', sans-serif;
    color: #817f7f !important;
    padding: .5em;
    font-size: .9em;
    width: 100%;
    height: 40px;
    margin-bottom: 3%;
    border: 1px solid #335c70;
    background: #fff;
    font-weight: 400;
	}
.daily_income_box{
	width:100%;
	height:auto;
	padding-top: 2%;
	}
.daily_income_box .col_1{
	width:16.2%;
	height:auto;
	float:left;
	margin: 0% 1% 0% 1%;
	}
.daily_income_box .col_2{
	width:8%;
	height:auto;
	float:left;
	}
.daily_income_box .col_2 h5{
	font-family: 'Roboto', sans-serif;
    color: #817f7f !important;
    font-size:1.2em;
    font-weight: 500;
	}
.daily_income_box .addnew{
	font-family: 'Roboto', sans-serif;
	color:#fff  !important;
    font-size: .87em;
	width:auto;
	max-width:100%;
	float:right;
	height:auto;
	margin-bottom:3%;
	font-weight:400;
	padding:2% 0% 1% 0;
	}
.daily_income_box .addnew a{
	font-family: 'Roboto', sans-serif;
	color:#fff  !important;
	padding:.9em .8em .9em 1.4em;
	background:#0277C6 url(../images/plus.png) no-repeat 4% center;
	text-decoration:none;
	}
.daily_income_box .addnew a:hover{
	font-family: 'Roboto', sans-serif;
	color:#fff  !important;
	background:#0277C6 url(../images/plus.png) no-repeat 4% center;
	text-decoration:none;
	}
.add_income_container{
	width:40%;
	height:auto;
	margin:2% auto;
	}
.add_income_container1{
	width:40%;
	height:auto;
	margin:6% auto 0% auto;
	}
.add_income_txtbox{
	font-family: 'Roboto', sans-serif;
    color: #817f7f !important;
    padding: .5em;
    font-size: .9em;
    width: 100%;
    height: 40px;
    margin-bottom: 3%;
    border: 1px solid #335c70;
    background: #fff;
    font-weight: 400;
	}
.add_income_selectbox{
	font-family: 'Roboto', sans-serif;
    color: #817f7f !important;
    padding: .5em;
    font-size: .9em;
    width: 100%;
    height: 40px;
    margin-bottom: 3%;
    border: 1px solid #335c70;
    background: #fff;
    font-weight: 400;
	}
.add_other_container{
	width:40%;
	height:auto;
	margin:2% auto;
	}
.add_other_txtbox{
	font-family: 'Roboto', sans-serif;
    color: #817f7f !important;
    padding: .5em;
    font-size: .9em;
    width: 100%;
    height: 40px;
    margin-bottom: 3%;
    border: 1px solid #335c70;
    background: #fff;
    font-weight: 400;
	}
.add_other_selectbox{
	font-family: 'Roboto', sans-serif;
    color: #817f7f !important;
    padding: .5em;
    font-size: .9em;
    width: 100%;
    height: 40px;
    margin-bottom: 3%;
    border: 1px solid #335c70;
    background: #fff;
    font-weight: 400;
	}
.other_savebtn{
	background:#0277C6;
	color:#fff;
	font-family: 'Roboto', sans-serif;
	font-size: .9em;
	padding:.5em 1em .5em 1em;
	margin:1% 0 1% 0;
	float:right;
	font-weight:400;
	cursor:pointer;

	}
.other_savebtn:hover{
	background:#0277C6;
	color:#fff;
	font-family: 'Roboto', sans-serif;
	}
.other_expences_container{
	width:100%;
	height:auto;
	}

.other_expences_container .table_container{
	width:100%;
	height:auto;
	display:table;
	margin:0;
	padding:0;
	}
.other_expences_container .table_container .table_hd{
	width:100%;
	height:auto;
	display: table-row;
	margin:0;
	padding:0;
	}
.other_expences_container .table_container 
.sl_hd,
.date_hd,
.pay_hd,
.description_hd,
.head_hd,
.amount_hd,
.edit_hd,
.delete_hd
	{
	display: table-cell;
	font-family: 'Roboto', sans-serif;
    color: #666;
    line-height: 1.5em;
    font-size: .9em;
    font-weight: 400;
    padding: 1% .5% 1% 0.5%;
	border-left:1px solid #335c70;
	border-top:1px solid #335c70;
	text-align:center;
	border-bottom: 1px solid #335c70;
	}
.other_expences_container .table_container
.sl_hd{
	width:6%;
	height:auto;
	}
.other_expences_container .table_container
.date_hd{
	width:12%;
	height:auto;
	}
.other_expences_container .table_container
.institution_hd{
	width:17%;
	height:auto;
	}
.other_expences_container .table_container
.pay_hd{
	width:17%;
	height:auto;
	}
.other_expences_container .table_container
.description_hd{
	width:26%;
	height:auto;
	}
.other_expences_container .table_container
.head_hd{
	width:10%;
	height:auto;
	}
.other_expences_container .table_container
.edit_hd{
	width:4%;
	height:auto;
	}
.other_expences_container .table_container
.delete_hd{
	width:8%;
	height:auto;
	border-right: 1px solid #335c70;
	}


.other_expences_container .table_container .table_col {
	width:100%;
	height:auto;
	background:#f4f4f4;
	display: table-row;
	margin:0;
	padding:0;
	}
.other_expences_container .table_container .table_col1{
	width:100%;
	height:auto;
	display: table-row;
	margin:0;
	padding:0;
	}
.other_expences_container .table_container 
.sl,
.date,
.pay,
.description,
.head,
.amount,
.edit,
.delete
	{
	display: table-cell;
	font-family: 'Roboto', sans-serif;
    color: #817f7f;
    line-height: 1.5em;
    font-size: .9em;
    font-weight: 400;
    padding: 1% .5% 1% 0.5%;
	border-left:1px solid #b2c0c7;
	text-align:left;
	}
.other_expences_container .table_container 
.sl{
	width:6%;
	height:auto;
	border-left:none !important;
	}
.other_expences_container .table_container
.date{
	width:12%;
	height:auto;
	}
.other_expences_container .table_container
.pay{
	width:17%;
	height:auto;
	}
.other_expences_container .table_container 
.description{
	width:17%;
	height:auto;
	}
.other_expences_container .table_container
.head{
	width:26%;
	height:auto;
	}
.other_expences_container .table_container 
.amount{
	width:10%;
	height:auto;
	}
.other_expences_container .table_container
.edit{
	width:4%;
	height:auto;
	}
.other_expences_container .table_container
.edit img{
	width:auto;
	max-width:100%;
	height:auto;
	display:block;
	margin:0 auto;
	}
.other_expences_container .table_container
.delete{
	width:8%;
	height:auto;
	}
.other_expences_container .table_container
.delete img{
	width:auto;
	max-width:100%;
	height:auto;
	display:block;
	margin:0 auto;
	}
.other_txtbox{
	font-family: 'Roboto', sans-serif;
    color: #817f7f !important;
    padding: .5em;
    font-size: .9em;
    width: 100%;
    height: 40px;
    margin-bottom: 3%;
    border: 1px solid #335c70;
    background: #fff;
    font-weight: 400;
	}
	
.other_selectbox{
	font-family: 'Roboto', sans-serif;
    color: #817f7f !important;
    padding: .5em;
    font-size: .9em;
    width: 100%;
    height: 40px;
    margin-bottom: 3%;
    border: 1px solid #335c70;
    background: #fff;
    font-weight: 400;
	}
.other_expenses_box{
	width:100%;
	height:auto;
	padding-top: 2%;
	}
.other_expenses_box .col_1{
	width:22%;
	height:auto;
	float:left;
	margin: 0% 1% 0% 1%;
	}
.other_expenses_box .col_2{
	width:10%;
	height:auto;
	float:left;
	}
.other_expenses_box .col_2 h5{
	font-family: 'Roboto', sans-serif;
    color: #817f7f !important;
    font-size:1.2em;
    font-weight: 500;
	}
.other_expenses_box .addnew{
	font-family: 'Roboto', sans-serif;
	color:#fff  !important;
    font-size: .87em;
	width:auto;
	max-width:100%;
	float:right;
	height:auto;
	margin-bottom:3%;
	font-weight:400;
	padding:1% 0% 1% 0;
	}
.other_expenses_box .addnew a{
	font-family: 'Roboto', sans-serif;
	color:#fff  !important;
	padding:.9em .8em .9em 1.4em;
	background:#0277C6 url(../images/plus.png) no-repeat 4% center;
	text-decoration:none;
	}
.other_expenses_box .addnew a:hover{
	font-family: 'Roboto', sans-serif;
	color:#fff  !important;
	background:#0277C6 url(../images/plus.png) no-repeat 4% center;
	text-decoration:none;
	}
.enquiry_listing_container{
	width:100%;
	height:auto;
	}
.enquiry_listing_container .table_container{
	width:100%;
	height:auto;
	display:table;
	margin:0;
	padding:0;
	}
.enquiry_listing_container .table_container .table_hd{
	width:100%;
	height:auto;
	display: table-row;
	margin:0;
	padding:0;
	}
.enquiry_listing_container .table_container 
.sl_hd,
.enq_hd,
.date_hd,
.admission_hd,
.course_hd,
.specialization_hd,
.university_hd,
.student_hd,
.mobile_hd,
.amount_hd,
.edit_hd,
.delete_hd
	{
	display: table-cell;
	font-family: 'Roboto', sans-serif;
    color: #666;
    line-height: 1.5em;
    font-size: .9em;
    font-weight: 400;
    padding: 1% .5% 1% 0.5%;
	border-left:1px solid #335c70;
	border-top:1px solid #335c70;
	text-align:center;
	border-bottom: 1px solid #335c70;
	}
.enquiry_listing_container .table_container
.sl_hd{
	width:4%;
	height:auto;
	}
.enquiry_listing_container .table_container
.enq_hd{
	width:12%;
	height:auto;
	}
.enquiry_listing_container .table_container
.date_hd{
	width:9%;
	height:auto;
	}
.enquiry_listing_container .table_container
.admission_hd{
	width:9%;
	height:auto;
	}
.enquiry_listing_container .table_container
.course_hd{
	width:7%;
	height:auto;
	}
.enquiry_listing_container .table_container
.specialization_hd{
	width:10%;
	height:auto;
	}
.enquiry_listing_container .table_container
.university_hd{
	width:10%;
	height:auto;
	}
.enquiry_listing_container .table_container
.student_hd{
	width:10%;
	height:auto;
	}
.enquiry_listing_container .table_container
.mobile_hd{
	width:10%;
	height:auto;
	}
.enquiry_listing_container .table_container
.amount_hd{
	width:7%;
	height:auto;
	}
.enquiry_listing_container .table_container
.edit_hd{
	width:4%;
	height:auto;
	}
.enquiry_listing_container .table_container
.delete_hd{
	width:8%;
	height:auto;
	border-right: 1px solid #335c70;
	}
.enquiry_listing_container .table_container .table_col {
	width:100%;
	height:auto;
	background:#f4f4f4;
	display: table-row;
	margin:0;
	padding:0;
	}
.enquiry_listing_container .table_container .table_col1{
	width:100%;
	height:auto;
	display: table-row;
	margin:0;
	padding:0;
	}
.enquiry_listing_container .table_container 
.sl,
.enq,
.date,
.admission,
.course,
.specialization,
.university,
.student,
.mobile,
.amount,
.edit,
.delete
	{
	display: table-cell;
	font-family: 'Roboto', sans-serif;
    color: #817f7f;
    line-height: 1.5em;
    font-size: .9em;
    font-weight: 400;
    padding: 1% .5% 1% 0.5%;
	border-left:1px solid #b2c0c7;
	text-align:left;
	}
.enquiry_listing_container .table_container 
.sl{
	width:4%;
	height:auto;
	border-left:none !important;
	}
.enquiry_listing_container .table_container
.enq{
	width:12%;
	height:auto;
	}
.enquiry_listing_container .table_container
.date{
	width:9%;
	height:auto;
	}
.other_expences_container .table_container 
.admission{
	width:9%;
	height:auto;
	}
.enquiry_listing_container .table_container
.course{
	width:7%;
	height:auto;
	}
.enquiry_listing_container .table_container
.specialization
{
	width:10%;
	height:auto;
	}
.enquiry_listing_container .table_container
.university
{
	width:10%;
	height:auto;
	}
.enquiry_listing_container .table_container
.student
{
	width:10%;
	height:auto;
	}
.enquiry_listing_container .table_container
.mobile{
	width:10%;
	height:auto;
	}
.enquiry_listing_container .table_container 
.amount{
	width:7%;
	height:auto;
	}
.enquiry_listing_container .table_container
.edit{
	width:4%;
	height:auto;
	}
.enquiry_listing_container .table_container
.edit img{
	width:auto;
	max-width:100%;
	height:auto;
	display:block;
	margin:0 auto;
	}
.enquiry_listing_container .table_container
.delete{
	width:8%;
	height:auto;
	}
.enquiry_listing_container .table_container
.delete img{
	width:auto;
	max-width:100%;
	height:auto;
	display:block;
	margin:0 auto;
	}
.enquiry_listing_container .addnew{
	font-family: 'Roboto', sans-serif;
	color:#fff  !important;
    font-size: .87em;
	width:auto;
	max-width:100%;
	float:right;
	height:auto;
	margin-bottom:3%;
	font-weight:400;
	padding:2% 0% 1% 0;
	}
.enquiry_listing_container .addnew a{
	font-family: 'Roboto', sans-serif;
	color:#fff  !important;
	padding:.9em .8em .9em 1.4em;
	background:#0277C6 url(../images/plus.png) no-repeat 4% center;
	text-decoration:none;
	}
.enquiry_listing_container .addnew a:hover{
	font-family: 'Roboto', sans-serif;
	color:#fff  !important;
	background:#0277C6 url(../images/plus.png) no-repeat 4% center;
	text-decoration:none;
	}
.add_enq_container{
	width:100%;
	height:auto;
	}
.add_enq_box, .add_enq_box1{
	width:31%;
	height:auto;
	float:left;
	}
.add_enq_box{
	margin:0% 3.5% 1% 0%;
	}
.add_enq_box1{
	margin:0% 0% 1% 0%;
	}
.add_enq_box h6, .add_enq_box1 h6{
	font-family: 'Roboto', sans-serif;
    color: #817f7f;
    line-height: 1.5em;
    font-size: .9em;
    font-weight: 400;
    padding: 0% 0% .2% 0%;
	}
.add_enq_txtbox{
	font-family: 'Roboto', sans-serif;
    color: #817f7f !important;
    padding: .5em;
    font-size: .9em;
    width: 100%;
    height: 40px;
    margin-bottom: 3%;
    border: 1px solid #335c70;
    background: #fff;
    font-weight: 400;
}
.add_enq_selectbox{
	font-family: 'Roboto', sans-serif;
    color: #817f7f !important;
    padding: .5em;
    font-size: .9em;
    width: 100%;
    height: 40px;
    margin-bottom: 3%;
    border: 1px solid #335c70;
    background: #fff;
    font-weight: 400;
}
.add_enq_selectbox1{
	font-family: 'Roboto', sans-serif;
    color: #817f7f !important;
    padding: .5em;
    font-size: .9em;
    width: 20%;
    height: 40px;
    margin-bottom: 3%;
    border: 1px solid #335c70;
    background: #fff;
    font-weight: 400;
	float: left;
}
.add_enq_txtbox1{
	font-family: 'Roboto', sans-serif;
    color: #817f7f !important;
    padding: .5em;
    font-size: .9em;
    width: 80%;
    height: 40px;
    margin-bottom: 3%;
    border-top: 1px solid #335c70;
	border-bottom: 1px solid #335c70;
	border-right: 1px solid #335c70;
    background: #fff;
    font-weight: 400;
	float: left;
}
.add_enq_savebtn{
	background:#0277C6;
	color:#fff;
	font-family: 'Roboto', sans-serif;
	font-size: .9em;
	padding:.5em 1em .5em 1em;
	margin:0% 0 1% 0;
	float:right;
	font-weight:400;
	cursor:pointer;
	}
.add_enq_savebtn:hover{
	background:#0277C6;
	color:#fff;
	font-family: 'Roboto', sans-serif;
}
.enq_report_container{
	width:100%;
	height:auto;
	}
.enq_report_box{
	width:31%;
	height:auto;
	float:left;
	}
.enq_report_box{
	margin:0% 1% 3% 1%;
	}
.enq_report_box h6{
	font-family: 'Roboto', sans-serif;
    color: #817f7f;
    line-height: 1.5em;
    font-size: .9em;
    font-weight: 400;
    padding: 0% 0% .2% 0%;
	}
.enq_report_txtbox{
	font-family: 'Roboto', sans-serif;
    color: #817f7f !important;
    padding: .5em;
    font-size: .9em;
    width: 100%;
    height: 40px;
    border: 1px solid #335c70;
    background: #fff;
    font-weight: 400;
}
.enq_report_txtbox1{
	font-family: 'Roboto', sans-serif;
    color: #817f7f !important;
    padding: .5em;
    font-size: .9em;
    width: 45%;
    height: 40px;
    border: 1px solid #335c70;
    background: #fff;
    font-weight: 400;
	float:left;
}
.enq_report_txt{
	font-family: 'Roboto', sans-serif;
    color: #817f7f !important;
    padding: .5em;
    font-size: .9em;
    width: 10%;
    height: 40px;
    background: #fff;
    font-weight: 400;
	float:left;
	border-top: 1px solid #335c70;
	border-bottom: 1px solid #335c70;
}

.enq_report_selectbox{
	font-family: 'Roboto', sans-serif;
    color: #817f7f !important;
    padding: .5em;
    font-size: .9em;
    width: 100%;
    height: 40px;
    border: 1px solid #335c70;
    background: #fff;
    font-weight: 400;
}
.enq_report_savebtn{
	background:#0277C6;
	color:#fff;
	font-family: 'Roboto', sans-serif;
	font-size: .9em;
	padding:.5em 1em .5em 1em;
	margin:0% 2% 1% 0;
	float:right;
	clear:both;
	font-weight:400;
	cursor:pointer;
	}
.enq_report_savebtn:hover{
	background:#0277C6;
	color:#fff;
	font-family: 'Roboto', sans-serif;
}
.enq_report_container h5{
	font-family: 'Roboto', sans-serif;
    color: #817f7f !important;
    font-size: 1.2em;
    font-weight: 500;
}
.enq_report_fields{
	width:100%;
	height:auto;
	}
.enq_report_fields h5{
	font-family: 'Roboto', sans-serif;
    color: #817f7f !important;
    font-size: 1.2em;
    font-weight: 500;
}
.enq_field_box{
	width:25%;
	height:auto;
	float:left;
	padding:1% 1% 1% 0%;
	}
.enq_field_box p{	
	font-family: 'Roboto', sans-serif;
    color: #817f7f;
    line-height: 1.5em;
    font-size: .9em;
    font-weight: 400;
	float:left;
}
.checkbox{
	float:left;
	margin-top: 2%;
    margin-right: 2%;
	}
.add_settings_container{
	width:40%;
	height:auto;
	margin:2% auto;
	}

.add_settings_txtbox{
	font-family: 'Roboto', sans-serif;
    color: #817f7f !important;
    padding: .5em;
    font-size: .9em;
    width: 100%;
    height: 40px;
    margin-bottom: 3%;
    border: 1px solid #335c70;
    background: #fff;
    font-weight: 400;
	}
.add_settings_selectbox{
	font-family: 'Roboto', sans-serif;
    color: #817f7f !important;
    padding: .5em;
    font-size: .9em;
    width: 100%;
    height: 40px;
    margin-bottom: 3%;
    border: 1px solid #335c70;
    background: #fff;
    font-weight: 400;
	}
.add_settings_savebtn{
	background:#0277C6;
	color:#fff;
	font-family: 'Roboto', sans-serif;
	font-size: .9em;
	padding:.5em 1em .5em 1em;
	margin:0% 0% 1% 0;
	float:right;
	clear:both;
	font-weight:400;
	cursor:pointer;
	}
.add_settings_savebtn:hover{
	background:#0277C6;
	color:#fff;
	font-family: 'Roboto', sans-serif;
}

.settings_listing_container{
	width:100%;
	height:auto;
	}

.settings_listing_container .table_container{
	width:100%;
	height:auto;
	display:table;
	margin:0;
	padding:0;
	}
.settings_listing_container .table_container .table_hd{
	width:100%;
	height:auto;
	display: table-row;
	margin:0;
	padding:0;
	}
.settings_listing_container .table_container 
.sl_hd,
.course_hd,
.active_hd,
.edit_hd,
.delete_hd
	{
	display: table-cell;
	font-family: 'Roboto', sans-serif;
    color: #666;
    line-height: 1.5em;
    font-size: .9em;
    font-weight: 400;
    padding: 1% .5% 1% 0.5%;
	border-left:1px solid #335c70;
	border-top:1px solid #335c70;
	text-align:center;
	border-bottom: 1px solid #335c70;
	}
.settings_listing_container .table_container
.sl_hd{
	width:10%;
	height:auto;
	}
.settings_listing_container .table_container
.course_hd{
	width:35%;
	height:auto;
	}
.settings_listing_container .table_container
.active_hd{
	width:35%;
	height:auto;
	}
.settings_listing_container .table_container
.edit_hd{
	width:10%;
	height:auto;
	}
.settings_listing_container .table_container
.delete_hd{
	width:10%;
	height:auto;
	border-right: 1px solid #335c70;
	}

.settings_listing_container .table_container .table_col {
	width:100%;
	height:auto;
	background:#f4f4f4;
	display: table-row;
	margin:0;
	padding:0;
	}
.settings_listing_container .table_container .table_col1{
	width:100%;
	height:auto;
	display: table-row;
	margin:0;
	padding:0;
	}
.settings_listing_container .table_container 
.sl,
.course,
.active,
.edit,
.delete
	{
	display: table-cell;
	font-family: 'Roboto', sans-serif;
    color: #817f7f;
    line-height: 1.5em;
    font-size: .9em;
    font-weight: 400;
    padding: 1% .5% 1% 0.5%;
	border-left:1px solid #b2c0c7;
	text-align: center;
	}
.settings_listing_container .table_container 
.sl{
	width:10%;
	height:auto;
	border-left:none !important;
	}
.settings_listing_container .table_container
.course{
	width:35%;
	height:auto;
	}
.settings_listing_container .table_container
.active{
	width:35%;
	height:auto;
	}
.settings_listing_container .table_container
.edit{
	width:10%;
	height:auto;
	}
.settings_listing_container .table_container
.edit img{
	width:auto;
	max-width:100%;
	height:auto;
	display:block;
	margin:0 auto;
	}
.settings_listing_container .table_container
.delete{
	width:10%;
	height:auto;
	}
.settings_listing_container .table_container
.delete img{
	width:auto;
	max-width:100%;
	height:auto;
	display:block;
	margin:0 auto;
	}
.settings_box{
	width:100%;
	height:auto;
	padding-top: 2%;
	}
.settings_box .col_1{
	width:20.5%;
	height:auto;
	float:left;
	margin: 0% 2% 0% 0%;
	}
.settings_txtbox{
	font-family: 'Roboto', sans-serif;
    color: #817f7f !important;
    padding: .5em;
    font-size: .9em;
    width: 100%;
    height: 40px;
    margin-bottom: 3%;
    border: 1px solid #335c70;
    background: #fff;
    font-weight: 400;
	}
	
.settings_selectbox{
	font-family: 'Roboto', sans-serif;
    color: #817f7f !important;
    padding: .5em;
    font-size: .9em;
    width: 100%;
    height: 40px;
    margin-bottom: 3%;
    border: 1px solid #335c70;
    background: #fff;
    font-weight: 400;
	}
.report-btn{
	color:#fff  !important;
    font-size: .87em;
	width:auto;
	max-width:100%;
	height:auto;
	font-weight:400;
	font-family: 'Roboto', sans-serif;
	padding:.9em .8em .9em 1.4em;
	background:#0277C6 url(../images/plus.png) no-repeat 4% center;
	text-decoration:none;
	margin-bottom:2%;
	cursor:pointer;
	}
.settings_box .addnew{
	font-family: 'Roboto', sans-serif;
	color:#fff  !important;
    font-size: .87em;
	width:auto;
	max-width:100%;
	float:right;
	height:auto;
	margin-bottom:3%;
	font-weight:400;
	}
.settings_box .addnew a{
	font-family: 'Roboto', sans-serif;
	color:#fff  !important;
	padding:.9em .8em .9em 1.4em;
	background:#0277C6 url(../images/plus.png) no-repeat 4% center;
	text-decoration:none;
	}
.settings_box .addnew a:hover{
	font-family: 'Roboto', sans-serif;
	color:#fff  !important;
	background:#0277C6 url(../images/plus.png) no-repeat 4% center;
	text-decoration:none;
	}
.settings_updatebtn{
	background:#0277C6;
	color:#fff;
	font-family: 'Roboto', sans-serif;
	font-size: .9em;
	padding:.5em 1em .5em 1em;
	margin:2% 0 1% 0;
	float:right;
	font-weight:400;
	cursor:pointer;
	}
.settings_updatebtn:hover{
	background:#0277C6;
	color:#fff;
	font-family: 'Roboto', sans-serif;
}

.settings_listing_container .table_container 
.admin_sl_hd,
.admin_name_hd,
.admin_login_hd,
.admin_type_hd,
.admin_active_hd,
.admin_edit_hd,
.admin_delete_hd
	{
	display: table-cell;
	font-family: 'Roboto', sans-serif;
    color: #666;
    line-height: 1.5em;
    font-size: .9em;
    font-weight: 400;
    padding: 1% .5% 1% 0.5%;
	border-left:1px solid #335c70;
	border-top:1px solid #335c70;
	text-align:center;
	border-bottom: 1px solid #335c70;
	}
.settings_listing_container .table_container
.admin_sl_hd{
	width:10%;
	height:auto;
	}
.settings_listing_container .table_container
.admin_name_hd{
	width:25%;
	height:auto;
	}
.settings_listing_container .table_container
.admin_login_hd{
	width:19%;
	height:auto;
	}
.settings_listing_container .table_container
.admin_type_hd{
	width:15%;
	height:auto;
	}
.settings_listing_container .table_container
.admin_active_hd{
	width:15%;
	height:auto;
	}
.settings_listing_container .table_container
.admin_edit_hd{
	width:6%;
	height:auto;
	}
.settings_listing_container .table_container
.admin_delete_hd{
	width:10%;
	height:auto;
	border-right: 1px solid #335c70;
	}

.settings_listing_container .table_container .table_col {
	width:100%;
	height:auto;
	background:#f4f4f4;
	display: table-row;
	margin:0;
	padding:0;
	}
.settings_listing_container .table_container .table_col1{
	width:100%;
	height:auto;
	display: table-row;
	margin:0;
	padding:0;
	}
.settings_listing_container .table_container 
.admin_sl,
.admin_name,
.admin_login,
.admin_type,
.admin_active,
.admin_edit,
.admin_delete
	{
	display: table-cell;
	font-family: 'Roboto', sans-serif;
    color: #817f7f;
    line-height: 1.5em;
    font-size: .9em;
    font-weight: 400;
    padding: 1% .5% 1% 0.5%;
	border-left:1px solid #b2c0c7;
	text-align:left;
	}
.settings_listing_container .table_container 
.admin_sl{
	width:10%;
	height:auto;
	border-left:none !important;
	}
.settings_listing_container .table_container
.admin_name{
	width:25%;
	height:auto;
	}
.settings_listing_container .table_container
.admin_login{
	width:19%;
	height:auto;
	}
.settings_listing_container .table_container
.admin_type{
	width:15%;
	height:auto;
	}
.settings_listing_container .table_container
.admin_active{
	width:15%;
	height:auto;
	}
.settings_listing_container .table_container
.admin_edit{
	width:6%;
	height:auto;
	}
.settings_listing_container .table_container
.admin_edit img{
	width:auto;
	max-width:100%;
	height:auto;
	display:block;
	margin:0 auto;
	}
.settings_listing_container .table_container
.admin_delete{
	width:10%;
	height:auto;
	}
.settings_listing_container .table_container
.admin_delete img{
	width:auto;
	max-width:100%;
	height:auto;
	display:block;
	margin:0 auto;
	}
.add_document_container{
	width:100%;
	height:auto;
	padding-bottom: 2%;
	}
.add_document_box{
	width:31%;
	height:auto;
	float:left;
	margin:0% 1% 0% 1%;
	}
.add_document_txtbox {
    font-family: 'Roboto', sans-serif;
    color: #817f7f !important;
    padding: .5em;
    font-size: .9em;
    width: 100%;
    height: 40px;
    margin-bottom: 3%;
    border: 1px solid #335c70;
    background: #fff;
    font-weight: 400;
}

.add_document_filefield{
	font-family: 'Roboto', sans-serif;
    color: #817f7f !important;
    padding: .5em;
    font-size: .9em;
	}
.add_delete{
	width:15%;
	display:block;
	padding: 3% 0% 3% 0%;
	height:auto;
	background:#fff;
	}
.add_delete img{
	max-width:100%;
	width:auto;
	display:block;
	height:auto;
	margin:0 auto;
	}
.add_document_container .addmore{
	font-family: 'Roboto', sans-serif;
	color:#fff  !important;
    font-size: .87em;
	width:auto;
	max-width:100%;
	float:left;
	clear:both;
	height:auto;
	margin-bottom:3%;
	font-weight:400;
	padding:2% 0% 1% 1%;
	}
.add_document_container .addmore a{
	font-family: 'Roboto', sans-serif;
	color:#fff  !important;
	padding:.9em .8em .9em 1.4em;
	background:#0277C6 url(../images/plus.png) no-repeat 4% center;
	text-decoration:none;
	}
.add_document_container .addmore a:hover{
	font-family: 'Roboto', sans-serif;
	color:#fff  !important;
	background:#0277C6 url(../images/plus.png) no-repeat 4% center;
	text-decoration:none;
	}
.document_submitbtn{
	background:#0277C6;
	color:#fff;
	font-family: 'Roboto', sans-serif;
	font-size: .9em;
	padding:.5em 1em .5em 1em;
	margin:1% 0 1% 1%;
	float:left;
	clear:both;
	font-weight:400;
	cursor:pointer;

	}
.document_submitbtn:hover{
	background:#0277C6;
	color:#fff;
	font-family: 'Roboto', sans-serif;
	}

.add_acknowledgement_container{
	width:100%;
	height:auto;
	padding-bottom: 2%;
	}
.add_acknowledgement_box{
	width:31%;
	height:auto;
	float:left;
	margin:0% 1% 0% 1%;
	}
.add_acknowledgement_box1{
	width:15%;
	height:auto;
	float:left;
	margin:0% 1% 0% 1%;
	}
.add_acknowledgement_box h6{
	font-family: 'Roboto', sans-serif;
    color: #817f7f;
    line-height: 1.5em;
    font-size: .9em;
    font-weight: 400;
    padding: 0% 0% .2% 0%;
}
	
.add_acknowledgement_txtbox {
    font-family: 'Roboto', sans-serif;
    color: #817f7f !important;
    padding: .5em;
    font-size: .9em;
    width: 100%;
    height: 40px;
    margin-bottom: 3%;
    border: 1px solid #335c70;
    background: #fff;
    font-weight: 400;
}
.add_acknowledgement_box1 h5{
 	font-family: 'Roboto', sans-serif;
    color: #817f7f !important;
    padding:0em .5em 0em 0em;
    font-size:1em;
	}
.add_acknowledgement_box2{
	width:62%;
	height:auto;
	margin-left:20%;
	}
.add_acknowledgement_txtbox1 {
    font-family: 'Roboto', sans-serif;
    color: #817f7f !important;
    padding: .5em;
    font-size: .9em;
    width: 50%;
    height: 40px;
	float:right;
    margin-bottom: 3%;
    border: 1px solid #335c70;
    background: #fff;
    font-weight: 400;
}
.add_acknowledgement_box2 h6{
 	font-family: 'Roboto', sans-serif;
    color: #817f7f !important;
    padding:0em .5em 0em 0em;
    font-size:.9em;
	float:left;
	width: 31%;
    height: auto;
	font-weight:400;
	text-align: right;
	}
.add_acknowledgement_box2 .sep{
 	font-family: 'Roboto', sans-serif;
    color: #817f7f !important;
    padding:0em .5em 0em 0em;
    font-size:.9em;
	float:left;
	width: 6%;
    height: auto;
	}
.add_acknowledgement_submitbtn{
	background:#0277C6;
	color:#fff;
	font-family: 'Roboto', sans-serif;
	font-size: .9em;
	padding:.5em 1em .5em 1em;
	margin:1% 18% 1% 0;
	float:right;
	font-weight:400;
	cursor:pointer;

	}
.add_acknowledgement_submitbtn:hover{
	background:#0277C6;
	color:#fff;
	font-family: 'Roboto', sans-serif;
	}
	
.add_acknowledgement_skip{
	color:#817f7f ;
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
	padding:.5em 1em .5em 1em;
	margin:1% 0 1% 0;
	float:right;
	font-weight:500;
	cursor:pointer;
	width:auto;
	height:auto;
	}
.add_acknowledgement_skip a{
	color:#666 ;
	font-family: 'Roboto', sans-serif;
	text-decoration:underline;
	cursor:pointer;
}
.add_acknowledgement_skip a:hover{
	color:#0277C6 ;
	font-family: 'Roboto', sans-serif;
	text-decoration:underline;
	cursor:pointer;
}















/*error messages*/
.admin-error{
	 width:100%; 
	 height: auto; 
	 padding-left:3%; 
	 background-color:#f5f5f5; 
	 float:left;
	 font-family:Arial, Helvetica, sans-serif; 
	 font-size:12px; 
	 font-weight:bold; 
	 color:#f00; 
	 text-transform:uppercase; 
	 line-height:40px
	 }
.login-error{ 
 	width:100%;  
  	margin-bottom:3%;  
  	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	font-weight:normal; 
	color:#f00; 
	line-height:150%; 
	text-align:center;
	}
/*error messages*/

	
/*loader*/
.loader_div_main{
	width:100%; 
	height:0; 
	padding-bottom:0; 
	overflow:hidden; 
	position:relative;
	}
.loader_div{
	width:100%;
	height:100%; 
	background-color:rgba(0,0,0,0.3); 
	position:fixed; 
	margin:auto; 
	top:0; 
	bottom:0; 
	left:0; 
	right:0;
	}
.loader_div_content{
	position:fixed; 
	margin:auto; 
	top:0; 
	bottom:0; 
	left:0; 
	right:0; 
	height:64px; 
	width:64px;
	}
	.staff_prfile_document{
	background: #3399cc url(../images/download.png) no-repeat 0% center;
	width:auto;
	height:auto;
	float:left;
	font-family: 'Roboto', sans-serif;
    color: #817f7f;
    line-height: 1.5em;
    font-size: .9em;
    font-weight: 400;
    margin-right: 1%;
    padding: 0.5em 0.6em  0.5em 0.8em;
	}
.staff_prfile_document a{
	width:auto;
	
    color: #fff;
    font-family: "Roboto",sans-serif;
    
    text-decoration: none;
	}
.staff_prfile_document a:hover{
	font-family: 'Roboto', sans-serif;
    color: #fff;
	text-decoration:underline;
	}
.bill_dsmslogo{
	width:48%;
	height:auto;
	float:left;
	margin-bottom:4%;
	}
.bill_dsmslogo1{
	width:38%;
	height:auto;
	float:left;
	margin-bottom:4%;
	}
.bill_dsms_address{
	width:48%;
	height:auto;
	float:right;
	font-family: 'Roboto', sans-serif;
    color: #817f7f;
    line-height: 1.5em;
    font-size:1em;
    font-weight: 400;
    padding: 0% 0% .2% 0%;
	text-align:right;
	margin-bottom:4%;
	}
.bill_dsms_address1{
	width:38%;
	height:auto;
	float:right;
	font-family: 'Roboto', sans-serif;
    color: #817f7f;
    line-height: 1.5em;
    font-size:1em;
    font-weight: 400;
    padding: 0% 0% .2% 0%;
	text-align:right;
	margin-bottom:4%;
	}
.receipt_head{
	width:23%;
	height:auto;
	float:left;
	font-family: 'Roboto', sans-serif;
    color: #fff;
	background-color: #3399CC;
    line-height: 1.5em;
    font-size:1.3em;
    font-weight: 500;
    padding: 1.1% 0% 1% 0%;
	text-align:center;
	margin-bottom:4%;
	margin-top: 8%;
	text-transform: uppercase;
	border-radius: 4px;
	}
.bill_dsms_studentname, .bill_dsms_billno, .bill_dsms_course, .bill_dsms_ph, .bill_dsms_billdate{	
    float: left;
   	color: #817f7f;
    font-family: 'Roboto', sans-serif;
    font-size:.9em;
    padding:1.5% 0% 0% 0%;
    font-weight: normal;
    text-align: left;
    line-height: 1.5em;
    border-bottom: 1px solid #335c70;
	margin-bottom:2%;
	}
.bill_dsms_studentname, .bill_dsms_course{
	width: 60%;
    height: 35px;
	}
.bill_dsms_ph{
	width: 40%;
    height: 35px;
	}
.bill_dsms_billno{
	width: 15%;
    height: 35px;
	}
.bill_dsms_billdate{
	width: 25%;
    height: 35px;
	}
.bill_dsms_box_table{
	width:100%;
	height:auto;
	display:table;
	border-top:1px solid #335c70;
	border-right:1px solid #335c70;
	margin-top:2%;
	border-bottom:1px solid #335c70;
	}
.bill_dsms_box{
	display:table-row;
	}
.bill_dsms_hd{
	width:10%;
	}
.bill_dsms_hd1{
	width:60%;
	}
.bill_dsms_hd2{
	width:15%;
	}
.bill_dsms_hd3{
	width:15%;
	}
.bill_dsms_hd, .bill_dsms_hd1, .bill_dsms_hd2, .bill_dsms_hd3{
	display:table-cell;
	font-family: 'Roboto', sans-serif;
    color: #666;
    line-height: 1.5em;
    font-size: 1em;
    font-weight: 400;
    padding: 1% 1% 1% 1%;
	border-left:1px solid #335c70;
	text-align:left;
	border-bottom: 1px solid #335c70;
	height:auto;
	text-transform:uppercase;
	}
.bill_dsms_cell{
	width:10%;
	}
.bill_dsms_cell1{
	width:60%;
	}
.bill_dsms_cell2{
	width:15%;
	}
.bill_dsms_cell3{
	width:15%;
	}
.bill_dsms_cell, .bill_dsms_cell1, .bill_dsms_cell2, .bill_dsms_cell3{
	display: table-cell;
	font-family: 'Roboto', sans-serif;
    color: #999999;
    line-height: 1.5em;
    font-size: .9em;
    font-weight: 400;
    padding: 1% 1% 1% 1%;
	border-left:1px solid #335c70;
	text-align:left;
	height:auto;
	}
.bill_dsms_column_container{
	width:100%;
	height:auto;
	margin-bottom: 5%;
	}
.bill_dsms_col{
	width:40%;
	height:auto;
	float:left;
	}
.bill_price{
	border: 1px solid #335c70;
	width:80%;
	height:40px;
	font-family: 'Roboto', sans-serif;
    color: #666;
    line-height: 1.5em;
    font-size: 1.3em;
    font-weight: 400;
    padding: 1% 1% 1% 7%;
	text-align:left;
	margin-top: 7%;
	background:url(../images/rupee.png) no-repeat 3% center;
	}
.bill_dsms_col1{
	width:45%;
	height:auto;
	float:right;
	}
.bill_dsms_col_sub{
	width:33.5%;
	height:auto;
	float:left;
	font-family: 'Roboto', sans-serif;
    color: #666;
    line-height: 1.6em;
    font-size: 1em;
    font-weight: 400;
    padding: 1% 1% 1% 1%;
	text-align:left;
	}
.bill_dsms_col_sub1{
	width:33.2%;
	height:35px;
	float:left;
	border-left: 1px solid #335c70;
	border-right: 1px solid #335c70;
	border-bottom: 1px solid #335c70;
	font-family: 'Roboto', sans-serif;
    color: #666;
    line-height: 1.5em;
    font-size: 1em;
    font-weight: 400;
    padding: 1% 1% 1% 1%;
	text-align:left;
	}
.bill_dsms_col_sub2{
	width:33.2%;
	height:35px;
	float:left;
	border-right: 1px solid #335c70;
	border-bottom: 1px solid #335c70;
	font-family: 'Roboto', sans-serif;
    color: #666;
    line-height: 1.5em;
    font-size:1em;
    font-weight: 400;
    padding: 1% 1% 1% 1%;
	text-align:left;
	}
.bill_dsms_col_sub3{
	width:66.4%;
	height:35px;
	float:left;
	border-left: 1px solid #335c70;
	border-right: 1px solid #335c70;
	border-bottom: 1px solid #335c70;
	font-family: 'Roboto', sans-serif;
    color: #666;
    line-height: 1.5em;
    font-size: .9em;
    font-weight: 400;
    padding: 1% 1% 1% 1%;
	text-align:left;
	}
.wrapper_rgt_print
{
	width:100%;
	height:auto;
	float:right;
	background:#e5edf1;
	min-height: 700px;
}
.declaration{
	width:100%;
    float: left;
   	color: #817f7f;
    font-family: 'Roboto', sans-serif;
    font-size:1em;
    padding:1.5% 0% 0% 0%;
    font-weight: 400;
    text-align: center;
    line-height: 1.5em;
	margin-bottom:2%;
	border-top:1px solid #335c70;
	border-bottom:1px solid #335c70;
	padding-bottom: 2%;
	}
.bill_seal{
	color:#666;
	 font-family: 'Roboto', sans-serif;
    font-size:1em;
    padding:1.5% 0% 0% 0%;
    font-weight: 400;
	text-align: left;
	width: 	auto;
	height: auto;
	float: left;
}
.bill_sign{
	color:#666;
	font-family: 'Roboto', sans-serif;
    font-size:1em;
    padding:1.5% 0% 0% 0%;
    font-weight: 400;
	text-align: right;
	height: auto;
	width: auto;
	float: right;
}

/********************************Login ********************************/

.global-login{
	width:100%;
	height:100%;
	background-color:#f7f7f7;
	overflow:hidden;
}
.login-pics{
	width:100%;
	height:100%;
	float:left;
	position:relative;
}
.img-full{
	width:100%;
	height: auto;
	display:block;
}
.login-details{
	width: 50%;
	float: left;
	height: 100%;
	display: flex;
	align-items: center;
	margin-left: 50%;
}
.login-details-left{
	width:50%;
	float:left;
	height:100%;
	display:flex;
	align-items:center;
	position:absolute;
}
.login-logo{
	width:100%;
	height:auto;
	text-align:center;
	margin-top:30px;
}
.login-wrap-new{
	width:70%;
	margin:0 auto;
	background-color:#F7F7F7;
}
.login-title{
    font-family: 'Roboto', sans-serif;
    font-size: 1em;
    font-weight: 500;
    color: #666666;
    padding: 0% 0% 1.5% 0%;
    width: auto;
    height: auto;
    line-height: 1.6em;
	text-align:center;
	text-transform:uppercase;
}
.login-for-new{
	width: 80%;
height: auto;
margin-bottom: 10px;
margin-top: 10px;
margin-left: 10%;

}
.login_txtbox-new {
    font-family: 'Roboto', sans-serif;
    color: #817f7f !important;
    padding: .5em;
    font-size: .9em;
    width: 100%;
    height: 50px;
    margin: 3% auto 3% auto;
    border:1px solid #007ac7;
    font-weight: 400;
    display: inherit;
}

input.login_txtbox-new::-webkit-input-placeholder {
    color:#817f7f !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight:400;
}
input.login_txtbox-new::-moz-placeholder {
    color:#817f7f !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight:400;
}
input.login_txtbox-new:-ms-input-placeholder {
    color:#817f7f !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight:400;
}
input.login_txtbox-new:-moz-placeholder {
    color:#817f7f !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight:400;
}

.forgot_pwd-new {
    font-family: 'Roboto', sans-serif;
    color: #817f7f !important;
    padding: .5em;
    font-size: .9em;
    float: right;
}
.forgot_pwd-new a {
    font-family: 'Roboto', sans-serif;
    color: #817f7f !important;
    text-decoration: none;
}

.forgot_pwd-new a:hover{
	font-family: 'Roboto', sans-serif;
    color: #817f7f !important;
  	text-decoration:underline;
	}

.login_submitbtn-new{
	background:#0277c6;
	color:#fff;
	font-family: 'Roboto', sans-serif;
	font-size:1em;
	font-weight:400;
	cursor:pointer;
	text-align:center;
	width:100%;
	line-height:50px;
	text-transform:uppercase;
	margin-bottom:30px;
	}
.login_submitbtn-new:hover{
	background:#165392;
	color:#fff;
	font-family: 'Roboto', sans-serif;
}
.user{
	background:#fff url(../images/user.jpg) no-repeat 10px;
	padding-left:45px;
}

.user-password{
	background:#fff url(../images/password.jpg) no-repeat 10px;
	padding-left:45px;
}
.user-super-admin{
	background:#fff url(../images/super-admin.jpg) no-repeat 10px;
	padding-left:45px;
}

@media (max-width:420px) {
	.login-pics{
	width:100%;
	height: auto;
	float:left;
}
.login-details{
	width:100%;
	height:100%;
	background-color:#f7f7f7;
	display:flex;
	align-items:center;
	padding-top:2em;
	padding-bottom:2em;
}
    
}
@media (min-width:421px) and (max-width:460px){
	.login-pics{
	width:100%;
	height: auto;
	float:left;
}
.login-details{
	width:100%;
	height:100%;
	background-color:#f7f7f7;
	display:flex;
	align-items:center;
	padding-top:2em;
	padding-bottom:2em;
}	
    
}
@media (min-width:461px) and (max-width:560px){
	.login-pics{
	width:100%;
	height: auto;
	float:left;
}
.login-details{
	width:100%;
	height:100%;
	background-color:#f7f7f7;
	display:flex;
	align-items:center;
	padding-top:2em;
	padding-bottom:2em;
}	
   
}
@media (min-width:561px) and (max-width:680px){
 	.login-pics{
	width:100%;
	height: auto;
	float:left;
}
.login-details{
	width:100%;
	height:100%;
	background-color:#f7f7f7;
	display:flex;
	align-items:center;
	padding-top:2em;
	padding-bottom:2em;
}	
    
}
@media (min-width:681px) and (max-width: 768px){
	
	.login-pics{
	width:100%;
	height: auto;
	float:left;
}
.login-details{
	width:100%;
	height:100%;
	background-color:#f7f7f7;
	display:flex;
	align-items:center;
	padding-top:2em;
	padding-bottom:2em;
}	
  
}
@media (min-width:769px) and (max-width:991px){
	.login-pics{
	width:100%;
	height: auto;
	float:left;
}
.login-details{
	width:100%;
	height:100%;
	background-color:#f7f7f7;
	display:flex;
	align-items:center;
	padding-top:2em;
	padding-bottom:2em;
}	
   
}
@media (min-width:769px) and (max-width:991px){
	.hometop-border
	{
		width:90%;/* margin-left:5%; */height:1px;background-color:#bbdaf0;/* margin-top:15px; */
	}
}