/*--
	Theme Name: School Theme
	Theme URI: xxx
	Author: Shah Liton
	Author URI: http://www.cloudtechbd.com
	Description: School Education Responsive Template
	Version: 1.0
	License URI: http://
	Tags: html5, css3, JQuery, WordPress, responsive design etc.
--*/

@import "css/misc.css";
@import "css/main.css";
@import "css/color-scheme.css";
@import "css/responsive.css";
.result-content{margin:12px 0;}
.result-content table{width:100%;}
.result-content table tr{margin:5px 0;padding:10px 0px;border-top:2px solid #000;border-bottom:2px solid #000; text-align:center;}
.result-content table tr td{border-right:2px solid #000;border-left:2px solid #000;}
.single-notice-container{}
.widget-inner{}
.widget-inner ul{margin:0;padding:0;list-style:none}
.widget-inner ul li{border-bottom: 1px dashed;
padding: 4px 0;}
.widget-inner ul li:last-child{border-bottom: 0px dashed;}
.widget-inner ul li a{color: #333;
font-size: 16px;}
.widget-inner ul li a:hover{text-decoration:none}
a:hover{text-decoration:none !important}
.page_title{background: #fff none repeat scroll 0 0;
line-height: 0;
margin: 0;
text-align: center;}
.page_title h1{font-size: 25px;
line-height: 20px;
padding-top: 15px;}
.our-campus ul li img{width:100%!important;height:175px;}
.main-menu a{padding:17px 10px!important;}
/* Liton Css */
.teacher_list h2{text-align:center;margin-bottom:25px}
.serial_no{text-align:center;width:50px}
.photo{text-align:center;width:115px}
.photo img{width:90px;height:90px}
.name{width: 230px;}
.desig{width:150px}
.mobile{width: 150px;}
.join_date{text-align:center;width:110px}
.email{width: 230px;}
.user_count_top{color:#0073aa;font-size:15px;}
.user_count{color: #D607CD;font-size: 15px;}
.details{text-align:center;width:80px}
.teacher_table{}
.teacher_table thead tr th{text-align:center}
.teacher_table tbody tr td{vertical-align:middle}
.teacher_list p{margin: 0 100px 20px;
text-align: center;}
.our-campus ul li img{width:230px;}
.modal-body{text-align:center}
.modal-body img{width:202px;height:250px;display:inline-block !important}
.modal-body h3{}
.modal-body p{margin:0px;text-align:center}
.now_online{    padding: 3px 19px;display: inline-block;font-size: 15px; width: 129px;font-weight: bold;text-shadow: 0px 1px 1px #000;}
.marque_style_header{margin:0;padding:0;}
.marque_style_header li{list-style:none;float:left;}
.marque_style_header li a{dispaly:inline-block;color:#757575;font-size:15px;}
.header_latest{    position: absolute; background-color: #EF0909; z-index: 999;padding: 7px 15px; color: #fff;}
.main-slideshow{ margin-top:0px!important;  }
.for_canalnder{background-color: #E0D9D9;}
.widget-main ul{    margin: 0;
    padding: 0;
    padding: 20px;
    background-color: #E0D9D9;
    color: #000;
    font-size: 17px;}
#calendar-demo{width:100%!important;}
.widget-title {font-size: 16px;}
.widget-main ul li{    list-style: none;
    border-bottom: 1px dotted #000;
    padding: 6px 0;}

.footer_school_fild{} 
.footer_school_fild ul{    margin: 0;
    padding: 0;
    padding: 0!important;
    background-color: transparent!important;
  }
.footer_school_fild ul li{ background: #ddd none repeat scroll 0 0;
border-bottom: medium none !important;
margin-bottom: 10px;
padding: 2px;
width: 25%;}

table { 
  width: 100%; 
  border-collapse: collapse; 
}

th { 

  font-weight: bold; 
}
td, th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left; 
}
.priciple_pic h3 {
  font-size: 21px;
  margin-bottom: 9px;
}
	/* 
	Max width before this PARTICULAR table gets nasty
	This query will take effect for any screen smaller than 760px
	and also iPads specifically.
	*/
	@media 
	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {
	
		/* Force table to not be like tables anymore */
		table, thead, tbody, th, td, tr { 
			display: block; 
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		tr { border: 1px solid #ccc; }
		
		td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left: 50%; 
		}
		
		td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
		}
			.teacher_list h2{text-align:center;margin-bottom:25px}
			.serial_no{text-align:center;width:100%}
			.photo{text-align:center;width:100%}
			.photo img{height:90px}
			.name{width: 100%;}
			.desig{width:100%}
			.mobile{width: 100%;}
			.join_date{text-align:center;width:100%}
			.email{width: 100%;}
			.details{text-align:center;width:100%}		
		

	}
	
	/* Smartphones (portrait and landscape) ----------- */
	@media only screen
	and (min-device-width : 320px)
	and (max-device-width : 480px) {
		.container { 
			padding: 0; 
			margin: 0; 
			width: 320px; }
			
		
			
			
		}
	
	/* iPads (portrait and landscape) ----------- */
	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
		.container { 
			width: 450px; 
		}
		
		
		
	}
	
	
.result-content table tr td{
  text-align: center;
}

 .scrolloff {
        pointer-events: none;
    }


/*  Gallery CSS  */

.gallery_img {
border: 1px solid #ddd;
display: inline-block;
float: left;
height: 280px;
margin: 10px;
overflow: hidden;
padding: 8px;
transition: all 0.2s ease-in-out 0s;
width: 346px;
}
.gallery_img img{width:100%;height:100%;opacity: 0.5;
transition: all 0.2s ease-in-out 0s;}
.photo_gallery{overflow:hidden}
.gallery_img img:hover{opacity:1;transition: all 0.2s ease-in-out 0s;}

.current-menu-item a{color:red !important;font-weight:700;font-size:16px}
@media (max-width:767px) {
  .mobile_hide_calander{
    display: none;
  }
}
.notice_admision{list-style: outside none number;}
.notice_admision a{border: 1px solid #ddd;
color: #777;
display: inline-block;
font-size: 17px;
margin-bottom: 10px;
margin-right: 5px;
padding: 3px 10px;}
.download_notice {
background: #683233 none repeat scroll 0 0;
border: 1px solid #683233 !important;
border-radius: 4px;
color: #fff !important;
}
.view_notice {
  background: #fecd0b none repeat scroll 0 0;
  border-radius: 4px;
  color: #000 !important;
border: 1px solid #fecd0b !important;
}

.main-menu li ul {
    display: none;
    transition: 1s;
}
.main-menu li.menu-item-has-children:hover > ul {
    display: block;
}


.name_ofpriciple {
  height: 40px;
  padding: 10px 5px;
  background-color: lightblue;
  color: red;
}