/* CSS Document */
.admin-logo-login{
	background-color: white;
	padding: 15px;
}

.login-logo, .register-logo{
	font-size: 30px;
}

.login-logo{	
	background-color: #0b5890;
	color: white;
	margin-bottom: 0;
	padding: 15px 0;	
	-webkit-border-top-left-radius: 10px;		
	-moz-border-top-left-radius: 10px;	
	border-top-left-radius: 10px;	
	-webkit-border-top-right-radius: 10px;
	-moz-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
}

.pull-center{
	margin-left: auto;
	margin-right: auto;
}

.pt15{
	padding-top: 15px !important;
}

.pb15{
	padding-top: 15px !important;
}

.mt-5{
	margin-top: 5px !important;
}

.mt-10{
	margin-top: 10px !important;
}

.mt-15{
	margin-top: 15px !important;
}

.mt-25{
	margin-top: 25px !important;
}

.mt-35{
	margin-top: 25px !important;
}

.mt-40{
	margin-top: 40px;
}

.mt-50{
	margin-top: 40px;
}

.mt-55{
	margin-top: 55px;
}

.mt-60{
	margin-top: 60px;
}

.mt-65{
	margin-top: 65px;
}

.mb-5{
	margin-bottom: 5px !important;
}

.mb-10{
	margin-bottom: 10px !important;
}

.mb-15{
	margin-bottom: 15px !important;
}

.mb-25{
	margin-bottom: 25px !important;
}

.mb-35{
	margin-bottom: 25px !important;
}


.logocenter{
	margin-top: 0px;
	margin-bottom: 15px;
}

.textwhite, text-white{
	color: white !important;
}

.pagetitletop{
	font-size: 24px;
	color: white;
	line-height: 28px;
	padding-left: 20px;
	display: inline-block;
	margin-top: 10px;
}

/* ################ TABLE STYLE - Start  ##############*/

table.themetable{
	width: 100%;
    background-color:  whitesmoke;
}

table.themetable thead tr{
    background-color: #333;
    color: white;
    font-size: 16px;
    text-align: center !important;
}

table.themetable thead tr th:first-child, table.themetable thead tr th:last-child{
    text-align: center;    
}

table.themetable thead tr th:last-child{
    width: 180px;
}

table.themetable tbody tr td{
    font-size: 16px;
    line-height: 22px;
	padding-left: 10px;
	padding-right: 10px;
}

table.themetable tbody tr td:first-child, table.themetable tbody tr td:last-child {
    text-align: center;
}

table.themetable tbody tr td:last-child{
    width: 200px;    
}

.actionbutton{
    margin-left: 6px;
    margin-right: 6px;
}

textarea.freetext {
    resize: none;
	min-height: 150px;
}

.form_required{
    color: #b30000;    
    font-size: 14px;
}

span.checkbox_text{
	padding-left: 10px;
}

ul.error-list{
	margin: 10px 0;
	list-style: none;
}

ul.error-list li{
	margin: 5px 0;
	font-size: 18px;
}

/*  THEME SPECIAL CSS [CAN BE CHANGED FOR DIFFERENT THEMES] */
div.form-group > label{
    font-size: 16px;
}

.main-header, .skin-black-light .main-header .navbar, .skin-black-light .main-header>.logo{
	background-color: #333 !important;
	color: #FFF !important;
}

span.hidden-xs{
	color: #fff !important;	
}

.dropdown-toggle:hover, .dropdown-toggle:active, .skin-black-light .main-header .navbar .nav>li>a:active{
	background-color: #333 !important;
}

.skin-black-light .main-header .navbar .nav .open>a, .skin-black-light .main-header .navbar .nav .open>a:focus, .skin-black-light .main-header .navbar .nav>.active>a{
	background-color: #333;
	color: #fff !important;
}

ul.sidebar-menu li.header{
	color: #333 !important;
	font-weight: bold !important;
}

.skin-black-light .main-sidebar {
	background-color: #F6F6F6 !important;
}

.content-wrapper{
	background-color: #fff !important;
}

.btn-black{
	color: #fff;
    background-color: #333;
    border-color: #000;
}

.btn-black:hover{
	color: #333;
    background-color: #fff;	
}

.box-blue{
	border-top-color: #5A93CE !important;
}

.btn-blue{
	background-color: #5A93CE;
	color: white;
	border: 1px solid #5A93CE;
}

.btn-blue:hover{
	background-color: white;
	color: #5A93CE;
	border: 1px solid #5A93CE;
}

.help-block{
	font-size: 16px;
	color: #b30000;
}

