/*@primaryColor: #e31c37;*/
/*LIGHT THEME - BE SURE TO CHECK THAT TEXT IS STILL READABLE IF USING*/
/*@left-sidebar-background: #f0f3f3;
@left-sidebar-text-color: #494545;*/
#toast-container .toast.toast-error {
  background-color: #E31C37;
  opacity: 1;
}
.hover {
  background-color: #666666;
  color: #FFFFFF;
}
body.main-mp #header {
  background: #fff;
}
body.main-mp #header .brand:before {
  content: "";
  background: url('images/logo-alt.png') no-repeat center center;
  background-size: 200px;
  width: 200px;
  height: 60px;
  display: inline-block;
}
body.main-mp #header .brand .logo {
  display: none;
}
body.main-mp #header button.sidebar-toggle:hover,
body.main-mp #header button.sidebar-toggle:active,
body.main-mp #header button#toggle-profile:hover,
body.main-mp #header button#toggle-profile:active,
body.main-mp #header button#toggle-fullscreen:hover,
body.main-mp #header button#toggle-fullscreen:active {
  background-color: #666666;
  color: #FFFFFF;
}
body.main-mp #header .nav li.profile > a:hover,
body.main-mp #header .nav li.profile > a:active,
body.main-mp #header .nav li.profile > a:focus {
  background-color: #666666;
  color: #FFFFFF;
}
body.main-mp #header .nav li.profile:hover img {
  content: url('../../../assets/img/user.png');
}
body.main-mp #stationsModal .station-type-header .selected-type {
  color: #e31c37 !important;
  font-weight: bold !important;
}
body.main-mp #stationsModal .stations-container .station-box {
  background-color: white !important;
}
body.main-mp #stationsModal .stations-container .station-box .station-type {
  color: #e31c37 !important;
  font-weight: bold !important;
}
body.main-mp #stationsModal .stations-list .station-button {
  background-color: #e31c37;
  color: #ffffff;
}
body.main-mp #stationsModal .stations-list .station-button.btn-primary {
  background-color: #b6162c;
}
body.main-mp #stationsModal .stations-list .station-button .station-status {
  color: #ffffff;
}
body.main-mp .sidebar-left {
  background-color: #2f2f2f;
}
body.main-mp .sidebar-left .brand {
  background-color: white;
}
body.main-mp .sidebar-left .brand:before {
  content: "";
  background: url('images/logo-alt.png') no-repeat center center;
  background-size: 200px;
  width: 100%;
  height: 60px;
  background-position-x: 49%;
  display: inline-block;
}
body.main-mp .sidebar-left .brand .logo {
  display: none;
}
body.main-mp .sidebar-left .caret-btn {
  background-color: #e31c37;
  color: #fff;
}
body.main-mp .sidebar-left .caret-btn i {
  /*CHANGE COLOR IF TEXT UNREADABLE UNDER HIGHLIGHT*/
}
body.main-mp .sidebar-left > nav > ul a {
  color: #fff;
}
body.main-mp .sidebar-left .nav > li.active > a {
  background-color: #e31c37 !important;
}
body.main-mp .sidebar-left .nav > li.open > a {
  color: #fff;
  background: rgba(227, 28, 55, 0.2);
}
body.main-mp .sidebar-left .nav a:hover {
  color: #fff;
  background: rgba(227, 28, 55, 0.2);
}
body.main-mp .sidebar-left .nav > li.nav-dropdown-open > a,
body.main-mp .sidebar-left .nav > li:hover > a {
  color: #fff !important;
  /*CHANGE IF TEXT UNREADABLE UNDER HIGHLIGHT*/
  background-color: #e31c37 !important;
}
body.main-mp .sidebar-left .nav-sub {
  background-color: #2f2f2f !important;
}
body.main-mp .sidebar-profile {
  background-color: #e31c37;
}
body.main-mp .sidebar-profile .profile-body h4 {
  color: #fff !important;
}
body.main-mp .sidebar-profile .profile-body .title {
  color: #FFFFFF;
}
body.main-mp .sidebar-mini .sidebar-left .nav > li.active > a:focus,
body.main-mp .sidebar-mini .sidebar-left .nav > li.active > a:hover,
body.main-mp .sidebar-left .nav > li.active > a,
body.main-mp .sidebar-left .nav > li.active > a:focus,
body.main-mp .sidebar-left .nav > li.active > a:hover {
  background-color: #666666;
  color: #FFFFFF;
}
body.main-mp .sidebar-left .nav > li.open > a,
body.main-mp .sidebar-left .nav > li > a:hover {
  background-color: #666666;
  color: #FFFFFF;
}
body.main-mp .sidebar-mini .sidebar-left .nav > li.active > a,
body.main-mp .sidebar-mini .sidebar-left .nav > li.active > a:focus,
body.main-mp .sidebar-mini .sidebar-left .nav > li.active > a:hover,
body.main-mp .sidebar-left .nav > li.active > a,
body.main-mp .sidebar-left .nav > li.active > a:focus,
body.main-mp .sidebar-left .nav > li.active > a:hover {
  background-color: #666666;
  color: #FFFFFF;
}
body.main-mp .sidebar-mini .sidebar-left .nav > li.nav-dropdown-open > a,
body.main-mp .sidebar-mini .sidebar-left .nav > li:hover > a {
  background-color: #666666;
  color: #FFFFFF;
}
/* NoNav.Master */
#no-nav .contact-us-wrapper,
#no-nav .privacy-policy-wrapper {
  margin: 50px 0;
}
#no-nav .contact-us-wrapper .panel-primary,
#no-nav .privacy-policy-wrapper .panel-primary {
  border-color: #E31C37;
}
#no-nav .contact-us-wrapper .panel-primary > .panel-heading,
#no-nav .privacy-policy-wrapper .panel-primary > .panel-heading {
  background-color: #E31C37;
  border-color: #E31C37;
}
#no-nav .contact-us-wrapper .panel-primary a.pull-right,
#no-nav .privacy-policy-wrapper .panel-primary a.pull-right {
  margin-right: 20px;
}
/* Cancel Page - NoNav.Master */
#cancel-main {
  /* .btn.btn-primary {
        background-color: @red;
        border-color: @red;
    }*/
}
#cancel-main #no-nav-header {
  display: none;
}
#cancel-main .page-header {
  background: url('images/logo.png') no-repeat right 0 transparent;
  background-size: 78px;
  height: 80px;
}
#cancel-main .page-header > h1 {
  line-height: 80px;
}
#cancel-main .panel-primary {
  border: none;
}
#cancel-main .panel-primary .search-heading {
  display: none;
}
#cancel-main .panel-primary .panel-heading {
  background-color: #E31C37;
  border-color: #E31C37;
}
#cancel-main #search #try-again .btn,
#cancel-main #help-message #try-again .btn,
#cancel-main #make-payment #try-again .btn,
#cancel-main #help-freeze #try-again .btn {
  padding: 15px;
  text-transform: uppercase;
  font-weight: bold;
}
#cancel-main #search #try-again .btn.btn-primary,
#cancel-main #help-message #try-again .btn.btn-primary,
#cancel-main #make-payment #try-again .btn.btn-primary,
#cancel-main #help-freeze #try-again .btn.btn-primary {
  background-color: #E31C37;
  border-color: #E31C37;
}
#cancel-main #search #try-again .btn.btn-default,
#cancel-main #help-message #try-again .btn.btn-default,
#cancel-main #make-payment #try-again .btn.btn-default,
#cancel-main #help-freeze #try-again .btn.btn-default,
#cancel-main #search #try-again .btn.btn-warning,
#cancel-main #help-message #try-again .btn.btn-warning,
#cancel-main #make-payment #try-again .btn.btn-warning,
#cancel-main #help-freeze #try-again .btn.btn-warning {
  background-color: white;
  border-color: #E31C37;
  color: #E31C37;
  border-width: 2px;
}
#cancel-main #search .panel-footer,
#cancel-main #help-message .panel-footer,
#cancel-main #make-payment .panel-footer,
#cancel-main #help-freeze .panel-footer {
  background: none;
  border: none;
  padding-top: 0;
}
#cancel-main #search .panel-footer .btn,
#cancel-main #help-message .panel-footer .btn,
#cancel-main #make-payment .panel-footer .btn,
#cancel-main #help-freeze .panel-footer .btn {
  padding: 15px;
  text-transform: uppercase;
  font-weight: bold;
}
#cancel-main #search .panel-footer .btn.btn-primary,
#cancel-main #help-message .panel-footer .btn.btn-primary,
#cancel-main #make-payment .panel-footer .btn.btn-primary,
#cancel-main #help-freeze .panel-footer .btn.btn-primary {
  background-color: #E31C37;
  border-color: #E31C37;
}
#cancel-main #search .panel-footer .btn.btn-default,
#cancel-main #help-message .panel-footer .btn.btn-default,
#cancel-main #make-payment .panel-footer .btn.btn-default,
#cancel-main #help-freeze .panel-footer .btn.btn-default,
#cancel-main #search .panel-footer .btn.btn-warning,
#cancel-main #help-message .panel-footer .btn.btn-warning,
#cancel-main #make-payment .panel-footer .btn.btn-warning,
#cancel-main #help-freeze .panel-footer .btn.btn-warning {
  background-color: white;
  border-color: #E31C37;
  color: #E31C37;
  border-width: 2px;
}
#cancel-main #freeze-option,
#cancel-main #freeze-action {
  /* .btn {
            padding: 15px;
            text-transform: uppercase;
            font-weight: bold;

            &.btn-primary {
                background-color: @red;
                border-color: @red;
            }

            &.btn-default {
                background-color: white;
                border-color: @red;
                color: @red;
                border-width: 2px;
            }
        }*/
}
#cancel-main #freeze-option .btn,
#cancel-main #freeze-action .btn {
  padding: 15px;
  text-transform: uppercase;
  font-weight: bold;
}
#cancel-main #freeze-option .btn.btn-primary,
#cancel-main #freeze-action .btn.btn-primary {
  background-color: #E31C37;
  border-color: #E31C37;
}
#cancel-main #freeze-option .btn.btn-default,
#cancel-main #freeze-action .btn.btn-default,
#cancel-main #freeze-option .btn.btn-warning,
#cancel-main #freeze-action .btn.btn-warning {
  background-color: white;
  border-color: #E31C37;
  color: #E31C37;
  border-width: 2px;
}
#cancel-main #freeze-option .freeze-text-emphasized,
#cancel-main #freeze-action .freeze-text-emphasized {
  color: #E31C37;
}
#cancel-main #freeze-option .panel-footer,
#cancel-main #freeze-action .panel-footer {
  background: none;
  border: none;
  padding-top: 0;
}
#cancel-main #freeze-option .panel-body .freeze-command {
  color: transparent;
  border-radius: 2px;
  width: auto;
  display: inline-block;
  padding: 3px 15px;
  font-style: italic;
  background: url("images/wait.png") repeat;
}
#cancel-main #freeze-option .panel-body .freeze-fee-box .freeze-text {
  color: #E31C37;
}
#cancel-main #freeze-option .panel-body .freeze-fee-box .free-freeze-fee {
  color: #E31C37;
}
/* GuestPay Page - No.Nav.Master */
.guestpay-main {
  padding-top: 0;
}
.guestpay-main #no-nav-header {
  height: 97px;
}
.guestpay-main #no-nav-header .logo {
  background: url('images/logo.png') no-repeat;
  background-position: center center;
  background-size: 75px;
  height: 100%;
}
/* Login.Master */
.red {
  background-color: #E31C37;
  border-color: #E31C37;
}
.dark-red {
  background-color: #AB161B;
  border-color: #AB161B;
}
.login-wrapper .header,
.register-wrapper .header,
.recovery-wrapper .header,
.reset-wrapper .header,
.contact-us-wrapper .header,
.privacy-policy-wrapper .header {
  height: 155px;
}
.login-wrapper .panel .panel-heading,
.register-wrapper .panel .panel-heading,
.recovery-wrapper .panel .panel-heading,
.reset-wrapper .panel .panel-heading,
.contact-us-wrapper .panel .panel-heading,
.privacy-policy-wrapper .panel .panel-heading {
  background-color: #E31C37;
  border-color: #E31C37;
}
.login-wrapper .btn-primary,
.register-wrapper .btn-primary,
.recovery-wrapper .btn-primary,
.reset-wrapper .btn-primary,
.contact-us-wrapper .btn-primary,
.privacy-policy-wrapper .btn-primary {
  background-color: #E31C37;
  border-color: #E31C37;
}
.login-wrapper .btn-primary:hover,
.register-wrapper .btn-primary:hover,
.recovery-wrapper .btn-primary:hover,
.reset-wrapper .btn-primary:hover,
.contact-us-wrapper .btn-primary:hover,
.privacy-policy-wrapper .btn-primary:hover {
  background-color: #AB161B;
  border-color: #AB161B;
}
.login-wrapper .logo:after,
.register-wrapper .logo:after,
.recovery-wrapper .logo:after,
.reset-wrapper .logo:after {
  content: "";
  display: block;
  background: url('images/logo.png') no-repeat center center;
  background-size: 67px;
  width: 190px;
  height: 68px;
  position: relative;
  left: 10%;
}
@media all and (max-width: 481px) {
  body.main-mp #header .brand:before {
    content: "";
    background: url('images/logo-alt.png') no-repeat center center;
    background-size: 150px;
    width: 190px;
    height: 40px;
  }
}