@font-face{font-family: OpenSans-Bold;src: url('../font/OpenSans-Bold.ttf');}
@font-face{font-family: OpenSans-Regular;src: url('../font/OpenSans-Regular.ttf');}
@font-face{font-family: OpenSans-Semibold;src: url('../font/OpenSans-Semibold.ttf');}

*{margin:0;padding:0;}
body{background-color:#e8e9ee;margin:0;padding:0;text-decoration:none;}
.JmainbR {background-color:#2a3f54;}
.line{float: left;width: 1px;height: 68px;background-color:#f0f2f5;margin-left: 50px; }
.schoolimg{margin-top: 8px;margin-left: 15px;float:left}
.rightnavbody {background-color:#ffd800;height:68px;width:40%;float:right}
.restoogleview{display:none;z-index: 500;position:fixed;top:70px;left:calc(100% - (90px));width:90px;height: auto;background-color: #ffffff;-webkit-box-shadow: -13px 2px 5px -6px rgba(172,172,172,0.23);-moz-box-shadow: -13px 2px 5px -6px rgba(172,172,172,0.23);box-shadow: -13px 2px 5px -6px rgba(172,172,172,0.23);}
.photocircle{width: 50px;height:50px;-moz-border-radius: 25px;-webkit-border-radius: 25px;border-radius: 30px; border:5px solid #e8ebee;margin-right:8px;margin-top: 2px;cursor:pointer;}
.Nameoferespons{font-family:OpenSans-Regular;font-size:12px;padding-bottom:5px;color:#353535;margin-top:-5px;text-align:center;width:100%;}
.logout{font-family:OpenSans-Regular;font-size:14px;width:100%;height:25px;padding-top:3px;color:#ffffff;background-color:#22baa0;}
.toogleiconhover{padding-top:15px;border-bottom:1px solid #f1f4f6;}
.toogleiconhover:hover{background-color:#ebeef1;}
.countcircles{width: 18px;height:18px;background:#20baa1;-moz-border-radius:9px;-webkit-border-radius: 9px;border-radius: 9px;float:right;text-align:center;color:#ffffff;margin-top:-20px;margin-left:-12px;z-index:200;position:relative;font-family:OpenSans-Regular;font-size:12px;cursor:pointer;}
.footextmain{font-family: OpenSans-Semibold;color: #6e6e6e;font-size: 14px;margin: 0;margin-top: 10px;margin-bottom: 5px;}
.footextsub{font-family: OpenSans-Semibold;color: #aeaeae;font-size: 12px;margin: 0;margin-bottom: 10px;}
.dashafooter{width: -moz-calc(100% - (230px));width: -webkit-calc(100% - (230px));width: calc(100% - (230px));float:right;padding:0px 0 0 0;margin-top: 10px;background-color: #ffffff;text-align: center;}
.dashafooterclicked{width: -moz-calc(100% - (70px));width: -webkit-calc(100% - (70px));width: calc(100% - (70px));float:right;margin-top: 10px;background-color: #ffffff;text-align: center;}
.nav-sm .container .left_col{width: 70px;padding: 0;position: fixed;height: 100%;z-index: 200;}
.nav-sm .container .right_col {margin-left: 70px;z-index: 2;}
.nav-sm .navbar.nav_title {width: 70px;}
.nav-sm .navbar.nav_title a span {display: none;}
.nav-sm .navbar.nav_title a img {margin: 13px 0 0 3px;}
.site_title i{border: 1px solid #EAEAEA;padding: 5px 6px;border-radius: 50%;}
.nav-sm .main_container .top_nav {padding: 0 !important;display: block;margin-left: 70px;z-index: 2;}
.nav-sm .nav.side-menu{padding-top: 70px;}
.nav-sm .nav.side-menu li a {text-align: center !important;font-weight: 400;font-size: 10px;padding: 10px 5px;}
.nav-sm .nav.side-menu li.active-sm {border-right: 5px solid #1ABB9C;}
.nav-sm > .nav.side-menu > li.active-sm > a {color: #1ABB9C !important;}
.nav-sm .nav.side-menu li a i.toggle-up {display: none !important;}
.nav-sm .nav.side-menu li a i {font-size: 25px !important;text-align: center;width: 100% !important;margin-bottom: 5px;}
.nav-sm ul.nav.child_menu {left: 100%;position: absolute;top: 0;padding: 10px;width: 210px;z-index: 4000;background: #3E5367;display: none;}
.nav-sm ul.nav.child_menu li {padding-left: 0;}
.nav-sm ul.nav.child_menu li a {text-align: left !important;}
.nav-sm .profile {display: none;}
.menu_section {margin-bottom: 35px;}
.menu_section h3 {padding-left: 23px;color: #fff;text-transform: uppercase;letter-spacing: .5px;font-weight: bold;font-size: 11px;margin-bottom: 0;margin-top: 0;text-shadow: 1px 1px #000;}
.menu_section >ul {margin-top: 10px;}
#sidebar-menu span.fa {float: right;text-align: center;margin-top: 5px;font-size: 10px !important;min-width: inherit;color: #C4CFDA;}
.active a span.fa {text-align: right !important;margin-right: 4px;}
.nav-sm .menu_section {margin: 0;}
.nav-sm span.fa,
.nav-sm .menu_section h3 {display: none !important;}
.nav_menu {background: #ffffff;height:68px;width: 100%;
-webkit-box-shadow: 0px 3px 5px 0px rgba(200,202,212,1);
-moz-box-shadow: 0px 3px 5px 0px rgba(200,202,212,1);
box-shadow: 0px 3px 5px 0px rgba(200,202,212,1);}
.nav-md .container .col-md-3.left_col {padding: 0;position: absolute;display: flex;}
.right-nav{margin-left:50px;}
.rightnavicons {float:left;width:250px;height:68px;margin-top:5px;display:block;}
.rightnavicons1 {float:right;width:445px;height:68px;margin-right:20px;margin-top:5px;   display:block}
.nav-md .container .right_col {margin-left: 230px;}
.nav_title {width: 230px;float: left;background: #22baa0;border-radius: 0;height: 68px;}
.nav_title_admission {width: 230px;float: left;background: maroon;border-radius: 0;height: 68px;}
.nav_title  span{font-family: OpenSans-Bold;font-size:44px;font-weight:bold;color:#ffffff;}
.nav_title  img{margin-top:10px;}
#sidebar-menu .fa {width: 26px;opacity: .99;display: inline-block;font-family: FontAwesome;font-style: normal;font-weight: normal;font-size: 18px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.schoolimgLogo{float:left;height:68px;width: -moz-calc(91% - (480px));width: -webkit-calc(91% - (480px));width: calc(91% - (480px));}

/* starting media*/
@media (max-width: 991px) 
{
.nav-md .container .right_col,.nav-md .container .top_nav {width: 100%;margin: 0;}
.nav-md .container .col-md-3.left_col {display: none;}
.nav-md .container .right_col {width: 100%;padding-right: 0}
.right_col {}
}

@media (max-width: 1200px)
{
.x_title h2 {width: 62%;font-size: 17px;}
.tile,.graph {zoom: 85%;height: inherit;}
}
/**  ------------------------------------------  **/
.container {width: 100%;padding: 0}
.navbar-nav>li>a,.navbar-brand,.navbar-nav>li>a {color: #fff !important;}
.navbar-brand,.navbar-nav>li>a {margin-bottom: 5px}
.main_container .top_nav {padding: 0 !important;display: block;padding: 10px 20px 0;margin-left: 230px;}
.main_container {}
.no-padding {padding: 0 !important;}
.col-md-55 {width: 50%;margin-bottom: 10px;}
@media (max-width: 992px){.tile_stats_count {margin-bottom: 10px;border-bottom: 1px solid #D9DEE4;padding-bottom: 10px;}}
@media (min-width: 992px) and (max-width: 1100px){.tile_stats_count .count {font-size: 35px !important;}}
@media (min-width: 768px){.col-md-55 {width: 20%;}}
@media (min-width: 992px) {.col-md-55 {width: 20%;}}
@media (min-width: 1200px) {.col-md-55 {width: 20%;}}
.row {margin-right:-10px;margin-left: -10px;}
.grid_slider .col-md-6 {padding: 0 40px;}
.navbar {margin-bottom: 0}
.navbar-header {background: #34495E;}
.navbar-right {margin-right: 0;}
.top_nav {position: fixed;width:100%;height:68px;background-color:#ffffff;}
.top_nav .navbar-right {margin: 0;width: 70%;float: right;}
.top_nav .navbar-right li {display: inline-block;float: right;}
.top_nav .dropdown-menu {min-width: 220px;}
.top_nav .dropdown-menu li {width: 100%;}
.top_nav .dropdown-menu li a {width: 100%;padding: 12px 20px;}
.top_nav li a i {font-size: 15px}
.navbar-static-top {position: fixed;top: 0;width: 100%;}
.sidebar-header {border-bottom: 0;margin-top: 46px;}
.sidebar-header:first-of-type {margin-top: 0}
.nav.side-menu> li {position: relative;display: block; cursor:pointer;}
.nav.side-menu> li > a {margin-bottom: 6px;color: #ffffff !important;font-weight: bold;font-family: OpenSans-Bold;}
.nav.side-menu> li > a:hover {color: #22baa0 !important;}
.nav.side-menu> li > a:hover i {color: #22baa0 !important;}
.nav.side-menu> li.active > a {
 color: #22baa0 !important;
    text-shadow: rgba(0, 0, 0, 0.25) 0 -1px 0;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5b6479), color-stop(100%, #4c5566)), #686e78;
    background: -webkit-linear-gradient(#334556, #2C4257), #2A3F54;
    background: -moz-linear-gradient(#334556, #2C4257), #2A3F54;
    background: -o-linear-gradient(#334556, #2C4257), #2A3F54;
    background: linear-gradient(#334556, #2C4257), #2A3F54;
    -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 1px 0, inset rgba(255, 255, 255, 0.16) 0 1px 0;
    -moz-box-shadow: rgba(0, 0, 0, 0.25) 0 1px 0, inset rgba(255, 255, 255, 0.16) 0 1px 0;
    box-shadow: rgba(0, 0, 0, 0.25) 0 1px 0, inset rgba(255, 255, 255, 0.16) 0 1px 0;
}
.nav.side-menu> li.active i	{color: #22baa0 !important;}
.nav.side-menu>li>a:hover,
.nav>li>a:focus {text-decoration: none;background: transparent;}
.nav.child_menu li:hover {background-color: rgba(255, 255, 255, 0.06);}
.nav.child_menu li {padding-left: 36px}
.nav-md ul.nav.child_menu li:before {background: #425668;bottom: auto;content: "";height: 8px;left: 23px;margin-top: 15px;position: absolute;right: auto;width: 8px;z-index: 1;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; }
.nav-md ul.nav.child_menu li:after {border-left: 1px solid #425668;bottom: 0;content: "";left: 27px;position: absolute;top: 0;}
.nav.side-menu>li>a,
.nav.child_menu>li>a {color: #E7E7E7 !important;font-weight: bold;text-align:left;}
.nav.child_menu>li>a:hover {color: #22baa0 !important;}
.nav>li>a {position: relative;display: block;padding: 13px 15px 7px;}
.nav.side-menu> li.current-page,
.nav.side-menu> li.active {border-right: 5px solid #1ABB9C;background: #2a3f54;}
li.current-page {background: rgba(255, 255, 255, 0.05);color:#1ABB9C;}
li.current-page a {color: #1ABB9C !important;}
.navbar-brand,.navbar-nav>li>a {    font-weight: 500;color: #ECF0F1 !important;margin-left: 0 !important;line-height: 32px;}
.site_title {text-overflow: ellipsis;overflow: hidden;font-weight: 400;font-size: 22px;width: 100%;color: #ECF0F1 !important;margin-left: 0 !important;line-height: 59px;display: block;height: 55px;margin: 0;padding-left: 10px;}
.site_title:hover,.site_title:focus {text-decoration: none}
.nav.navbar-nav>li>a {color: #515356 !important;}
.nav.top_menu>li>a {position: relative;display: block;padding: 10px 15px;color: #34495E !important;}
.nav>li>a:hover,.nav>li>a:focus {background-color: transparent;}
.top_search {padding: 0;}
.top_search .form-control {border-right: 0;box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.075);border-radius: 25px 0px 0px 25px;padding-left: 20px;border: 1px solid rgba(221, 226, 232, 0.49);}
.top_search .form-control:focus {border: 1px solid rgba(221, 226, 232, 0.49);border-right: 0;}
.top_search .input-group-btn button {border-radius: 0px 25px 25px 0px;border: 1px solid rgba(221, 226, 232, 0.49);border-left: 0;box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);color: #93A2B2;margin-bottom: 0 !important;}
.toggle {float: left;margin: 0;padding-top: 20px;width: 30px;}
.toggle a {padding: 0px 15px 0 0;margin: 0; }
.nav.child_menu > li > a {color: rgba(255, 255, 255, 0.75) !important;font-size: 12px;padding: 9px;}
.line_30 {line-height: 30px;}
.main_menu_side {padding: 0;}
.bs-docs-sidebar .nav>li>a {display: block;padding: 4px 6px;}
.x_content canvas {}
.tile-stats.sparkline {padding: 10px;text-align: center;}
.jqstooltip {background: #34495E !important;width: 30px !important;height: 22px !important;text-decoration: none;}


*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.clear {clear: both;}
.sidebar-footer {bottom: 0px;clear: both;display: block;padding: 0px 0 0 0;width: 230px;z-index: 1000;background: #2A3F54;margin-top:-52px;height:50px;}
.sidebar-footer a {padding: 7px 0 3px;text-align: center;width: 25%;font-size: 17px;display: block;float: left;background: #172D44;height:50px;}
.sidebar-footer a:hover {background: #425567;}
.resrightnav {display:none;float:right;margin-top:20px;margin-right:10px;}
.maindivofpage {width:100%;float:right;padding:78px 10px 10px 10px;}
.resschoollogoandimg {display:none;width:100%;height:60px;background-color:#ffffff;margin-bottom:10px;}
.roundedcorners{-webkit-border-radius: 55px;-khtml-border-radius: 55px;	-moz-border-radius: 55px;border-radius: 55px;border:1px solid #CDCDCD;}

.roundsTopcir_M {background-color:#22baa0;text-align:center;font-family:OpenSans-Regular;width:20px;height:20px;font-size:12px;color:#ffffff;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;padding-top:1px;
    margin-top:-33px;margin-left:8px;z-index: 100;position: relative
}
.roundsTopcir_N {background-color:#22baa0;text-align:center;font-family:OpenSans-Regular;width:20px;height:20px;font-size:12px;color:#ffffff;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;padding-top:1px;
    margin-top:-33px;margin-left:14px;z-index: 100;position: relative
}

/* Rahul */

.chat_font
{
	font-family: OpenSans-Regular;
	font-size:12px;
	color:#615f5f;
}
.chat_status
{
	font-family: OpenSans-Bold;
	font-size:9px;color:#3bc3ab;
}
.profileshow
{
	display: none;width: 350px;height: 175px;background-color: #ffffff;float: right;margin-top: -7px;margin-right: -5px;
}
.profile_font
{
	font-family: OpenSans-Bold;
	font-size:13px;color:#7f7f7f;
	font-weight:bolder;
	text-align:left;
	width:190px;
	word-wrap:break-word;
}
.profile_mail
{
	font-family: OpenSans-Regular;
	font-size:11px;color:#a8a8a8;
	text-align:left;
}
.profile_buttoncorners
{
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;	
-moz-border-radius: 5px;
border-radius: 5px;
border:1px solid #CDCDCD;
background-color:#20baa1;color:White;font-family: OpenSans-Bold;font-size:11px;height:25px;width:100px; 
}
.profile_belowbutton
{
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;	
-moz-border-radius: 5px;
border-radius: 5px;
border:1px solid #CDCDCD;
height:25px; background-color:#fff;font-family:OpenSans-Bold;color:#848482;font-size:11px;cursor:pointer;
}
.profile_belowbutton:hover{background:#20baa1;color:White;}
.Notificationshow
{
	display: none;width: 350px;height:auto;background-color: #ffffff;float: right;margin-top: -25px;margin-right: -5px;
}

.Notification_font
{
	font-family: OpenSans-Bold;
	font-size:13px;color:#7f7f7f;
	font-weight:bolder;
	text-align:left;
}

.Notification_mail
{
	font-family: OpenSans-Regular;
	font-size:10px;color:#a8a8a8;
	text-align:left;
}
.Notification_border
{
	border-bottom:1px solid #f4f4f4;
}
.Notificationover:hover
{
    background-color: #f5f7fa;
    cursor:pointer;
}
.Notificationover_T:hover,.Notificationover_N:hover
{
    background-color: #f5f7fa;
    cursor:pointer;
}

.Inboxshow
{
	display: none;width: 350px;height: auto;background-color: #ffffff;float: right;margin-top: -25px;margin-right: -5px;
}

.InboxNotification_font
{
	font-family: OpenSans-Bold;
	font-size:13px;color:#7f7f7f;
	font-weight:bolder;
	text-align:left;
	margin:0;
	margin-top:8px;
	margin-left:3%;
}

.InboxNotification_mail
{
	font-family: OpenSans-Regular;
	font-size:10px;
	color:#a8a8a8;
	font-size: 12px;
	margin: 0;
	margin-left:3%;
}
.InboxNotification_border
{
	border-bottom:1px solid #f4f4f4;
}

.InboxNewNot
{
color: #6a7682;
float: right;
font-family: OpenSans-Bold;
font-size: 9px;
margin-right:2%;
margin-top:3px;
}

.x
   {
   	float:right;height:30px;left:13px;position:relative;top:-13px;width:30px;
   }
   .x:hover
   {
   	cursor:pointer;
   }
   .cssPopupviewall
   {
   		top:10%;
    	left:40%;
        width:350px;
        border-radius:6px;
        -webkit-radius:6px;
		-moz-radius:6px;
		position:relative;
		background:#fff;
		max-height:600px;
		height:480px;
		border:1px solid #e8e8e;
		-webkit-box-shadow: 1px 1px 10px -1px rgba(0,0,0,0.27);
        -moz-box-shadow: 1px 1px 10px -1px rgba(0,0,0,0.27);
         box-shadow: 1px 1px 10px -1px rgba(0,0,0,0.27);
   }
   #divViewallScroll{width:99%;height:420px;overflow-Y:scroll;}
/* End */





/* media */
@media only screen and (max-width: 1080px)    
{
	.clsPendTask{font-size:11px;}
}
@media only screen and (max-width: 992px) {   
   /* .rightnavicons,.rightnavicons1 {float:right;width:400px;height:68px;margin-right:0px;margin-top:0;} */
}

@media only screen and (max-width: 768px) {   
.rightnavbody{display:none;}
.footextmain{font-family: OpenSans-Semibold;color: #6e6e6e;font-size: 10px;margin: 0;margin-top: 10px;margin-bottom: 5px;}
.footextsub{font-family: OpenSans-Semibold;color: #aeaeae;font-size: 8px;margin: 0;margin-bottom: 10px;}

.resrightnav {display:block;}
.line {display: none;}
.resschoollogoandimg {display:block;}
    .rightnavicons,.rightnavicons1,.schoolimgLogo {
        display:none
    }
 .clsPendTask{font-size:12px;}   
}