body {background: #fffad5; font-family: 'Lato', sans-serif;}
h1, h2, h3, h4, h5, h6 {font-family: 'Lato', sans-serif;}
.navbar-inverse {background-color: #351b11;}
.navbar-inverse .navbar-nav > li > a {color: rgba(255,255,255, 0.75);}
.navbar-inverse .navbar-brand {color: #fff;}
.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {color: rgba(255,255,255, 0.25);}
table .progress {margin-bottom: 0;}
div.table-responsive {width: 100%; overflow: scroll;}
table h4 {margin-bottom: 0; margin-top: 0; white-space: nowrap;}
table thead small {font-weight: 400}
td {background: #FFFCE7; margin: 0;}
.container-wrap {margin: 0 1em;}
.page-header {margin-top: 20px;}
.tab-pane .panel-group, .tab-pane .well {margin-top: 1em;}
.header-img {width: 20px; margin-right: 5px;}
.pretest {opacity: .5;}
.panel-default > .panel-heading { background: #5c2b17; color: #fff; border-color: none;}
.tab-content {box-sizing: border-box; background: #FFFCE7; padding: 1em; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd;}
tr {padding-left: 200px;}
td.row-name, th.row-name { z-index: 100; border-right: 3px solid #ccc; background: #FFFCE7; width:200px; display: block; position: absolute; left: 0; top:auto;}
td.row-name a, th.row-name a { display: block;}
div.passcode {overflow: hidden; padding: 0 ; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; background: rgba(255,255,255,0.5)}
div.passcode img {margin-bottom: 10px}
div.passcode div {min-height: 95px; border-right: 1px solid #ccc;}
div.passcode h1, div.passcode h2, div.passcode h3, div.passcode h4 {margin-top: 0;}  
.login {margin: 0 auto; width: 400px;}
.login h1 {margin-bottom: 0; text-align: center;}
.login h3 {margin-top: 0; text-align: center;}
.login form {background: #fff; border: 1px solid #ccc; border-radius: 5px; padding: 25px;}
.progress-bar-pretest {background-color: #407f40;}
.nav-tabs li.pull-right label {margin-right:1em;}
thead {background: rgba(255,255,255,0.5);}
.tab-content > .active {position: relative;}
.table-responsive {padding-left: 200px;}
.table > thead > tr > th.row-name {border-bottom: none; height: 100px;}
table td.row-name h4 { white-space: normal; height: 50px; color: #FFFCE7;}
table td h5 {margin-top: 0; margin-bottom: 0;}
.table-responsive table {white-space: nowrap;}
.btn-default:hover {background: auto; }

.table > thead > tr > td.header,
.table > tbody > tr > td.header,
.table > tfoot > tr > td.header,
.table > thead > tr > th.header,
.table > tbody > tr > th.header,
.table > tfoot > tr > th.header,
.table > thead > tr.header > td,
.table > tbody > tr.header > td,
.table > tfoot > tr.header > td,
.table > thead > tr.header > th,
.table > tbody > tr.header > th,
.table > tfoot > tr.header > th {
  background-color: #5c2b17;
}

/* The sidebar menu */
.sidenav {
height: 100%; /* Full-height: remove this if you want "auto" height */
width: 206px; /* Set the width of the sidebar */
position: fixed; /* Fixed Sidebar (stay in place on scroll) */
z-index: 1; /* Stay on top */
top: 0; /* Stay at the top */
left: 0;
background-color: #4A7012; /*  #111 Black */
overflow-x: hidden; /* Disable horizontal scroll */
padding-top: 64px;
padding-left: 8px;
border-right: 1px solid #ccc;
}

/* The navigation menu links */
.sidenav a {
padding: 5px 5px 5px 5px;
text-decoration: none;
font-size: 18px;
color: #fffad5;
display: block;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
color: #333;
background-color: #4A7012;
}

/* Color of the currently selected toc item */
a.current {
color: #222;
font-weight:bold;
background-color: #4A7012;
}

/* Different styling for sub items in toc */
a.subtoc {
font-size: 16px;
}

/* Style page content */
.main {
margin-left: 210px; /* Same as the width of the sidebar */
padding: 0px 10px;
background-color: #fffad5;
}

.studentmain {
	padding: 0px 10px;
	background-color: #fffad5;
	margin-top: 16px; 
	margin-left:1px; 
	margin-right:0px;
}

.maintitle {
	margin-left:220px;
}

.reportupdatediv{ 
	margin-top:-46px; 
	margin-right:11px;
}

.studentreportupdatediv{ 
	margin-top:-38px;
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #fffad5; /*#faf7dc;*/
}

.progress {
	background-color: #fbfbfb;
}

/* On smaller screens, where height is less than 450px, change the style of the sidebar (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
.sidenav {padding-top: 15px;}
.sidenav a {font-size: 18px;}
}