.three { width: 25%; }
.nine { width: 75%; }
.two { width: 16.667%; }
.four { width: 33.333%; }
.five { width: 41.667%; }
.six { width: 50%; }
.seven { width: 58.333%; }
.eight { width: 66.667%; }
.ten { width: 83.333%; }
.twelve { width: 100%; }


body{
    color:#000;
    font-family: Arial, Helvetica, sans-serif;
}

a{border: none;}
.loginscr{background:#2b3a41; width:100%; height:100%}
.loginform{margin:15% auto;  color:#000; }
.backtlin{background:#7495BE}
#log{text-align:center}
#logdiv{width: 98%; border-top:17px solid #7495BE; background-color: #fff; overflow: hidden; margin: auto;}
#log .logsec{margin:40px 0 30px 0; }
.schooldiv{text-align:center;padding-top: 35px;}
.logindiv{border-left:1px solid #c0c0c0}
.school{font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; font-size:18px; color:#494949; }
.school1{font-family: Arial; font-size:23px; color:#7192bb; line-height:25px;font-weight: normal;}
.logindiv{text-align:left; padding-left:10px; color:#494949}
.logindiv h3{color: #494949; font-size: 25px; line-height: 26px;margin-bottom: 5px;}
.lognote{font-size:12px; font-family:arial}
.logindiv input[type="text"],.logindiv input[type="password"]
{width:250px; background-color:#f0f0f0; border:1px solid #d9d9d9; font-family:arial; padding:12px;margin: 8px 0; }
.formfld{padding-top:6px; color:#000}
#user{ background-image: url("../images/username_icon.png");  background-repeat: no-repeat; text-align: left;    padding-left: 30px !important;  background-position: 7px !important;}
#pass{ background-image: url("../images/password_icon.png");   background-repeat: no-repeat; text-align: left;    padding-left: 30px !important;  background-position: 7px !important;}
.logindiv input[type="submit"]{    background: linear-gradient(#7a9bc4, #7192bb); padding: 10px 40px; border: 0;    font-size: 20px; color: #fff; margin-bottom:10px; cursor: pointer;}
.logindiv input[type="submit"]:hover{color:#000}
.logindiv a{color:#4084f9; text-decoration:none; font-size:16px}
.logindiv a:hover{color:#7495BE}

#footer{
    background: #000000;
    padding:10px 0;
    /*position: fixed;*/
    /*bottom: 0;*/
    /*opacity: .7;*/
}
.foootertext{
    font-size: 14px;color: #ffffff;
    text-align: center;

}
.responsivemenusec{display:none;}
@media only screen and (max-width: 760px) {
    .admin td, th{
        padding: 5px!important;
    }
    .logindiv{
        border: none!important;
        text-align: center!important;
    }
    .loginform{
        margin: 5% 0!important;
        text-align: center;
    }
    .lognote {
        text-align: center;
    }
 .respopadd0{
     margin: 0;
     padding: 2px 0!important;
 }

}
@media only screen and (max-width: 360px) {
    .formfld input {
        width: 100%!important;
        margin: 0!important;

    }
    .admin td, th{
        font-size: 10px!important;
    }
}

@media (min-width: 768px) and (max-width: 900px){
    .logindiv input[type="text"],
    .logindiv input[type="password"] {
        width:100% !important;
    }
    .logindiv input[type="submit"] {
        padding:10px 14px !important;
    }

}



/* header start */
.header {background:#1D2A30; height:100%;}

header{color:#fff!important;background: linear-gradient(#7a9bc4,#7192bb)!important;}

header .titsec{line-height:74px;text-transform: uppercase;}
.header-menu ul{background:#2b3a41; margin-left: -15px; padding-left: 15px; padding-right: 15px; margin-right: -15px; list-style:none; padding-top:20px}
.header-menu ul li a{ line-height:45px; display: block;}
.header-menu ul li {border-bottom:1px solid #3a494e;}
/*.header-menu ul li:hover{background:#222d31; margin-left:-15px; border-left:6px solid #6c463b; padding-left:9px; padding-right:15px; margin-right:-15px}*/
.header-menu ul li a.active,.header-menu ul li a:hover{background-color:#222d31; margin-left:-15px; border-left:6px solid #6c463b; padding-left:39px; padding-right:15px; margin-right:-15px; background-position:9px 14px;}
.header-menu ul li a.active{ line-height: 50px; background-position: 9px 15px;}
.header-menu a{text-decoration:none;}
ul .setting{background: url('../images/settings-icon.png'); background-repeat:no-repeat;  background-position: left 14px; padding-left:30px}
ul .dash{background-image: url('../images/dashboard-icon.png') !important; background-repeat:no-repeat !important;  background-position: left 1px; padding-left:30px}
ul .acc{background-image: url('../images/my-account-icon.png'); background-repeat:no-repeat;  background-position: left 14px; padding-left:30px}
/*ul .a:hover{background-position: 10px;
    padding-left: 36px !important;
    padding: 10px;}*/
ul .stu{background-image: url('../images/student-icon.png'); background-repeat:no-repeat;  background-position: left 14px; padding-left:30px}
ul .teach{background-image: url('../images/teacher-icon.png'); background-repeat:no-repeat;  background-position: left 14px; padding-left:30px}
ul .course{background-image: url('../images/courses-icon.png'); background-repeat:no-repeat;  background-position: left 14px; padding-left:30px}
ul .exam{background-image: url('../images/examination-icon.png'); background-repeat:no-repeat;  background-position: left 14px; padding-left:30px}
ul .atte{background-image: url('../images/attendance-icon.png'); background-repeat:no-repeat;  background-position: left 14px; padding-left:30px}


ul .time{background-image: url('../images/timetable.png'); background-repeat:no-repeat;  background-position: left 14px; padding-left:30px}
ul .noti{background-image: url('../images/notify-icon.png'); background-repeat:no-repeat;  background-position: left 14px; padding-left:30px}
ul .down{background-image: url('../images/downloads-icon.png'); background-repeat:no-repeat;  background-position: left 14px; padding-left:30px}
ul .report{background-image: url('../images/reports-icon.png'); background-repeat:no-repeat;  background-position: left 14px; padding-left:30px}
/* header end */
.mainbody{background:#f3f3f3; margin-top: 20px;color: #4d5e70; }
.bodylogo{float:left;  margin:0;
vertical-align:middle}
.userdashimage{border-radius: 50%;
    height: 55px;
    width: 55px;
    display: inline-block;
    background-color: #222d31;
    vertical-align: middle;}
.margin-left{margin-left:-15px}
.topnotifi{text-align:right; display:block; padding-top: 5px;}
.topnotifi img{display:inline-block; vertical-align:middle}
.respomenu{float:right;     margin-top: 25px;}
.nameauth{display:inline-block; vertical-align:middle;font-size: 16px;color: #ffe6ba;}
.shrtmenu{margin-left:45px}
.mainb{margin: 20px 0;}

.midbodyadm{background:#f3f3f3; color: #4d5e70;  }

/*  supervisor page */
.submenucontantheaderbox{
    background: #AEB6C1;font-size: 14px;padding: 10px; text-transform: uppercase;
}
.submenucontantbox{
   height: 48px; border-bottom: 1px solid #AEB6C1;
    width: 100%;
}
.submenucontantbox1{
   height: 48px;
    width: 100%;
}
.submenucontantboximage{
   width: 20%;float: left; text-align: center;padding: 5px;
}
.submenucontantboxtext{
    width: 80%;
}
.submenucontant{
font-size: 12px;line-height:30px;
}
.submenusubcontant{
  color: #A5A5A5;line-height:0;font-size: 12px;
}
.clear{
 clear: both;
}
.paddl0{
    padding-left: 0;
}
.padd0{
    padding: 0;
}
.paddtb10{
    padding: 10px 0 0;
}
.countboxhead1{
    color: #373737;font-size: 14px;text-transform: uppercase;font-weight:600;

}
.countboxhead{
    color: #000;font-size: 14px;text-transform: uppercase;font-weight: bold;
}
.countboxtitle{
   background: #6C463B;padding: 15px; text-align: center; text-transform: uppercase;color: #ffffff;
    font-size: 15px;
    font-weight: 600;
}
.countboxtitleprint{
    padding: 15px; text-align: center; text-transform: uppercase;color: #000;
    font-size: 15px;
    font-weight: 600;
}
.countboxtext{
     padding: 30px;font-size: 28px;text-align: center; font-weight: bold;background: #ffffff;
}

 .recenttext{
   font-size: 14px;text-align: left ;
 }
.recenttextbox{
 background: #ffffff;border: 1px solid #ededed;position: relative;
 }
.linediv{
   height: 2px;background: #DCE1E7;
}
.subpages{
    color: #616161;cursor: pointer;text-decoration: none;
}
.subpages:hover{
    color: #000000;
}
.dashboard {
    padding: 25px 0;
    border-top: 2px solid #dce1e7;
    margin-top: 20px;
}
.admin {
    padding: 12px 0;
    border-top: 2px solid #dce1e7;

}
.authnt {
    font-size: 19px;
    font-weight: 500;
    line-height: 20px;
}
.adminnt {
    font-size: 14px;
}
.admin th{

    text-align: left;
    padding: 10px;
    font-size: 14px;
    text-transform: uppercase;

}
.admin td{

    /*text-align: left;*/
    /*padding: 20px;*/
    padding: 10px;
    font-size: 14px;
    text-transform: uppercase;

}
.adminth{
    background: #ffffff;
    border:0.5px solid #f3f3f3!important;
    text-align: left;
}
.admin1 tr{
    background: #ffffff;
}
.admin td ,th{
    border:0.5px solid #f3f3f3 !important;
    margin: 0;
}
.dashboard td ,th{
    background:none;
    border:none!important;
    margin: 0;
}

.yes{color: #20B803;}
.no{color: #ff0000;}
.findinfo{
    border:1px solid #B7B6BC;
    border-radius: 5px;
    padding: 10px;
    display:inline;
    margin:5px;
}
.activediv{
    box-shadow: 2px 2px 2px 2px #99E3E4;
    background-color:#B7B6BC;
    color:#fff;
}
.showmoreinfo{
   /*padding: 20px 0; */
    text-align: center;
    font-size: 16px;
    /*text-transform: uppercase;*/

}
.admin1 tr:hover{
    background:#77798E !important;
    cursor: pointer;
    /* z-index: 10000;*/
}
/*.highlightline:hover .tbldfrm{
    background:#77798E !important;
    cursor: pointer;
     z-index: 10000;
    color: #fff;
}*/
.adminth1:hover{
	background:#77798E!important;
	color:#fff ;
}
.admin1 tr:hover td{
    color: #FFFFFF;
    /*border: none!important;*/
}
.admin1 tr:hover th{
    color: #5a5a5a !important;
    cursor: default;
}
.admin1 tr:hover .admitedit{
   display: block;
}

.admitedit{
    float: right;
    display: none;
}
.authnt{font-size: 19px; font-weight: 500;  line-height: 20px;}
.authnt1{font-size: 17px; font-weight: 500;  line-height: 20px; }
.adminnt{ font-size: 14px;}
.dashboard{    padding: 25px 0;
    border-top: 2px solid #dce1e7;
    margin-top: 20px;}
.dashboard .columns{padding-left:0}
.padb45px{padding-bottom:45px}
.flor img{float:right}
.dtgraphmtr{padding-right:0}
.newsec{margin-top:25px; padding-top:25px; border-top:2px solid #dce1e7 }
.rowdtl{background:#fff; }
.techtbl td{padding:20px; vertical-align: middle; color: #434E52;}
.techtbl .classn{font-size:14px; color:#7f8e93}
.techtbl .updttechrec{font-size:13px;}
.rowicon{height:18px; vertical-align: middle;}
.deviderr{text-align:center !important;}
.progressbar{width:100%; background:#cbd9dc; height:8px; border-radius:5px}
.progressbarinn{background:#eb4549; height:8px; border-radius:5px; -moz-box-shadow: inset 0 0 2px #630001; -webkit-box-shadow: inset 0 0 2px #630001; box-shadow:  inset 0 0 2px #630001;}
.rowdtlblnk{background:none}
.rowdtlblnk td{padding:0; margin:0; line-height:10px}

.labaltext{
    font-size:15px;padding-top:2px;
}
.labelw{
    color: #fff;
}
.textbox{
    padding:5px; border: 1px solid #94a5aa;width: 100%;
}


.submitbtn{    background: linear-gradient(#7a9bc4, #7192bb);  border: 0;
    font-size: 16px; color: #fff; margin-bottom:10px; cursor: pointer;
     padding: 5px 30px; text-decoration: none;
}
.submitbtn:hover{color:#000}

.submitbtn1{    background: linear-gradient(#7a9bc4, #7192bb);  border: 0;
    font-size: 16px; color: #fff;cursor: pointer;
   text-decoration: none;
}
.submitbtn1:hover{color:#000}
.print{float:right; height:28px}
.passheadborder{
    border-top: 1px solid #dce1e7;
}
.padbot20{
    padding-bottom:20px;
}
.formradio{
    font-size:15px;
}
.paddleft10{
    padding-left:10px;
}
.headpassdiv{
    background-color:rgb(226, 226, 226);padding-left:10px;
}
.header-menu ul ul{display:block; padding-top:20px; }
.header-menu ul li ul{ float: right;
    margin-top: -49px;
    padding-top: 0px;
    position: absolute;
    margin-left: 210px;
    z-index: 1; width: 269px; background:#f3f3f3;padding-left: 14px; font-family:arial}
	
.header-menu ul li{width:195px; }
.header-menu ul ul li{width: 270px;
    margin-left: -14px;
    border-color: transparent;
    padding-bottom: 15px;
    clear: both;
    /* line-height: 40px; */
    border-bottom: 1px solid #AEB6C1;}
    
.header-menu ul span.title{   background: #AEB6C1;
    font-size: 14px;
    text-transform: uppercase;
    color: #4d5e70;
    margin: 1px 0;
    padding: 0;
    display: block;
    padding: 9px; }
	.header-menu ul ul a{color: #4d5e70;}
	.header-menu ul ul li a{padding-left:0px; margin-left:0; font-size: 12px;
    line-height: 30px;}
	.header-menu ul ul{display:none}
	.header-menu ul li:hover ul{display:block}
.header-menu ul ul li:hover a{background:none;  margin-left:0; color:#000; border-color:#4d5e70; padding-left:0px; border:0} 
.header-menu ul ul .subtit{border:0; padding-bottom:0}
/* page load more */
.tutorial_list{ 
margin-bottom:20px;
}

div.list_item p {
margin: .5em 0;
padding: 2px;
font-size: 13px;
line-height: 1.5;
}
.list_item a {
text-decoration: none;
padding-bottom: 2px;
color: #0074a2;
-webkit-transition-property: border,background,color;
transition-property: border,background,color;-webkit-transition-duration: .05s;
transition-duration: .05s;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
}
.list_item a:hover{ 
text-decoration:underline;
}
.show_more_main {
margin: 15px 0px;
}
.show_more {
background-color: #f8f8f8;
background-image: -webkit-linear-gradient(top,#fcfcfc 0,#f8f8f8 100%);
background-image: linear-gradient(top,#fcfcfc 0,#f8f8f8 100%);
border: 1px solid;
border-color: #d3d3d3;
color: #333;
font-size: 12px;
outline: 0;
}
.show_more {
cursor: pointer;
display: inline-block;
padding: 10px 0;
text-align: center;
font-weight:bold;
}
.loding {
background-color: #e9e9e9;
border: 1px solid;
border-color: #c6c6c6;
color: #333;
font-size: 12px;
display: block;
text-align: center;
padding: 10px 0;
outline: 0;
font-weight:bold;
}
.loding_txt {
background-image: url(loading_16.gif);
background-position: left;
background-repeat: no-repeat;
border: 0;
display: inline-block;
height: 16px;
padding-left: 20px;
}
/* load more end */
.tbldfrm {
     line-height: 37px;
     background: #fff;
     padding: 7px 10px;
     border: 1px solid #f3f3f3;
     font-size: 14px;
 }
.tbldfrm1 {
    line-height: 37px;
    background: #fff;
    padding: 7px 10px;
    border: 1px solid #f3f3f3;
    font-size: 12px;
}
.tbldfrm  img{vertical-align:middle}
.tbldfrm.tit1{ font-weight:bold;background:#77798e;color: #fff;}

.viemor{width:100%;margin: 0;}

@media only screen and (min-width: 801px) {
    /*#respomenu{display: none;}*/
    .recenttextbox{height: 65px;padding: 10px 0; }
    .recenttext{
       padding: 10px 0;
    }
}
@media only screen and (max-width: 800px) {
    .responsmenu ul{list-style:none; text-transform:capitalize}


    .recenttextbox{padding: 10px 0;min-height:65px;}
    .recenttext{
        padding: 5px;
    }


    .submitbtn{
        width: 100%;
    }
	.header-menu ul li ul {
    float: none;
    margin-top: 0;
    padding-top: 0px;
    position: relative;
    margin-left: 20px;
    z-index: 1;
    width: 269px;
    background: none;
    padding-left: 14px;
    font-family: arial;
}
.header-menu ul ul .subtit {
    border: 0;
    padding-bottom: 0;
    display: none;
}
}


/* Chandrakant 09-08-2016 */
.boxcheck{
    padding:5px; border: 1px solid #94a5aa;width:10%;
}
.inputfile {
    background-color: #fff;
    border: 1px solid #94a5aa;
    padding: 2px;
    width: 100%;
}

/* Chandrakant 11-08-2016 */
.vscrollbar{
	overflow-y: scroll; min-height:350px;border:1px solid gray; padding:0px 5px;
}
.divborder{
	border:1px solid gray;padding-bottom:15px;min-height: 200px;
}
.divborderbot{
	border-bottom:1px solid gray;
}
.margintop45{
	margin-top:45px;
}
.welcomeprisection {
    font-size: 16px;
	color:#4d5e70;
}

/* Chandrakant 12-08-2016 */
.loginselectbox {
    border: 1px solid #d9d9d9;
    margin-bottom: 15px;
    padding: 10px 5px;
    width: 250px;
	color:#6F6F6F;
	margin-top: 8px;
	background-color: #f0f0f0;
}

.ancher{
	text-decoration:none; color:#3a3a3a;
}
.logout:hover,.ancher:hover{
    color:#fff;background: #77798E;
}
.logout{display:inline-block; vertical-align:middle;font-size: 15px;color: #3a3a3a;padding:0px 15px;cursor:pointer;background: #ffffff;}
.ancher1:hover {
cursor: pointer;
}

.nav{
    background: #54759e;
    /*box-shadow: 1px 1px 1px rgba(0,0,0,.1);*/
    z-index: 1000;

}

.pagesubtag{
    background: #77798e; color: #fff;font-size: 12px;padding: 5px 15px;
}
/* navigation   */
#cssmenus,
#cssmenus ul,
#cssmenus ul li,
#cssmenus ul li a,
#cssmenus #menu-button {

    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
     display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#cssmenus:after,
#cssmenus > ul:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
#cssmenus #menu-button {
    display: none;
}
#cssmenus {
    width: auto;
    background: #54759e;
    text-align: left;
}
#cssmenus > ul {
    box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.05);
}
#cssmenus.align-right > ul > li {
    float: right;
}
#cssmenus > ul > li {
    display:inline-block;
    float:none;

}
#cssmenus.align-center > ul {
    float: none;
    text-align: center;
}
#cssmenus.align-center > ul > li {
    float: none;
}
#cssmenus.align-center ul ul {
    text-align: left;
}
#cssmenus > ul > li > a {
    padding: 8px;
    border-right: 1px solid rgba(80, 80, 80, 0.12);
    text-decoration: none;
    font-size: 14px;
    color: #ffffff;
    /*letter-spacing: 1px;*/
}
#cssmenus > ul > li:hover > a,
#cssmenus > ul > li > a:hover{
    color: #000;
    background: #fff;
}


#cssmenus > ul > li.active > a {
    /* color: #000;
    background: #fff; */
	    color: #fff;
    background: #54759e;

}
#cssmenus > ul > li.has-sub > a {
    padding-right: 45px;
}
#cssmenus > ul > li.has-sub > a::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top-color: #d3eced;
    right: 17px;
    top: 22px;
}
#cssmenus > ul > li.has-sub.active > a::after,
#cssmenus > ul > li.has-sub:hover > a {
    border-top-color: #ffffff;
}
#cssmenus ul ul {
    position: absolute;
    left: -9999px;
    top: 60px;
    text-align: center;
   padding-top: -6px;
    font-size: 13px;
    opacity: 0;
    -webkit-transition: top 0.2s ease, opacity 0.2s ease-in;
    -moz-transition: top 0.2s ease, opacity 0.2s ease-in;
    -ms-transition: top 0.2s ease, opacity 0.2s ease-in;
    -o-transition: top 0.2s ease, opacity 0.2s ease-in;
    transition: top 0.2s ease, opacity 0.2s ease-in;
    z-index: 1000000;
}
#cssmenus.align-right ul ul {
    text-align: right;
}
#cssmenus > ul > li > ul::after {
    position: absolute;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-bottom-color: #ffffff;
    top: 1px;
    left: 20px;
}
#cssmenus.align-right > ul > li > ul::after {
    left: auto;
    right: 20px;
}
#cssmenus ul ul ul::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-right-color: #ffffff;
    top: 11px;
    left: -4px;
}
#cssmenus.align-right ul ul ul::after {
    border-right-color: transparent;
    border-left-color: #ffffff;
    left: auto;
    right: -4px;
}
#cssmenus > ul > li > ul {
    top: 120px;
}
#cssmenus > ul > li:hover > ul {
    top: 38px;
    left: 0;
    opacity: 1;
}
#cssmenus.align-right > ul > li:hover > ul {
    left: auto;
    right: 0;
}
#cssmenus ul ul ul {
    padding-top: 0;
    padding-left: 6px;
}
#cssmenus.align-right ul ul ul {
    padding-right: 6px;
}
#cssmenus ul ul > li:hover > ul {
    left: 180px;
    top: 0;
    opacity: 1;
}
#cssmenus.align-right ul ul > li:hover > ul {
    left: auto;
    right: 100%;
    opacity: 1;
}
#cssmenus ul ul li a {
    text-decoration: none;
    font-weight: 400;
       padding: 8px 11px;
    font-size: 14px;
    width: 180px;
    color: #777777;
    background: #ffffff;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.1), -1px 1px 1px rgba(0, 0, 0, 0.1);
}
#cssmenus ul ul li:hover > a{
    color: #000;
    background: #fff;
}
#cssmenus ul ul li.active > a {
    color: #000;
    background: #fff;
}
#cssmenus ul ul li:first-child > a {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
#cssmenus ul ul li:last-child > a {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
#cssmenus > ul > li > ul::after {
    position: absolute;
    display: block;
}
#cssmenus ul ul li.has-sub > a::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-left-color: #777777;
    right: 17px;
    top: 14px;
}
#cssmenus.align-right ul ul li.has-sub > a::after {
    border-left-color: transparent;
    border-right-color: #777777;
    right: auto;
    left: 17px;
}
#cssmenus ul ul li.has-sub.active > a::after,
#cssmenus ul ul li.has-sub:hover > a::after {
    border-left-color: #333333;
}
#cssmenus.align-right ul ul li.has-sub.active > a::after,
#cssmenus.align-right ul ul li.has-sub:hover > a::after {
    border-right-color: #333333;
    border-left-color: transparent;
}
@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
    #cssmenus > ul > li.has-sub > a{
        padding: 18px 25px 21px;
    }
    #cssmenus {
        background: #54759e;
    }
    #cssmenus > ul {
        display: none;
    }
    #cssmenus > ul.open {
        display: block;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }
    #cssmenus.align-right > ul {
        float: none;
    }
    #cssmenus.align-center > ul {
        text-align: left;
    }
    #cssmenus > ul > li,
    #cssmenus.align-right > ul > li {
        float: none;
        display: block;
    }
    #cssmenus > ul > li > a {
        /*padding: 18px 25px 18px 25px;*/
        text-align: left;
        border-right: 0;
    }
    #cssmenus > ul > li:hover > a,
    #cssmenus > ul > li.active > a {
        background: rgba(0, 0, 0, 0.1);
    }
    #cssmenus #menu-button {
        display: block;
        text-decoration: none;
        font-size: 13px;
        color: #d3eced;
        padding: 18px;
        text-transform: uppercase;
        letter-spacing: 1px;
       cursor: pointer;
    }
    #cssmenus ul ul,
    #cssmenus ul li:hover > ul,
    #cssmenus > ul > li > ul,
    #cssmenus ul ul ul,
    #cssmenus ul ul li:hover > ul,
    #cssmenus.align-right ul ul,
    #cssmenus.align-right ul li:hover > ul,
    #cssmenus.align-right > ul > li > ul,
    #cssmenus.align-right ul ul ul,
    #cssmenus.align-right ul ul li:hover > ul {
        left: 0;
        right: auto;
        top: auto;
        opacity: 1;
        width: 100%;
        padding: 0;
        position: relative;
        text-align: center;
    }
    #cssmenus ul ul li {
        width: 100%;
    }
    #cssmenus ul ul li a {
        width: 100%;
        box-shadow: none;
        text-align: center;
        /*padding-left: 35px;*/
    }
    #cssmenus ul ul ul li a {
        padding-left: 45px;
    }
    #cssmenus ul ul li:first-child > a,
    #cssmenus ul ul li:last-child > a {
        border-radius: 0;
    }
    #cssmenus #menu-button::after {
        display: block;
        content: '';
        position: absolute;
        height: 3px;
        width: 22px;
        border-top: 2px solid #d3eced;
        border-bottom: 2px solid #d3eced;
        right: 25px;
        top: 18px;
    }
    #cssmenus #menu-button::before {
        display: block;
        content: '';
        position: absolute;
        height: 3px;
        width: 22px;
        border-top: 2px solid #d3eced;
        right: 25px;
        top: 13px;
    }
    #cssmenus > ul > li.has-sub > a::after,
    #cssmenus ul ul li.has-sub > a::after {
        display: none;
    }
}

