html, body{margin:0px; padding:0px;}

body{font-family:'Roboto', sans-serif; font-weight:300; color:#343a40; background:url(../images/b-bg.jpg); color:#01875f; }

a:hover{text-decoration:none;}

.red{color:#CC0000;}

.modal-backdrop{background:url(../images/modal-bg2.png) no-repeat;  background-attachment:fixed; background-size:cover; opacity:1 !important;}
.modal .modal-header{background:#002e62; color:#fff; font-weight:600; font-size:15px; padding:10px;}
.modal .modal-header .close{text-shadow:none; opacity:1; color:#fff;}

/*.login-page{background:url(../images/l-bg.jpg) center;}*/
.login-page{background:#f2f2f2;}

.top10{margin-top:10px;}
.btn-xs{margin-bottom:5px;}

.login-page .logo-bar{margin:35px 0px -30px 0px;}
.login-page .logo-bar .logo{width:250px; border-radius:10px; background:#fff; padding:10px; border:1px solid #CCCCCC; border-bottom:none; box-shadow: 0 -7px 16px 0 rgba(0, 0, 0, 0.71);}

.login-page .box{padding:10px 10px; -webkit-box-flex:1; -ms-flex:1; flex:1; background:#fff; border-radius:8px; margin:10px 0; box-shadow:0 3px 16px 0 rgba(0, 0, 0, 0.71); transition:.3s all linear; display:block; text-align:center; font-size:18px; color:#002e62; font-weight:bold;:}
.login-page .box h1{font-size:25px; font-weight:bold; margin:0px; padding:20px 0 7px 0px;}
.login-page .box.menu{cursor:pointer;}
.login-page .login-form h2{font-size:25px; font-weight:bold; margin:0px; padding:0px 0 10px 0px;}

.login-page .form-control{font-weight:400; font-size:15px; line-height:1.5; color:#666666; background:#e6e6e6; height:50px; border-radius:25px; padding:0 20px 0 20px;}
.login-page .input-group-addon{padding:12px 16px !important; border-radius:25px 0px 0px 25px; color:#666666; background:#e6e6e6; height:50px;}

.login-form-btn{border:none; font-size:15px; line-height:1.5; color:#fff; width:100%; height:50px; border-radius:25px; background:#002e62; text-align:center; padding:0 25px; -webkit-transition:all 0.4s; -o-transition:all 0.4s; -moz-transition:all 0.4s; transition:all 0.4s;}
.login-form-btn:hover{background:#53a798;}

header{background:#002e62; padding:5px 0; color:#fff; font-size:15px; box-shadow: 2px 10px 30px 0 rgba(0,0,0,.42), 0 4px 25px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(0,0,0,.2); position:fixed; width:100%; z-index:999;}
.h-height{height:80px;}
header .logo-bar img{width:200px; height:70px; border:1px solid #fff; border-radius:50%;}
header .logo-name{font-size:20px; text-align:center; margin-top:5px; font-weight:bold;}
header a{color:#FFFFFF;}
header .school-name{margin-top:5px; font-size:18px; font-weight:bold; text-align:center;}
header .nav-bar{float:right; margin:28px 0px 0px 0px; padding:0px; list-style:none;}
header .nav-bar li{margin:0 10px; float:left; font-size:14px;}
header .dropdown-menu{background:#FFFFFF; padding:0px; margin:5px 0 0 0; left:auto; right:0px;}
header .dropdown-menu a{color:#002e62 !important;}
header .dropdown-menu a{display:block; padding:10px 10px; border-bottom:1px solid #CCCCCC; color:#000000; font-size:12px; font-weight:500;}


#container{width:100%; height:100%; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; position:relative;}
#sidebar{width:230px; height:85%; overflow:auto; scrollbar-width: thin ; position:fixed; background:#002e62; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
#main-content{margin-left:230px; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; padding-top:10px;}

ul.sidebar-menu, ul.sidebar-menu li ul.sub{margin:-2px 0 0; padding:0;}
ul.sidebar-menu{-webkit-box-shadow:0px 0px 15px #002e62; -moz-box-shadow:0px 0px 15px #002e62; box-shadow:0px 0px 15px #002e62;}
ul.sidebar-menu li{border-bottom:1px solid rgba(255,255,255,0.05); display:block; margin:0 0 1px 0; padding:0; border:0px; background:url(../images/side-bar-list-bg.png); line-height:14px;}
/*ul.sidebar-menu li a:hover, ul.sidebar-menu li a:focus{background:url(../images/side-bar-list-bg.png); color:#fff; display:block; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}*/

ul.sidebar-menu li.active > a{color:#FFFF99}

ul.sidebar-menu li a{color:#fff; text-decoration:none; display:block; padding:10px 10px 10px 0px; font-size:14px; outline:none; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
ul.sidebar-menu span.icon-box{background:url(../images/side-bar-list-bg.png) !important; padding:1px 8px; margin-right:4px; width:25px;}

.dcjq-icon{display:inline-block; position:absolute; right:10px; width:0; height:0; border-left:4px solid #f3f3f3; border-top:4px solid transparent; border-bottom:4px solid transparent; margin-top:3px;}
#sidebar ul li{position:relative;}
ul.sidebar-menu, ul.sidebar-menu li ul.sub{margin:-2px 0 0; padding:0;}
ul.sidebar-menu li ul.sub{display:none;}
ul.sidebar-menu li.active > ul.sub{display:block;}
ul.sidebar-menu li.active > ul.sub li.active > a{color:#FFFF99}

ul.sidebar-menu li ul.sub li{background:url(../images/side-bar-list-bg.png); margin-left:0; margin-right:0;}
ul.sidebar-menu li ul.sub li .fa{font-size:9px; margin-right:5px;}
#sidebar .sub li a{padding-left:20px;}
ul.sidebar-menu li ul.sub li a{font-size:12px; padding:5px 5px 5px 0px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; color:#fff;}

.main-content{background:#FFFFFF; margin:30px; padding:20px; box-shadow: 2px 10px 30px 0 rgba(0,0,0,.42), 0 4px 25px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(0,0,0,.2); border-radius:10px;}

.main-content h1{font-size:25px; font-weight:bold; padding:0px 0 5px 0; margin:0px 0 25px 0; border-bottom:1px solid #002e62;}

.main-content .form .row.active{background:#f5f7fa; border-bottom:1px solid #ebeff5;}
.main-content .form .border-left{border-left:1px solid #ebeff5; padding-top:10px;  padding-bottom:10px;}
.main-content .form .control-label{margin-top:10px;}
.main-content .form .form-group{margin-bottom:0px;}

.s_form{font-size:13px;}
.s_form .img-box{padding:5px;}

.panel-primary>.panel-heading{color:#fff; background-color:#002e62; border-color:#002e62;}
.panel-primary{border-color:#002e62;}

.s_form .nav-tabs{border-bottom:1px solid #009da0; text-align:center;}
.s_form .nav-tabs li{width:32.5%; margin:0px; font-size:15px; padding:0px; background:#f5f7fa;}
.s_form .nav-tabs li:nth-child(2){margin:0 5px;}
.nav-tabs>li>a{margin:0px; border:none; font-weight:bold;}
.s_form .nav-tabs>li.active>a, .s_form .nav-tabs>li.active>a:focus, .s_form .nav-tabs>li.active>a:hover{border:none; background:#002e62; color:#fff;}
.s_form .tab-pane{padding-top:20px;}
.req{color:#CC0000; font-size:12px;}

.btn-group-vertical a{margin-bottom:8px; margin-right:8px;}

.green-color{color:#006600;}
.read-color{color:#CC0000;}

#radioBtn .notActive{color:#3276b1; background-color:#fff;}

.table{font-size:12px;}
.table th{font-size:11px;}
.table th, .table td{padding:5px !important;}
.table .form-control{padding:3px 5px; height:28px; font-size:12px;}
.table .help-block{color:#CC0000;}

.control-label{font-size:13px;}

.pagination{margin:0px !important;}

/*h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-family:'Montserrat', 'Segoe UI', Roboto, 'Helvetica Neue', 'Roboto', sans-serif;}*/


.outerDivFull { } 
.switchToggle input[type=checkbox], .switchToggle input[type=radio]{height: 0; width: 0; visibility: hidden; position: absolute; }
.switchToggle label {cursor: pointer; text-indent: -9999px; width: 70px; max-width: 70px; height: 30px; background: #d1d1d1; display: block; border-radius: 100px; position: relative; }
.switchToggle label:after {content: ''; position: absolute; top: 2px; left: 2px; width: 26px; height: 26px; background: #fff; border-radius: 90px; transition: 0.3s; }
.switchToggle input:checked + label, .switchToggle input:checked + input + label  {background: #3e98d3; }
.switchToggle input + label:before, .switchToggle input + input + label:before {content: 'No'; position: absolute; top: 5px; left: 35px; width: 26px; height: 26px; border-radius: 90px; transition: 0.3s; text-indent: 0; color: #fff; }
.switchToggle input:checked + label:before, .switchToggle input:checked + input + label:before {content: 'Yes'; position: absolute; top: 5px; left: 10px; width: 26px; height: 26px; border-radius: 90px; transition: 0.3s; text-indent: 0; color: #fff; }
.switchToggle input:checked + label:after, .switchToggle input:checked + input + label:after {left: calc(100% - 2px); transform: translateX(-100%); }
.switchToggle label:active:after {width: 60px; } 
.toggle-switchArea { margin: 10px 0 10px 0; }


.nav-tabs{width:100%;}
.nav-tabs li a{background:#eee; color:#000; font-size:15px; font-weight:bold; text-align:center;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{background:#002e62; color:#fff;}
.hide-form{display:none;}

.help-block{color:#CC0000;}

.pagination> .blank a{background:#CC0000; color:#FFFFFF;}


.checkbox-round{margin:0 auto;}
.checkbox-round .round{position:relative;}
.checkbox-round .round label{background-color:#ccc; border:1px solid #ccc; border-radius:50%; cursor:pointer; height:20px; left:0; position:absolute; top:0; width:20px;}
.checkbox-round .round label:after{border:2px solid #fff; border-top:none; border-right:none; content:""; height:6px; left:4px; opacity:0; position:absolute; top:5px; transform:rotate(-45deg); width:10px;}
.checkbox-round .round input[type="checkbox"]{visibility:hidden;}
.checkbox-round .round input[type="checkbox"]:checked + label{background-color:#66bb6a; border-color:#66bb6a;}
.checkbox-round .round input[type="checkbox"]:checked + label:after{opacity:1;}

table .padding0{padding:0px !important;}

.icon-chevron-up {
    background-position: -288px -120px !important;
}

.icon-chevron-down {
    background-position: -313px -119px !important;
}

[class^="icon-"], [class*=" icon-"] {
    display: inline-block;
    width: 14px;
    height: 14px;
    *margin-right: .3em;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url(../img/glyphicons-halflings.png);
    background-position: 14px 14px;
    background-repeat: no-repeat;
    margin-top: 1px;
}


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

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


@media only screen and (max-width:767px){
	.
}

@media only screen and (min-width:768px) and (max-width:991px){
	
}