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

body{margin:0px;padding:0px;font: normal 14px/18px "Calibri" , Geneva, sans-serif; background:#fbfbfb;}

.clear {clear: both;display: block;overflow: hidden;visibility: hidden; width: 0;height: 0;}
.clearfix:before, .clearfix:after {content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}
.clearfix:after { clear: both;}
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
img{ max-width:100%;}
textarea:focus,input:focus,select:focus{outline:none}

.tabe-box table td .fa-trash-o{ color:#ff0000;}
.tabe-box table td .fa-eye{ color:#ff0000;}
.tabe-box table td .fa-pencil{ color:#F60;}

.logo-image{float: left;margin:6px;width:auto;text-align: center;background: #fff;border-radius: 15px;overflow: hidden;}
.header-outer{ background:#03a0af;height:auto; float:left; width:100%;}
.logo-box {width:65%; float: left; margin:0;}
.logo-one{float: left;margin: 5px 0;padding:16px 0 17px 25px; border-left:1px solid #fff;}
.navigation{ margin:0px;height: auto; background:#089f75; padding:7px 0 0;}
.sddm li a{padding: 12px 15px;color:#05242d;border-radius:5px 5px 0 0;font-weight:bold; background:#caedf7;}

.menu_left_box { width: 18%; float: left; margin:0px;padding: 0px;background: #089f75;}
.box_vrt{width: 94%;margin:0 3% 5px;float: left;border-radius:20px 20px 0 0; overflow:hidden}
.vertmenu1{background: #089f75; width:100%;font-size: 11px;}
.vertmenu1 h1{padding: 5px 4px;border-radius: 6px 6px 0 0;font-family: Verdana, Geneva, sans-serif;font-size:12px;font-weight: bold;margin:0px 2px 0px 2px;color: #fff;}
.n1{margin:0px;border-radius:0 0 6px 6px; width:100%;float: left;background-color: #089f75;}
.vertmenu1 ul{float:left;list-style: none; margin: 0px; padding: 0px; border: none;width: 100%;}
.vertmenu1 ul li{float:left; width:100%;padding: 2px 0;margin: 0px;}
.vertmenu1 ul li a{padding:5px;border-bottom: 1px dashed #81b1d5;font-weight: normal;font-size:14px;text-decoration:none;color:#fff;float:left;width:100%;}
.n2{margin:0px 6px 0 0;display: inline-block;
vertical-align: -webkit-baseline-middle;
vertical-align: -moz-middle-with-baseline;
vertical-align: -o-middle-with-baseline;
vertical-align: -mz-middle-with-baseline;}
.vertmenu1 ul li:last-child a{border-bottom:none;}
.vertmenu1 ul li a:hover{padding:5px;border-radius:0px;background-color: #8ad2be;width: 100%;color: #fff;}
.vertmenu1 ul li span{vertical-align: middle;}

.parentscreen_bg1{background:#089f75;height: auto;width: 100%;float: left;}
.left_body{width:90%;background: #fff;padding-bottom: 15px; border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0;border-top: 2px solid #e0e0e0; border-right:1px solid #e0e0e0;float: left;margin:0px;min-height: 400px;border-radius:20px 20px 0 0;margin-left: 7%;}
.parentscreen_bg{width:98%;margin: 4px 1% 0;float: left;border-radius: 3px;  border: 1px #9b9b9b solid;}
.parentscreen_text{color: #fff;padding:4px 0 4px 5px;margin:5px 0 5px 12px;border-left: 1px solid #fff;width: 300px; float: left;font: normal 14px/18px "Calibri" , Geneva, sans-serif;}
.parentscreen_tab3{padding:2px 5px 0;float: left;}
.middle_body{background:#fbfbfb;float: left;width: 100%;}
.middle_right2 { width:98%; float: left; margin:1%;min-height:25px;}
.middle_right2 span{ font-size:15px;}
.tabmenu_bg { float: left; margin:6px 11px 0;}
.tab_menu1 { width: 90px; float: left;}
.tab_menu_gap { width: 4px; float: left;}
.tab_menu2 {width: 81px; float: left;}
.top-btn{ float: left; padding:5px 10px; border:1px solid #089f75; border-radius:5px;background:#089f75; color:#fff;text-decoration:none;}
.top-btn:hover{ background:#81b1d5; color:#fff;}
.top-btn .fa{ font-size:18px; vertical-align:middle; margin-right:5px;} 
.middle_right3{ float: left; width:98%; margin:0 1%;}
.tabe-box{ float: left; width:100%;border-radius: 3px;border: 1px #9b9b9b solid; padding:5px;}
.tabe-box table{border-top: 1px #9b9b9b solid; border-left: 1px #9b9b9b solid;}
.tabe-box table td{border-bottom: 1px #9b9b9b solid; border-right: 1px #9b9b9b solid; text-align:center; font-size:14px; padding:3px 0;}
.tabe-box table td .fa{ font-size:18px;}
.tabe-box table th{ background:#089f75; color:#fff; padding:5px 0; border-right: 1px #fff solid;text-align:center;}
.tabe-box table th:last-child{ border:none;}
.tabe-box table td a{ display:block;}
.form-box{ float: left; width:100%;border-radius: 3px;border: 1px #9b9b9b solid; padding:5px; background:url(../images/login-bg.png) left top;}
.form-box-inner{ float: left; width:45%; padding-right:25px; margin:20px 0 ;}
.form-box-inner label{  width:50%; padding:0 10px 0 0; text-align:right; float:left; font-size:16px; margin:8px 0 0;}
.form-box-inner input[type=text]{  width:50%; text-align:left; float:left; padding:8px 5px; border:none; border:1px solid #089f75; border-radius:3px; margin-bottom:10px;}
.form-box-inner select{  width:50%; text-align:left; float:left; padding:8px 5px; border:none; border:1px solid #089f75; border-radius:3px; margin-bottom:10px;}
.btn {float:left;/*padding:10px 0;*/ border:1px solid #089f75; border-radius:5px;/*! background:#089f75; */color:#089f75;;text-decoration:none;min-width:120px; font-size:16px;padding: 5px 8px;line-height: 18px;margin: 1% 2% 0 0;}
.btn:hover{ background:#81b1d5; color:#fff;}
.btn-box {float:left; width:100%; text-align:center; margin:15px 0;}
.btn-box .btn{ display:inline-block; float:none; margin:0 5px;}
.form-box-inner p{ margin: 0 0 14px; float: left; width: 100%;}
.n2 img{ border-radius:50%;-webkit-box-shadow: 0px 5px 4px 0px rgba(50, 50, 50, 0.49); -moz-box-shadow:0px 5px 4px 0px rgba(50, 50, 50, 0.49); box-shadow:0px 5px 4px 0px rgba(50, 50, 50, 0.49);}



.btn-round{ border:none; /*width:80px;border:3px solid #fff;*/ border-radius:20px 20px 0 0;}
.right-search-box{/*background: #089f75;*/ border-bottom:1px solid #e0e0e0; height: auto; width: 100%; float: left; padding:5px 10px 0 10px;border-radius:20px 20px 0 0;}
.right-search-box a{/* margin-right:15px; margin-bottom:-5px; display:inline-block;*/text-align:center; text-decoration:none;}
.right-search-box a span{ display:block; margin:-5px 0 0px; color:#fff; font-size:16px; font-weight:bold;}
.orange { background:#f08a25;} 
.blue { /*background:#0ea5de;*/}
.purple { background:#6f6eb4;}
.gray { background:#06adb5;}
.green { background:#43a905;}
.yellow { background:#e2c502;}
.red { background:#ee0707;}
.pink { background:#cb0282;}
.right-heading{ float:left; width:100%;}
.right-heading h2 { margin:10px; padding-bottom:10px; /*border-bottom:1px solid #ccc;*/ font-size:22px;display:inline-block;color: #089f75;}
.right-heading .heading{border-bottom:1px solid #ccc;margin:0 10px;}

.user-box{ float:right;margin:12px 0px;padding:7px 10px;font-family: Arial, Helvetica, sans-serif;border-left:1px solid #089f75;}
.user-box span{float:left;display:block; margin-right:6px;border: 2px solid #089f75;border-radius:50%;overflow:hidden;width: 40px;height: 40px;}
.user-box a{float:left;display:block; text-decoration:none;color: #089f75;font-size: 13px;}
.user-box a em{display:block; font-style:normal;}
.top-section{ padding:0px; border-bottom:1px solid #089f75; background:#fff;margin-bottom: 3px;}
.top-menu{float:right;padding:19px 0;}
.top-menu ul{float:right; margin:0px;padding: 0;}
.top-menu ul li{ float:left; padding: 0 8px;  list-style:none;}
.top-menu ul li a{color:#089f75; font-size: 13px;display: block; font-family:Arial, Helvetica, sans-serif;text-decoration: none;}
.top-menu ul li a img{margin-right:5px;border-radius: 50%;border: 2px solid #089f75;}
.top-menu img { vertical-align: middle;}
.top-menu ul li a span{ display:block; margin-left:50px;}

.top-section .logo{width:25%;float:left;margin: 0; height:auto; background:#fff;text-align: center;}
.logo > a {display: inline-block;}
.logo > a img{ width:100%;}
.top-right{ float:right;width: 75%;}

select{ border:none; width:300px; padding:4px; border:1px solid #089f75; margin:0 15px; border-radius:5px;}
input[type=text]{ border:none; width:300px; padding:4px; border:1px solid #089f75; margin:0 15px; border-radius:5px;}
input[type=password]{ border:none; width:300px; padding:5px; border:1px solid #089f75; margin:0 15px; border-radius:5px;}
input[type=file]{ border:none; width:300px; padding:5px; border:1px solid #089f75; margin:0 15px; border-radius:5px;}
input[type=date] {
    border: none;
    width: 300px;
    padding: 5px;
    border: 1px solid #089f75;
    margin: 0 15px;
    border-radius: 5px;
}

.academics-box{float:left; border-top:1px solid #089f75;width:32%;margin:10px 1% 10px 0;border-bottom:5px solid #089f75;border-right:1px solid #089f75;border-left:1px solid #089f75; border-radius:0 0 10px 10px; overflow:hidden;color:#000;position:relative}
.img-box{ float:left; width:30%;text-align:center; padding:18px 0; position:relative; background:#f2f9ff;border-right:1px solid #089f75;}
.text-box{ float:left; width:70%; padding:10px;min-height: 115px;}
.text-box h5,.text-box h4,.text-box p{ margin:0;}
.number-box{ position:absolute; left:0px; top:0px;width:30px; height:30px; border-radius:50%; background:#00a3e5;}
.number-box span{position:absolute; transform:translate(-50%,-50%); left:50%;top:50%; color:#fff; font-weight:bold;}
.academics-box:nth-child(n+0) .number-box{ background:#ee0707; }
.academics-box:nth-child(n+1) .number-box{ background:#f08a25; }
.academics-box:nth-child(2n+1) .number-box{ background:#43a905; }
.academics-box:nth-child(3n+1) .number-box{ background:#6f6eb4; }
.academics-box:nth-child(4n+1) .number-box{ background:#e2c502; }
.academics-box:nth-child(6n+1) .number-box{ background:#0ea5de; }
.school{ background:#ee0707 !important; }
.coach{ background:#43a905 !important; }
.parent{ background:#e2c502 !important; }

.fild-box-outer{ float: left; width:48%; padding:0;}
.fild-box{ margin:5px 0;}
.fild-box label{ width:33%; text-align:right;display: inline-block;}
.fild-box input[type=text]{ width:55%; margin:0 0 0 10px;}
.fild-box input[type=password]{ width:55%; margin:0 0 0 10px;}

.input-box{ width:55%; margin:0 8% 0 0px; float:right;height: 23px;}
.fild-box select{ width:55%; margin:0 0 0 7px;}
.btn-box{ float:left; width:100%;}
.select{background-color: #f2f9ff;color: #335bc5;}



/* ------------ Tab Start ---------------------------------*/
.tabs-menu {overflow:hidden; background:#f9f9f9;}
.tabs-menu li{float:left;text-align:center;border-right: 1px solid #ccc; list-style:none;}
.tabs-menu li a {color: #000;display: block;padding: 15px; text-decoration:none;}
.tabs-menu{ border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:0px;}
.tabs-menu li a .fa{ margin-right:7px; font-size:18px;}

.tab{background-color:#ffffff;padding:30px;position:relative; padding:10px;}
.panes{display:none;overflow:hidden;border:1px solid #ccc; border-radius: 7px;}
.tab-content{width:100%;padding:0;/*text-align:justify;*/}
.tab-content h3{margin:0 0 10px;font-size:25px;	line-height:normal;	text-shadow:none;text-transform:none;}
.active{/*! background:#48548a ; */}
.active a{color:#fff !important;}
/* ------------ Tab End ---------------------------------*/
/* ------------ Tab End ---------------------------------*/

.answer-sheet-top{ text-align:center; padding:15px 0;}
.answer-sheet-top h2{ margin:0 0 15px;}
.instraction{ border:1px solid #ccc; border-radius:25px; background:#089f75; color:#fff;}
.question{background:#089f75; color:#fff; padding:2px 10px;}
.answer-sheet-inter ul{ padding-left:10px;}
.question-paper-print li{ list-style:none; margin:5px 0;}
.question-paper-print li label{ margin-right:10px; padding-right:5px; border-right:2px solid #089f75; }
.numberbox{ width:25px; height:25px; border-radius:50%; background:#fff; color:#089f75;display: inline-block; text-align:center; vertical-align:middle; margin-right:10px; padding-top:3px; font-size:16px; font-weight:bold;}
.answer-sheet-image{ text-align:center;}
.question div{ padding:2px 5px;}
/*.question div span{ float:left; }*/
.question div em{ float:left; padding-right:5px;   width:85%; border-right: 1px solid #fff;min-height: 32px; }
 .question div span input{background: #fff; width: 26px; height: 26px; vertical-align: middle;}
 .pdf-box{ border-top:1px solid #ccc;}
 .pdf-box img{ width:100%;}
 .report-box-top{padding-top:10px;}
 .report-box-top-left{ float:left;width:50%; padding:15px 15px 15px 25%; background:url(../images/header-pic.jpg) no-repeat left center;border-right: 1px solid #ccc;}
 .report-box-top-right{ float:right;width:50%;}
 .student-detals{ border-top:1px solid #ccc; padding-top:10px;}
 .report-box-top-left h3{ margin:10px 0 5px 0;font-size:22px;}
 .report-box-top-left p{ margin:3px 0;}
 .report-box-top-left .btn{ padding:10px; cursor:pointer;}
 .vertmenu1 h1 a{ color:#fff; text-decoration:none;display: block;}
 .res-btn{ display:none; text-align:right; padding:10px; border:1px solid #089f75; border-radius:10px; margin:5px 5px 10px 5px; cursor:pointer;}
 .main-tab tr:nth-child(even) {background: #fff}
 .main-tab tr:nth-child(odd) {background: #e7d8f1}

/* ------------ Answer Start ---------------------------------*/
 .answer-paper {padding: 0px;margin: 0 auto;width:100%;text-align: center; border:1px solid #ccc; border-radius:10px; overflow:hidden; padding:10px;}
 .answer-number { border: 1px solid #089f75; background:#089f75; display: inline-block; height: 25px; text-align: center; width: 25px; margin:5px 0px; border-radius: 5px; color:#fff; padding-top:3px;}
 .answer-no-box { float: left; width:100%;padding:10px;}
  .answer-no-box:nth-child(even) {background: #fff;}
 .answer-no-box:nth-child(odd) {background: #f5f5f5;}
 
 .answer-no-box label { float: left;vertical-align: top;}
 .answer-text-box { border: 1px solid #089f75; border-radius: 5px;padding: 5px; width: calc(100% - 70px); height: 25px;margin:5px 0px 0px 15px; background:#fff;}
 .answer {border: 1px solid #089f75; border-radius: 5px; padding: 5px; width: 25px; display: inline-block; height:25px;text-align:center; margin:5px 0px 0px 15px; background:#fff;}

.answer-select-box {
	border: 1px solid #089f75;
	border-radius: 5px;
	padding: 5px;
	height: 105px;
	resize: none;
	width: calc(100% - 70px);
	text-align: center;
	margin: 5px 0px 0px 15px;
	background: #fff;
}
.answer-big {
	border: 1px solid #089f75;
	border-radius: 5px;
	padding: 5px;
	width: 120px;
	display: inline-block;
	height: 26px;
	text-align: center;
	margin: 5px 0px 0px 15px;
	background: #fff;
}

/* ------------ Answer Start ---------------------------------*/



.forgot-popup{ width:100%; height:100vh; position:absolute; background:rgba(0,0,0,0.6); z-index:999; }
.forgot-popup h2{ padding:10px; background:#089f75; color:#fff; margin:0 0 10px;}
.popup-containt{ width:50%; transform:translate(-50%,-50%); top:50%; left:50%; background:#fff; position:absolute; padding:15px; border-radius:10px;}
.popup-containt-inner{ border:1px solid #089f75 ; padding:15px;}
.forgot-form { width:100%; padding:5px 15px;}
.forgot-form label{  width:15%; float:left;}
.forgot-form input[type=text]{ width:70%;}
.forgot-form input[type=button]{ margin:20px 15px 0 0;}
.pop-cross{ float:right; width:25px; height:25px; border-radius:50%; background:#fff; border:2px solid #089f75; font-weight:bold; font-size:25px; padding-left:5px; margin-top:-25px;margin-right:-25px; cursor:pointer;}
.clock ul {
        width: 240px;
    margin: 0 auto;
    padding: 0px;
    list-style-type: none;
    text-align: center;
}
    .clock ul li {
        display: inline; width:auto;
        font-size: 18px;
        text-align: center;
    }


/* ------------ Popup Start ---------------------------------*/
.image-box {
	float: left;
	width: 45%;
}

/*#PrintDiv .answer-sheet-outer, .answer-sheet-outer {
	float: left;
	width: 80%;
}*/

.answer-sheet-main-box{
	background: #FFF;
	padding: 0 20px;
}
/*#PrintDiv .answer-sheet-outer{padding-left:50px;width:90%;overflow:inherit;}
#PrintDiv .answer-sheet-inter{float:none}*/
/* ------------ Popup End ---------------------------------*/



/* ------------ step box ---------------------------------*/
/* ------------ step box ---------------------------------*/

.add-btn{ background:#7520ff; padding:10px 22px;font-size:16px !important;color:#fff !important;margin:0 5px}
.step-box-outer{ padding:15px; float:left; width:100%;}
.step-inner{ text-align:center; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}

/*============== orrange ===================*/
.orrange{ display:inline-block; width:350px; border:2px solid #f69836; position:relative;}
.step-image{ padding:20px 15px;}
.orrange h2{ background:#f69836; color:#fff; text-align:center; padding:10px 5px;margin: 0px;line-height: normal;}
.orrange-left{ width:100%; position:absolute; left:-100.5%;background:#facfa2; color:#f69836; padding:10px; font-size:40px; font-weight:bold; border-radius:50px 0 0 50px; top:27%;}
.orrange-left span{ padding:25px 0; border-radius:50%;background:#f69836; width:70px; text-align:center; display:inline-block; color:#fff;}

.orrange-right{ width:100%; position:absolute; left:100.5%;background:#facfa2; color:#fff; padding:10px; font-size:28px; font-weight:bold; border-radius:0 40px 50px 0; top:27%;}
.orrange .fa.fa-check{ font-size:68px; color:#f69836;}
.orange-line{ border-top:2px dotted #f69836;float:left; width:100%; margin:15px 0; padding-top:15px;}

/*============== Light-green ===================*/
.light-green{ display:inline-block; width:350px; border:2px solid #23c959; position:relative;}
.step-image{ padding:20px 15px;}
.light-green h2{ background:#23c959; color:#fff; text-align:center; padding:10px 5px;margin: 0px;line-height: normal;}
.light-green-left{ width:100%; position:absolute; left:-100.5%;background:#9bfdbb; color:#23c959; padding:10px; font-size:40px; font-weight:bold; border-radius:50px 0 0 50px; top:27%;}
.light-green-left span{ padding:25px 0; border-radius:50%;background:#23c959; width:70px; text-align:center; display:inline-block; color:#fff;}

.light-green-right{ width:100%; position:absolute; left:100.5%;background:#9bfdbb; color:#fff; padding:10px; font-size:28px; font-weight:bold; border-radius:0 40px 50px 0; top:27%;}
.light-green .fa.fa-check{ font-size:68px; color:#23c959;}
.light-green-line{ border-top:2px dotted #23c959;float:left; width:100%; margin:15px 0; padding-top:15px;}

/*============== purple ===================*/
.parple{ display:inline-block; width:350px; border:2px solid #d251d4; position:relative;}
.step-image{ padding:20px 15px;}
.parple h2{ background:#d251d4; color:#fff; text-align:center; padding:10px 5px;margin: 0px;line-height: normal;}
.parple-left{ width:100%; position:absolute; left:-100.5%;background:#fcaefd; color:#d251d4; padding:10px; font-size:40px; font-weight:bold; border-radius:50px 0 0 50px; top:27%;}
.parple-left span{ padding:25px 0; border-radius:50%;background:#d251d4; width:70px; text-align:center; display:inline-block; color:#fff;}

.parple-right{ width:100%; position:absolute; left:100.5%;background:#fcaefd; color:#fff; padding:10px; font-size:28px; font-weight:bold; border-radius:0 40px 50px 0; top:27%;}
.parple .fa.fa-check{ font-size:68px; color:#d251d4;}
.parple-line{ border-top:2px dotted #d251d4;float:left; width:100%; margin:15px 0; padding-top:15px;}

/*============== sky ===================*/
.sky{ display:inline-block; width:350px; border:2px solid #3496d3; position:relative;}
.step-image{ padding:20px 15px;}
.sky h2{ background:#3496d3; color:#fff; text-align:center; padding:10px 5px;margin: 0px;line-height: normal;}
.sky-left{ width:100%; position:absolute; left:-100.5%;background:#aadaf8; color:#3496d3; padding:10px; font-size:40px; font-weight:bold; border-radius:50px 0 0 50px; top:27%;}
.sky-left span{ padding:25px 0; border-radius:50%;background:#3496d3; width:70px; text-align:center; display:inline-block; color:#fff;}

.sky-right{ width:100%; position:absolute; left:100.5%;background:#aadaf8; color:#fff; padding:10px; font-size:28px; font-weight:bold; border-radius:0 40px 50px 0; top:27%;}
.sky .fa.fa-check{ font-size:68px; color:#3496d3;}
.sky-line{ border-top:2px dotted #3496d3;float:left; width:100%; margin:15px 0; padding-top:15px;}

/*============== red ===================*/
.redi{ display:inline-block; width:350px; border:2px solid #ff0000; position:relative;}
.step-image{ padding:20px 15px;}
.redi h2{ background:#ff0000; color:#fff; text-align:center; padding:10px 5px;margin: 0px;line-height: normal;}
.redi-left{ width:100%; position:absolute; left:-100.5%;background:#fc8282; color:#ff0000; padding:10px; font-size:40px; font-weight:bold; border-radius:50px 0 0 50px; top:27%;}
.redi-left span{ padding:25px 0; border-radius:50%;background:#ff0000; width:70px; text-align:center; display:inline-block; color:#fff;}
.redi-right{ width:100%; position:absolute; left:100.5%;background:#fc8282; color:#fff; padding:10px; font-size:28px; font-weight:bold; border-radius:0 40px 50px 0; top:27%;}
.redi .fa.fa-check{ font-size:68px; color:#ff0000;}
.redi-line{ border-top:2px dotted #ff0000;float:left; width:100%; margin:15px 0; padding-top:15px;}

/*============== Light red ===================*/
.light-red{ display:inline-block; width:350px; border:2px solid #f64436; position:relative;}
.step-image{ padding:20px 15px;}
.light-red h2{ background:#f64436; color:#fff; text-align:center; padding:10px 5px;margin: 0px;line-height: normal;}
.light-red-left{ width:100%; position:absolute; left:-100.5%;background:#fc8282; color:#ff0000; padding:10px; font-size:40px; font-weight:bold; border-radius:50px 0 0 50px; top:27%;}
.light-red-left span{ padding:25px 0; border-radius:50%;background:#f64436; width:70px; text-align:center; display:inline-block; color:#fff;}
.light-red-right{ width:100%; position:absolute; left:100.5%;background:#fc8282; color:#fff; padding:10px; font-size:28px; font-weight:bold; border-radius:0 40px 50px 0; top:27%;}
.light-red .fa.fa-check{ font-size:68px; color:#f64436;}
.light-red-line{ border-top:2px dotted #f64436;float:left; width:100%; margin:15px 0; padding-top:15px;}


/*============== brown ===================*/
.brown{ display:inline-block; width:350px; border:2px solid #97430b; position:relative;}
.step-image{ padding:20px 15px;}
.brown h2{ background:#97430b; color:#fff; text-align:center; padding:10px 5px;margin: 0px;line-height: normal;line-height: normal;}
.brown-left{ width:100%; position:absolute; left:-100.5%;background:#c28962; color:#97430b; padding:10px; font-size:40px; font-weight:bold; border-radius:50px 0 0 50px; top:27%;}
.brown-left span{ padding:25px 0; border-radius:50%;background:#97430b; width:70px; text-align:center; display:inline-block; color:#fff;}
.brown-right{ width:100%; position:absolute; left:100.5%;background:#c28962; color:#fff; padding:10px; font-size:28px; font-weight:bold; border-radius:0 40px 50px 0; top:27%;}
.brown .fa.fa-check{ font-size:68px; color:#97430b;}
.brown-line{ border-top:2px dotted #97430b;float:left; width:100%; margin:15px 0; padding-top:15px;}

/*============== brown ===================*/
.green-flo{ display:inline-block; width:350px; border:2px solid #7cc110; position:relative;}
.step-image{ padding:20px 15px;}
.green-flo h2{ background:#7cc110; color:#fff; text-align:center; padding:10px 5px;margin: 0px;line-height: normal;}
.green-flo-left{ width:100%; position:absolute; left:-100.5%;background:#d4fc95; color:#7cc110; padding:10px; font-size:40px; font-weight:bold; border-radius:50px 0 0 50px; top:27%;}
.green-flo-left span{ padding:25px 0; border-radius:50%;background:#7cc110; width:70px; text-align:center; display:inline-block; color:#fff;}
.green-flo-right{ width:100%; position:absolute; left:100.5%;background:#d4fc95; color:#fff; padding:10px; font-size:28px; font-weight:bold; border-radius:0 40px 50px 0; top:27%;}
.green-flo .fa.fa-check{ font-size:68px; color:#7cc110;} 
.green-flo-line{ border-top:2px dotted #7cc110;float:left; width:100%; margin:15px 0; padding-top:15px;}

/*============== Blue ===================*/
.bluee{ display:inline-block; width:350px; border:2px solid #0b5e92; position:relative;}
.step-image{ padding:20px 15px;}
.bluee h2{ background:#0b5e92; color:#fff; text-align:center; padding:10px 5px;margin: 0px;line-height: normal;}
.bluee-left{ width:100%; position:absolute; left:-100.5%;background:#b8e1fa; color:#0b5e92; padding:10px; font-size:40px; font-weight:bold; border-radius:50px 0 0 50px; top:27%;}
.bluee-left span{ padding:25px 0; border-radius:50%;background:#0b5e92; width:70px; text-align:center; display:inline-block; color:#fff;}

.bluee-right{ width:100%; position:absolute; left:100.5%;background:#b8e1fa; color:#fff; padding:10px; font-size:28px; font-weight:bold; border-radius:0 40px 50px 0; top:27%;}
.bluee .fa.fa-check{ font-size:68px; color:#0b5e92;}
.bluee-line{ border-top:2px dotted #0b5e92;float:left; width:100%; margin:15px 0; padding-top:15px;}

.process{ text-align:center; float:left; width:100%; margin:10px 0;}
.process span{ background:#7520ff; color:#fff; border-radius:5px; padding:10px 25px; display:inline-block; font-size:18px; font-weight:bold;}


@media screen and (max-width: 1024px) {
	.orrange,.parple, .sky, .light-green, .light-red, .bluee, .green-flo, .brown, .redi{ width:300px;}
	.orrange-left, .parple-left, .sky-left, .light-green-left, .light-red-left, .bluee-left, .green-flo-left, .brown-left, .redi-left{ width:75%;left: -75.5%;font-size: 30px;}
	.orrange-right, .parple-right, .sky-right, .light-green-right, .light-red-right, .bluee-right, .green-flo-right, .brown-right, .redi-right{ width:75%;left: 100.5%;font-size: 57px;}
	
	
}
@media screen and (max-width: 768px) {
	.orrange,.parple, .sky, .light-green, .light-red, .bluee, .green-flo, .brown, .redi{ width:222px;}
	.orrange-left, .parple-left, .sky-left, .light-green-left, .light-red-left, .bluee-left, .green-flo-left, .brown-left, .redi-left{ width:75%;left: -75.5%;font-size:24px;}
	.orrange-right, .parple-right, .sky-right, .light-green-right, .light-red-right, .bluee-right, .green-flo-right, .brown-right, .redi-right{ width:75%;left: 100.5%;}
	.orrange-left span, .parple-left span, .sky-left span, .light-green-left span, .light-red-left span,.bluee-left span,.green-flo-left span, .brown-left span, .redi-left span{width: 55px;padding: 19px 0;}	
	.orrange .fa.fa-check,.parple .fa.fa-check, .sky .fa.fa-check, .light-green .fa.fa-check, .light-red .fa.fa-check, .bluee .fa.fa-check, .green-flo .fa.fa-check, .brown .fa.fa-check, .redi .fa.fa-check{font-size: 57px}
}
@media screen and (max-width: 767px) {
	.orrange,.parple, .sky, .light-green, .light-red,.bluee, .green-flo, .brown, .redi{ width:250px;}
	.orrange-left, .parple-left, .sky-left, .light-green-left, .light-red-left, .bluee-left, .green-flo-left, .brown-left, .redi-left{font-size: 24px;}
	.orrange-left span, .parple-left span, .sky-left span, .light-green-left span, .light-red-left span,.bluee-left span,.green-flo-left span, .brown-left span, .redi-left span{width: 50px;padding: 15px 0;}
	.orrange-right, .parple-right, .sky-right, .light-green-right, .light-red-right, .bluee-right, .green-flo-right, .brown-right, .redi-right{ width:75%;left: 100.5%;}
	.orrange .fa.fa-check,.parple .fa.fa-check, .sky .fa.fa-check, .light-green .fa.fa-check, .light-red .fa.fa-check, .bluee .fa.fa-check, .green-flo .fa.fa-check, .brown .fa.fa-check, .redi .fa.fa-check{font-size: 46px}
	.orrange h2,.parple h2, .sky h2, .light-green h2, .light-red h2,  .bluee h2, .green-flo h2, .brown h2, .redi h2{font-size: 18px;}
}
@media screen and (max-width: 414px) {
	.orrange,.parple, .sky, .light-green, .light-red, .bluee, .green-flo, .brown, .redi{ width:160px;}
	.orrange h2,.parple h2, .sky h2, .light-green h2, .light-red h2, .green-flo h2, .brown h2, .redi h2{font-size: 16px;}
	.orrange-left, .parple-left, .sky-left, .light-green-left, .light-red-left, .bluee-left, .green-flo-left, .brown-left, .redi-left{font-size:18px;}
	.orrange-left span, .parple-left span, .sky-left span, .light-green-left span, .light-red-left span, .bluee-left span, .green-flo-left span, .brown-left span, .redi-left span{width:31px;padding: 7px 0;}
	.orrange .fa.fa-check,.parple .fa.fa-check, .sky .fa.fa-check, .light-green .fa.fa-check, .light-red .fa.fa-check, .bluee .fa.fa-check, .green-flo .fa.fa-check, .brown .fa.fa-check, .redi .fa.fa-check{font-size: 31px;}
}
@media screen and (max-width:375px) {
	.orrange,.parple, .sky, .light-green, .light-red, .bluee, .green-flo, .brown, .redi{ width:140px;}
	.orrange-left, .parple-left, .sky-left, .light-green-left, .light-red-left, .bluee-left, .green-flo-left, .brown-left, .redi-left { font-size: 14px;}
	.orrange h2, .parple h2, .sky h2, .light-green h2, .light-red h2, .bluee h2, .green-flo h2, .brown h2, .redi h2 { font-size: 14px;}
}
/* ------------ step box ---------------------------------*/
/* ------------ step box ---------------------------------*/

@media screen and (max-width: 1024px) {
	.menu_left_box { width: 24%;}
	.left_body { width: 76%;}
	.academics-box { width: 48%;}
	.report-box-top-left, .report-box-top-right{ width:100%;}
}
@media screen and (max-width: 768px) {	
	.right-search-box a { margin-right: 6px;}
	.report-box-top-left{ background:none; padding:15px} 
}

@media screen and (max-width: 767px) {
 .menu_left_box { width: 100%;}
 .top-section .logo {width:100%; padding:5px;}
 .top-right{ width:100%; text-align:center; float:none;}
 .top-menu, .user-box{ display:inline-block; float:none;}
 .user-box{ border-right:1px solid #089f75;border-left:none;}
  .res-btn{ display:block;}
	.left-outer{display:none; }
	.left_body{ width: 100%;}
	.middle_right2 span {display: block;margin-bottom: 10px;}
	.middle_right2 select {margin-bottom:5px;}
	.academics-box { width:100%;}
	.fild-box-outer{ width:100%;padding:0px;}
	

 }
@media screen and (max-width:540px) {	
	.right-search-box a { margin-right: 6px;width: 31.33%; border-radius:0px;}
	.top-menu, .user-box, .top-menu{ margin:0px; padding:10px; width:100%; border-top:1px solid #ccc;border-right:none;}
	.top-menu ul {float:left;}
	.top-menu ul li{padding:0px;}
	.user-box a em {display: initial;}
	.user-box a{margin-top: 10px;}
	.report-box-top{ overflow: scroll;}
}
@media screen and (max-width:414px) {	
	.right-search-box a {width:48%;}
}

@media screen and (max-width: 812px) {
		.popup-containt{ width:80%;}
		.pic-box{ display:none;}
		.login-box-main{padding:15px 50px; }
		.login-box-inner h2 { margin:0px;}
		.login-box-inner{ width:100%;padding-right:0px; border-right:none;}
		.form-box-one { padding:10px 0 0px;}
		.info-box{ margin-top:0px;padding-top:0px;}
	}
	@media screen and (max-width: 767px) {
		.popup-containt{ width:80%;}
		.login-box-inner{ width:100%;padding-right:0px; border-right:none;}
	}
		@media screen and (max-width: 540px) {
		.forgot-form label { width:100%;}
		.forgot-form input[type=text]{ margin:0px;}	
	}
		@media screen and (max-width: 414px) {
		.login-box-main { width: 100%; position: inherit; transform: inherit; top: inherit;left: inherit; height:100vh;}
	}

        /* ------------ Dashboard ---------------------------------*/
.gride-box-outer{background-color:#FFFFFF; padding:2px 5px 0 0; border-radius:5px; float: left; width:100%; height:auto; margin: 5px 0px 10px;}
.job-midd-three-chart {border-radius: 8px; margin: 5px; overflow: hidden;background: #fff; border:1px solid #ccc;}
.job-midd30{ float:left; width: 50%}
.job-midd31{ float:left; width: 40%}
.job-midd32{ float:left; width: 60%}
.job-midd33{ float:left; width: auto}
.job-midd34{ float:left; width: 35%}
.job-midd35{ float:left; width: 25%}
.job-midd36{ float:left; width: 100%}
.job-midd37{ float:left; width: 75%}
.job-midd38{ float:left; width: 33.3% ;}
.job-midd39{ float:left; width: 24% ;}
.job-midd40{ float:left; width: 30% ;}
.job-midd41{ float:left; width: 70% ;}
.job-midd42{ float:left; width: 29% ;}
.job-midd43{ float:left; width: 49% ;}
.job-midd44{ float:left; width: 20% ;}
.job-midd45{ float:left; width: 45% ;}
.job-midd46{ float:left; width: 17% ;}
.job-midd7{ float:left; width: 25%}

.vl2 {
  background-color:#F0F0F0;
  width:5px;
  height: 330px;
  float: left;
}

.inner-box {float: left;  background: #fff; margin: 5px 6px;border: 1px solid #cccccc; border-radius: 8px; overflow: hidden;}
 .inner-box h2 {color: #000;font: bold 14px/35px 'open_sanssemibold', Helvetica, sans-serif;  padding: 0 10px; margin: 0; background: #cccccc; border-radius: 8px 8px 0 0; }
 .inner-box h2 a {float: right;  margin: 10px 0 0 0; }
 
  .indv-marks{background:#B3CCDE;border-radius:5px;padding:2px 4px;margin:2px 0;float:right;font-weight:bold; }
  .green{background:#92D050 !important;}
 .yellow{background:#FFD555 !important;}
 .red{background:#FF8A8A !important;}
  .incorrect {color:#fff;background:#f91616;font-weight:bold;display:inline-block;padding:2px 5px;margin:5px 0;border-radius:2px;}

  .setting_bg{/*background:url(../images/setting_divider.png) center bottom no-repeat;overflow:hidden;*/padding:20px 0 30px 0}
  .setting_left{width:617px;float:left}
  .setting_right{width:105px;float:left}
  .setting_text{padding:0;margin:0;overflow:hidden;padding:10px 0 0 0}
  .setting_text_left{width:147px;float:left;font:normal 14px/20px Calibri,Helvetica,sans-serif;color:#424242;padding:0 0 0 50px}
  .setting_text_right{width:415px;float:left;font:normal 14px/20px Calibri,Helvetica,sans-serif;color:#424242}
  .setting_right a{background:url(../images/edit_button.png) 0 0 no-repeat;display:block;width:73px;height:34px;cursor:pointer;}
  .setting_right a:hover{background:url(../images/edit_button_hover.png) 0 0 no-repeat;display:block;width:73px;height:34px;cursor:pointer;}

  /*********Modal*******/
  .modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}
  .modal-content{background-color:#fefefe;margin:10% auto;padding:20px;border:1px solid #888;width:55%}
  .close{color:#fff;float:right;font-size:28px;font-weight:700;margin:15px 0}
  .close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer}
  .modal-header{padding:2px 16px;background:#089f75;color:#fff}
  .modal-body{padding:2px 16px;min-height:25vh}
  .modal-footer{padding:2px 16px;/*background:#089f75;*/color:#fff;border-top:2px solid #089f75;}
  .modal-content{position:relative;background-color:#fefefe;padding:0;border:1px solid #888;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);animation-name:animatetop;animation-duration:.4s}
  @keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}

  .profiling{margin:0 0 0 40px;border:2px solid #089f75;border-radius:4px;padding:10px !important;display:inline-block;}
  .profiling table{width:100%}
  .profiling .lbl{font-weight:bold;}
  .profiling .text-right{text-align:right}
  .profiling input.marks{width:50px;border:0;border:1px solid #999;padding:3px;margin:0 5px}
  .profiling input.book{width:350px;border:0;border:1px solid #999;padding:3px;margin:0 5px}
  .profiling select.level,.profiling select.question-type{width:100px;border:0;border:1px solid #999;padding:3px;}
  .profiling label{border:none !important;}
  .profiling .lbl-marks{color:#f00;}
  .profiling .lbl-level{color:#a946ea;}
  .profiling .lbl-ques-type{color:#129e03;padding-left:10px}
  .profiling .lbl-ques-for{color:#ff9000;}
  .profiling .lbl-book{color:#089f75;}
  .profiling .lbl-profile{color:#A3703B;}
  .profiling .profile-list{width:200px;border:1px solid #999;margin:0 5px;padding:2px; }

.report-box-top a{color: #333435;text-decoration:none}
.drill-down {border-collapse: collapse;width: 100%; }
.drill-down thead tr{background:#089f75;color:#fff}
.drill-down thead th{padding:5px 0}
.drill-down tbody tr td{text-align:center}
.drill-down tbody tr td:first-child{text-align:left}
.drill-down tr:nth-child(even) {background-color: #f2f2f2;}

.GridPager table,.GridPager table td{border:none}
.GridPager a, .GridPager span {display: block;padding:0 4px;/*height: 15px;width: 15px;*/font-weight: bold;text-align: center;text-decoration: none;}
.GridPager a {/*background-color: #f5f5f5;*/color: #969696;border: 1px solid #969696;}
.GridPager span {background-color: #A1DCF2;color: #000;border: 1px solid #3AC0F2;}


/*=======================new====================================*/

/** Dropdown draft - I */
.dropdown span.caret {
    float:right;
    margin-top:8px;
}

.dropdown button {
    text-align: left;
}

.dropdown-menu {
    width: 100%;
}
/** Dropdown draft - F */

/** Let tabls-left class be available in bootstrap 3.3.7 - I **/
.tabs-left > .nav-tabs {
  border-bottom: 0;
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
  padding: 10px;
  background: #f000;
}

.tabs-left > .nav-tabs > li {
  float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-left > .nav-tabs > li > div {
  margin-right: 0;
  margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a,
.tabs-left > .nav-tabs > li > div {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus,
.tabs-left > .nav-tabs > li > div:hover,
.tabs-left > .nav-tabs > li > div:focus{
  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
  background-color: #eeeeee;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus,
.tabs-left > .nav-tabs .active > div,
.tabs-left > .nav-tabs .active > div:hover,
.tabs-left > .nav-tabs .active > div:focus{
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff;
}
/** Let tabls-left class be available in bootstrap 3.3.7 - F **/

.account-type
{
    font-family: 'Roboto', sans-serif;
    color: #A0AEB6;
    font-size: 1.3em;
    font-weight: bold;
    line-height: 18px;
}

.account-amount
{
    /*! font-family: 'Roboto', sans-serif; */
	color: #FFF;
	font-size: 15px;
	line-height: 16px;
    padding: 8px;
    display: inline-block;
    background: #038ca3;
    margin-right: 10px;
    float: left;
}

.account-link
{
    font-family: 'Roboto', sans-serif;
	font-size: 0.85em;
	/*! line-height: 1em; */
}
.iconside{ width: 35px; float: left; margin-right: 10px;/*line-height: 1em;*/}
.textside{ width: 85%; float: left; /*! line-height: 1em; *//*! line-height: ; */margin: 7px 0px;}
.report-title{ width: 100%; float: left; /*! line-height: 1em; *//*! line-height: ; */margin: 1px 0px; padding: 10px; background: #ccc;}


/* TABS */
.tabs-left > .nav-tabs{
    margin-right:0px;
    padding: 0;
    height: 100%; /* 700px - Debe ser el mismo height que el que tenga .tab-content */
    width: 100%;
}

/* CONTENIDO DE LOS TABS */
.tab-content {
    background-color: #FFFFFF;
    border:solid 1px #DCE1E5;
    border-left-style: none;
    height: 100%;
    margin-bottom: 15px;
    min-height: 700px;
    border-radius: 0px 4px 4px 4px;
    -moz-border-radius: 0px 4px 4px 4px;
    -webkit-border-radius: 0px 4px 4px 4px;
    
    -webkit-box-shadow: 0px 0px 18px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 0px 18px 2px rgba(0,0,0,0.05);
    box-shadow: 0px 0px 18px 2px rgba(0,0,0,0.05);
}

.tab-content > div {
    margin-top: 26px;
}

/* Formato del tab activo */
.tabs-left > .nav-tabs .active > a, 
.tabs-left > .nav-tabs .active > a:hover, 
.tabs-left > .nav-tabs .active > a:focus,

.tabs-left > .nav-tabs .active div, 
.tabs-left > .nav-tabs .active div:hover, 
.tabs-left > .nav-tabs .active div:focus
{
    background-color: #CCF2CE;
    
    border-bottom-style: none;
    /*! border-left-style: none; */
    
    /*border-bottom: 1px solid #DCE1E5;*/
    /*border-left: 1px solid #DCE1E5;*/
    /*! border-bottom-left-radius: 0px; */
    /*! border-right-style: none; */
    
    /*! margin-right: -1px; */
    
    /*! -webkit-box-shadow: -4px 0px 18px -1px rgba(0,0,0,0.05); */
    -moz-box-shadow: -4px 0px 18px -1px rgba(0,0,0,0.05);
    /*! box-shadow: -4px 0px 18px -1px rgba(0,0,0,0.05); */
}

/* Formato de los tabs en general */
.tabs-left > .nav-tabs > li:nth-child(1) > a,
.tabs-left > .nav-tabs > li:nth-child(1) > a:hover,
.tabs-left > .nav-tabs > li:nth-child(1) > a:focus,

.tabs-left > .nav-tabs > li:nth-child(1) > div,
.tabs-left > .nav-tabs > li:nth-child(1) > div:hover,
.tabs-left > .nav-tabs > li:nth-child(1) > div:focus 
{
    cursor: pointer;
    border-top-left-radius: 4px;
}

.tabs-left > .nav-tabs > li.active:nth-child(1) > a,
.tabs-left > .nav-tabs > li.active:nth-child(1) > a:hover,
.tabs-left > .nav-tabs > li.active:nth-child(1) > a:focus,

.tabs-left > .nav-tabs > li.active:nth-child(1) > div,
.tabs-left > .nav-tabs > li.active:nth-child(1) > div:hover,
.tabs-left > .nav-tabs > li.active:nth-child(1) > div:focus 
{
    border-top-left-radius: 4px;
    border-bottom-style: none;
    border-left: 1px solid #DCE1E5;
}

.tabs-left > .nav-tabs > li > a, 
.tabs-left > .nav-tabs > li > div {
    /*display:block;*/
    /*display: table;*/
    /*border: solid 1px transparent;*/
    margin-right: -1px;
    margin-bottom: -1px;
    border:solid 1px #DCE1E5;
    border-radius: 0px;
}

/* Style of the div element acting as tab content */
.tabbable.tabs-left > .nav-tabs > li > div > div {
    display:block;
    width: 100%;
    /*! padding: 1em; */
    /*! min-height: 6em; */
    font-style:  italic
}

/** For elements on the same line that jump down - I */
@media (max-width: 767px) {
    .mt-20 {
        margin-top:20px;
    }
    
    .tab-content {
        border-left-style: solid;
                border-radius: 4px 4px 4px 4px;
           -moz-border-radius: 4px 4px 4px 4px;
        -webkit-border-radius: 4px 4px 4px 4px;
    }
}

.total-area{
    border: 1px solid #00c3ff;
    background: #cccccc40;
    padding: 10px;
}
::before, ::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.total-area-head {
    padding: 8px;
       
   
    border-bottom: 2px #c4c4c4 solid;
    background: #00b3d1;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
}




/** Dropdown draft - I */
.dropdown span.caret {
    float:right;
    margin-top:8px;
}

.dropdown button {
    text-align: left;
}

.dropdown-menu {
    width: 100%;
}
/** Dropdown draft - F */
.mar-btn{
    margin: 10px 20px 0px 10px;
}
.mr-b { margin-bottom: 10px;}
.mr-t { margin-top: 10px;}
.mr-t33 { margin-top: 33px;}
.body-main-full{float:left; width:100%;background:#fff; border-radius:10px; overflow:hidden; padding:15px; min-height:70vh;margin-bottom: 50px;
box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.57);
-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.57);
-moz-box-shadow: 01px 0px 12px 0px rgba(0,0,0,0.57); 
}
.body-main-left{ float:left; width:75%; background:#fff; border-radius:10px; overflow:hidden; padding:15px;margin-bottom: 47px;
box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.57);
-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.57);
-moz-box-shadow: 01px 0px 12px 0px rgba(0,0,0,0.57);
}
.tittle{ float:left; width:100%; margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #c7c6c8;}
.tittle h3{ font-size:18px; font-weight:700;}
.tittle h4{ font-size:18px; font-weight:700;padding: 7px 10px 0px 10px;margin: 0px;}

.footer{ width:100%;padding: 12px 15px; margin-top: 10px; border-top:1px solid #ccc;text-align: center; position:fixed; bottom:0px; left:0px; background:#fff; z-index:99999999;}
.policy{ float:left; font-size:12px; color:#a7a6a6; font-weight:normal;}
.policy a{ color:#a7a6a6; text-decoration:none;}
.fedback{ font-size:12px; color:#a7a6a6; font-weight:normal; display:inline-block;}
.fedback a{ color:#a7a6a6; text-decoration:none;}
.school-portal{ float:right; font-size:12px; color:#a7a6a6; font-weight:normal;}
.school-portal a{ color:#a7a6a6; text-decoration:none;}

 /*form inner menu new page*/

.main-top {
    background: #fff;
    padding: 0 30px
}

.top-contact {
    float: left;
    display: inline-block;
    border-bottom: 1px solid #c7c6c8;
    width: 100%;
}

    .top-contact ul {
        float: left;
    }

        .top-contact ul li {
            float: left;
            margin-right: 9px;
            list-style: none;
            padding: 10px
        }

            .top-contact ul li:last-child {
                margin-right: 0px;
            }

            .top-contact ul li .fa {
                width: 36px;
                font-size: 20px;
                color: #fff;
                text-align: center;
                margin-right: 15px;
            }

            .top-contact ul li a {
                color: #000;
            }

                .top-contact ul li a:hover {
                    color:#089f75;
                    text-decoration: none;
                }

            .top-contact ul li img {
                margin: 3px 5px 10px 5px;
                height: 20px;
            }

            .top-contact ul li .img2 {
                margin: 16px 5px 10px 5px;
                height: 20px;
            }


.img_3 {
    content: "";
    background: url(../images/bulet_1.png) no-repeat left top;
    width: 17px;
    height: 8px;
    position: absolute;
    bottom: 16px;
    left: 95%;
}

.dropbtn {
    color: #000000;
    padding: 10px 20px 10px 0px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 190px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    padding-left: 3px;
    padding-top: 5px;
}

    .dropdown-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
    }

    .dropdown-content ul li a:hover {
        background-color: #f1f1f1;
        text-decoration: none;
    }

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #fff;
}


/*==========================13-03-2024---=============*/
	.leftMenu i.fa {font-size: 18px;padding: 9px;width: 30px;text-align: center;text-shadow:1px 1px 1px #bbb8b8;}
.leftMenu{height: 100%;background-color:#089f75;position: fixed;left: 0;top:0px;width: 50px;transition: all ease 1s;overflow: hidden;transition: .5s cubic-bezier(.8, .5, .2, 1.4);box-shadow: 1px 4px 8px 4px rgba(0,0,0,0.3);z-index: 3;}
.hamburger{width: 40px;height: 40px;border-radius: 50%;background-color: #ffc107;float: right;margin-right: 5px;margin-top: 5px;text-align: center;cursor: pointer;box-shadow: 0px 3px 4px rgba(0,0,0,.5);position: relative;transform: rotate(0deg);}
.hamburger.open{background-color: tomato;transition: all ease .5s;}
.hamburger:hover {box-shadow: none;transition: all ease .5s;transform: rotate(360deg);}
.hamburger span{width: 60%;height: 3px;background-color: #000;display: block;border-radius: 1px;float: left;margin-left: 20%;transition: all ease .3s;}
.hamburger span:nth-child(1){margin-top: 13px;}
.hamburger span:nth-child(2){margin-top: 3px;}
.hamburger span:nth-child(3){margin-top: 3px;}
.open span:nth-child(1){background-color: #fff;transform: rotate(45deg);transition-timing-function 	: ease-in-out;position: absolute;top: 5px;right: 8px;width: 25px;transition: all ease .5s;border-radius: 10px;}
.open span:nth-child(2){background-color: #fff;transition-timing-function: ease-in-out;margin-top: 18px;opacity: 0;transition: all ease .5s;}
.open span:nth-child(3){background-color: #fff;transform: rotate(-45deg);transition-timing-function: ease-in-out;margin-top: 0px;position: absolute;top: 18px;right: 8px;width: 25px;transition: all ease .5s;border-radius: 10px;}
.openMenu{width: 250px;transition: all ease 1s;overflow: hidden;transition: .5s cubic-bezier(.8, .5, .2, 1.4);}
.leftMenuList{margin-top: 70px;list-style: none;padding: 0;}
.leftMenuList li{width: 250px;line-height: 40px;color: #fff;border-bottom: 1px solid #06bf8c;font-size: 13px;}
.leftMenuList li:hover{background-color: #06bf8c;transition: all ease .5s;cursor: pointer;}
.leftMenuList li a{text-decoration: none;color: #fff;}
.leftMenuList li a svg{width: 40px;height: 40px;float: left;margin-left: 0px;}
.leftMenuList li a span{text-decoration: none;color: #fff;margin-left: 25px;width: 100%;}
.leftMenuList li ul li{padding: 0px;line-height: 30px;transition: all .4s;box-sizing: border-box;}
.leftMenuList li ul li:hover{background: #2FB993;transition: all .4s;}
.leftMenuList li ul li ul li{padding: 5px;background: #B2EBF2;}
.leftMenuList li ul li ul li a span{color:#00838f;}
.leftMenuList li ul li ul li:hover{background: #B2EBF2;}
.dropdown {color: #fff;text-decoration: none;margin-bottom: 5px;display: block;position: relative;transition:0.5s;}
.active + .dropdownlist{width: 100%;height: auto;line-height: 30px;padding: 0px;margin-left: 0px;background: #06BF8C;transition:0.5s;}
.active + .dropdownlist:hover{background:#08d29b;}
.dropdownlist{width: 0;height: 0;overflow: hidden;transition:0.5s;}
.dropdown:before{font-family: FontAwesome;content: "\f105";transition: all .4s;padding-right: 5px;right: 20px;position: absolute;top: 4px;}
.dropdown.active:before{font-family: FontAwesome;content: '\f107';transition: all .4s;padding-right: 5px;}
.leftMenu:not(.openMenu) li > .dropdownlist{pointer-events: none;height:0;}
.text-shadow{text-shadow: 1px 1px 0px #000;}
.text-color{/*color: #00BCD4;*/ color:#99A85B;}
.close{opacity: .6 !important;}

.addbtn {
    padding: 10px 0;
    border: 1px solid #089f75;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    min-width: 120px;
    font-size: 16px;
    line-height: 18px;
    padding: 5px 20px;
    color: #089f75;
    margin: 10px 4px;
    border-radius: 30px;
    background: #fff;
}	
	
.addbtn:hover {
    border: 1px solid #089f75;
    background: #089f4382;
    padding: 5px 10px;
    color: #fff;
    padding: 5px 20px;
}