.login-register .card,
.login-register .account-manage-wrapper {
  background: #152332;
}

.login-register {
  min-height: 100vh !important;
  background: rgba(0, 172, 193, 0.5) !important;
  overflow: hidden !important;
}

.login-register #forgot-password {
  text-decoration: none;
}

.logout-message {
  text-align: center;
  height: 100vh;
}

@media (min-width: 1200px) {
  .logout-message {
    width: calc(100% - 300px);
    height: calc(100vh - 131px);
  }
}

.login-register .account-manage-wrapper .card .nav .nav-item .nav-link {
  font-weight: 500;
  color: #ffffff;
}

.login-register .account-manage-wrapper .card .nav .nav-item .active,
.login-register .account-manage-wrapper .card .nav .nav-item .nav-link:hover {
  background: none;
  color: rgb(38, 198, 218);
  position: relative;
}

  .login-register .account-manage-wrapper .card .nav .nav-item .active:before,
  .login-register .account-manage-wrapper .card .nav .nav-item .nav-link:hover:before {
    content: "";
    position: absolute;
    bottom: 8px;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 30px);
    height: 2px;
    background: rgb(38, 198, 218);
  }