@font-face {font-family:FontAwesome;src:url(../fonts/FontAwesome.otf);}
body{font-family: 'Work Sans', sans-serif;}

.pergrsection ul {
    padding: 0px;
}
.pergrsection  p {
    font-size: 12px;
}
div#login img {
    vertical-align: middle;
    margin-left: 20%;
    width: 17%;
}

div#login h2 {
    font-size: 25px;
    margin-left: 20%;
}
div#login p {
    margin-left: 20%;
    line-height: 22px;
}
.dount_link a {
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
}
.socialnav li a {
    width: 40px;
    height: 40px;
    display: table-cell;
    border-radius: 50%;
    border: 2px solid #fff;
    color: #fff;
    transition: all ease-in-out 0.5s;
    font-size: 20px;
    text-align: center;
    vertical-align: middle;
}
.socialnav li {
    display: inline-block;
	padding-left:10px;
}
.socialnav li h3 {
    padding: 7px 10px 10px 80px;
    border-left: 1px solid #518bc3;
	color:#fff;
}
a.btn {
    padding: 11px 58px;
    margin-right: 20px;
    font-size: 20px;
    border-radius: 5px;
}
.menu a{position:relative;color:#000;font-weight:700;}
.menu a{position:absolute;top:106px;margin-left:20px;}

.header_in {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.mantra span {
    display: block;
    font-weight: bold;
}

.mantra {
    text-align: center;
    color: #30849b;
    /* font-size: 26px; */
    font-size: 15px;
}
.logo-box .text-3 {
    font-size: 13px;
    color: #494545;
    line-height: 21px;
}
.header_way .text-1 {
    font: 600 20px 'Oswald', sans-serif;
    color: #026874;
    margin-top: 5px;
}
.top_header {
	
     border-bottom:48px solid #940b36;
	background:#fff;
}
.footermd {
    background: url(../images/footerbg.png) #0951a5 repeat-x bottom;
    padding: 25px 0px 20px;
}
.importantnav {
    width: auto;
    float: left;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    display: table;
}
.logo-section li {
    display: inline-block;
    margin-left: 100px;
}
.logo-section li img {
    display: inline-block;
    margin-left: 40px;
}


.box-login img{
    position: relative;
    width: 48%;
}

.contact.pull-left {
    width: 80%;
    text-align: center;
    color: #fff;
    font-size:16px;
	text-transform: uppercase;	
}
span.welcome-txt {
    font-weight: 300;
}
strong.student-name {
    border-right: 2px solid #fff;
    line-height: 21px;
    display: inline-block;
    padding-right: 9px;
}
span.registration-no {
    font-weight: 300;
    border-right: 2px solid #fff;
	line-height: 21px;
    display: inline-block;
    padding-right: 9px;
}
.contact ul{
padding:12px 0;
margin-bottom:0;
font-weight: 500;	
}
.logo-txt {
    width: 56%;
    margin-top: 35px;
    color: #193299;
    line-height: 18px;
}
.logo-txt strong{
font-size:20px;
text-transform: uppercase;	
}


.progress-bar {
	background:none;
  position: relative;
  height: 100px;
  width: 100px;
  box-shadow:none;
      margin-bottom: 10px;
}

.progress-bar div {
  position: absolute;
  height: 100px;
  width: 100px;
  border-radius: 50%;
}

.progress-bar div span {
  position: absolute;
  font-family: Arial;
  font-size: 25px;
  line-height: 75px;
  height: 75px;
  width: 75px;
  left: 12.5px;
  top: 12.5px;
  text-align: center;
  border-radius: 50%;
  background-color: white;
}

.progress-bar .background { background-color: #b3cef6; }

.progress-bar .rotate {
  clip: rect(0 50px 100px 0);
  background-color: #4b86db;
}

.progress-bar .left {
  clip: rect(0 50px 100px 0);
  opacity: 1;

  background-color: #008a00 !important;
}

.progress-bar .right {
  clip: rect(0 50px 100px 0);
  transform: rotate(180deg);
  opacity: 0;
  background-color: #4b86db;
}
strong.circle-data {
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    color: #000;
    z-index: 9;
    font-size: 22px;
}
@keyframes 
toggle {  0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}

.panel-body.student {
  background: url("../img/image-1.png");
   background-repeat:no-repeat;
       background-position: -43px;
    background-size: cover;
  
}
.panel-body.attendence{
 background-repeat: no-repeat;
 background-position: right center;
 background-size: cover; 
}
.calender-icons i{
 font-size: 63px;
     color: #fff;	
}
.panel .panel-body.term{
    padding:0;	
}

.today-attendence {
	margin-top:15px;
}
.today-attendence .today {
       font-size: 30px;
    font-weight: 700;
    display: block;
    text-transform: uppercase;
}
.today-attendence .mark {
     background-color:#2ecc71;
	 padding: 5px 10px;
}
.read-more-state {
  display: none;
}

.read-more-target {
  opacity: 0;
  max-height: 0;
  font-size: 0;
  transition: .25s ease;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
  opacity: 1;
  font-size: inherit;
  max-height: 999em;
}

.read-more-state ~ .read-more-trigger:before {
          content: "\f067";
	      font: normal normal normal 14px/1 FontAwesome;
}

.read-more-state:checked ~ .read-more-trigger:before {
  content: "\f068";
	      font: normal normal normal 14px/1 FontAwesome;
}

.read-more-trigger {
  cursor: pointer;
    display: inline-block;
    padding: 0 .5em;
    color: #666;
    font-size: .9em;
    line-height: 2;
    border: 1px solid #f0a30a;
    border-radius: .25em;
    float: right;
    margin-right: 7px;
    z-index: 9;
    position: relative;
    background: #f0a30a;
    color: #fff;
}
ul.read-more-wrap {
    padding-left: 0;
	margin-bottom:5px;
}
ul.read-more-wrap li{
border-bottom:1px solid #ddd;	
}

.term-main p{
clear:both;
margin-bottom: 5px;
font-size: 18px;
    color: #1b379b;
    font-family: Algerian;
    font-weight: 700;
	
}

.info-box-stats .test-date{
text-transform:uppercase;
font-weight:600;
font-size:27px;	
display:block;
color:#000;
    border-bottom: 3px double #424242;
}
.info-box-stats .test-sub{
color: #1b379b;
    font-size: 30px;
    font-family: Algerian;
	font-weight: 700;	
}

strong.name-icon {
     width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 19px;
    margin-right: 10px;
    font-size: 10px;
    color: #fff;
    vertical-align: top;
    background: #f0a30a;
}
.bg-green{
 background:#48B14C;	
}
.bg-red{
 background:#FF5722;	
}
.panel .panel-body {
    position: relative;
    padding:10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.info-box .info-box-stats span.info-box-title {
    display: block;
    font-size: 13px;
    color: #B0B0B0;
}

.info-box .student .info-box-stats p {
    color: #22baa0;
    font-size: 34px;
}
.info-box .student .info-box-stats span.info-box-title {
    color: #22baa0;
	font-size: 16px;
    padding-left: 16px;
    font-weight: 500;
}
.info-box .teacher .info-box-stats p {
  color: #12AFCB;
  font-size: 34px; 
}
.info-box .teacher .info-box-stats span.info-box-title {
    color: #008a00;
    font-size: 16px;
    padding-left: 10px;
    font-weight: 700;
    text-transform: uppercase;
}
.info-box .parent .info-box-stats p {
  color: #6A5FAC;
  font-size: 34px; 
}
.info-box .parent .info-box-stats span.info-box-title {
  color: #6A5FAC; 
}
.info-box .attendence .info-box-stats p {
  color: #F25656;
  font-size: 34px; 
}
.info-box .attendence .info-box-stats span.info-box-title {
    color:#2ecc71; 
    font-size: 16px;
    padding-left: 10px;
    font-weight: 500;
}
.term .info-box-stats{
 margin-top:0;
 float:none;	
}
.attendence-bar .progress-bar div span{
 color:#000;
 font-weight: 700;	
}
.attendence-bar .progress-bar .rotate{
 background-color:#22BAA0 !important;	
}
.attendence-bar .progress-bar .right{
 background-color:#0283cc!important;	
}



.topper-wraper img {
    width: 100px;
    height: 100px;
	border-radius: 50%;
	border: 2px solid #fff;
}
#toppers .owl-item{
text-align:center;	
}
#toppers{
padding:10px 0 0;	
}
.toppers{
padding:10px 0;
background:#1976d2;
}
.toppers h2{
margin:0;
font-size: 22px;
color: #fff;
margin: 6px 0 6px;
}

.toppers .main-title{
    padding-bottom: 4px;
    margin-bottom: 5px;
	
}

.topper-wraper .t-txt{
 color:#fff;
 padding: 5px 0;	
}



.main-box {
    background: #FFFFFF;
    box-shadow:0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
    margin-bottom: 16px;
    border-radius: 3px;
    background-clip: padding-box;
}
.main-box .label{
font-weight:400;	
}
.main-box-header{
padding:0 16px;
border-bottom:1px solid #ccc;
margin-bottom:10px;	
}
.main-box-header h2{
  
    font: 500 22px/50px Roboto,sans-serif;
    font-size:18px;	
    margin:0;
    color: #212121;
}

.main-box-header .filter-block{
margin:10px 0;
}
.main-box .main-box-body {
    padding: 0 20px 20px 20px;
}
.table thead>tr>th>a span {
    color: #212121;
}
.table thead>tr>th>a span:after{
        font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    margin-left: 5px;
    font-size: 0.75em;
}
span.label.label-warning{
    background-color:#ffc107 !important;
}
.event-sec{
background:#fff;
box-shadow:0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
	
}
	.timeline {
	    border-collapse: collapse;
	    border-spacing: 0;
	    display: table;
	    position: relative;
	    table-layout: fixed;
	    width: 100%;
	}

	.timeline:before {
	    background-color: #C7CBD6;
	    bottom: 0px;
	    content: "";
	    left: 50%;
	    position: absolute;
	    top: 0;
	    width: 2px;
	    z-index: 0;
	}

	h3.timeline-title {
		margin: 0;
		font-size: 16px;

		font-weight: 400;
		color: #000;
		text-transform: capitalize;
		padding-bottom: 12px;
		border-bottom: 1px solid #ccc;
	}

	.t-info {
	    color: #C8CCD7;
	}	

	.timeline-item:before, .timeline-item.alt:after {
	    content: "";
	    display: block;
	    width: 50%;
	}

	.timeline-item {
	    display: table-row;
	}

	.timeline-desk {
	    display: table-cell;
	    vertical-align: top;
	    width: 50%;
	}

	.timeline-desk h1 {
	    font-size: 16px;
	    font-weight:400;
	    margin: 0 0 5px;
	}

	.timeline-desk .panel {
	    display: block;
	    margin-left: 25px;
	    position: relative;
	    text-align: left;
	    background: #F4F4F4;
	}

	.timeline-item .timeline-desk .arrow {
	    border-bottom: 8px solid transparent;
	    border-top: 8px solid transparent;
	    display: block;
	    height: 0;
	    left: -7px;
	    position: absolute;
	    top: 13px;
	    width: 0;
	}
	.timeline-item .timeline-desk .arrow {
	    border-right: 8px solid #F4F4F4 !important;
	}

	.timeline-item.alt .timeline-desk .arrow-alt {
	    border-bottom: 8px solid transparent;
	    border-top: 8px solid transparent;
	    display: block;
	    height: 0;
	    right: -7px;
	    position: absolute;
	    top: 13px;
	    width: 0;
	    left: auto;
	}

	.timeline-item.alt .timeline-desk .arrow-alt {
	    border-left: 8px solid #F4F4F4 !important;
	}

	.timeline .timeline-icon {
	    left: -30px;
	    position: absolute;
	    top: 15px;
	}

	.timeline .timeline-icon {
	    background: #C7CBD6;
	    box-shadow: 0 0 0 3px #C7CBD6;
	}

	.timeline-desk span a {
	    text-transform: uppercase;
	}

	.timeline-desk h1.red, .timeline-desk span a.red {
	    color: #EF6F66;
	}

	.timeline-desk h1.green, .timeline-desk span a.green  {
	    color: #39B6AE;
	}
	.timeline-desk h1.blue, .timeline-desk span a.blue {
	    color: #56C9F5;
	}
	.timeline-desk h1.purple, .timeline-desk span a.purple {
	    color: #8074C6;
	}
	.timeline-desk h1.light-green, .timeline-desk span a.light-green {
	    color: #A8D76F;
	}

	.timeline .timeline-icon.red {
	    background: #EF6F66;
	    box-shadow: 0 0 0 3px #EF6F66;
	}

	.timeline .timeline-icon.green {
	    background: #39B6AE;
	    box-shadow: 0 0 0 3px #39B6AE;
	}

	.timeline .timeline-icon.blue {
	    background: #56C9F5;
	    box-shadow: 0 0 0 3px #56C9F5;
	}

	.timeline .timeline-icon.purple {
	    background: #8074C6;
	    box-shadow: 0 0 0 3px #8074C6;
	}

	.timeline .timeline-icon.light-green {
	    background: #A8D76F;
	    box-shadow: 0 0 0 3px #A8D76F;
	}

	.timeline .timeline-icon {
	    border: 3px solid #FFFFFF;
	    border-radius: 50%;
	    -webkit-border-radius: 50%;
	       -moz-border-radius: 50%;
	        -ms-border-radius: 50%;
	         -o-border-radius: 50%;
	    display: block;
	    height: 12px;
	    width: 12px;
	}

	.timeline-item.alt .timeline-icon {
	    left: auto;
	    right: -32px;
	}

	.timeline .time-icon:before {
	    font-size: 16px;
	    margin-top: 5px;
	}
	.timeline .timeline-date {
	    left: -200px;
	    position: absolute;
	    text-align: right;
	    top: 12px;
	    width: 150px;
		font-weight:500;
	}

	.timeline-desk h5 span {
	    color: #999999;
	    display: block;
	    font-size: 12px;
	    margin-bottom: 4px;
	}


	.timeline-item.alt:before {
	    display: none;
	}
	.timeline-item:before, .timeline-item.alt:after {
	    content: "";
	    display: block;
	    width: 50%;
	}

	.timeline-desk p {
	    font-size: 12px;
	    margin-bottom: 0;
	}

	.timeline-desk a {
	    color: #EF6F66;
	}

	.timeline-desk .panel {
	    margin-bottom: 5px;
	}

	.timeline-desk .album {
	    margin-top: 20px;
	}

	.timeline-desk .album a {
	    margin-right: 5px;
	    float: left;
	}

	.timeline-desk .notification {
	    background: none repeat scroll 0 0 #FFFFFF;
	    margin-top: 20px;
	    padding: 8px;
	}


	.timeline-item.alt .panel {
	    margin-left: 0;
	    margin-right: 25px;
	}

	.timeline-item.alt .timeline-date {
	    left: auto;
	    right: -200px;
	    text-align: left;
	}

	.mbot30 {
	    margin-bottom: 30px;
	}
.event-sec .main-title h2{
margin-top:0;	
}
.marks-info{
	background:#fff;
    box-shadow:0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);	
}
.marks-info .panel-group {
     margin-bottom:0px; 
}
.marks-info .main-title{
border:none;
padding:0 16px 12px;	
}
.marks-info .main-title h2{
margin-bottom:0;	
}
.marks-inner{
padding:10px;	
}
.marks-inner figure {
 width:30%;
 height:auto;	
}
.marks-content h3{
    font-size: 20px;
    font-weight: 500;
    color: #3b2d2b;
    margin-bottom: 5px;
	
}
.marks-info .panel-heading{
padding:0;	

}
.marks-content ul li{
font-weight: normal;
color: #3b2d2b;	
}
.text-red{
color:#F00;	
}
.text-maroon{
color:#993300;	
}
.text-yellow{
color:#ffcc00;	
}
.text-g1{
color: #66ff33;	
}
.text-g2{

color:#009933;	
}
.text-g3{
color:#006600;	
}
.text-font{
font-size:18px;	
}
.bg-1{
background-color:#ffa000  !important;	
}
.bg-2{
background-color:#39B6AE !important;	
}
.bg-3{
background-color:#56C9F5 !important;	
}
.bg-4{
background-color:#8074C6 !important;	
}
.bg-5{
background-color:#A8D76F !important;	
}
.bg-6{
background-color:#EF6F66 !important;	
}



.marks-info .panel-heading h4 a{
font-weight:400;
display:block;
    padding: 10px 15px;
	color:#000;
	background-color:#eee !important;
	border-bottom: 1px solid #e6e6e6;
	text-decoration: none;	
}
.marks-info .panel-group {
    padding: 0 10px 10px;
}
.marks-info .panel-body{
 border:none;
 padding:0;	
}
.marks-info .panel-group .panel{
 border:none;
 border-radius:0;
 box-shadow:none;	
}
.marks-info .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
    border-top:none;
}
.marks-info .panel-title a.collapsed:after {
        content: "\f107";
    font: normal normal normal 14px/1 FontAwesome;
    float: right;
}
.marks-info .panel-title a:after {
     content: "\f107";
    font: normal normal normal 14px/1 FontAwesome;
    float: right;
}
.panel-holiday{
box-shadow:0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
background:#fff;	
}
.panel-knowledge .panel-body,.panel-notice .panel-body,.panel-holiday .panel-body,.panel-homework .panel-body{

    padding:0;
}
.panel-holiday .main-title h2{
margin-bottom:0;	
}
.panel-holiday .main-title{
padding:0  16px 12px;	
}
.panel-holiday .todo-list{
  padding-left:0;	
}
.panel-holiday .todo-list li{
	border-bottom: 1px solid #ccc;
	position:relative;
	padding-left:0px;
}


