/*
.progress, .alert {
    margin: 15px;
}

.alert {
    display: none;
}
*/

  .bg-primary-light,
  .badge-primary-light {
    background-color: #b8daff !important;
  }

  .border-primary-light {
    border-color: #b8daff !important;
  }

  .card.bg-primary-light:hover,
  a.bg-primary-light:hover,
  a.bg-primary-light:focus {
    background-color: #459bfa !important;
    color: #004fa7 !important;
}


.btn-primary-light {
  color: #007bff;
  background-color: #fff;
  border-color: #b8daff;
}

.btn-primary-light:hover {
  color: #fff;
  background-color: #b8daff;
  border-color: #0062cc;
}

.btn-primary-light:focus, .btn-primary.focus {
  color: #fff;
  background-color: #b8daff;
  border-color: #0062cc;
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-primary-light.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-primary-light:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #b8daff;
  border-color: #005cbf;
}

.btn-primary-light:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}


.bg-secondary-light {
  background-color: #e9ecef !important;
}

@media screen and (min-width: 992px)  {
  .mobile-only {
       display: none;
   }
}

@media screen and (max-width: 992px)  {
    .desktop-only {
       display: none;
    }
}