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

.video-demo {
  width: 100%;
  aspect-ratio: 16/9;
}

.uniprot-status-bar {
  background-color: #3950c4;
  font-size: .9em;
}

.navbar-brand img {
  width: 32px;
  height: 32px;
  margin-right: 8px;
}

nav.navbar.bg-primary {
  background-color: #4965f8 !important;
}

.card {
  border-radius: 16px !important;
}

.card-header {
  background-color: #FFFFFF !important;
  border-top-left-radius: 16px !important;
  border-top-right-radius: 16px !important;
}

.card-footer {
  background-color: #FFFFFF !important;
  border-bottom-left-radius: 16px !important;
  border-bottom-right-radius: 16px !important;
}

.form-check-input:checked {
  background-color: #4965f8;
  border-color: #4965f8;
}

.btn-primary {
  background-color: #4965f8 !important;
  border-color: #4965f8 !important;
}

.btn-primary:hover {
  background-color: #3d54d4;
  border-color: #3d54d4;
}

.navbar-nav .nav-link.active {
  background-color: #2643ca;
  color: white;
  border-radius: 6px;
}

/* Sessions */

#sessions .card {
  width: 458px;
}

#sessions .card-body {
  padding: 32px;
}

#sessions .card-body input[type="email"], 
#sessions .card-body input[type="password"],
#sessions .card-body input[type="submit"] {
  height: 48px;
}

#sessions .card-body a {
  text-decoration: none;
}