.holiday-date{
	    display: inline-block;
    background: #fff;
    color: #000;
    padding: 3px 6px;
    text-transform: uppercase;
    text-align: center;
    vertical-align: middle;
    margin-right: 10px;
    min-width: 70px;
    border: 1px solid #000;
}
i.date-inner {
    display: block;
    font-style: normal;
    font-size: 12px;
    font-weight: 700;
    border-bottom: 1px solid #000;
}
big.date-year {
    font-size: 12px;
    font-weight: 700;
}

ul.todo-list {
    padding-left: 0;
}

.panel-assignment .todo-list li{
	
}
.panel-assignment .todo-list li{
	border-bottom: 1px solid #ccc;

	position:relative;

}



.setting-form{
box-shadow:0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
background:#fff;	
}
.setting-form h4{
 border-bottom:1px solid #d0d0d0;
 padding-bottom:5px;
 color:#999;
 font-weight: normal;
 font-size:16px;
 color: #000;
 font-weight: 700;	
}
.setting-form h2{
margin-top:10px;	
}
.setting-form .form-group{

 overflow:hidden;	
}
.setting-form label{
	float:left;
	width:22%;
	    margin-top:11px;
		margin-bottom:0;
		font-size: 13px;
}
.setting-form input[type="text"],.setting-form input[type="password"]{
float:right;
width:60%;
}
.setting-form form{
 padding:20px;	
}
.setting-form h4 i{
 margin-right:10px;
 color: #03A9F4;;	
}
.setting-form h4 i.fa-exclamation-triangle{
 color:#f00;	
}

