/*header styling */
/*header*/

body {
	font-family: 'Nunito','Open Sans';
	font-size: 14px;
	line-height: 1.42857143;
	color: #333;
	background-color: #fff;
}

.header {
    width: 100%;
    height: auto;
	padding:10px 0px;
    background-color: #EBEBEB;
}
.navcustom{
	border-radius:0px !important;
	
box-shadow: 0 4px 6px rgba(0,0,0,0.25),inset 0 -1px 0 rgba(0,0,0,0.1);
background: #232526; /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #232526 , #414345); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #232526 , #414345); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        
	border:1px solid transparent !important;
	
	margin-bottom:0px !important;
	padding:7px 41px;
}
.navrightcustom{
	padding-top:15px !important;
}
.navrightcustom > li > a{
	color:#fff !important;
	font-size:14px;
	font-family:'roboto';	   
}
.navrightcustom > li > a:hover{
	background-color:#d09e5c;
}

.navcustom .navbar-toggle{
	margin-top:20px !important;
}
.navcustom{
	border:none;
	border-bottom-color: #ecab1f !important;
    border-bottom-width: 2px !important;
}
#admission-form{
	margin-top:81px;
}
/*end header*/
.container-fluid{
	padding-left:100px !important;
	padding-right:100px !important;
}
.displaynone{
display:none;
}
#image{
	position:relative;
	width:200px;
	height:auto;
}
#image img{
	opacity:0.5;
	width:100%;
	height:auto;
}
.deleteImage.active.float_r {
    font-size: 19px;
    font-weight: bold;
    position: absolute;
    top: 5px;
    color: white;
    right:5px;
    cursor:pointer;
    /* width: 200px; */
    float: left !important;
    }
.popover{
    width:400px;
    height:84px;
    
}
.email .popover{
	width:400px;
    height:180px;
}
.alt_email .popover{
	width:400px;
    height:160px;
}


/*end header styling */

.dropdown-menu{
	right:0 !important;
	left:auto !important;
}

#body-wrapper{
	background-color:#f9f8f8;
	    margin-top: 120px;
}
.inner-page{
	background-color:white;
	
	border-radius:5px;
	margin:20px 0px;
}
.inner-page .inner-container{
	padding:5px 20px;
	line-height:26px;
}
.heading{
	background-color:#d9edf7;
	text-align:center;
	border-radius:5px;
}
.inner-page .heading a{
	text-decoration:none;
	font-size:18px;
	color:white;
	padding:8px 0;
	display:inline-block;
}
.student-info-box{
	background-color:#EFEFEF;
	border:1px solid #ccc;
	border-radius:5px;
	padding:5px 10px;
	margin-top:10px;
}
.inner-page .student-info-box .title{
	font-weight:bold;
	font-size:15px;
	
}
.inner-page .student-info-box .title{
	
	font-size:15px;
	
}
/*colors*/
.green{
background-color:#35aa47;	
color: white;
}
.green:hover{
	color:white;
}
.blue{
	background-color:#4d90fe;	


}
.blue:hover{
	color:white;
}
.white{
	color:white;
}
.red{
	color:red;
}
/* end colors*/
/*buttons*/
.btn-large {
	padding:7px 14px;
	text-align:center;
	font-size:17px;
}
.btn-small {
	padding:5px 10px;
	text-align:center;
}
.btn-medium{
padding:7px 14px;
	text-align:center;
	text-decoration:none;
}
.btn-medium:hover{

	text-decoration:none;
}
.btn-classic{
	border-radius:0px !important;
width:100%;
color:white;
}
button.btn-small{
color:white;	
border-radius:0px;

}
a.btn-large{
	text-decoration:none;
	color:white;
	display:inline-block;
	width:98%;
	font-size:14px;
	margin-top: 7px;
font-weight:bold;
	
}

/*end buttons*/
/* margins */
.margintop0{
	margin-top:0px;
}
.marginbottom0{
	margin-top:0px;
}
.marginleft0{
	margin-top:0px;
}
.marginright0{
	margin-top:0px;
}
.marginleft5{
		margin-left:5px;
	}
