.navbar-top.navbar-dark {
    background-color: #17161A;
}

.error-message {
    color: #842029;
    background-color: #f8d7da;
    border: 1px solid #f5c2c7;
    border-radius: 7px;
    margin-top: 10px;
    padding: 5px 10px;
}

.door-slide::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 22%;
  border-radius: 0 0 20px 20px;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#17161A));
  background: -webkit-linear-gradient(top, transparent 10%, #17161A 150%);
  background: linear-gradient(180deg, transparent 10%, #17161A 150%);
  -webkit-transition: height 150ms linear;
  transition: height 150ms linear;
  will-change: height;
  z-index: 1;
}
.door-slide:hover::before {
  height: 25%;
}

@media screen and (max-width: 534px) {
    .door-slide::before {
        height: 38%;
    }
    .door-slide:hover::before {
      height: 41%;
    }
}

@media screen and (max-width: 451px) {
    .door-slide::before {
        height: 48%;
    }
    .door-slide:hover::before {
      height: 51%;
    }
}

.btn-spinner {
    width: 25px;
    height: 25px;
    border: 3px solid rgba(0, 0, 0, 0.1);
    border-top: 3px solid #FFFFFF;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.btn-white {
    color: #1357a7;
    background-color: #ffffff;
}