.opacity-75 {
    background-color: rgb(255 255 255 / 75%);
}

.opacity-50 {
    background-color: rgb(255 255 255 / 50%);
}
.navbar-primary {
    background-color: #558BA5;
}

.navbar-vanguard {
    background-color: #558BA5;
}

.btn-primary {
    color: #fff;
    background-color: #558BA5;
    border-color: #558BA5;
}

.btn-primary:hover {
  color: #fff;
  background-color: #6ECBC9;
  border-color: #6ECBC9;
  color: #3C4651;
}  
  
.btn:hover {
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

.btn-check:focus + .btn-primary, .btn-primary:focus {
  color: #fff;
  background-color: #205E7C;
  border-color: #205E7C;
  box-shadow: 0 0 0 0.25rem hsla(199, 38%, 65%, 0.5);
}

.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #205E7C;
  border-color: #BAD7E6;
}

.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(132, 178, 200, 0.5);
}

.btn-primary:disabled, .btn-primary.disabled {
  color: #fff;
  background-color: #558BA5;
  border-color: #558BA5;
}

.badge-primary {
  color: #fff;
  background-color: #558BA5;
}

.sidebar-dark-lightblue .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-lightblue .nav-sidebar>.nav-item>.nav-link.active {
    background-color: #6ECBC9;
    color: #3C4651;
}

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

.badge-default {
  color: #3c4651;
  background-color: #6ECBC9;
}

thead{ 
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: #ffffff;
}

.table-scroll { 
  height: 66vh;
  overflow: scroll;
}

.text-vanguard-1 {
  color: #558BA5;
}

.bg-vanguard {
  background-color: #558BA5; 
}