body {
  min-height: 100vh;
  background: rgb(1, 60, 46);
  background: linear-gradient(
    45deg,
    rgb(120, 22, 133) 0%,
    rgb(50 51 117) 45%,
    rgb(50 51 117) 55%,
    rgb(120, 22, 133) 100%
  );
  background-attachment: fixed;
}
.btn.active {
  transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
}
.btn.bg-transparent.text-primary.p-0.border-0 {
  margin-top: -4px;
}
.btn.bg-transparent.text-primary.p-0.border-0:hover {
  color: #0056b3 !important;
}
.line-through {
  text-decoration: line-through;
}
.line-break {
  white-space: pre-line;
}
.nav-item.dropdown .dropdown-menu {
  left: inherit;
  right: 0;
}
.nav-link.active,
.nav-link:hover {
  background: rgba(0, 0, 0, 0.5);
}
.dropdown-menu {
  margin: 0;
}
.dropdown-menu.show {
  margin-bottom: 1rem;
}

.navbar-brand,
.navbar-nav .nav-link {
  padding-left: 1rem;
}
.form-inline {
  flex-flow: nowrap;
}
span.custom-title ~ span {
  min-width: 270px;
}
.bg-dark {
  background-color: #1f1f1f !important;
}

@media screen and (max-width: 490px) {
  span.on-the-right {
    display: block;
    min-width: 170px;
  }
  span.custom-title ~ span {
    min-width: 175px;
  }
}