@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,700);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,500,700);
/*
Template Name: Minton Dashboard
Author: CoderThemes
Email: coderthemes@gmail.com
File: Responsive
*/
@media only screen and (max-width: 6000px) and (min-width: 700px) {
  .wrapper.right-bar-enabled .right-bar {
    right: 0;
    z-index: 99;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  body {
    overflow-x: hidden;
  }
}
@media (max-width: 767px) {
  body {
    overflow-x: hidden;
  }
  .mobile-sidebar {
    left: 0px;
  }
  .mobile-content {
    left: 250px;
    right: -250px;
  }
  .wrapper-page {
    width: 100%;
  }
  .navbar-nav .open .dropdown-menu {
    background-color: #ffffff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    left: auto;
    position: absolute;
    right: 0;
  }
  .todo-send {
    margin-top: 10px;
    padding-left: 15px;
  }
  .chat-inputbar {
    padding-left: 15px;
  }
  .chat-send {
    margin-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .fixedHeader-floating {
    top: 60px !important;
  }
  div#datatable-buttons_info {
    float: none;
  }
  .m-menu {display:block;}
}
@media (max-width: 480px) {
  .side-menu {
    z-index: 10 !important;
  }
  .button-menu-mobile {
    display: block;
  }
  .search-bar {
    display: none !important;
  }
}
@media (max-width: 420px) {
  .hide-phone {
    display: none !important;
  }
}
/* Container-alt */
@media (min-width: 768px) {
  .container-alt {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container-alt {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container-alt {
    width: 1170px;
  }
}
@media (max-width: 639px) {
	.login-r{margin:0 2%;}
	.m-t-30{margin:15px!important;}
	}

@media only screen and (max-width: 1280px) {

}

@media screen and (min-width:1311px) and (max-width:1340px) { 
  #topnav .navigation-menu > li > a{ padding: 20px 10px;}
}


 @media screen and (min-width:1280px) and (max-width:1310px) {
 #topnav .navigation-menu > li > a{ padding: 20px 8px;}
 .wrapper { margin-top: 80px; }
 .brainstem.col-sm-1 { padding: 2px 13px 3px 14px; width: 80px;}
 }
 @media screen and (min-width:1200px) and (max-width:1278px) {
#topnav .navigation-menu > li > a{padding:20px 3px}
#topnav .topbar-main .logo {width: 15%;}
#topnav .menu-extras {width: 85%;}
.wrapper { margin-top: 80px; }
}
 /* @media screen and (min-width:1139px) and (max-width:1200px) {
 #topnav .navigation-menu > li > a{padding:20px 15px;}
 } */
@media screen and (min-width:1024px) and (max-width:1199px) {
#topnav .menu-extras { width: 100%; margin: 0px 0 0 0;}
.menu-extras .menu { width: 100%; }
#topnav .navigation-menu > li > a{padding:16px 14px}
.m-rgtt { position: absolute;right: 0; top: 0;}
.logo img{width:100%;}
.dash-links ul li .dash-icons img {width: 80px;}
.dash-links ul li .dash-icons h2 { letter-spacing: normal;}
.dash-links ul li {width: 49%;}
.dash-links ul li:nth-child(3) { margin-right: 2%;}
.dash-links ul li:nth-child(2n) { margin-right: 0%;}
.dash-links ul li .dash-icons { min-height: 175px;}
#scroll-new1 { height: 208px;}
#scroll-new { height: 230px;}
#topnav .topbar-main .logo {width: 163px;}
}
@media screen and (min-width:768px) and (max-width:1023px) {
.d-llnks{float:left;}
.dash_com .col-sm-6{width:100%;}
.h-brr .title-rht{width:100%;}
.h-brr .title-rht .pull-right{float:left!important;}
.m-menu{display:block;}
.col-sm-8.menu{display:none;}
.m-rgtt{border-left: 2px solid #ccc;}
.m-rgtt .brainstem.logout img{width: auto;margin-top: 0px;}
.mm-opened .mobNav{display:block!important;}
.page-title{font-size:22px; margin-bottom: 15px; line-height: 24px;}

#scroll-new1 { height: 208px;}
#scroll-new { height: 230px;}

.lbl-pads .lbl-div .col-md-2 { width: 20%; padding: 0;  padding-left: 0px; float: left;}
.lbl-pads .lbl-div .col-md-3 { width: 20%; padding: 0;  padding-left: 0px; float: left;}
.lbl-pads .lbl-div .col-md-9 { width: 78%; float: left; }
.analysis-pad.circular .lbl-pads .lbl-div button { margin-top: -3px;}
.panel.with-nav-tabs.pay-tab .table-responsive .table { width: 100% !important;}
.col-lg-6.col-md-6.col-sm-6.col-xs-12.pad-0, .col-md-12.pad-0 {padding-left: 0;}
.col-lg-3.col-md-3.col-sm-6.col-xs-12.bhoechie-tab-menu { width: 32%;}
.col-lg-9.col-md-9.col-sm-6.col-xs-12.bhoechie-tab { width: 67%;}

#login-bg { overflow: auto;}
}
@media screen and (max-width:767px) {
/* .m-rgtt .brainstem {width:auto; float:right; margin-right:23px;}
.m-rgtt .brainstem img{width: 54px;margin-top: 13px; display:none;}
.m-rgtt .brainstem.logout img{width: auto;margin-top: 0px; display:inline-block;} */
#topnav .topbar-main .logo { padding-left: 4%;}
.analysis-pad { margin: 30px 0 0 0;}
.page-title { line-height: 26px; margin-bottom: 24px;}
.m-menu { right: 84px;}
.brainstem.col-sm-1.brain-logo { display: none;}
#topnav .menu-extras { float: right; width: auto;}
.menu-extras .menu { width: auto; background: none;}
.title-rht ul li{width: auto; float:left; margin-right: 2%;}
/* .title-rht ul li label { display: block;} */
.title-rht ul li .btn.dropdown-btn { width: 100%; }
.title-rht .dropdown-menu li{width: 100%; float:left;}
.title-rht .dropdown-menu li:last-child{display:block;}
/* .title-rht ul li:nth-child(3){margin-right:0;} */
.title-rht ul li.sch-name span{padding:10px;}
.mm-opened .mobNav{display:block!important;}
div.bhoechie-tab-menu div.list-group > a.active::after{display:none;}
.login-r.sign-up .form-group{margin-right:0;}
.login-r.sign-up{width:96%; margin: 0 auto;}

.login-r{width:97%;}
#scroll-new1{height:200px;}
/* .title-rht ul li:nth-child(3){width:15%;}
.title-rht ul li:nth-child(4){width:15%; text-align:center;} */
.tab{width:100%!important; float:left!important; height:auto!important;}
.tabcontent{width:100%!important;}
.title-rht.dash-mob { float: left;width: 100%;}
.title-rht.dash-mob .navbar-nav.pull-right { float: left !important; width: 100%;}
.title-rht ul li.user-name { margin-right: 66px;}
.title-rht ul li.dropdown { position: absolute;right: 0;top: -55px; margin-bottom: 0;}

.analysis-pad.circular .panel { float: left; width: 100%; margin: 20px 0 0 0;}
.lbl-pads .lbl-div { padding: 0; margin: 0 0 10px 0;}
.lbl-pads .lbl-div .col-md-2 { width: 20%; padding: 0;  padding-left: 0px; float: left;}
.lbl-pads .lbl-div .col-md-3 { width: 20%; padding: 0;  padding-left: 0px; float: left;}
.lbl-pads .lbl-div .col-md-9 { width: 80%; float: left; padding: 0; }
.lbl-pads .lbl-div .col-md-10 { width: 80%; float: left; padding: 0; }

.analysis-pad.circular .lbl-pads .lbl-div button { margin-top: -3px; float: right;}
.lbl-pads .lbl-div label.empty { display: none;}
.table-responsive { border: none;}
#example1_length { float: left; text-align: left;}
#example1_filter { text-align: right;}

.panel.with-nav-tabs.pay-tab .table-responsive .table { width: 100% !important;}
.table-responsive > .table-bordered { border: 1px solid #ddd;}
.panel.with-nav-tabs.pay-tab .panel-body { float: left;  width: 100%;}

.dataTables_length { text-align: left; float: left;}
.dataTables_filter label{ float: right;}
div.dataTables_paginate ul.pagination { margin: 12px 0 0 0 !important;}
.panel .panel-body { padding: 15px;}

.box-body.achieve .media-body p { height: auto; overflow: auto;}
.col-lg-6.col-md-6.col-sm-6.col-xs-12.pad-0, .col-md-12.pad-0 {padding: 0;}
.bhoechie-tab { padding: 20px 0 0 0;}
div.bhoechie-tab-content { padding: 0 !important;}

.tab-content.ann-tab .tab { margin-bottom: 20px;}
.eve-banner .t-cenn h1 { font-size: 18px; line-height: 22px;}
.event-des h2 { font-size: 20px; line-height: 24px;}
.eve-banner.event-det img { opacity: 0;}
.eve-banner.event-det { background: url(../../../report_card/gallery/events/event-3.jpg) no-repeat left; height: 150px; background-size: cover;}

.f-center.sign { display: inline-block; position: absolute; width: 100%; height: 600px; top: 60px; overflow: auto; z-index: 9;}
#login-bg { overflow: auto;}

/* #login-bg .form-control.user-na {width: 8% !important;}
#login-bg .log_in { width: 92% !important;}

#login-bg .form-control.user-pa  {width: 8% !important;} */

}
@media screen and (max-width:639px) {
.title-rht ul li{width: 48%; float:left;}
.title-rht ul li label { display: block; line-height: 26px; }
.title-rht ul li.sch-name span { display: block; text-align: center;}
.title-rht ul li .btn-group.select { display: block;}
.title-rht ul li.dropdown { width: auto;}
.page-title{font-size:20px; }
/* .title-rht ul li:nth-child(3){width:50%; text-align:center;} */
.nav, .title-rht {float:left; width:100%;}
.dash-links ul li{width:49%;}
.dash-links ul li:nth-child(3n){margin-right:2%;}
.dash-links ul li:nth-child(2n){margin-right:0;}
/* .title-rht ul li:nth-child(2){margin-right:0;} */
.analysis-pad{padding:12px;}
.stud-pad2 ul li .circ-cont h1{margin-top:5px;}
/* .brainstem.logout a span{display:none;} */
.title-rht .dropdown-menu.dropdown-menu-lg li{width:100%!important; text-align:left;}
/* .fc-toolbar .fc-right, .fc-toolbar .fc-left{float: none!important; text-align: center; margin: 0 auto; display: inline-block;} */
.fc-toolbar.fc-header-toolbar{text-align: center; float: left; width: 100%; z-index: 99; position: relative;}
.achieve .media-left{width:100%; float:left; text-align:center;}
.achieve .media-left img{margin:0 auto;}
.achieve .media-body{float:left; width:100%; margin:10px 0;}
.stud-pad2 ul li .circ-img img{width:100%;}
.stud-pad2 ul li .circ-img.even::after{display:none;}
/* .title-rht ul li.sch-name{display:none;}
.title-rht ul li:nth-child(2){display:none;} */
.panel.with-nav-tabs .panel-heading{float:left; width:100%;}
.title-rht ul li.user-name { margin-right: 54px;}
.analysis-pad { margin-top: 16px;}
.stud-pad2 .tit-bord h3 {font-size: 16px;}
.tab-content.ann-tab .tabcontent h3 { font-size: 18px; line-height: 22px;}
.event-des h4 { width: 100%; }



}
@media screen and (max-width:479px) {

.page-title { font-size: 17px;}
.title-rht ul li{width:100%; margin-right:0;}
/* .title-rht ul li:nth-child(2){width:100%;}
.title-rht ul li:last-child{width:50%; padding-top:10px;}
.title-rht ul li:nth-child(3){width:50%; text-align:center;} */
.dash-links ul li{width:100%; margin-right:0;}
.stud-pad2 ul li .circ-img{width:140px;}
.stud-pad2 ul li .circ-cont{padding-left:0; width:100%; margin-top: 10px}
.stud-pad2 ul{padding-right:0; padding: 16px 0 10px 10px;}
.mCSB_inside > .mCSB_container{margin-right:25px;}
/* .title-rht ul li label{font-size:12px; width:100%;}
.title-rht ul li.sch-name span{padding:5px;} */
.title-rht ul li{margin-bottom:5px;}
/* .f-center{top:130px;} */
#login-bg{overflow:scroll; background:#333;}
.dash-links ul li .dash-icons { min-height: 175px;}
.dash-links ul li { border-radius: 5px;}
.title-rht ul li label { font-size: 15px;}

#example1_length { width: 100%;}
.analysis-pad.circular .lbl-pads .lbl-div button {margin-top: 5px; float: right;}
#example1_filter {text-align: left;}
.fc-toolbar h2 {  color: #000;}
.fc-toolbar.fc-header-toolbar { margin-bottom: 5px !important;}
.fc-scroller.fc-day-grid-container { height: 350px !important;}

ul.paid-list { float: left; margin-bottom: 0;}
.dataTables_length { text-align: left; float: left; width: auto;}
.dataTables_filter label{ float: left;}

.f-center.sign { height: 500px;}
/* #login-bg .form-control.user-na {width: 14% !important;}
#login-bg .log_in { width: 86% !important;}

#login-bg .form-control.user-pa  {width: 14% !important;} */
}