/* .tblfrmicon img:hover{
    opacity: .8;
}
.msgscc{
    color: green;
}
.msgfail{
    color: red;
}
.nodecoration{
    text-decoration:none;
}
.font18{
	font-size:18px !important;
}
.marginto20 {
    margin-top: 20px !important;
}.marginto35 {
    margin-top: 35px !important;
}
.paddingleft45{
    padding-left:45px !important;
}
.tblpass{
    background-color: green; color: #fff;width:100%;text-align: center;font-weight: bold;
}
.tblfail{
    background-color: red;color: #fff;width:100%;text-align: center;font-weight: bold;
}

input[type="checkbox"]{
    height: 20px;
    width: 20px;
}



.reportborder{
	border:1px solid gray;
	padding:15px 10px;
}
.paddr0{
	padding-right:0px;
}
.reportheading{
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	color:#373737;
}
.reportdiv{
	background:linear-gradient(#7a9bc4, #7192bb);
	text-align:center;
	padding:5px;
	color:#fff;
	cursor:pointer;
}
.reportdiv:hover{
	color:#000;
}
.valign{
    vertical-align:bottom;
}
.studentreport{
    min-height:200px;
    max-height:200px;
    padding-left: 10px;
    border:1px solid #808080;
    padding-bottom:20px;
    overflow-y:scroll;
}
.margin0{
	margin:0px!important;
}

.seraching{
    position: absolute;
    z-index: 10000;
    background: #fff;
    border-right: 1px solid #b2b2b2;
    border-left: 1px solid #b2b2b2;
    border-bottom: 1px solid #b2b2b2;
    width: 91%;
    display: none;
	height:300px;
	overflow-y:scroll;
}
.sercdata1{
    font-size: 12px;
    color: #000;
    background: #fff;
    width: 100%;
    padding: 3px;
    }
.sercdata{
    font-size: 14px;
    cursor: pointer;
    color: #000;
    background: #fff;
    width: 100%;
    padding: 3px;
    }
.sercdata:hover{
    color: #ffffff;
    background: #7192bb;
} */






