html, body {
  height: 100%;
}

.clear-link {
  color: inherit;
  text-decoration: none;
}

.clear-link:hover {
  color: #b9b9b9;
  text-decoration: none;
}

.title {
  font-family: 'Roboto', sans-serif;
  font-weight: 900;
}

.sandwich-button {
  border: none;

  font-size: 2.5rem;

  color: transparent;
  background-color: transparent;
}

.logout-button {
  cursor: pointer;
}

.nav-link {
  padding-left: 10px;
  border-radius: 13px;
}

.nav-link.active {
  background-color: #0D6EFD;
}

.nav-link:hover {
  background-color: #4d4d4d;
}

.nav-link.active:hover {
  background-color: #0f52b8;
}

.login-info {
  color: white;
  font-size: 1.8rem;
}

.login-info-text {
  font-size: 1.5rem;
}

.login-user-icon {
  font-size: 2.5rem;
  color: #0D6EFD;
}

.navbar-space {
  padding-top: 85px;
}

.add-button {
  background-color: #0D6EFD;
  color: white;
  width: 75px;
  height: 75px;
}

.selected {
  background-color: #0D6EFD !important;
  color: white !important;
}

body.swal2-shown > [aria-hidden="true"] {
  filter: blur(7px);
  backdrop-filter: blur(7px);
  -webkit-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
}

.alert-radius {
  border-radius: 15px;
  border: gray solid 1px;
}