.marginright10{
	margin-right:10px;
}
.margintop10{
	margin-top:10px;
}
.margintop20{
	margin-top:20px;
}
.margintop30{
	margin-top:30px;
}
.margintop40{
	margin-top:40px;
}
.margin5{
	margin:5px;
}
.margintop5{
	margin-top:5px;
}
.margintop2{
	margin-top:2px;
}
.marginleft20{
		margin-left:20px;
	}
/*end margins*/
/*paddings */
.paddingright0{
	padding-right:0px;
}
.paddingleft5{
padding-left:5px;
}
.paddingright5{
padding-right:5px;
}
.paddingtop5{
padding-top:5px;
}
.paddingbottom5{
padding-bottom:5px;
}
.paddingleft10{
padding-left:10px;
}
.paddingright10{
padding-right:10px;
}
.paddingtop10{
padding-top:10px;
}
.paddingbottom10{
padding-bottom:10px;
}
.paddingleft0{
	padding-left:0px;
}
.paddingtop0{
		padding-top:0px;
	}
	.paddingbottom0{
		padding-bottom:0px;
	}
	.padding0{
		padding:0px;
	}
/*end paddings */

/* familiar classes*/
.bold{
	font-weight:bold;
}
.center{
	text-align:center;
}
h4{    color: #000;
    font-weight: normal;
}
.floatleft{
	float:left;
}
.floatright{
	float:right;
}
.errorMessage{color:red;}
span.required{
	color:red ;
	padding-left:5px;
}
input.error {
    border: 1px solid red !important;
}
/*end familiar classes */
/*media queries */
@media screen and (max-width:991px){
	.paddingleft0{
		padding-left:15px; 
	}
	
	.paddingright0{
		padding-left:15px;
	}
	.col-xs-12{
		margin-top:3px !important;
	}
	
}
@media screen and (max-width:768px){
.navbar-nav,.divider{
	width:100%;
}
.navbar-nav{
	margin-right:0px !important;
}
}
/*end mediaqueries*/




/*application Form Page */







/*end appplication form */


/*Student Registration Page  */
#admission-form-box{
	border:1px solid #0c5477;
}
.panel-head{
	  background-color: #d1ecf1;
    border: 1px solid #d1ecf1 !important;
    color: #0c5460;
    font-weight: bold !important;
}
.form-label{
	min-width:22%;
	max-width: 100%;
	font-size:15px;
	font-weight:bold;
	margin-bottom: 0px !important;

}
input{
border: 1px solid #e7e7e7;
}
.form-text-field{
	width:100%;
}
.form-group select{
	width:100%;
	padding: 5px;
    border-radius: 3px;
}
.formpara{
	    font-size: 13px;
    line-height: 21px;
    margin-top: 10px;
}
.rotate {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
.fa-chevron-down{
	padding:10px;
}

/*admission box 2 */
#admission-form-box2,#admission-form-box3,#admission-form-box4,#admission-form-box5,#admission-form-box6,#personal-info-form-box,#se-info-form-box,#hse-info-form-box,#ach-info-form-box{
	border:1px solid #0c5477;
	margin-top:30px;
}
input{
	width:100%;
}
.panel-body3 .chk-box{
	width:15px;
	height:15px;
}
.panel-body3 .chk-text{
	font-size: 15px;
    font-weight: normal;
}


/* end Registration Page */
/* Login Page*/
p.justify{
	text-align:justify !important;
}
.sign-in-form{
	background-color:#4b8df8 !important;
}
#login-box i.fa.fa-user,#login-box i.fa.fa-lock{
display: block;
    position: absolute;
    top: 8px;
    left: 5px;
    color: gray;
}
#login-box .form-text-field,#registration-box .form-text-field{
	padding-left:20px;
}
.font12{
	font-size:12px;
}
#login-box,#registration-box{
	border:1px solid #4b8df8;
}
#admission-calendar{
	border:1px solid #555555;
}
#admission-calendar h4{
	display:inline-block;
	font-size:16px;
	font-weight: bold;

}
#admission-calendar ul{
	font-size:12px;
}
#registration-box i.fa.fa-user, #registration-box i.fa.fa-lock {
    display: block;
    position: absolute;
    top: 39px;
    left: 5px;
    color: gray;
}
/* end }Login Page */

