/* CSS Document */


.top{background:#001b94; margin:0px; padding:0px; width:100%; overflow:hidden;}
input[type="checkbox"]{margin:0px auto;}
.cont-btns{margin-top:20px;}
.logo-admin{ float:left;}
.customize{margin-top:50px;}

.add-pop-main{width:350px; margin:0px auto; padding:0px; position:relative;}
.add-pop{width:100%; margin:0px; padding:0px; position:absolute; z-index:9000;  overflow:hidden;  background:#0d4962; border:3px solid #000;}

.add-pop ul{margin:0px 0px 0px 10px; padding:0px; list-style:none;}
.add-pop ul li{width:150px; margin:5px; padding:10px 0px 0px 0px; list-style:none; display:block; overflow:hidden; float:left;}

.add-pop p{width:200px; margin:0px; padding:5px 0px 5px 0px; font-size:12px; color:#000033; display:block; color:#FFFFFF;}
.add-pop input[type="text"]{margin:0px auto; padding:5px 10px 5px 10px; font-size:12px; color:#369cc6; border:1px solid #000; display:block;}
.add-pop input[type="button"]{margin:15px auto; padding:8px 30px 8px 30px; font-size:12px; background:#000; color:#FFFFFF; border:0px;}


.notification{padding:26px 20px 25px 20px; margin:0px; background:#031877; float:left;}
.notification p{padding:3px; margin:0px; background:red; color:#FFFFFF; text-align:center; } 
.notification p a{ text-decoration:none; color:#FFFFFF;} 
.glyphicon-bell{font-size:25px; color:#fa9b05;}
.notification span a{text-decoration:none; color:#fff; text-decoration:none; font-size:14px; font-weight:normal; font-family:Arial, Helvetica, sans-serif;} 


.admin-name{float:right; margin:0px; padding:0px;}
.admin-name ul{margin:0px; padding:0px; list-style:none;}
.admin-name ul li{margin:0px; padding:0px; list-style:none; float:right;}
.admin-name ul li p{margin:0px; padding:21px 10px 21px 20px; font-size:14px; color:#7281c4;}
.admin-name ul li p span{color:#fff;}
.admin-name ul li p span a{color:#6FDEF2;}
.admin-sec button{background:none; border:0px; font-size:30px; color:#ffffff; padding:27px 10px 10px 0px; float:left;}
.upload-btn{margin-left:10px!important;}	

.remove-btn{margin-left:15px;}



.noti-pop-main{width:600px; margin:0px; float:right; padding:0px; position:relative; border:1px solid red;} 
.noti-pop{width:250px; height:280px; margin:0px; padding:10px; background:#021c28; border:1px solid #000; overflow-x: hidden; overflow-y: scroll;  z-index:9000; position:absolute;}
.noti-pop ul{width:240px; margin:0px auto; padding:0px; list-style:none; border:none}
.noti-pop ul li{margin:0px 0px 0px 0px; padding:10px 0px 10px 0px; list-style:none; display:block; overflow:hidden; border-bottom:1px solid #022d4f; }
.noti-pop ul li:hover{ background:#010827; cursor:pointer;}

.noti-pop ul li img{width:35px; margin:0px; padding:3px 0px 0px 5px ; float:left;}
.noti-pop ul li p{ width:200px; margin:0px; padding:0px 5px; float:left!important; font-size:12px; color:#fff; border:none; }

.menu-icon {background-image: url("../images/admin/dropMenu1.png");cursor:pointer}
.menu-icon:hover {background-image: url("../images/admin/dropMenu2.png");cursor:pointer}

.logoutLink{color:#00ffff;text-decoration:none}
.logoutLink:hover{color:#ff8a00;text-decoration: underline}

/* Code Starts - For Buttons */

	.coolButtons
	{
		/*background:-moz-linear-gradient(center top , #A9F5A9 28%, #01df01 89%, #A9F5A9 105%) repeat scroll 0 0 rgba(0, 0, 0, 0);*/
	
		background:#ccc !important; 
		
		border:1px solid #999 !important;
		border-radius:2px !important;
		-moz-border-radius:2px !important; 
		-webkit-border-radius:2px !important; 
		-khtml-border-radius:2px !important;
		box-shadow:1px 1px 3px #ccc !important;				
		color:#000 !important;
		cursor:pointer !important;
		font-size:0.88em !important;
		padding: 7px 14px !important;
		text-decoration:none !important;	
		font-weight:bold !important;
		
		-moz-box-shadow: 1px 1px 3px #ccc !important;
		-webkit-box-shadow: 1px 1px 3px #ccc !important;
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=0, Color='#ccc'),
				progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color='#ccc'),
				progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=180, Color='#ccc'),
				progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=270, Color='#ccc') !important;	/* For IE 5.5 - 8 */			
	}	
	.coolButtons:hover
	{
		background:#141D70 !important;
		
		text-shadow:none !important;
		color:#fff !important;
	}
		
	.coolButtons.active{background:#8E1925 !important; color:#fff !important;}
	

/* Code Ends - For Buttons */

/* Code Starts - For popup */

	.popupBackground
	{
		display:none;
		position:fixed !important;
		top:0 !important;
		left:0 !important;
		width:100% !important;
		height:100% !important;
		text-align:center !important;
		border-collapse:collapse !important; 
		border-spacing:0 !important; 				
		box-sizing:content-box !important;	
		line-height:normal !important;						
		
		background: rgb(0,0,0, .9) !important; /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(0,0,0,.9) 0%, rgba(206,230,206,.9) 50%, rgba(0,0,0,.9) 99%) !important; /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,.9)), color-stop(50%,rgba(206,230,206,.9)), color-stop(99%,rgba(0,0,0,.9))) !important; /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(0,0,0,.9) 0%,rgba(206,230,206,.9) 50%,rgba(0,0,0,.9) 99%) !important; /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(0,0,0,.9) 0%,rgba(206,230,206,.9) 50%,rgba(0,0,0,.9) 99%) !important; /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(0,0,0,.9) 0%,rgba(206,230,206,.9) 50%,rgba(0,0,0,.9) 99%) !important; /* IE10+ */
		background: linear-gradient(to bottom,  rgba(0,0,0,.9) 0%,rgba(206,230,206,.9) 50%,rgba(0,0,0,.9) 99%) !important; /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ) !important; /* IE6-9 */			
	}
	.popupBackground table, .popupBackground th, .popupBackground td
	{
		font-family:'Times New Roman', Times, serif !important;
		padding:0 !important;
		margin:0px auto;
		font-size:14px !important;
	}
	.popupBackground input
	{
		font-family:'Times New Roman', Times, serif !important;
		font-size:14px !important;
	}
	.popupContainer
	{
		/* margin:100px auto !important; */
		text-align:center !important;
		border-radius:2px !important;
		-moz-border-radius:2px !important; 
		-webkit-border-radius:2px !important; 
		-khtml-border-radius:2px !important;
		border-collapse:collapse !important;
		border-spacing:0 !important;
		
		box-shadow: 0 0 3px 2px #FFFFFF !important;	
		-moz-box-shadow: 0 0 3px 2px #FFFFFF !important;
		-webkit-box-shadow: 0 0 3px 2px #FFFFFF !important;
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=0, Color='#FFFFFF'),
				progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#FFFFFF'),
				progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color='#FFFFFF'),
				progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=270, Color='#FFFFFF') !important;	/* For IE 5.5 - 8 */
	}
	.popupSubmitButton
	{
		/*background:-moz-linear-gradient(center top , #A9F5A9 28%, #01df01 89%, #A9F5A9 105%) repeat scroll 0 0 rgba(0, 0, 0, 0);*/
	
		background: rgb(179,196,176) !important;; /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(179,196,176,1) 0%, rgba(206,230,206,1) 37%, rgba(255,255,255,1) 50%, rgba(206,230,206,1) 60%, rgba(179,196,176,1) 99%) !important;; /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(179,196,176,1)), color-stop(37%,rgba(206,230,206,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(60%,rgba(206,230,206,1)), color-stop(99%,rgba(179,196,176,1))) !important;; /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(179,196,176,1) 0%,rgba(206,230,206,1) 37%,rgba(255,255,255,1) 50%,rgba(206,230,206,1) 60%,rgba(179,196,176,1) 99%) !important;; /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(179,196,176,1) 0%,rgba(206,230,206,1) 37%,rgba(255,255,255,1) 50%,rgba(206,230,206,1) 60%,rgba(179,196,176,1) 99%) !important;; /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(179,196,176,1) 0%,rgba(206,230,206,1) 37%,rgba(255,255,255,1) 50%,rgba(206,230,206,1) 60%,rgba(179,196,176,1) 99%) !important;; /* IE10+ */
		background: linear-gradient(to bottom,  rgba(179,196,176,1) 0%,rgba(206,230,206,1) 37%,rgba(255,255,255,1) 50%,rgba(206,230,206,1) 60%,rgba(179,196,176,1) 99%) !important;; /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3c4b0', endColorstr='#b3c4b0',GradientType=0 ) !important;; /* IE6-9 */
		
		border:1px solid #999 !important;
		border-radius:2px !important;
		-moz-border-radius:2px !important; 
		-webkit-border-radius:2px !important; 
		-khtml-border-radius:2px !important;
		box-shadow:1px 1px 3px #ccc !important;				
		color:#21610B !important;
		cursor:pointer !important;
		font-size:0.88em !important;
		padding: 5px 8px !important;
		text-decoration:none !important;	
		
		box-shadow: 1px 1px 3px #ccc !important;	
		-moz-box-shadow: 1px 1px 3px #ccc !important;
		-webkit-box-shadow: 1px 1px 3px #ccc !important;
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=0, Color='#ccc'),
				progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color='#ccc'),
				progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=180, Color='#ccc'),
				progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=270, Color='#ccc') !important;	/* For IE 5.5 - 8 */			
	}	
	.popupSubmitButton:hover
	{
		background: rgb(179,196,176) !important; /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(179,196,176,1) 0%, rgba(206,230,206,1) 43%, rgba(255,255,255,1) 78%, rgba(206,230,206,1) 95%, rgba(179,196,176,1) 99%) !important; /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(179,196,176,1)), color-stop(43%,rgba(206,230,206,1)), color-stop(78%,rgba(255,255,255,1)), color-stop(95%,rgba(206,230,206,1)), color-stop(99%,rgba(179,196,176,1))) !important; /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(179,196,176,1) 0%,rgba(206,230,206,1) 43%,rgba(255,255,255,1) 78%,rgba(206,230,206,1) 95%,rgba(179,196,176,1) 99%) !important; /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(179,196,176,1) 0%,rgba(206,230,206,1) 43%,rgba(255,255,255,1) 78%,rgba(206,230,206,1) 95%,rgba(179,196,176,1) 99%) !important; /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(179,196,176,1) 0%,rgba(206,230,206,1) 43%,rgba(255,255,255,1) 78%,rgba(206,230,206,1) 95%,rgba(179,196,176,1) 99%) !important; /* IE10+ */
		background: linear-gradient(to bottom,  rgba(179,196,176,1) 0%,rgba(206,230,206,1) 43%,rgba(255,255,255,1) 78%,rgba(206,230,206,1) 95%,rgba(179,196,176,1) 99%) !important; /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3c4b0', endColorstr='#b3c4b0',GradientType=0 ) !important; /* IE6-9 */
	}		
	.popupCloseButton
	{
		text-decoration:none !important;
		color:black !important;
		font-weight:normal !important;
	}
	.popupCloseButton:hover
	{
		text-decoration:none !important;
		color:red !important;
		font-weight:bold !important;
		text-shadow:2px 2px #cbcbcb !important;
	}