.user-profile .top-section{
background:#1976D2;
padding:24px;	
	
}
.user-profile .top-section img{
width:100px;
height:100px;
border-radius:50%;
border:3px solid #fff;	
}
.profile-txt{
   
}
.profile-txt .main-title{
  border:none;
  margin: 10px 0;	
}
.profile-txt .main-title h2{
    font-size: 22px;
    color: #fff;
	margin:0;
	display:inline-block;
  
}
.user-profile .main-title span{
text-align:center;
color:#fff;
font-size:22px;
display:inline-block;	
}
.user-profile .profile-list{
    color:#fff;
    padding-left: 0;

    text-align: center;	
}
.user-profile .profile-list li{
display:block;
margin-right:20px;
text-align:center;
margin-bottom:5px;	
}
.user-profile .profile-list li strong{

}
.user-profile .profile-btm{
padding:24px;	
}
.user-profile .profile-btm .main-title{
 border-bottom:1px solid #ccc;	
}
.user-profile .profile-btm .main-title h3{
font-size:18px;
margin:0;	
}
.user-profile .profile-btm ul{
padding-left:0;
padding-top:10px;	
}
.user-profile .profile-btm ul li strong{
    min-width: 120px;
    display: inline-block;
}
.user-profile .profile-btm ul li{
border-bottom:1px solid #ccc;
padding:5px 0;
overflow:hidden;	
}
.profile-btm .main-title{
 padding-left:0;
 padding-bottom:10px;
 	
}
.profile-btm address{
    width: 48%;	
	margin: 0;
}
.parent-btm{
padding:15px;	
}
.parent-info .main-title h2{
 font-weight:400;	
}
.usr-title{
font-size: 18px;
position: relative;
color: #000;
font-weight: 500;	
}
.usr-title:after{
width:20px;
height:2px;
content:"";
position:absolute;
top: 11px;
right: -27px;
background: #000;	
}
.parent-btm i{
 margin-right:10px;
 color: #727272;
 font-weight: 700;	
}
.parent-btm ul li{
 margin-bottom:5px;	
}
.parent-info .btn.pull-right {
    margin-top: 18px;
}

