/* open-sans-regular - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/open-sans-v13-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Open Sans'), local('OpenSans'), url('fonts/open-sans-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    /* url('fonts/open-sans-v13-latin-regular.woff2') format('woff2'),  Super Modern Browsers */
    url('fonts/open-sans-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('fonts/open-sans-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/open-sans-v13-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
*{margin:0; padding:0;}

/*Beginning of the default Page CSS*/
body{font-size:1em;font-family: 'Open Sans', sans-serif;margin:0;padding:0;background-color:#ddd;color:#000000;}
#top{margin:0px;color:#fff; background-color:#000;opacity:0.6;position:absolute;z-index:1000;top:0px;width:100%;height:20px}
#top a{color:#fff;padding:0 5px; font-weight: bold; z-index: 10;}
#top .important{background-color:Red;padding:2px 2px 0px 2px;}
#tabPage{float:none;margin:0 3px;padding:0;background-color:#ffffff;}
.deregister{cursor: pointer;}

/*Page elements */
p{padding:0 0 1.6em 0;}
p form{margin-top:0; margin-bottom:20px;}
a {color: #0066cc;}
a:hover {text-decoration:none;}
img{border:0px}
.activelink{color:#000;padding:2px 5px}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {font-size: 1.5em;}
h1 {font-size: 2em;padding-bottom: 0;margin-bottom: 0;}
h2 {padding: 0 0 0px 0;border-bottom:1px solid #eee}
h3 {font-size: 1.2em;}
h4 {font-size: 1.1em;}
h5, h6 {font-size: 1em;}


/*Banner and Header */
#wrapper{position:fixed;z-index:10000;width:100%;}
#header{height:120px;}
.row{display:inline-block;margin:0 !important;}
#header #logo{float:left;display:block;padding:0;}	
#header #logo img{margin:0 !important;float:none;}
#header .schoolname{float:left;font-size:2em;font-family: 'Open sans', sans-serif;font-weight:bolder;margin:0 !important;text-transform:uppercase}
#header .subschoolname{font-size:1.2em;float:left;margin:0 !important;font-weight:600}
#loginstatus{float: right;clear:right;padding: 1px 0 ;font-size: 12px;letter-spacing: 1px;}
#loginstatus a{width:100px;text-align:center;color:#fff;padding:2px 14px 2px 15px;text-decoration:none;opacity:0.5}
#loginstatus a:hover{opacity:0.8}	
.userpic{float:right;margin:8px 10px 0 0;background:#ccccff url('images/nopic.jpg');border: solid 1px #ddd;width:72px;height:72px}
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
.row{width:100%;text-align:center}
#header{padding:0}
#header ul.nav.navbar-nav {
    margin-top: 20px;
}
#header #logo{width:100%;}
/*#header #logo img{width:42px;height:42px;margin:auto !important;}*/
#header #logo img{margin:auto !important;}

@media (max-width: 372px) { #header .schoolname{font-size:1.5em;} }
/* Small devices (tablets, 768px and up) */
/*@media (min-width: 842px) { #header #logo{padding:10px 0 0 0} #header #logo,#header #logo img{width:84px;height:84px;} .row{width:auto;text-align:left} #header{padding:0 3%}  }*/
@media (min-width: 842px) { #header #logo{padding:0 0 0 0} #header #logo, .row{width:auto;text-align:left} #header{padding:0 3%}  }

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { #header{padding:0 5%} }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { #header{padding:0 10%}}

/*Main Content Contianer*/
#mainContent{padding:0px;margin:0px;width:100%;background-color:#ddd;height:1540px;overflow:auto;top:120px;position:fixed;}
#mainContent #mainNav{width:14.7%;margin: 0 0 0px 0;left:0;position:fixed;}
#mainContent #tabPane{float: left;width:85%;margin-left:0px;left:14.8%;position:relative;}

/*Side menu  */
#appMenu {background-color:#bbb;font-size:13px;width:100%;height:auto}
#appMenu ul {text-decoration: none;display: block;list-style: none outside none;margin: 0px;padding: 0px 1px;}
#appMenu li {display: block;list-style: none outside none;margin: 0px;padding: 1px 0px;}
#appMenu .AspNet-TreeView-Root a, #appMenu .AspNet-TreeView-Parent a {font-weight:normal;display: block;padding:2px;text-decoration: none;}
#appMenu .AspNet-TreeView-Leaf a {font-weight:normal;display: block;padding: 2px 2px 2px 20px;text-decoration: none;}
#appMenu li.AspNet-TreeView-Parent> ul{margin-left:10px;border:0;padding: 1px 0 1px 1px;}
#appMenu .AspNet-TreeView-Leaf a:hover {}
#appMenu .AspNet-TreeView-Root #minus img, #appMenu .AspNet-TreeView-Root #plus img{width:12px;margin-right:2px}


/* Tab Styles: Header */
div.tabButtonPane{margin:0px;padding:1px 0 0 0px;display:block;height:25px;width:100%;position:relative;}
div.tabButtonPane a {text-decoration:none;font-size:10px;font-weight:bold;border:none;color:#000}
div.tabButtonDefault {float:left;clear:none;padding:0 0;border-right:1px solid #ccc;}
div.tabButtonDefault a.selectButton {float:left;display:block;padding:5px 5px 5px 10px;}
div.tabButtonActive {float:left;clear:none;padding:0 1px;}
div.tabButtonActive a.selectButton {float:left;display:block;padding:5px 5px 5px 10px;}
a.closeButton {float:left;margin:2px 4px 0 0;text-indent:-4000px;background-image:url(Images/close_tab.gif);background-position:0 0;width:17px;height:17px;}
a.closeButton:hover {background-position:18px 0;}

/* Tab Styles: Tab Frame */
div.tabFrame{width:100%;z-index:10;margin:0px;top:0px;left:0px;position:absolute}
div.tabFrame iframe{width:100%;}

/* Tab Styles: Header */
div.tabContentPane{width:100%;position:relative}

#ContentMain{border-top:0px;padding:33px 10px 10px;margin:0;color:#333;font-size:13px;min-height:400px}
/*#ContentMain ul,#ContentMain ol{margin:0 5px 16px 35px;}
#ContentMain dl{margin:0 5px 10px 25px;}
#ContentMain dt{font-weight:bold; margin-bottom:5px;}
#ContentMain dd{margin:0 0 10px 15px;}*/

/* Toolbar Classes */
.toolbar{margin:0;position:fixed;z-index:10000;width:100%;line-height:24px;text-align:left;}
.toolbarRight{text-align:right;padding-right:2px;line-height:24px;}
.toolbarRight a{line-height:24px;color:#000;padding:0 10px 0 18px;background-image: url(images/help.png);background-position:0% 50%;background-repeat: no-repeat;}

/* Add: */
.addToolbutton{background-image: url(images/insert.png);background-position:0% 50%;background-repeat: no-repeat;}
.addToolbuttonDisabled{padding:0 10px 0 18px;background-image: url(images/insert_d.png);background-position:0% 50%;background-repeat: no-repeat;}

/* Edit: */
.editToolbutton{background-image: url(images/edit.png);background-position:0% 50%;background-repeat: no-repeat;}
.editToolbuttonDisabled{padding:0 10px 0 18px;background-image: url(images/edit_d.png);background-position:0% 50%;background-repeat: no-repeat;}

/* Save: */
.saveToolbutton{background-image: url(images/save.png);background-position: 0% 50%;background-repeat: no-repeat;}
.saveToolbuttonDisabled{padding:0 10px 0 18px;background-image: url(images/save_d.png);background-position:0% 50%;background-repeat: no-repeat;}

/* Delete: */
.deleteToolbutton{background-image:url(images/delete.png);background-position:0% 50%;background-repeat:no-repeat; color: #c9f77c}
.deleteToolbuttonDisabled{padding:0 10px 0 18px;background-image:url(images/delete_d.png);background-position:0% 50%;background-repeat:no-repeat;}

/* Cancel: */
.cancelToolbutton{background-image:url(images/cancel.png);background-position:0% 50%;background-repeat:no-repeat;}
.cancelToolbuttonDisabled{padding:0 10px 0 18px;background-image:url(images/cancel_d.png);background-position:0% 50%;background-repeat:no-repeat;}

/* New: */
.newToolbutton{background-image:url(images/new.png);background-position:0% 50%;background-repeat:no-repeat;}
.addToolbutton a,.editToolbutton a,.saveToolbutton a, .deleteToolbutton a, .cancelToolbutton a, .newToolbutton a{padding:5px 10px 5px 18px;margin-right:5px;text-decoration:none;font-size:13px}
.addToolbutton a:hover,.editToolbutton a:hover,.saveToolbutton a:hover, .deleteToolbutton a:hover, .cancelToolbutton a:hover, .newToolbutton a:hover{text-decoration:underline;}


/* MISC  
----------------------------------------------------------*/
.clear {clear: both;}
.clearh1 {clear: both;height:1px}
.clearh2 {clear: both;height:2px}
.clearh3 {clear: both;height:3px}
.clearh5 {clear: both;height:5px}
.clearh10 {clear: both;height:10px}
.clearh20 {clear: both;height:20px}
.clearh30 {clear: both;height:30px}
.clearh50 {clear: both;height:50px}
.error {color: Maroon;background-color: #ffff66;padding:5px 5px 5px 25px;margin:2px;width:auto;
        background:#ffff66 url('images/info.png') no-repeat;background-position:5px center;}
.left{float:left}
.right{float:right}
.hide{display:none}
.bold{font-weight:bold}
.information{padding:3px 5px; margin-bottom: 5px; background-color: #ffff66; color: Maroon;width:150px;}
 .marginleft5{margin-left:5px}
 .marginright5{margin-right:5px}
 .paddingleft5{padding-left:5px}
 .paddingright5{padding-right:5px}
 .marginleft10{margin-left:10px}
 .marginright10{margin-right:10px}
 .paddingleft10{padding-left:10px}
 .paddingright10{padding-right:10px}
 .marginleft20{margin-left:20px}
 .marginright20{margin-right:20px}
 .paddingleft20{padding-left:20px}
 .paddingright20{padding-right:20px}
 
 /*Teleric Tab Controls
----------------------------------------------------------*/
.rtsLevel{height:24px}
.rtsLI a{padding:5px;margin-bottom:-3px;}
.rtsLI a.rtsSelected{border-bottom:0px;padding:5px}


/*Search Table or Form Table
----------------------------------------------------------*/
.Search{margin:0px 0px 3px 0px;background-color:#fff;padding:5px}
.Search table{width:100%;
    height: 187px;
}
eight:lighter;width:100%;white-space:nowrap}
.Search input[type="text"], .Search input[type="password"], .Search .textentry{width:85%;}
 .Search table td:last-child{border:0px}
.Search b{font-weight:lighter;width:100%;white-space:nowrap}
eight:lighter;width:100%;white-space:nowrap}
.Search input[type="text"], .Search input[type="password"], .Search .textentry{width:85%;}
 .Search table td:last-child{border:0px}
.Search b{font-weight:lighter;width:100%;white-space:nowrap}
.Search input[type="text"], .Search input[type="password"], .Search .textentry{width:85%;}
 .Search select {width:86%;}

/* Result Table
----------------------------------------------------------*/

.Result table {border-collapse:collapse;width:100%;margin:0px 0px 0px 0px;z-index:10}
.Result table tr th {padding:8px;text-align:left;}
.Result table thead td{text-align:left}
.Result table td {padding:3px;padding:6px;text-align:left}
.Result table tr:nth-child(even) td, .Result  table tbody tr.even td {opacity:0.8;}
.Result .AspNet-GridView-Pagination{padding:5px 2px;}
.Result .AspNet-GridView-Pagination a img{margin:2px 0px -2px 0px;}
.Result .AspNet-GridView-Pagination input[type="text"], .Result .AspNet-GridView-Pagination input[type="password"], .Result .AspNet-GridView-Pagination .textentry{width:30px}



/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset {margin:5px 0px 5px 0px;padding: 1.4em 1.4em 1.4em 1.4em;border-top:1px solid #000;border-left:0px;border-bottom:0px;border-right:0px}
legend {font-size: 1.1em;margin-top:-15px;margin-bottom:-10px;color:#000}
textarea {min-height:100px;width:100%;margin: 0 0;}
input[type="text"], input[type="password"], .textentry {border: 1px solid #ccc;padding:1px;font-size: 1.1em;color: #444;width:200px;margin:0px 0px 0px 3px}
select {border: 1px solid #ccc;padding:1px;font-size: 1.1em;color: #444;width:203px;margin:0px 0px 0px 3px}
input[type="button"], input[type="submit"], .button {font-size: 1.0em;padding: 5px 10px;-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;cursor:pointer;border:0px;margin:2px}
input[type="submit"]:disabled, .button:disabled{cursor:default;opacity:0.5}
input[type="checkbox"]{padding:10px;}
input[type="checkbox"] + label{cursor:pointer; margin:0 10px 0 -20px;clear: none;padding-left:25px}


/* Login
----------------------------------------------------------*/
.Login,.recover{background-color:#f5f5f5;color:#444;margin: 250px auto 0 auto;border:2px solid #f5f5f5 !important;box-shadow: 1px 1px 30px 1px #000;}
.LoginHeader,.recoverHeader{font-weight:bold;padding:1em 2em !important;font-size:1.4em;color:#fff;}
.recoverHeader h1{color:#fff;font-size:1.4em;}
.Login table tbody tr td, .LoginHeader{margin:5px;padding:5px;}
.Login table{width:100%}
.form-group{padding-top:2% !important;}
.Login table tbody tr:nth-child(2) td, .Login table tbody tr:nth-child(3) td, .Login table tbody tr:nth-child(4) td,.form-group{margin:0;padding:1% 15%;display:block;text-align:left;}
.Login table tbody tr:nth-child(2) td:nth-child(1), .Login table tbody tr:nth-child(3) td:nth-child(1){padding:4% 15.5% 0 15.5%;}
.Login table tbody tr td label,.form-group label{margin:0;font-weight:bold}
.Login table tbody tr td span{color:red;}
.Login table tbody tr td input[type="text"], .Login table tbody tr td input[type="password"],.form-group input[type="text"]{display: block;width:97%;padding: 6px 1%;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;border: 1px solid #ccc;border-radius: 0px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.Login table tbody tr td input[type="submit"],.form-group input[type="submit"]{width:99%;display:block;border-radius:0px;padding:6px 12px;margin-bottom: 0;font-size: 14px;font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;border: 1px solid transparent;}
.AspNet-Login{background-color:#fff;color:#444;width:23em;margin: 10px auto;padding:2px 2px 10px;text-align:left;}
.AspNet-Login .AspNet-Login-UserPanel, .AspNet-Login .AspNet-Login-PasswordPanel{padding: 3px;}
.AspNet-Login .AspNet-Login-RememberMePanel, .AspNet-Login .AspNet-Login-SubmitPanel{text-align:right;}
.AspNet-Login-TitlePanel{text-align:center;font-weight: bold;padding: 6px;margin-bottom:10px;}
.AspNet-Login .AspNet-Login-PasswordPanel input,.AspNet-Login .AspNet-Login-UserPanel input {width:98%;margin-bottom:-10px;}
.AspNet-Login .AspNet-Login-PasswordPanel label,.AspNet-Login .AspNet-Login-UserPanel label {vertical-align:middle;}
.AspNet-Login-SubmitPanel input{text-align:left}
.AspNet-Login label em{text-decoration: underline;font-style: normal;}
.AspNet-Login .AspNet-Login-FailurePanel{color: #990000;}
.AspNet-Login .AspNet-Login-PasswordRecoveryPanel{color: #444;}
.AspNet-Login .AspNet-Login-PasswordRecoveryPanel a{color: #444;padding-left:5px;font-size:11px;}
.icon-user {display: block;margin: 0 auto;text-align: center;width: 70px;height: 70px;line-height: 70px;vertical-align: middle;font-size: 50px;color:#fff !important;}
.set-icon {border-radius: 50px;z-index:1;}
i{font-size:50px !important;margin-top:8px;}
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
.Login,.recover{width:90%;}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { .Login,.recover{width:80%;} }

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { .Login,.recover{width:60%;} }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { .Login,.recover{width:40%;} }

/* Change password*/
.AspNet-PasswordRecovery{background-color:#fff;color:#444;width:23em;margin: 10px auto;padding:3px 3px 10px;text-align:left;}
.AspNet-PasswordRecovery-UserName-TitlePanel{text-align:center;font-weight: bold;padding: 6px;margin-bottom:10px;}
.AspNet-PasswordRecovery-UserName-SubmitPanel{text-align:right;margin-top:3px}
.AspNet-PasswordRecovery-UserName-InstructionPanel{margin-bottom:5px;}
.AspNet-PasswordRecovery label em{text-decoration: underline;font-style: normal;}

/* Fees payment options*/
.payment{float:left;overflow:auto}
.payment img{height:36px;float:left;margin:-3px 3px 0px 0px}
.payment input[type="radio"]{opacity:0;padding:15px;margin:2px;float:left}
.payment input[type="radio"] + label{cursor:pointer;min-height:100px;margin:0px;clear: none;padding:15px 10px 15px 30px;display:block;border:1px solid #fff;width:300px;background-image:url('images/uncheck.png');background-repeat:no-repeat;background-position:5px center;}
.payment input[type="radio"]:checked{opacity:0;margin:2px;float:left}
.payment input[type="radio"]:checked + label{cursor:pointer; margin:0px;clear: none;padding:15px 10px 15px 30px;display:block;background-image:url('images/check.png');background-repeat:no-repeat;background-position:5px center;}

/* Controls */
div.MainControl{width:100%;height:25px;z-index:1000;position:relative}
div.Control{float:left;z-index:100000;height:25px;position:relative;width:auto;margin:0px 5px 0px 0px}
div.Control a.ShowInfo{line-height:25px; padding:4px;}
div.Control a.ShowInfo img{margin:0px 20px -3px 20px}
div.Control a{line-height:25px; padding:4px;}
div.Control ul{list-style-type:none;}
div.Control ul li{list-style-type:none;margin-left:-0px;line-height:30px;}
div.FullInfo{display:none;background-color:#fff;position:absolute;width:250px;padding:5px}
div.FullInfo a{border:0px}
div.FullInfo table{width:100%}
div.FullInfo table tr{line-height:30px;}


div.Controls{font-size:12px;color:#000}
div.Controls a{line-height:22px; padding:3px 3px;margin-bottom:2px;font-size:12px;color:#000;text-decoration:none}  
div.Controls a img{line-height:25px; margin:3px 5px -3px 5px;}  
div.Controls span{line-height:25px;font-weight:bold}
div.Controls b{margin:0px 10px 0px 5px}

.ui-widget {font-family: Tahoma, Verdana, Sans-Serif;font-size:13px}

.guidlineCenter ul {
    font-size: 1.2em;
    list-style: none;
}

.guidlineCenter ul li {
    line-height: 35px;
}

.li_indent {
    padding-left: 3em;
    line-height: 30px;
}

 .li_indent img {
     vertical-align: middle;
 }


.guidlineCenter {
    padding-left: 2em;
}


/*.grpContent {
    width: 100%;
    
}

.halfContentL {
    margin-left: 5px;
    margin-right: 5px;
}

.chklList {
    height: 60px;
    overflow: scroll;
}*/

.classDetailsTbl {
    width: 100%;
}

.classDetailsTbl tr {
    width: 100%;
}

.classDetailsTbl tr > td {
    /*width: auto;*/
}

#classLecutrerTbl {

    width: 100%;
    min-height: 50px;
    /*border: 1px dashed brown;*/
    margin-bottom: 15px;
    border-radius: 3px;
}

#classStudentTbl {

    width: 100%;
    min-height: 180px;
    /*border: 1px dashed brown;*/
    margin-bottom: 15px;
    border-radius: 3px;
       
}

#classStudentTbl tr td {
    width: 50%;
    height: 100%;
    position: relative;
    margin: 10px;
}

#classStudentTbl tr td:nth-child(2), #classLecutrerTbl tr td:nth-child(2) {
    border-left: 1px dashed brown;
}

#classLecutrerTbl tr td {
    width: 10%;
    height: 100%;
    position:relative;
    margin: 2px 10px;
}

.halfContent {
    margin-top: 3px;
}

.headerText {
    font-weight: bold;
    font-size: 1.15em;
    padding: 0;
}

#studClassFilterTd {
    width: 40%;
}

.classEditTbl {
    width:100%;
}


.classStudntTbl tbody tr td:nth-child(1){
    width: 3%;

}
.classStudntTbl thead tr th:nth-child(1){
    width: 3%;

}

.classStudntTbl tbody tr td:nth-child(2){
    width: 8%;

}

.classStudntTbl tbody tr td:nth-child(3){
    width: auto;

}

.classStudntTbl tbody tr td:nth-child(4){
    width: 13%;

}

.classStudntTbl tbody tr td:nth-child(5){
    width: 33%;

}

section.full-width {
    clear: both;
    position: relative;
    text-align: left;
    margin-top: 10px;

    color: #520E28 !important;
}

div.half-width-left {
    box-sizing: border-box;
    position: absolute;
    left: 0;
    width: 49%;
    top: 0;
    padding: 2%;
    background-color: rgba(242,242,242, 0.5);
    /*border-radius: 2px;*/

    min-height: 760px;
    margin-bottom: 10px;
}

div.half-width-right {
    box-sizing: border-box;
    margin-left: 50%;
    padding: 2%;

    top: 0;
    padding: 2%;
    background-color: rgba(242,242,242, 0.5);
    /*border-radius: 2px;*/
    min-height: 760px;
    margin-bottom: 10px;
}

div.half-width-right h4, div.half-width-left h4 {
    text-decoration: underline;

    margin-bottom: 5px;
}

header.full-width {
    position: relative;
    padding: 5px;
    border-radius: 2px;
    background-color: #cfcfcf;
    color: #fff;
    font-size: 1.1em;
    border-bottom: 2px solid #520E28;
}

header.full-width h5{
    color: red !important;
    /*position: absolute;*/
    left: 0;
    margin: 5px;
}

header.full-width a {
    text-decoration: none;
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 10px;
    margin-right: 15px;
}

p.important-info, span.important{
    color: red !important;
}


section.full-width p.info {
    color:blue;
}