/*dropdown search style */
.chosen-container-single .chosen-single {
  
    padding: 5px 0 0 8px !important;
    height: 34px !important;
}
/*end drop down*/
.hint {
  position: absolute;
  right: -250px;
  width: 200px;
  margin-top: -4px;
  border: 1px solid #c93;
  padding: 10px 12px;
  background-color: #ffc;
}
/*registration btn */
.Registration-button {
    width: 100% !important;
    display: block;
    background-color: #35aa47;
    padding: 10px 0px;
    text-align: center;
    margin-top: 13px;
color:white;
}
.Registration-button a{
	color:white;
	text-decoration:none;
	font-family:roboto;
}
.Registration-button:hover{
background-color: green;
}
/*loader */
/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript, 
if it's not present, don't show loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con{
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: #000 !important;
	z-index: 10;
	opacity:0.7;

}
.se-pre-con h1{
	position: absolute;
    height: 200px;
    width: 400px;
    margin: -100px 0 0 -200px;
    top: 50%;
    left: 50%;
    color:white;
}

/*end loader */
.disabled {
    opacity: .5 !important;
    pointer-events: none !important;
}


/*modal-styling*/
.modal-custom-width{
	width:1170px;
}
.modal-body{
font-family:roboto;
font-size:13px;
}
.table-advance div.success{

    /*position: absolute;*/
    /*margin-top: -5px;*/
    /*float: left;*/
    /*width: 2px;*/
    /*height: 30px;*/
    /*margin-right: 20px !important;*/
	background: #7bce91;
}
.table-advance td.highlight div.success {
    border-left: 2px solid #66ee66;
}
.table-advance thead tr{
	background-color:#e7e7e7;
}

/*login modal*/
#ReadbeforeStart .modal-body-wrapper{
	line-height:23px;
}
/*end modal*/
#create-account-ack .panel-head{
	background-color: #35aa47;
	color:white;
}
#create-account-box {
border:1px solid #35aa47;
margin: 23px 0px;
}
#create-account-ack .panel-title
{
	    padding: 8px 10px 8px 10px;
	    font-size:18px;
	    margin-right:5px;
}
div#create-account-ack {
    margin-top: 86px;
}
.fa-cogs{
	padding:0px 7px 0px 1px;
}
.create-account-box-btn-row{
	margin-bottom:10px;
}
/*upload page setting */
#upload-profileimg-box{
margin: 23px 0px;
border:1px solid black;	
}
.panel-body.upload-profileimg-body {
    margin: 0px 19px;
}
/*personal profile page setting*/
#personal-info-form-box,#personal-info-form-box1,#personal-info-form-box2{
	border:1px solid #555555;
	margin-top:30px;
}

.chosen-container{
	width:100%;
}

/* academic info style */
.form-text-field[readonly]{
    cursor: not-allowed;
    background-color: #eee;
    opacity: 1;
}
#olevel-grading-form .form-text-field,#olevel-grading-form1 .form-text-field{
	padding:6px;
}
/*datep picker style*/
button.ui-datepicker-trigger {
    position: absolute;
    right: 1px;
}
button.ui-datepicker-trigger img{
   width:21px;
}
/*edit button */
.edit-btn{
	margin-left:10px;
	display: inline-block;
}
/*overlay for tooltip*/
.overlay {
 position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: #000 !important;
	z-index: 10;
	opacity:0.7;
}
.popover {
    width: 400px;
    height: auto !important;
}
.well{
	margin-top:5px;
	padding:0px 5px;
	border-radius: 0px;

}
.qq-upload-button{
	width:100% !important;
}
#image{
	width:100% !important;
	height:auto;
}
#image img{
	width:100% !important;
}
.profile_picture_after_submit img{
	width:100%;
	height:auto;
}