.health-inner form{
 padding: 25px 35px;	
}
.form-group.b-group label{
 display:inline-block;	
}
.form-group.b-group .label-txt{
 padding-right:15px;
 position:relative;	
 margin-bottom:0;
}

.label-txt:before{
    content: "\f0da";
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 35px;
	color:#7cb342;
	position:absolute;
    left: -19px;
    top: -7px;
		
}
.form-group .answer input[type="text"]{
    margin-right: 10px;
    margin-bottom: 15px;
    display: inline-block;
    border-bottom-width: 1px;
    width: 32%;	
}
.form-group .answer{
 margin-top:10px;	
}
label.label-subtxt{
 display:block !important;	
}
.note sup,.note span{
color:#f00;	
}

.box-typical {
    -webkit-border-radius: 4px;
    border-radius: 4px;

    margin: 0 0 20px;
}
.box-typical .box-typical-header-sm {
    padding: 12px 15px;
    font-weight: 600;
    position: relative;
}
[class*=" font-icon-"]:before, [class^=font-icon-]:before, [data-icon]:before {
    font: normal normal normal 14px/1 FontAwesome;
    font-style: normal!important;
    font-weight: 400!important;
    font-variant: normal!important;
    text-transform: none!important;
    speak: none;
    line-height: inherit;
    top: -.15em;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    position: relative;
    vertical-align: middle;
}
.font-icon-close-2:before {
    content: "\f00d";
}
.font-icon-arrow-left:before{
    content: "\f053";	
}
.font-icon-arrow-right:before{
    content: "\f054";	
}
.fc-button:focus{
 border:none;	
}
.table-condensed thead tr:first-child{
border-bottom:1px solid #ccc;	
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
    background: 0 0;
    color: #00a8ff!important;
}
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover{
background-color:#7cb342;	
}


.academics-info .main-title a{
 margin-top:15px;	
}
img.academics-img {
    width:30px;
}
.academics-block span{
    color: #1976D2;
    font-weight: 500;	
}
.academics-info p{
 padding-top:10px;
 font-weight: 400;
 color: #000;
 font-size: 10px;	
}

.table > thead > tr > th,.table > tbody > tr > td{

}
.fee-page .table thead{
  margin-bottom:20px;
}
.fee-page .pay-btn{
 padding:3px 10px;	
}
.fee-page .table{
margin-bottom:0;	
}


.achievement-page{
border-bottom:1px solid #ccc;	
}
.achievement-page .image-sec{
    width: 175px;
	margin:10px;
		
}
.achievement-page .content-sec .sub-title{
	 border-bottom:1px solid #1976D2;
	 margin-bottom:10px;	
}
.achievement-page .content-sec h3{
font-size:18px;
display:inline-block;
color: #1976D2;
margin-bottom:5px;
font-weight:700;	
}
.achievement-page .content-sec{
margin-left: 20px;
    width: 77%;
        margin-bottom: 7px;
}
.achievement-page .content-sec strong{
display:inline-block;
margin:20px 0 10px;
margin-bottom:5px;
padding-right: 10px;
color:#193299;

}
.achievement-page .content-sec p{
color:#000;
}
.achievement-page .achievements-wrapper{
 margin-bottom:20px;
 border-bottom:1px solid #ccc;	
}

.read-more h3{
 display:inline-block;
 color:#fff;
 font-weight:700;
 margin-top:0;
 margin-bottom:5px;	
}
.read-more strong{
 margin:0 0 10px;
  color:#fff;	
}
.read-more .content-sec {
    background: #009999;
	padding:15px;
	margin-bottom: 20px;
}
.read-more .content-sec .sub-title{
 border-bottom:1px solid rgba(255,255,255,0.5);
 margin-bottom:10px;	
}
.read-more .content-sec p{
color:rgba(255,255,255,0.7);	
}
.read-more .image-sec{
 overflow:hidden;
 position:relative;

 text-align:center;
}
.read-more .image-sec img{
    -webkit-transition: all .3s ease; 
  	-moz-transition: all .3s ease; 
  	-o-transition: all .3s ease;
  	-ms-transition: all .3s ease;
  	transition: all .3s ease;
      	

    height: 320px;
}	
.overlay{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background-color:rgba(0,0,0,0.4);
	   -webkit-transition: all .3s ease;
  	-moz-transition: all .3s ease; 
  	-o-transition: all .3s ease;
  	-ms-transition: all .3s ease; 
  	transition: all .3s ease;
	
}
.image-sec:hover .overlay{
 background-color:transparent;
    -webkit-transition: all .3s ease; 
  	-moz-transition: all .3s ease; 
  	-o-transition: all .3s ease; 
  	-ms-transition: all .3s ease; 
  	transition: all .3s ease;	
}

