.background {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background: white;
  background-position: center;
  background-size: cover;
}

.logo {
  position: absolute;
  top: 16px;
  left: 16px;
  max-width: 80px;
  height: auto;
  opacity: 0.85;
}

.card-wrapper--login {
  width: 100%;
  max-width: 26rem;
  padding: 0 1rem;
}

.card--login {
  padding: 1rem 1rem 0 1rem;
  background-color: rgba(255, 255, 255, 0.85);
  border: 0;
  border-radius: 0;
}

.card--login a {
  font-size: 0.875rem;
}

/* Change materialize css default green */
label.active {
  color: #2196f3;
}

input:focus {
  border-bottom: 1px solid#2196F3 !important;
  box-shadow: 0 1px 0 0 #2196f3 !important;
}

ul.dropdown-content.select-dropdown li span {
  color: #000;
}
/* END Change materialize css default green */