/* Code Ends - For popup */

@media screen and (min-width:1281px) and (max-height:899px) {

}


@media screen and (min-width:980px) and (max-width:1024px){
.customize{margin-top:30px!important;}
.notification{margin:5px 0px 0px 0px!important;}
.admin-name ul li p{padding:10px 10px 0px 10px!important;}
.admin-sec button{padding:15px 0px 0px 0px!important;}
.noti-pop-main{right:150px!important; top:148px!important;} 

}



@media only screen and (min-width:768px) and (max-width: 991px) {
.logo-adminpage{ margin:0px; padding:0px;}
.notification{padding:15px; margin:20px 0px 0px 0px; float:left;}
.admin-name ul li p{padding:15px 10px 0px 10px;}
.customize{margin-top:50px;}
.admin{float:right!important;}
.admin-sec button{padding:23px 0px 0px 0px; font-size:25px;}


}


@media only screen and (min-width:320px) and (max-width:767px) {
.logo-adminpage{margin:10px 0px 0px 0px; width:260px; float:none!important;}
.customize{margin-top:5px;}
.notification{padding:8px; margin:15px 0px 0px 0px;}
.admin-name ul li p{padding:15px 10px 0px 10px;}
.admin{float:none!important; width:240px; margin:0px auto; overflow:hidden;}
.admin-sec button{padding:25px 0px 25px 0px; font-size:25px;}



}