li.treeview{
	border-bottom: 1px solid #dbdbdb !important;
}


.themetable tbody tr td{
	border-bottom: 1px solid #333 !important;
	padding: 20px 0;
}

.themetable tbody tr td h5{
	font-size: 18px;
	padding:0;
	margin: 0;
	font-weight: bold;
}

.themetable tbody tr:hover{
	background-color: #F1EEEE;
}

.mt-xtra-30{
	margin-top: 30px !important;
}

.box-title{
	font-weight: bold;
}

ul.mediumlist li{
	display: block;
	border: 1px solid #EBEBEB;
	padding: 8px 5px;
	font-size: 16px;
	list-style: none;
	margin: 8px 0;
	width: 50%;
}

ul.mediumlist li:hover{
	color:#23AFD4;
}


ul.mediumlist li input[type=checkbox]{
	margin-right: 10px;
	margin-top: 8px;
}

.teacher-search-result{	
	width: 100%;
	min-height: 350px;
	margin-top: 30px;
}

.teacher-data-container{
	width: 100%;
	border: 1px solid #c6c6c6;
	min-height: 300px;
	margin: 10px 0;
	position: relative;	
}

.teacher-cont-footer{
	width: 100%;
	height: 50px;
	border-top: 1px solid #E8E8E8;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0 10px;
}

.teacher-data-container:hover{
	background-color: #F6F6F6;
	
}

div.teacher-data-container > div{
    margin: 0px;
    padding: 0px;
}

div.teacher-data-container .teacher-cont-header{
    width: 100%;
    height: 40px;
    background-color: #b30000;
	display: flex;
	align-items: center;
	padding-left: 25px;
	font-size: 18px;
	color: white;
	font-weight: bold;	
	border: 1px solid #b30000;
	
}

div.teacher-cont-body{
	width: 100%;
}

div.teacher-shortlist-container{
	width: 90%;
	margin: 10px auto;
	border: 1px solid #DADADA;
	text-align:center;
	height: 300px;
	position: relative;
}

div.teacher-shortlist-container .header{
	width: 100%;
	height: 30px;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #b30000;
	text-align: center;
	padding: 5px 0;
	color: white;
	font-weight: bold;	
}

div.teacher-cont-footer .btn{
	margin: 5px 0 0 0;
}

div.teacher-cont-footer .pull-left{
	margin-left: 10px;
}

div.teacher-cont-footer .pull-right{
	margin-right: 10px;
}

.modal-lg{
	width: 90% !important;
}

.pl-0{
	padding-left: 0px !important;	
}

.skin-black-light .main-header .navbar>.sidebar-toggle{
	color: white;
}

.login-page{
	background-image: url(../../images/login_bg.jpg);
	opacity: 1;
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
}
.login-box{
	
}

.text_villages{
	resize:none;
	width: 100%;
	height: 200px;	
}

#village_container_box{
	width: 100%;
	height: auto;
}

.village_container{	
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	border-radius: 10px;
	transition: all 0.3 ease;
	max-width: 100%;
	padding: 15px;
	margin: 20px auto;
}

.village_container:hover{
	box-shadow: rgba(22, 150, 198, 0.4) 0px 2px 8px 0px;	
}


.village_container_row h1{
	font-size: 18px;
	font-weight: bold;
	padding: 0;
	margin: 0px 0 10px 0;
}


.modal-dialog{
	width: 100% !important;
	max-width: 1200px !important;
}

#committee_member_container{
	width: 100%;
	margin: 20px !important;	
	padding: 20px 0  !important;
	min-height: 100px  !important;
}

.btn-removemember{
	display: block;
	margin-top: 30px;
}

.member_txt{
	min-width: 100% !important;
}

.ppost, .punit{
	min-width: 100% !important;
}

/* ################ TABLE STYLE - End  ##############*/

/* Large desktop */
@media (min-width: 1200px) {
	.modal-lg{
		width: 70% !important;
	}		
}


@media (max-width: 991px) {
	.btn-changepassword{
		background-color: #367fa9 !important;
	}
	.btn-logout{
		background-color: #d73925 !important;	
	}
}

 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	.login-box, .register-box{
		margin-top: 18VH;
		max-width: 400px;
	}	
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	ul.mediumlist{
		margin-left: -30px;	
	}	
	ul.mediumlist li{
		width: 100%;
	}	
}
 
/* Landscape phones and down */
@media (max-width: 550px) {
	.admin-logo-login{
		text-align: center;		
	}
	.admin-logo-login h1{
		font-size: 20px;	
	}	
}