.select-wrapper{
 padding:15px 0 10px;
 max-width: 300px;
 margin: 0 auto;	
}
.select-wrapper label.toggler_r{
 display:inline-block;	
}
.select-wrapper input{
 padding-left:5px;
 width: 187px;	
}
.select-wrapper.select-wrapper1{
padding-top:0;	
}
label.sub-label {
    padding-left: 25px;
    padding-right:35px;
}
.select-wrapper select {
    padding-left: 5px;
    height: 25px;
	width:187px;
	-moz-appearance:none;
}
.select-wrapper .select-box{

 position:relative;	
 display:inline-block;
}
.select-wrapper .select-box:after{
      content: "\f0d7";
	  font: normal normal normal 14px/1 FontAwesome;
	  position:absolute;
      top: 6px;
      right: 10px;
}
.hw-info .btm-inner-content h3{
	background:#262B33;
	color:#fff;
	font-size:16px;
	padding:10px;
	font-weight:normal;
}
.hw-info .btm-inner-content label {
    min-width: 150px;
    display: inline-block;
}
span.dots{
padding-right:10px;	
}
.hw-info .btm-inner-content .right-content{
margin-left:20px;
width: 65%;	
}
.hw-info .btm-inner-content .right-content ul li{
 list-style-type:decimal;	
}
.hw-info .btm-inner-content .right-content ul{
width:82%;	
}
ul.hw-list li span{
color:#f00;	
}
.pagination > .active > a{
   background-color:#1688ae;
    border-color:#1688ae;	
}
.pagination > li > a{
    color: #727272;
    border: 1px solid #193299;
	padding:6px 10px;	
}
.pagination > li > a:hover{
    border: 1px solid #193299;		
}
.pagination > li > a:focus{
border-color:#193299;	
}
.home-work .main-title{
 border-bottom:none;	
}
.home-work .main-title h2{
 margin-top:0;	
}
.homework-page h2{
 font-size:18px;	
}
.notices-page h2{
    display: inline-block;
    margin-right: 35px;
	line-height: 1;	
    font-size:18px; 
        color: #212121;
   
}
.notices-page .date,.popup-top .date{
       
          color: #2980B9;
    display: inline-block;    
    padding: 3px 10px;
    font-weight: 700;

    font-size:14px;
}
.notices-page p{
 margin-bottom:0;
     font-size: 12px;	
}
.notice-title {
    color: #000;

}
.notices-page .bg-btn{
vertical-align:top;	
}
.modal-content{
 border:none;	
}
.popup-dec {
    border-top: 2px solid #ddd;
    margin-top: 12px;
    padding: 10px;
}

.rc-header {
padding:10px 0 0;	
}
.rc-title{
 font-size:22px;
 text-transform:uppercase;
 margin-bottom:10px;
 display: inline-block;	
}
.rc-header p{
	color:#000;
	margin:0;	
}
.rc-term {
    font-weight: 600;
    font-size: 18px;
    font-family: cursive;
	margin: 10px 0;
    display: inline-block;
}
.rc-year{
 font-weight:700;
 font-size:18px; 	
}
.reportcard.bg-white {
    border: 3px solid #000;
}
.rc-info{
padding:0 10px;	
}
.rc-info li{
 width:49%;
 display:inline-block;
 text-align:left;
 margin-bottom: 5px;	
}
.rc-info li:nth-child(2n){
padding-left: 250px;	
}
.rc-info label{
min-width:140px;	
}
.rc-table thead,.rc-table thead tr td{
 border:1px solid #CCC;
 vertical-align:middle;
 color:#000;	
}
.rc-table thead{
border-top:2px solid #000;	
}
.rc-table .table > tbody > tr > td {
    text-align: center!important;
    border-left: 1px solid #ccc;
	color:#000;
}
.rc-table .table{
    margin-bottom: 20px;
    border-bottom: 2px solid #000;
}
.rc-btm{
padding:0 10px;	
}
.rc-btm li{
 display:inline-block;
 width:33%;	
 
}
.rc-btm li label{
 min-width:120px;	
}
.rc-footer .remark{
padding:0 10px;	
}
.rc-footer .space{
 width:90%;	
}
.rc-footer .space li{
border-bottom:1px dashed #000;
padding:12px 0;	
}
.rc-footer .rc-sign{
padding:15px 0 0;	
}
.rc-footer .rc-sign li{
	width:49%;
	display:inline-block;
	color:#000;
	font-weight:500;
	text-align: center;
    margin-bottom: 25px;
}
.ms-main{
 margin-bottom:25px;	
}
.ms-inner{
padding:10px;	
}
.ms-inner .img-sec{
    width: 40%;
}
.ms-txt{
 margin-top:15px;	
}
.ms-txt a{
display:block;
margin-bottom:20px;	
}
.ms-txt{
  width: 55%;	
}
.ms-txt p{
 color:#f00;	
}
.btn.pull-left{
 margin-left:10px;

 margin-bottom:10px;	
}
.btn.pull-right{
 margin-right:10px;	
}

#login-page:after{
 content:"";
 width:100%;
 
 position:absolute;
 top:0;
 left:0;
 right:0;
 
}




.login-form{
padding:6px 40px 10px;

    background: #fff;
    box-shadow: 0px 18px 21px -3px rgba(0,0,0,0.35);
	    position: relative;
    z-index:1;
    border-radius: 5px;
}
.login-tag {
    display: inline-block;
    position: absolute;
    right:-10px;
       top: -16px;
    background: #4a23ad ;
    color: #fff;
    padding: 5px 20px;
    font-weight: bold;
}
.login-tag:before{
	    content: "";
    border-left: 0px solid #fff;
    border-right: 12px solid #4a23ad;
    border-top: 15px solid transparent;
    border-bottom: 15px solid #fff;
    position: absolute;
    left: -12px;
    top: 0;  
}
.login-tag:after{
    content: "";
    position: absolute;
    left: auto;
    bottom: -13px;
    right: 3.9px;
    z-index: -1;
    transform: rotate(30deg);
    border: 0 solid transparent;
    border-top-width: 10px;
    border-bottom-width: 10px;
    border-right:10px solid rgba(75, 0, 150,0.6);
}
.help i{
font-size:22px;	
color:#0283cc;
}
a.help {
    position: absolute;
    left: 12px;
    top: 10px;
}
.login-form .img-sec{
 margin-bottom:20px;	
}
.login-form .input-group{
 display:block;
 margin-bottom:10px;
 position:relative;	
}
.login-form .input-box{
 border:1px solid #f0a30a;
width: 100%;
height: 35px;
padding-left: 12px;
padding-right: 40px;	
}
.login-form h4{
margin-top:0;	
}
.login-form .input-box:focus{
 border:1px solid #16499a;	
}
.login-form .input-group i{
    position: absolute;
    top: 10px;
    right: 15px;
    border-left: 2px solid #ccc;
    padding-left: 10px;
    display: inline-block;
    color:#0283cc;	
}
span.hidden-md-down.fw-700 {
    color: #fff;
}
a.text-primary.fw-500 {
    color: #000;
}
.login-form label.toggler::before {
   width: 15px;
    height: 15px;
    border: 1px solid #727272;
    border-radius: 2px;
    background: none;
    box-shadow: none;
    top: 3px;
}
label.toggler::before {
    left: 40px; 
}
label.toggler::after {
    left:35px;
    top: 4px;
}
.header {
    background: rgba(255,255,255,0.7);
	padding:5px 0;
}
.footer {
       background:#940b36;
           width: 100%;
    bottom: 0;
    top:auto;
    color:#000;
	z-index:10;
	padding:0px 0px;
}