.response table th {background: #fff;}
.inner-container .lead {
	margin-bottom: 20px;
	font-size: 16px!important;
    font-weight: 300;
}

.inner-container h3 {
	font-weight:bold;
	text-align: left
	padding: 10px;
color: #0c5460;
text-shadow:0px 4px 2px #d1ecf1;
    font-size: 27px;
    margin-top: 12px;
}


.portlet {
	clear: both;
	margin-top: 0px;
	margin-bottom: 6px;
	padding: 0px;
}
.portlet > .portlet-title {
	margin-bottom: 15px;
	border-bottom: 1px solid #eee;
}
.portlet > .portlet-title > .caption {
	display: inline-block;
	font-size: 15px;
	font-weight: 400;
	margin: 0;
	padding: 0;
	margin-bottom: 7px;
}
.portlet > .portlet-title > .caption i {
	margin-top: 5px;
	display: inline-block !important;
	font-size: 13px;
	margin-right: 5px;
	color: #666;
}
.portlet > .portlet-body {
	clear: both;
	padding: 0;
}
.custom-margin{
	margin:0;
}



.portlet-body {
	position: relative;
	background: #ddd8d8;
	border: 4px solid #ddd8d8;
}
/*.portlet-body:after, .portlet-body:before {*/
	/*left: 100%;*/
	/*top: 50%;*/
	/*border: solid transparent;*/
	/*content: " ";*/
	/*height: 0;*/
	/*width: 0;*/
	/*position: absolute;*/
	/*pointer-events: none;*/
/*}*/

/*.portlet-body:after {*/
	/*border-color: rgba(16, 22, 25, 0);*/
	/*border-left-color: #ddd8d8;*/
	/*border-width: 10px;*/
	/*margin-top: -10px;*/
/*}*/
/*.portlet-body:before {*/
	/*border-color: rgba(194, 225, 245, 0);*/
	/*border-left-color: #ddd8d8;*/
	/*border-width: 16px;*/
	/*margin-top: -16px;*/
/*}*/

#item-price{
	font-size: 24px;
	font-family: 'Lato';
	letter-spacing: 1px;
	text-align: left;
	padding: 12px;
	vertical-align: middle;
	background: #dc9331;
	font-weight: 900;
	color: #000;
	border-radius: 5px;
}
.app-fee{
	display: inline-block;
	font-size: 15px;
	font-weight: 400;
	margin: 0;
	padding: 0;
	margin-bottom: 14px;
	font-weight: bold;
	border-bottom: 1px solid #eee;
	font-family: 'Open Sans';
	text-align: left;
	vertical-align: middle;
	padding-top: 7px;
}

#item-price1{

}

.price-container{
	font-size: 18px;
	font-family: 'Lato';
	padding: 12px;
	vertical-align: middle;
}
div.form .errorSummary
{
	border: 2px solid #C00;
	padding: 7px 7px 12px 7px;
	margin: 0 0 20px 0;
	background: #FEE;
	font-size: 0.9em;
}

div.form .errorMessage
{
	color: red;
	font-size: 0.9em;
}

div.form .errorSummary p
{
	margin: 0;
	padding: 5px;
}

div.form .errorSummary ul
{
	margin: 0;
	padding: 0 0 0 20px;
}

.social_items input{
	width:auto;
}
.social_items .label{
	font-size:100%;
	padding:6px;
}
/*popover styling*/
.popover{
	width:250px;
	height:110px;
	z-index:0 !important;
	background:linear-gradient(to left, #d1ecf1 , #d1ecf1)!important;
	color:#0c5460;


}
.popover-title{
	background:linear-gradient(to left, #d1ecf1 , #d1ecf1)!important;
	color:#0c5460;
font-weight:bold;
}
.popover.right .arrow:after {
	border-right-color: #0c5460;
}
.popover.left .arrow:after {
	border-left-color: #0c5460;
}
.popover.top .arrow:after {
	border-top-color: #0c5460;
}
.popover.bottom .arrow:after {
	border-bottom-color: #0c5460;
}



 .form-control {
    display: block;
    width: 100%;
    
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 2px solid #988f8f;
     border-radius: 4px; 
     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); 
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); 
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; 
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; 
     transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; 
}
 .form-text-field {
    width: 100%;
    border-top: none;
    border-left: none;
    border-right: none;
border-radius: 0px; 
 -webkit-box-shadow: none; 
     box-shadow:  none; 
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; 
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; 
     transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; 
}
.mailing-chk .chk-text {
    font-size: 18px;
    font-weight: normal;
}
.mailing-chk .chk-box {
    width: 15px;
    height: 13px;
}
.paddingleft0{

padding-left:0 !important;
}
 .panel-title{
color:#0c5460;
font-weight:bold;
font-size:16px;
}
#RegistrationForm_hear_about_us_checkboxes li{
display:inline-block;
margin:8px 8px;
}
#RegistrationForm_hear_about_us_checkboxes .label-custom {
    background-color: #d1ecf1!important;
    color: #0c5460;
}
select.form-control{
height:45px;
}