@media only screen and (min-width:480px) and (max-width:640px) {
.notification{padding:10px 5px 10px 5px; margin:0px;}
.admin-name ul li p{padding:5px 10px 0px 5px; font-size:12px;}
.customize{}
.admin{float:right!important; width:170px!important; margin:0px; padding:0px;}
.admin-sec button{padding:10px 0px 0px 0px; font-size:20px;}
.customize{margin-top:10px!important;}
.glyphicon-bell{font-size:15px;}

}

@media screen and (max-width:320px){

.btn-lg{margin:0px 0px 0px 3px!important; padding:6px!important; font-size:10px!important;}

}















/* CSS Document */

/* body{margin:0px; padding:0px; background:#0180b5;} */
body{margin:0px; padding:0px; background:#26734d;}
.clr{clear:both;}

#container{width:80%; margin:0px auto; padding:0px;}
.logo{width:185px; margin:0px auto; padding:20px 0px 0px 0px;}
.logo-admin{width:117px; margin:0px auto; padding:20px 0px 0px 0px;}
.admin-title{width:100%; margin:0px 0px 10px 0px; padding:0px;}
.admin-title p{font-size:25px; color:#FFFFFF; text-align:center; padding:10px; font-family:tahoma;}
.admin-title p span{color:#ffd800; text-align:center; }

.content{width:85%; margin:30px auto; padding:0px; overflow:hidden;}

.content-admin{width:55%; margin:60px auto; padding:0px; overflow:hidden;}
.report{margin:0px; padding:0px; width:252px; opacity:.8;}
.report:hover{margin:0px; padding:0px; opacity:10;}

.admin{margin:0px; padding:0px; width:252px; opacity:.8}
.admin:hover{margin:0px 0px 0px 0px; padding:0px; opacity:10;}

.left-panel{width:45%; margin:0px; padding:0px; float:left;}
.left-panel h1{margin:0px; padding:0px; font-size:24px; color:#fff; font-family:tahoma; font-style:normal;}
.right-panel h1{padding:0px; font-size:24px; color:#fff; font-family:tahoma; font-style:normal;}
.left-panel h1 span{color:#fff60b;}
.right-panel h1 span{color:#fff60b;}
.left-panel p{color:#fff; font-size:13px; font-family:tahoma; line-height:22px;}

.divider{margin:0px; padding:0px 0px 0px 50px; float:left;}

.right-panel{width:43%; margin:0px; padding:0px; float:right;}

.right-panel p{margin:0px; padding:0px 0px 3px 8px; font-size:15px; font-family:tahoma; line-height:22px; color:#fff;}
.right-panel span{margin:0px; padding:0px; font-size:13px; font-family:tahoma; line-height:22px; color:#9adaf5; text-decoration:underline; display:block;}
.right-panel span a{padding:0px 0px 3px 6px; font-size:13px; font-family:tahoma; line-height:22px; color:#9adaf5; text-decoration:underline;}
.right-panel span a:hover{ color:#FFCC00;}

.right-panel input[type="text"], input[type="password"] {width:325px; margin:0px 0px 5px 0px; padding:11px 11px 11px 11px; background:#e5e5e5; border:2px solid #08516f;
-webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; color:#0959ab;}
.left-panel input[type="text"], input[type="password"] {width:325px; margin:0px 0px 5px 0px; padding:11px 11px 11px 11px; background:#e5e5e5; border:2px solid #08516f; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; color:#0959ab;}
.right-panel input[type="image"]{margin:15px 0px 0px 0px; padding:0px;}
.left-panel input[type="image"]{margin:15px 0px 0px 0px; padding:0px;}


.nav-btn{margin:20px; padding:0px; font-size:16px; color:#FFFFFF; background:#e70132; float:right; -moz-border-radius:10px; -webkit-border-radius: 10px; -khtml-border-radius:10px; border-radius:10px;}
.nav-btn a{margin:0px; padding:10px 15px 10px 15px; font-size:16px; color:#FFFFFF; background:#58D3F7; text-decoration:none; -moz-border-radius:10px; -webkit-border-radius: 10px; -khtml-border-radius:10px; border-radius:10px; }

.nav-btn a:hover{background:#ff8a00;}

.menu-main{width:44%; margin:0px; padding:0px; background:#A9E2F3; border:4px solid #0b4264; top:133px; right:35px; position:absolute; z-index:900; display:none;}
.menu{width:98%; margin:20px; padding:0px;}
.menu ul{width:50%; float:left; margin:0px; padding:0px; list-style:none; overflow:hidden;}
.menu ul h2{margin:0px; padding:0px; font-size:14px; color:#FFFFFF;}
.menu ul h2 a{width:90%; margin:0px; padding:5px; font-size:14px; background:#227dc4; display:block; color:#FFFFFF;}
.menu ul h2 a:hover{width:90%; margin:0px; padding:5px; font-size:14px; background:#ff8a00; color:#FFFFFF; display:block; text-decoration:none;}
.menu ul li{width:92%; margin:0px; padding:6px; list-style:none; border-bottom:1px dashed #c1c1c1;}
.menu ul li a{margin:0px; padding:6px; list-style:none;display:inline-block;width:100%;background-color:#58D3F7;color:black;text-decoration:none}

.menu ul li a:hover{margin:0px; padding:6px; list-style:none;background-color:#ff8a00;color:white;}


.add-school-main{width:45%; margin:0px auto; padding:10px 40px 40px 40px; background:#f8f8f8; border:1px solid #a8a8a8;float:left;}
.add-school-main h2{padding:10px 0px 20px 0px; text-align:center;}

.add-school{width:400px; margin:0px auto; padding:0px;}
.add-school input[type="text"]{ padding:7px; width:250px; float:right; background:#f9f9f9; border:1px solid #022843; font-size:12px;}
.add-school input[type="password"]{ padding:7px; width:250px; float:right; background:#f9f9f9; border:1px solid #022843; font-size:12px;}
.add-school textarea{ padding:7px; width:250px; float:right; background:#f9f9f9; border:1px solid #022843; font-size:12px; height:80px;}
.add-school input[type="button"]{padding:7px; width:120px; background:#e70132; border:1px solid #a9054e; color:#FFFFFF; font-size:16px; margin-left:18px;}
.add-school select{ padding:7px; width:250px; float:right; background:#f9f9f9; border:1px solid #022843;}
.add-school table, th, td {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#082b3a; margin-bottom:10px;}
.add-school p{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#082b3a; padding-left:25px; color:#4c4c4c;}


.add-school-city-list{width:43%; margin:0px auto; padding:10px 40px 40px 40px; background:#f8f8f8; border:1px solid #a8a8a8;float:right;}
.add-school-city-list h2{padding:10px 0px 20px 0px; text-align:center;}

.general-popup-main{width:525px; margin:100px auto; position:relative; padding:40px 0px 0px 0px;}

.general-close{position:absolute; right:10px; padding:10px 0px 0px 0px; z-index:9000;}

.general-popup{width:525px; position:absolute; z-index:900px; margin:0px auto; padding:0px; background:#f8f8f8; border:1px solid #a8a8a8; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; color:#0959ab; overflow:hidden;}

.general-popup ul{width:250px; margin:0px auto; padding:0px; list-style:none; float:left;}
.general-popup h2{margin:0px auto; padding:10px 0px 10px 0px; font-family:Arial, Helvetica, sans-serif; color:#434343; font-weight:normal; text-align:center;}
.general-popup ul li{margin:0px 10px 0px 20px; padding:0px; list-style:none; font-size:14px; color:#666666;}
.general-popup ul li p{margin:0px; padding:10px 0px 5px 0px; list-style:none; font-size:14px; color:#666666; font-family:Arial, Helvetica, sans-serif;}
.general-popup ul li input[type="text"]{width:220px; margin:0px 0px 5px 0px; padding:8px 0px 8px 10px; background:#fff; border:1px solid #b0b0af; list-style:none; font-size:14px; color:#666666 ;border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; color:#0a6db4;}

.general-popup ul li textarea{ width:100%; margin:0px 0px 5px 0px; padding:8px 0px 8px 8px; background:#fff; border:1px solid #b0b0af; list-style:none; font-size:14px; color:#666666 ;border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; color:#0a6db4; height:17px;}

.general-popup ul li input[type="button"]{width:150px; background:#035078; border:1px solid #032e44; margin:15px 0px 35px 0px; padding:8px 0px 8px 0px; font-size:14px; color:#fff ;border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; cursor:pointer;}

@media screen and (min-width:1281px) and (max-height:899px) {

}


@media screen and (min-width:980px) and (max-width:1024px){
.content{width:100%;}
#container{width:90%;}
.content-admin{width:65%;}
.menu-main{width:54%;}

}

@media only screen and (min-width:768px) and (max-width:979px) {
.content{width:100%;}
#container{width:90%;}
.right-panel input[type="text"]{width:270px;}
.content-admin{width:85%;}
.menu-main{width:74%;}
}

@media only screen and (min-width:360px) and (max-width:767px) {
#container{width:90%;}
.content{width:100%;}
.left-panel{width:100%;}
.right-panel{width:100%;}
.divider{display:none;}
.left-panel p{ display:none;}
.left-panel h1{ text-align:center; margin-bottom:30px;}
.right-panel h1{ text-align:center; margin-bottom:30px;}
.right-panel input[type="text"]{width:290px;}
.content-admin{width:85%;}
.report{margin:25px auto; padding:0px; border:1px solid #036188; background:#0491cc;}
.report:hover{margin:25px auto; padding:0px;}
.admin{margin:25px auto; padding:0px; border:1px solid #036188; background:#0491cc;}
.admin:hover{margin:25px auto; padding:0px;}
.menu-main{width:100%; right:0px; top:300px;}

}

@media only screen and (min-width:320px) and (max-width:359px) {
#container{width:90%;}
.content{width:100%;}
.left-panel{width:100%;}
.right-panel{width:100%;}
.divider{display:none;}
.left-panel p{ display:none;}
.left-panel h1{ text-align:center; margin-bottom:30px; font-size:22px;}
.right-panel h1{ text-align:center; margin-bottom:30px; font-size:22px;}
.right-panel input[type="text"]{width:250px;}
.content-admin{width:90%;}
.report{margin:25px auto; padding:0px; border:1px solid #036188; background:#0491cc;}
.report:hover{margin:25px auto; padding:0px;}
.admin{margin:25px auto; padding:0px; border:1px solid #036188; background:#0491cc;}
.admin:hover{margin:25px auto; padding:0px;}

}



@media only screen and (min-width:480px) and (max-width:640px) {


}









.contentss{width:80%; margin:60px auto; padding:0px;}
.contentss td{margin:0px ; padding:0px; overflow:hidden; border-bottom:1px solid #c4c4c4; }

.contentss-left{width:49%; margin:0px; padding:0px; float:left;}
.contentss-left h2{margin:0px; padding:15px; color:#FFFFFF; font-size:16px; font-weight:normal;}
.contentss-left h3{margin:0px; padding:10px; color:#6b6969; font-size:14px; font-weight:normal; text-align:center; line-height:20px;}
.contentss-left p{margin:0px; padding:10px; color:#6b6969; font-size:14px; font-weight:normal; line-height:20px;}
.contentss-left p a{text-decoration:none; color:#6b6969;}
.contentss-left p a:hover{color:#000;}


.contentss-right{width:49%; margin:0px; padding:0px; float:right;}
.contentss-right h2{margin:0px; padding:15px; color:#FFFFFF; font-size:16px; font-weight:normal;}
.contentss-right h3{margin:0px; padding:10px; color:#6b6969; font-size:14px; font-weight:normal; text-align:center; line-height:20px;}
.contentss-right p{margin:0px; padding:10px; color:#6b6969; font-size:14px; font-weight:normal; line-height:20px;}
.contentss-right p a{text-decoration:none; color:#6b6969;}
.contentss-right p a:hover{color:#000;}



#schooList{width:900px; margin:0px auto; overflow:hidden;}

.rd-mapp{width:900px; margin:0px; padding:0px; display:block;}
.rd-mapp input[type="checkbox"]{width:25px; float:left;}
.rd-mapp p{width:750px; float:right;}


.sub-btn{margin:10px 0px 0px 0px; padding:5px 15px 5px 15px; background:#042b5c; color:#fff; border:1px solid #000;}

.abc{width:200px!important; margin:0px; padding:0px;}