.footer p{
 margin:5px 0;
   color:#000;	
}
.sidebar_main_open.sidebar_main_swipe .footer p,.sidebar_main_swipe.sidebar_main_active  .footer p{
  padding-left:240px;	
}
.main-login .login-img{
margin-top: 80px;	
}
.login-img img{
 width:auto;
 height:auto;	
}
.login-txt{
    margin-top:160px;
	
}
.login-txt ul{
padding-left:0;	
}
.login-txt ul li{
 font-size: 10px;
 color: #660000;
 margin-bottom:4px;
 font-weight: 700;	
	
}
.login-txt ul li:before{
    content: "\f044";
	font: normal normal normal 14px/1 FontAwesome;
	margin-right:5px;
	color:#330000;

}
.header a.login-logo {
    display:inline-block;
}
.header .logo-txt {
    width: 50%;
}


.modal-header {
    padding: 0 16px;
    background:#f0a30a;
	   border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	
}
.modal-header .widget-header h2 {
    color: #fff;
    font-size: 18px;
}
.modal-dialog {
    margin-top: 70px;
}
.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #f00;
    text-shadow: none;
    filter: alpha(opacity=20);
    opacity: 1;
    background: #fff !important;
    border-radius: 50%;
    width: 25px;
    height: 25px;
}
.modal-header .close {
    margin-top: 12px;
}
.inner-txt {
    display: inline-block;
    color:#00bbd9;
    text-transform: capitalize;
    font-size: 13px;
	width: 88%;
}
.subject-right{
    width: 88%;
}
.todo-list .date{
       display: block;
    color:#e74a25;
    font-size: 12px;	
}
.todo-list .notice-date{
   display: block;
    color:#e74a25;
    font-size: 13px;	
    padding-left:40px;
}
.box-hover{
display:block;
    overflow: hidden;
        padding: 10px;
            color: #00bbd9;
  	
}
.box-hover:hover{
  background: #E9E9E9;
  	
}
span.subject-name {
    display: block;
   font-size: 13px;
   color: #00bbd9;
    font-weight:normal;
}
.reminder-list{
padding-left:0;	
    margin: 0;
}
.reminder-list .box-hover{
 border-bottom:1px solid #ddd;
     color: #1b379b;
    font-weight:normal;	
}
.reminder-list .date{
    color: #424242;
    font-size: 10px;
}
.reminder-list .text-left.pull-left {
    width: 77%;
}



.panel-chairperson-msg .text-sec {
    padding-top: 10px;
}
.panel-chairperson-msg .text-sec p {
  color:#ff9933;
}
.panel-chairperson-msg .text-sec > strong{
margin-bottom:5px;
display:inline-block;	
}


ul.fader {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative;
    height:370px;
	padding-left: 0;
}
.compose-mail {
    box-sizing: border-box;
    margin: 97px auto 0;
    padding: 20px;
    width: 600px;
    max-width: 100%;
    max-width: calc(100% - 20px);
    background: #fff;
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    -webkit-transition: opacity .3s linear,-webkit-transform .3s ease-out;
    transition: opacity .3s linear,transform .3s ease-out;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
}
.compose-mail .uk-modal-title {
 margin-top:0;	
}
.uk-modal-footer {
    overflow: hidden;
}
#birthday-Modal .modal-header{
       padding: 0;
    display: inline-block;
    float: right;
    margin-right: 25px;
    margin-top: 22px;
    background: #fff;
    border: none;
    position: relative;
    z-index: 9;
    border-radius: 50%;
}
#birthday-Modal .modal-header .close {
     margin-top:0px; 
}
#birthday-Modal .modal-dialog {
    width: 800px;
    margin-left: 321px;
}
#birthday-Modal .text-sec {
    position: absolute;
    top: 170px;
    width: 330px;
	color:#fff;
}

#birthday-Modal .text-sec p {
	color:#fff;
	font-weight:700;
	padding-left: 30px;
}

.text-sec-right{
right:26px;
left:auto;	
}

.text-sec-left{
left:26px;
right:auto;	
}
.text-black{
color:#000!important;	
}

#fee-receipt tfoot th {
    background: #ccc;
    color: #000;
}
.table-bordered > tfoot > tr > td {
    border: 1px solid #000;
}
.download-btn.ng-scope {
    float: right;
    display: inline-block;
}
.main-box-body.notice-dec{
    word-wrap:break-word;
	padding-top: 10px;
}
input#dataofhm,.select-wrapper .select-box {
    float: right;
}
#mini-clndr{
display:none;	
}


#mini-clndr {
  font-family: Asap, Helvetica, Arial;
  margin: 0 auto;
  width:305px;
  background: #fff;

}
#mini-clndr .clndr {
  overflow: hidden;
}
#mini-clndr .clndr .controls {
  color:#212121;
}
#mini-clndr .clndr .controls .clndr-previous-button,
#mini-clndr .clndr .controls .clndr-next-button {
  width: 15%;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 25px;
    font-weight: bold;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
   Chrome/Safari 

  -moz-user-select: none;
   Firefox 

  -ms-user-select: none;
   IE10+ */

  -webkit-transition: background-color 0.5s;
  -moz-transition: background-color 0.5s;
  -ms-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}
#mini-clndr .clndr .controls .clndr-previous-button:hover,
#mini-clndr .clndr .controls .clndr-next-button:hover {
  background-color:#E26920;
  color:#fff;
}
#mini-clndr .clndr .controls .month {
  width: 70%;
  padding-top: 5px;
  padding-bottom: 5px;
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
}
#mini-clndr .clndr .days-container {
  position: relative;
  width:305px;
  height: 290px;
  display: inline-block;
}
#mini-clndr .clndr .days-container .days {
  position: absolute;
  left: 0;
  width:305px;
  height:235px;
  -webkit-transition: left 0.5s;
  -moz-transition: left 0.5s;
  -ms-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;

}
#mini-clndr .clndr .days-container .days .day,
#mini-clndr .clndr .days-container .days .empty {
  width: 43.5px;
  height:43.5px;
  display: inline-block;
  line-height:43.5px;
  border-radius:50%;
  font-size: 12px;
  text-align: center;
  color: #212121;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
