body {
  padding-top: 0px;
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #333333;
}
input[type="text"],
input[type="password"],
textarea,
select{
min-width:200px;
max-width:200px;
}
th{
 width:33.333333333333333333%;
}
h1{
  font-size:1.8em;
}
h2{
  font-size:1.5em;
}
h3{
  font-size:1.4em;
}
h4{
  font-size:1.3em;
}
.x-footer{
 padding:20px 0 20px 0;
 background:#8996a0;
 color:#fff;
 }
.x-footer a{
 border-bottom:#fff 1px dotted;
 color:#fff;
}
.x-footer a:hover{
 text-decoration: none;
 border-bottom:#c60c30 1px dotted;
 color:#c60c30;
}
.errors{
 background: #c60c30;
 color:#fff;
 padding:5px;
 margin:5px 0 5px 0;
}
.x-body-pad{
 padding-right:45px;
 padding-left:45px;
}
.x-exam-title-header{
 background: #8996a0;
 color:#fff;
 padding:7px;
 border-radius:3px;
 margin:2px;
}
.x-location-header .btn{
 float:right;
}
/****** Bootstrap 3.0.2 class properties to overwrite ******/
.navbar{
border-radius:0px;
border:0px;
background:url("/images/background-header.jpg") no-repeat;
color:#fff;
}
.navbar-nav{
 clear:both;
 margin-bottom:0;
}
.navbar-inverse .navbar-brand {
color: #8996a0;
}
.navbar li a{
color:#fff !important;
background:url("/images/8996a0-transparent-1x1.png");
margin-right:14px;
padding-right:25px;
padding-left:25px;
}
.navbar li a:hover{
 color:#fff !important;
 background: #c60c30 !important;
}
.navbar li a.active{
 color:#fff !important;
 background: #c60c30 !important;
}
.navbar-toggle{
 border-radius: 0;
 border:1px solid #666 !important;
 background:url("/images/8996a0-transparent-1x1.png");
}
.navbar-collapse{
 border-top:0 !important;
 margin:0;
}
a.navbar-brand{
 width:80%;
 height:auto;
}
.btn-success{
 background: #c60c30;
 border:0;
}
.btn-default:hover{
 background: #c60c30;
 color:#fff;
}
input[type="password"], 
input[type="text"], 
textarea,
select{
 border-top:1px solid #ddd;
 border-left:1px solid #ddd;
 border-right:1px solid #8996a0;
 border-bottom:1px solid #8996a0;
 padding:5px;
}
.dl-horizontal dt{
 text-align: left;
}
.alert-info{
border:0;
}
ul.alert{
 list-style: none;
}
.alert-info a{
 text-decoration: underline;
}
.alert-info a.btn{
 text-decoration: none;
}
.well {
min-height: 20px;
padding: 6px;
margin-bottom: 6px;
background-color: #f5f5f5;
}
.well h2{
 margin:3px;
}
.x-well-darker{
 background:#8996a0 !important;
}
.x-well-darker h2{
 color:#fff !important;
}
.x-well-darker th,
.x-well-darker td{
 background:#8996a0 !important;
 color:#fff !important;
}
.x-well-darker tr:last-of-type th,
.x-well-darker tr:last-of-type td{
 border-top:1px solid #e6e6e6;
 border-left:0 !important;
 background:#8996a0 !important;
}
.x-requirements-list{
 line-height:1.7854em;
}
.x-table-form th{
 width:22.5% !important;
 max-width:25% !important;
}

/*** Media Screen ***/
@media only screen and (max-width: 768px) {

 .navbar li a{
  background:#8996a0;
  width:100%;
  padding-left:5px;
}
.navbar-brand{
  padding:4px;
}
.navbar-toggle{
 margin-right:4px;
 margin-top:4px;
}

}

@media only screen and (max-width: 400px) {
  
 body{
  font-size:12px;
 }
 h1{
  font-size:1.5em;
 }
 h2{
  font-size:1.3em;
 }
 h3{
  font-size:1.2em;
 }
 h4{
  font-size:1.1em;
 }
 .x-body-pad{
  padding:0 3px 0 3px;
 }
 .container{
  padding:2px;
 }
 .navbar-brand{
  padding:4px;
 }
 .x-footer{
 padding:2px 2px 2px 2px;
 background:#8996a0;
 color:#fff;
 }
 th label{
  font-weight:normal;
 }
 .navbar-header{
  margin-bottom:13px;
 }
 .navbar li a{
  background:#8996a0;
  width:100%;
  padding-left:5px;
}
.x-location-header .btn{
 display:block;
 clear:both;
}
}