/* Use normal stylesheet to drive the layout of the site*/
@import url("screen.css");

/* Now update the coloring scheme */

/* Update elements to use yellow as text color*/
body {
  color:#FFFFFF; width:100%
}  
h1, 
h2, 
h3, 
h4, 
a, 
legend, 
strong, 
label, 
li.label, 
motorcycleResult  #unmodifiedVRTAmount li{
  color:#FFFF00 !important;
}
p, 
.important-note li{
  color:#FFFFFF !important
}

/* Update elements to use black as background color*/
body, div, ol, ul{
  background:#000 !important; 
  filter: none !important;
  -ms-filter: none !important;
  font-size: 16px;
}
ul, ol, li{
  list-style: none;
}
/* make input and select tag text black with white background*/
select, option, input{
  background-color: #FFFFFF !important;
  color: #000000 !important;
}
.panel{
  border: 1px solid #FFF;
}
.radio-btn label{
  color: #000 !important;
  background: #fff; 
}
/* modify elements that get lost with high contrast style */
.btn-primary{
  background-color:#FFFF66 !important;
  color:#000000 !important; 
  font-weight:bold;
  font-size: 18px;
  border: 2px solid #FFFF00 !important;
}
.glyphicon{
  background: transparent !important;
}
.glyphicon.glyphicon-edit{
  font-size: 2rem;
  color: #fff;
}
.tooltip-text{
  color: #FFF !important;
}
span.btn.btn-info{
  color: #ffff00;
}
.important-note ol li:before{
  color: #000000;
  background: #FFFF00;
}
.button.btn-secondary{
  background-color: #fff;
  color: #000;
  padding: 14px !important;
  border-radius: 4px;
}
/* make loading image visible with white background; shaped into a circle*/
.vehicleSearch img{
  height: 35px;
  margin: 7px;
  padding: 2px;
  border-radius: 50%;
  border: 5px solid #FFFFFF;
  background-color: #FFFFFF;
}
.print{
  padding: .5rem !important;
  color: #000;
}

@media (max-width: 768px){
  #menubarOLD {
    margin-top: 110px;
  }
  .headerOLD img {
    height: 90px;
    clip: rect(0px, 150px, 90px, 0px);
    position: absolute;
  }
}
@media (max-width: 524px){
  .headerOLD img{  
    height: 80px;
    top: 35px;
    clip: rect(10px, 132px, 90px, 0px);
    position: absolute;
  }
}
/* Make error colors white for higher contrast*/
#error, .errors, .errorBox, .errorLine {color: #FFF;}

/* change icon colour */
button.btn.btn-info{
  color: #fff;
}
.icon-expando-open:before {
  color: #fff;
}
.icon-expando-close:before {
  color: #fff;
}
.icon-arrow-down-regular:before{
  color: #ffff00;
}
.icon-print:before{
  color: #000;
}
.icon-arrow-diagonal-regular:before{
  color: #ffff00;
}
.icon-arrow-up-regular:before{
  color: #ffff00;
}
.modal-content{
  border: 5px solid #FFFF00;
}
.close img{
  background: #000;
  height: 40px;
}
#menubar{
  border-bottom: 2px solid #ffff00;
}
.toTop{
  border-top: 2px solid #ffff00;
}