#mini-clndr .clndr .days-container .days .day.event,
#mini-clndr .clndr .days-container .days .empty.event {
  background-color:#e62e00;
  -webkit-transition: background-color 0.5s;
  -moz-transition: background-color 0.5s;
  -ms-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
  cursor: pointer;
  color:#fff;
  font-weight:bold;
}
#mini-clndr .clndr .days-container .days .day.event:hover,
#mini-clndr .clndr .days-container .days .empty.event:hover {
  background-color:#E26920;
}
#mini-clndr .clndr .days-container .days .day.adjacent-month,
#mini-clndr .clndr .days-container .days .empty.adjacent-month {
  color: rgba(0, 0, 0, 0.3);
}
#mini-clndr .clndr .days-container .days .empty {
  height: 31px;
  vertical-align: bottom;
}
#mini-clndr .clndr .days-container .days .headers {
 
    padding-top: 5px;
    padding-bottom: 5px;
    border-top:1px solid rgba(0, 0, 0, 0.12);
}
#mini-clndr .clndr .days-container .days .headers .day-header {
  width: 43.5px;
  display: inline-block;
  text-align: center;
  color:#333;
}
#mini-clndr .clndr .days-container .events {
  position: absolute;
  left:305px;
  width:305px;
  height:295px;
  -webkit-transition: left 0.5s;
  -moz-transition: left 0.5s;
  -ms-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  background-color: #ebebeb;
}
#mini-clndr .clndr .days-container .events .headers {
  position: relative;
}
#mini-clndr .clndr .days-container .events .event-header {
  width: 100%;
  background-color:#7cb342;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  color: white;
}
#mini-clndr .clndr .days-container .events .x-button {
  position: absolute;

      top: 2px;
    left: 20px;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;

  -webkit-transition: color 0.25s;
  -moz-transition: color 0.25s;
  -ms-transition: color 0.25s;
  -o-transition: color 0.25s;
  transition: color 0.25s;
}
#mini-clndr .clndr .days-container .events .x-button:hover {

  color: white;
}
#mini-clndr .clndr .days-container .events .events-list {

  overflow:auto;
  height: 185px;
}
#mini-clndr .clndr .days-container .events .events-list .event {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  -webkit-transition: background-color 0.25s;
  -moz-transition: background-color 0.25s;
  -ms-transition: background-color 0.25s;
  -o-transition: background-color 0.25s;
  transition: background-color 0.25s;
}
#mini-clndr .clndr .days-container .events .events-list .event:hover {
  background-color: #f5f5f5;
}
#mini-clndr .clndr .days-container .events .events-list .event a {
  position: relative;
  font-size: 12px;
  letter-spacing: 1px;
  background-color: transparent;
  color: #212121;
  text-decoration: none;
  -webkit-transition: color 0.25s;
  -moz-transition: color 0.25s;
  -ms-transition: color 0.25s;
  -o-transition: color 0.25s;
  transition: color 0.25s;
}
#mini-clndr .clndr .days-container .events .events-list .event a:hover {
  background-color: transparent;
  color:#E26920;
}
#mini-clndr .clndr .days-container.show-events .days {
  left: -294px;
}
#mini-clndr .clndr .days-container.show-events .events {
  left: 0;
}

.fee-header{
padding-top:10px;	
}


.login-text{
	position: relative;
    z-index: 1;

    max-width: 660px;
    margin: 0 auto;
    padding: 10px 0;
    border-radius: 10px;

}
.login-text ul{
 margin-bottom:0;	
}
.login-text ul li{
       padding:5px;
       color:#00bbd9;
       font-family: SegoePro;
	    position: relative;	
}
.login-text ul li:hover{
 background:#ddd;
 cursor:pointer;	
}
.login-text ul li:before{
         content: "\f044";
    font: normal normal normal 14px/1 FontAwesome;
    color: #f0a30a;
    font-size: 18px;
    font-weight: bold;
    margin-right: 7px;
	position: absolute;
        left: -29px;
    top: 2px;
}
.instructions .modal-body {
   height:450px;
   overflow-y:scroll;	
}
.instructions  .modal-content{
 border:none;	
}
.instructions h4{
color:#fff;	
    text-transform: uppercase;
    font-weight: 400;
	margin-top:5px;
	    margin-bottom: 2px;
}
.instructions .modal-header .close {
    margin-top: 7px;
}
.instructions .modal-body h2{
 margin-top:0;
 display:inline-block;
 font-size:18px;	
}
.instruction-list li{
	list-style-type:decimal;
}
.instruction-inner li{
list-style-type:lower-alpha;	
}
.instructions p{
 color:#000;	
}
.notices-page .main-box-header{
margin-bottom:0;
    padding: 10px 15px;	
}
.academic-wraper{
 background: #ffb136;
     margin-bottom: 10px;
}
.academic-inner {
       width: 44%;
    margin: 0 auto;
    float: left;
}
.academic-inner p{
    color:#fff !important;
}
  .md-teacher-image {
        width: 100px;
        height: 100px;
        margin-top: 10px;
        border: 5px solid #fff;
    }
  .academic-btn {
    margin-top: 45px;
    width: 50%;
    float: left;
}
  span.subject-name2.ng-binding {
    font-size: 11px;
    text-transform: capitalize;
}
.user-info{
	background-color: #427fe1;
    float: right;
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
    box-sizing: content-box;
    color: #fff;
    text-align: center;
    position:absolute;
	bottom:35px;
    right: 10px;
    padding: 3px 10px;
    z-index: 1;

	-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.5);
    box-shadow: 0 2px 5px rgba(0,0,0,0.5);
	-webkit-animation: all 7s ease; 
	
}
.user-info.close2{
 bottom:0;

}
.user-info.btn-up
{bottom:35px;

}

.user-info:hover{
color:#fff;
background:#f0a30a;	
}

#style_switcher {
  position: fixed;
  right: 0;
  top: 140px;
  background: #fff;
  width:370px;
  z-index: 8;
  box-sizing: border-box;
  padding: 16px;
  margin-right:0px;
  -webkit-transition: margin 680ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: margin 680ms cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.26);
}
#style_switcher.switcher_active {
  margin-right:-371px;
}
#style_switcher_toggle {
        position: absolute;
    top: 53px;
    left: -79px;
    color: #4a23ad ;
    font-weight: bold;
    width: 35%;
    height: 18%;
    background: #fff;
    border-radius: 4px;
    cursor: pointer;
    padding: 3px 8px;
        box-sizing: border-box;
    z-index: 1096;
    transform: rotate(270deg);
}
#style_switcher_toggle i {
  font-size: 24px;
  line-height: 36px;
  color: #212121;
}


