﻿body {
    text-align: center;
    font-family: Calibri;
}
.body-background-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #005c92;
}
.body-background-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #005c92;
  opacity: .15;
}
.body-background {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../images/truck-banner-11.jpg);
}
.bds-login-railport-icon {
  position: absolute;
  left: 0;
  top: 0;
}
.bds-login-bds-icon {
  position: absolute;
  top: 0;
  right: 0;
}
.bds-environment {
  padding: 20px;
  display: none;
  margin: 0;
  width: 100%;
  color: red;
  background-color: #fcc;
  text-align: center;
  font-size: 2em;
}
body.bds-env-Staging .bds-environment,
body.bds-env-Development .bds-environment {
  display: block;
}
#browserWarning {
  line-height: 1.4em;
  background: white;
  left: 0;
  right: 0;
  color: red;
}
.bds-footer {
  padding: .3em;
}
.bds-footer-line {
  color: #f5f5f5;
  position: relative;
  font-size: .7em;
}
#globalMessage {
  display: none;
  margin-top: 2em;
  min-height: 145px;
  text-align: left;
  font-weight: bold;
  max-height: 215px;
  overflow: hidden;
}
#globalMessage > div {
  padding: 3px 6px;
}
#globalMessageMessage {
  position: relative;
  color: red;
}
#genericMessage {
  position: relative;
}
#LoginForm {
  padding: 20px 0;
  position: relative;
  font-size: 20px;
  color: white;
}
.login-error {
  color: #fbb;
  letter-spacing: 1px;
  font-weight: bold;
  font-size: 1.3em;
}
.login-error ul {
  padding: 0;
  list-style: none;
}
#login-form label {
  color: #f5f5f5;
}
#login-form input {
  padding: 6px 12px;
  border: 0;
  border-radius: 4px;
}
#login-information {
  position: relative;
  text-align: left;
  color: #a5a5a5;
  font-size: 8pt;
}
.login-title {
  padding-bottom: 20px;
  border-bottom: 1px solid white;
  margin-bottom: 20px;
}
#LoginButton {
  border: 0;
  padding: 10px;
  background-color: #fff;
  border-radius: 3px;
  width: 100px;
  cursor: pointer;
  font-size: 20px;
}
#LoginButton:hover {
  color: #13418c;
}
#LoginButton:active,
#LoginButton:focus {
  color: #13418c;
}
#globalMessage .login-yellow-background,
.login-form-area .login-orange-background {
  border-radius: 4px;
}
.login-orange-background,
.login-white-background,
.login-yellow-background {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.login-orange-background {
  background-color: #005c92;
  opacity: .7;
}
.login-white-background {
  background-color: #eee;
  opacity: .7;
}
.login-yellow-background {
  background-color: #fff8dc;
  opacity: .85;
}
.validation-summary-errors {
  color: #f77;
}
.validation-summary-errors ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#twitter-widget-0 {
  width: 100% !important;
}
@media (min-width: 1200px) {
  .embed-responsive.bds-embed-responsive-twitter-feed {
    height: 455px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .embed-responsive.bds-embed-responsive-twitter-feed {
    height: 440px;
  }
}
@media (max-width: 991px) {
  .embed-responsive.bds-embed-responsive-twitter-feed {
    display: none;
  }
}
/*
    @media (max-width: 767px)
    @media (min-width: 768px)
    @media (min-width: 992px)
    @media (min-width: 1200px)
*/
body.bds-mode-Maintenance #sitemode {
  position: absolute;
  top: 0;
  left: -15px;
  display: block !important;
}
body.bds-mode-Maintenance #sitemodebg {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 85px 240px 0 0;
  border-color: #b00000 transparent transparent transparent;
}
body.bds-mode-Maintenance #sitemodetxt {
  position: absolute;
  top: 4px;
  left: 15px;
  color: white;
  font-weight: bold;
  font-size: 21px;
}
#QuickCertForm {
  padding: 10px 0;
  position: relative;
  font-size: 20px;
  color: white;
}
#QuickCertForm .quickcert-title {
  font-size: 17px;
  padding-bottom: 10px;
  border-bottom: 1px solid white;
  margin-bottom: 10px;
}
#QuickCertForm pre.containerid {
  font-size: .95em;
  background-color: #659dbd;
  color: #eee;
  padding: .05em .2em;
}