#cssmenus > ul > li:hover > a, #cssmenus > ul > li > a:hover {
    color: #fff;
    background-color: #77798E;
}
 #cssmenus ul ul li:hover > a {
    color: #fff;
    background: #77798E;
}
#cssmenus > ul > li.has-sub > a::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top-color: #d3eced;
    right: 17px;
    top: 18px;
	
}





.margb10{margin-bottom:10px !important;}
.min300height{min-height: 430px;}
.margleft5{margin-left:5px;}
.success_class {
    background: url(/fee-online/source/parent/images/sucess.png) no-repeat;
    padding: 8px;
    background-color: #effeb9;
    border: 1px dotted #98c700;
    color: #000;
    text-align: left;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    text-indent: 31px;
    background-position: 4px;
}
.textr{text-align: right;}
.textcenter{text-align: center !important;}
.formcenter{float: left;padding-left:10px;text-align: -webkit-center;text-align: -moz-center;}
.bordererror::-webkit-input-placeholder {color: #ff0000;}
.bordererror::-moz-placeholder{color: #ff0000;}
.bordererror {border: 1px solid #ff0000 !important;}
.notopenform{
	    font-size: 30px;
    text-align: center;
    color: #ef0303bf;
}
.nextbtn{float: right;margin-right: 10px;margin-bottom: -8px;}
.editptab {
    list-style: none;
	display: -webkit-inline-box;
	padding:12px;
	
}
@media (max-width: 400px) {
     .editptab {
        list-style: none;
        display: -webkit-inline-box;
    	padding:12px;
    } 
    .editptab li {
       padding:10px
    	
    }
}
.editradmtab {
    list-style: none;
	display: -webkit-inline-box;
	
}

.editptab a.active, .editptab a:hover {
    color: #fff;
    background-color: #54759e  !important;
}.editradmtab a.active, .editradmtab a:hover {
    color: #fff;
    background-color: #54759e  !important;
}

.editptab li a {
    padding: 10px 44.4px;
    border: 1px solid #acaaaa;
    background-color: #dadada;
    color: #000;
    border-right: 0;
	text-decoration: none;
}
.editradmtab li a {
       padding: 10px 81.3px;
    border: 1px solid #acaaaa;
    background-color: #dadada;
    color: #000;
    border-right: 0;
	text-decoration: none;
}
.mandatory {
    color: #ff0000;
}
.error_class {
    background: url(/fee-online/source/images/error.png) no-repeat;
    padding: 8px;
    background-color: #fccac1;
    border: 1px dotted #eb5439;
    color: #000;
    text-align: left;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    text-indent: 31px;
    background-position: 4px;
}
.textfont{text-align: center;font-size: 26px;margin-bottom: 10px;}
.margtop2{margin-top:2%;}
.margtop4{margin-top:4%;}
.margtop8{margin-top: 8%;}
.margltrt16 {
    background: #7495BE;
    margin-left: -16px;
    margin-right: -16px;
}
.margltrt16 {
    text-align: left;padding: 8px; padding: 10px 20px;
}
.border2px {
    border: 2px solid #ebebeb;
}
.tableborderpadd{border-collapse: collapse;width:100%;padding: 10px 20px;}
.createuser{
	background: linear-gradient(#7a9bc4, #7192bb);
    padding: 10px 15px;
    border: 0;
    font-size: 20px;
    color: #fff;
    margin-bottom: 10px;
    cursor: pointer;
}
.textalignc{text-align: center;}
.fscol{font-size: 30px;color: #ffffff;background: #7596bf;text-align: center;}


@media (min-width:320px) and (max-width:414){
.editradmtab {
    display: contents !important;
}
}
.norecords{text-align: center;color: #ff0000;font-size: 18px !important;}