#style_switcher2 {
  position: fixed;
      left:15px;
    bottom: 33px;
  background: #fff;
  width:420px;
  z-index:9;
  box-sizing: border-box;
  margin-bottom:2px;
  -webkit-transition: margin 680ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: margin 680ms cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.26);
  
}
#style_switcher2.switcher_active2 {
     margin-bottom:-508px;
}
#style_switcher_toggle2 {
    position: absolute;
    top: -30px;
    left: 10px;
    color: #4b0096;
    background: #fff;
	    background-color: #0283cc;
    border-radius: 4px;
    cursor: pointer;
    padding: 3px 8px;
       box-sizing: border-box;
    z-index: 1096;
	color:#fff;
	animation-delay: 10s;
	animation-delay: 10s;

}

#style_switcher_toggle2 i {
  font-size:16px;
  color:#fff;
}
#style_switcher3 {
  position: fixed;
      right:15px;
    bottom:0;
  background: #fff;
  width:330px;
  z-index:9;
  box-sizing: border-box;
  margin-bottom:2px;
  -webkit-transition: margin 680ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: margin 680ms cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.26);
  
}
#style_switcher3.switcher_active3 {
     margin-bottom:-280px;
}
#style_switcher3 {
  position: fixed;
      right:15px;
    bottom:0;
  background: #fff;
  width:404px;
  z-index:9;
  box-sizing: border-box;
  margin-bottom:2px;
  -webkit-transition: margin 680ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: margin 680ms cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.26);
  
}
#style_switcher3.switcher_active3 {
     margin-bottom:-279px;
}
#style_switcher_toggle3 {
    position: absolute;
    top: -30px;
    left:0;
    color: #4b0096;
    background: #fff;
	    background-color: #ffb136;
        font-weight:700;
    border-radius: 4px;
    cursor: pointer;
    padding: 3px 8px;
       box-sizing: border-box;
    z-index: 1096;
	color:#fff;
	animation-delay: 10s;
	animation-delay: 10s;
    right: 0;
margin: 0 auto;
max-width: 170px;

}

#style_switcher_toggle3 i {
  font-size:16px;
  color:#fff;
}


#style_switcher3 .guidelines{
     height: 280px;
     padding: 12px;
      overflow-y:auto;	
          background:#00aba9;
    color:#fff;
     padding: 12px;
	 z-index:10;
	 position:relative;
    
}

#style_switcher3 .guidelines-content{
    height:100%;
    overflow-y:scroll;
     padding: 12px;
}
#tblDoctorComment{
    background:#fff;
}
.fee-receipt .table-bordered > tbody > tr > td, .fee-receipt .table-bordered > thead > tr > th, .fee-receipt .table-bordered > tfoot > tr > th, .fee-receipt .table-bordered > tfoot > tr > td {
    border: 1px solid #000 !important;
    font-size: 12px;
    padding: 4px;
}
.note p {
    display: inline-block;
    font-size: 10px;
}
.dropdown-group {
    margin-top: 5px;
}
.guidelines-header{
background: #f0a30a;
color:#fff;
}
.guidelines-header h4{
margin:0;
padding: 4px 16px;
color:#fff;
}
.guidelines-content{
 height:507px;
 overflow-y:scroll;	
     padding: 10px;
	 z-index:10;
	 position:relative;
}
.guidelines-content h2{
 margin-top:0;
 font-size:16px;	
}
.guidelines-content strong{
 font-size:12px;	
}
.academics-block .md-user-image {
    width: 65px;
    height: 65px;
}
td.fc-day.fc-widget-content.fc-sun,td.fc-day.fc-widget-content.fc-sat{
background:#ddd;
}
.main-box.clearfix.homework-page.notices-page.ng-scope {
    max-width: 900px;
}
.homework-page .date{
    padding: 3px 10px 0 0;
}
.main-title.home-upper h2{
 margin:5px 0;	
}
.fc-event.event-red {
  width:15px;
  height:15px;
}
.download-btn.notice-detail-btn{
    margin-left:50px
}

.forgot-password .login-form{
 margin:0;
 box-shadow:none;
 padding: 10px 20px;	
}
.happening-container{
 overflow:hidden;
 border-bottom:1px solid #ccc;	
 padding-bottom: 10px;
}
.happening-img img{
width: 90px;
    height: 70px;
}
.happening-content.pull-left {
    width: 77%;
}
.happening-content .inner-txt{
 display:block;
 width:100%;
  border-bottom: 1px solid #000;		
}
.happening-content .box-hover{

padding-right:0px;
padding-top:0;	
}
.happening-content .notice-date{
color:#000;	
}
.happening-content .read-more{
 color:#e74a25;
 display:block;

}
.happening-container.first{
 margin-bottom:10px;	
}
.panel-knowledge .inner-txt{
    color:#424242;
}
.marks-info .filter {
    padding: 0 15px 15px 15px;
}
.marks-info .dropdown-group .form-control {
    width: 70%;
}
.hw-info .filter select.form-control {
    width: 150px;
    display: inline-block;
}
body.login .box-forgot {
    margin-right: 30px;
}
.md-list-heading{
    position:relative;
}
.md-list-heading i{
    position:absolute;
    left:0;
    top:2px;
}

.fee-bill{
  padding: 2px 5px;
    font-size: 10px;

}


.task-page main {

  padding: 50px;
  margin: 0 auto;
  background: #fff;
    padding: 20px;
}

.task-page section {
  display: none;
  padding: 20px 0 0;
  border-top: 1px solid #ddd;
}

.task-page input {
  display: none;
}

.task-page label {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 15px 25px;
  font-weight: 600;
  text-align: center;
  color: #bbb;
  border: 1px solid transparent;
}

.task-page label:before {
  font-family: fontawesome;
  font-weight: normal;
  margin-right: 10px;
}

.task-page label:hover {
  color: #888;
  cursor: pointer;
}



.task-page input:checked + label {
  color: #555;
  border: 1px solid #ddd;
  border-top: 2px solid orange;
  border-bottom: 1px solid #fff;
}

.task-page #tab1:checked ~ #content1,
.task-page #tab2:checked ~ #content2,
.task-page #tab3:checked ~ #content3,
.task-page #tab4:checked ~ #content4 {
  display: block;
}
.task-page .task-list li{
list-style-type:decimal;
 }

@media screen and (max-width: 650px) {
 .task-page label {
       font-size: 12px;
    width: 100%;
	    background: #eee;
  }

 .task-page label:before {
    margin: 0;
    font-size: 18px;
  }
 .task-page input:checked + label {
    background: #fff;
}

}
@media screen and (max-width: 400px) {
  .task-page label {
    padding: 15px;
  }

  #style_switcher3 {
  position: fixed;
      right:15px;
    bottom:0;
  background: #fff;
  width:400px;
  z-index:9;
  box-sizing: border-box;
  margin-bottom:2px;
  -webkit-transition: margin 680ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: margin 680ms cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.26);
  
}
}


.img-right{
margin-top:30%;	
position:relative;
z-index:9;
}