@import url(../fonts/font-awesome.min.css);

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300italic,300,400italic,600,700,600italic,700italic,800,800italic);

@font-face {
    font-family: 'bernhard modern bt';
    src: url('../../student/fonts/bernhard modern bt.ttf') format('truetype');
     font-weight: normal;
    font-style: normal;
}
.bern {
    font-family: 'bernhard modern bt' !important;
}
body, html, form, section {height:100%; min-height:100%; background:#2e3333;}
 
 


/* Clear Styles */
.clear	{clear:both; width:100%;} 
.spacer1 {clear:both; width:100%; height:10px;}
.spacer2 {clear:both; width:100%; height:20px;}
.spacer3 {clear:both; width:100%; height:30px;}
.spacer4 {clear:both; width:100%; height:40px;}



/* GO To Top Style  */
.scrollup {   position:fixed;  bottom:10px; right:20px;  display:none;   z-index:99; font-size:24px; color:#000; }
.scrollup { -webkit-animation: moveFromBottom 1000ms ease; -moz-animation: moveFromBottom 1000ms ease;   -ms-animation: moveFromBottom 1000ms ease;}
a.scrollup { color:#52bcc5;} a.scrollup:hover { color:#272e43;}


/* Wrapper */
.adminwrapper          {position: relative; width:100%; margin:0px auto; text-align: left;  }
.adminwrapper          {min-height: 100%;	height: auto !important; height: 100%; margin: 0 auto -60px;/* the bottom margin is the negative value of the footer's height */}
.adminfooter           {position: relative; width: 100%; margin: 0 auto;    }
.adminfooter, .adminpush    {height: 60px; clear:both;/* .push must be the same height as .footer */  }


/* Login Panel */
.login-panel {  margin-top: 0%;  border: 1px solid #ddd;  -webkit-box-shadow: 0 15px 10px -6px #333;  -moz-box-shadow: 0 15px 10px -6px #333; box-shadow: 0 15px 10px -6px #333;}
.login-panel .panel-heading h2{ font-size:20px !important;}
.login-container {margin-top: 5%;}
.login-panel .input-group-addon { border:1px solid #dddddd}
 

/*Header */     
.header { width:100%; padding:0; margin:0; background:#158cba; }
.navbar-brand h1 { padding:0; margin:0; color:#fff;}
.navbar-brand a { text-decoration:none}
.navbar {position: relative;   margin-bottom: 0px;  border: 0px;}
.bg-navbar {   background:#fff; }

/* Footer */
#footer { padding: 15px 0px 0px; background:#2e3333; color:#999;  width:100%;}
#footer .footer-left { text-align:left;}
#footer .footer-right { text-align:right;}


 

/*Company Logo */
.company-logo h1 { font-size:28px; font-weight:700; color:#fff; text-transform:uppercase;}
.company-logo h1 small { font-size:30px; font-weight:400;}
 
/*Navbar Right*/
.header-top-links {   padding:0; margin:0; float:right;    }
.header-top-links li { display: inline-block; list-style:none; padding:0; margin:0;   text-align:center;  color:#eee; }
 
.header-top-links li a {  padding: 0px 15px 0px 15px; color:#eee; display:  block;  margin:0; text-align:center; line-height: 64px;}
.header-top-links li a:hover { color:#fff; }
 .header-top-links li .fa {padding:0; margin:0; }
 
 
 /*Navbar Nav*/
.nav > li > a { font-size:14px; font-weight:600; text-transform:uppercase; color:#2e3333;}
.nav > li > a:hover {  color:#152bc2; background:transparent;}
.nav .active a, .nav .active a:hover, .nav .active a:focus { background:#2e3333; color:#fff; }
.nav .active a:after,  .nav .active a:before {
	bottom: 0;	left: 50%;	border: solid transparent;	content: " ";	height: 0;	width: 0;	position: absolute;	pointer-events: none;}
.nav .active a:after {
	border-color: #2e3333;	border-bottom-color: #fff;	border-width: 10px;	margin-left: -10px;}
.nav .active a:before {
	border-color: #2e3333;	border-bottom-color: #fff;	border-width: 10px;	margin-left: -10px;}

.navbar-toggle {  position: absolute; right:0; background-color: #fff;  border: 1px solid #333; border-radius: 3px;}
.navbar-toggle .icon-bar { background:#333;}


 /*Table bg head */
.th     {background-color:rgb(120,120,120);  font-weight: bold; color: #fff;  text-align:center !important;}
.tch    {background-color:#d8d8d8; color: #434343;  border:1px solid #fff;  }
.tc     {background-color:#f9f9f9;   color: #434343;  border:1px solid #fff;  }
.th1     {background-color:#acacac; color: #434343;  border:1px solid #fff; }
.head {  background-color:#152bc2; padding:10px;   font-weight:bold; color:#fff !important;   text-transform:uppercase}
.head h2 { padding:0; margin:0; color:#fff;}

 
 /* Body */
.body-wrapper  {   background:#fff;  min-height: 450px;  padding-top:30px; padding-bottom:30px;  border-top:1px solid #333; }




/* Common */
 
.form-text-center  th {   text-align:center !important;  }
 .form-text-center .form-control {   padding: 6px 0px; text-align:center;   display:inline-block;}
 .GridPager a, .GridPager span
    {
        display: block;
        height:23px;
        width: 20px;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
    }
    .GridPager a
    {
        background-color: #f5f5f5;
        color: #969696;
        border: 1px solid #969696;
    }
    .GridPager span
    {
        background-color: #A1DCF2;
        color: #000;
        border: 1px solid #3AC0F2;
    }