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

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

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

.btn-primary {
    color: #fff;
    background-color: #568BA5;
    border-color: #568BA5;
  }
  .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: #568BA5;
    border-color: #568BA5;
  }

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

.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: #568BA5 !important;
}

.badge-default {
  color: #3c4651;
  background-color: #6ECBC9;
}
 
thead tr th { 
    position: sticky;
    top: 0;
    z-index: 10;
    background-color: #ffffff;
}

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

img, video {
  max-width: 100%;
  height: auto;
}