.btn.btn-primary {
  background-color:  !important;
  color:  !important;
}

.color-primary-contrast {
color:  !important;
}

.svg.fill {
  fill:  !important;
}

.svg.fill.contrast {
fill:  !important;
}

.desktop-checkbox-input:checked + .desktop-gratuity-checkbox-label .desktop-checkbox-bg  {
fill:  !important;
}

.checkbox-input:checked + .mobile-gratuity-checkbox-label .mobile-checkbox-bg {
  fill:  !important;
}

.bg-primary {
  background-color:  !important;
  color:  !important;
}

.btn.btn-primary:hover {
  opacity: 0.6;
}

.wl-header-bar {
  background-color:  !important;
  height: 90px;
  box-shadow: 0 0 4px rgba(0,0,0,.2)!important;
}

.wl-login {
  font-size: 1rem;
  font-weight: 700;
  border: 1px solid #7d7d7d;
  border-radius: 0.35rem;
  padding: 0.35rem 1rem!important;
  color: #7d7d7d;
}

.wl-logged {
  font-size: 1rem;
  font-weight: 700;
  padding: 0.35rem 1rem!important;
  color: #7d7d7d;
}

a.wl-login:hover, a.wl-logged:hover {
  color: #2d2d2d;
  text-decoration: none;
  cursor:pointer;
}

.wl-home {
  @media (max-width: 991px) {
    margin-bottom: 150px !important;
  }
}


.nav-link.active  {
  border-color: #fff #fff  !important;
  background-color: #fff;
  border-bottom: 3px solid  !important;
}

.text-primary-contrast {
   color:  !important;
}

.seat.selected, .seat.selected > span {
  color:  !important;
}

#thumb {
  border-radius: 50%;
  width: 36px;
  height: 36px;
  border: 2px solid !important;
  background-color:  !important;
  font-size: 14px;
  font-weight: bold;
  p {
    color: !important;
  }
}

#initials {
  color: !important;
  background:  !important;
  border: 2px solid !important;
}

.card-initials {
  color: !important;
  border-radius: 5px 5px 0px 0px;
}

.seat.selected::after {
  background-color:  !important;
}

.nav-tabs li.active {
  border-bottom: 2px solid   !important;
}

.progress-bar {
  background-color:  !important;
}

body.carts .reservations .reservation .card-footer div > div .seat.selected::after,
body.reservations.edit .seat::after, body.reservations.update .seat::after,
body.reservations.show .bus .seats .seat.selected::after,
body.reservations.show .selected-seats-wrapper .seat.selected::after,
body.reservations.show .modal#recover-seats .seats .seat.selected::after,
body.orders.show .reservations .reservation .card-footer .seats .seat.selected::after,
body.customers.show .seat-wrapper .seat.selected::after {
  border-radius: 5px;
  border: #AFAFAF 1px solid;
  background-color:  !important;
}

body.carts .reservations .reservation .card-footer div > div .seat.selected span,
body.reservations.edit .seat, body.reservations.update .seat span,
body.reservations.edit .seat span, body.reservations.update .seat span,
body.reservations.show .bus .seats .seat.selected span,
body.reservations.show .selected-seats-wrapper .seat.selected span,
body.orders.show .reservations .reservation .card-footer .seats .seat.selected span,
body.reservations.show .modal#recover-seats .seats .seat.selected span,
body.customers.show .seat-wrapper .seat.selected span {
  color:  !important;
}