@import "fonts";

body {
  overflow-x:hidden;
  background:none;
}

a {
    text-decoration: none;
}

.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show > .nav-link {
  color: var(--bs-success);
}

label.required::after {
  content: ' *';
  color: var(--bs-danger);
  font-weight: 700;
  font-size: 1rem;
}

.d-flex.hover {
  transition: background .3s ease;

  &:hover {
    background: var(--bs-light);
  }
}

.alert.aside {
  position: absolute;
  top: 0;
  right:0;
  z-index: 2000;
  transform: translate(100%, 50%);
  border-radius: .25rem 0 0 .25rem;
  animation-name: alertaside;
  animation-duration: 5s;
  animation-timing-function: ease-in-out;
}

.form-switch .form-check-input {
    margin-left:-1.5em;
}

@keyframes alertaside {
  0% { transform:translate(100%, 50%); }
  15% { transform:translate(0%, 50%); }
  85% { transform:translate(0%, 50%); }
  100% { transform:translate(100%, 50%); }
}