body {
  overflow: hidden;
}

.intro:before {
  content: "";
  position: absolute;
  top: 0;
  left: -15px;
  right: -15px;
  bottom: -15px;
  width: 100%;
  height: 100%;
  z-index: -1;
  display: block;
  background: url("/img/bg_login_3.jpg") no-repeat center center !important;
  background-size: cover;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  -moz-filter: blur(10px);
  -o-filter: blur(10px);
  -ms-filter: blur(10px);
  filter: blur(10px);
}

.intro {
  min-height: 100% !important;
  position: relative;
}

.card {
  background-color: rgba(229, 228, 255, 0.2);
}

.view .full-bg-img, .view .mask {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
}

.card .card-circle, .card-overlay, .flex-center, .section.team-section .avatar {
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
}

.md-form .prefix {
  font-size: 1.5rem;
  margin-top: 1rem;
}

.md-form label {
  color: #ffffff;
}

@media (max-width: 740px) {
  .full-height,
.full-height body,
.full-height header,
.full-height header .view {
    height: 750px;
  }
}
@media (min-width: 741px) and (max-height: 638px) {
  .full-height,
.full-height body,
.full-height header,
.full-height header .view {
    height: 750px;
  }
}
.md-form input[type=email]:focus:not([readonly]),
.md-form input[type=password]:focus:not([readonly]) {
  border-bottom: 1px solid #9EE893;
  box-shadow: 0 1px 0 0 #9EE893;
}

.md-form input[type=email]:focus:not([readonly]) + label,
.md-form input[type=password]:focus:not([readonly]) + label {
  color: #9EE893;
}

.md-form .form-control {
  color: #fff;
}

.md-form input[type=checkbox] + label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 17px;
  height: 17px;
  z-index: 0;
  border: 1.5px solid #fff;
  border-radius: 1px;
  margin-top: 2px;
  transition: 0.2s;
}

.md-form input[type=checkbox]:checked + label:before {
  top: -4px;
  left: -3px;
  width: 12px;
  height: 22px;
  border-style: solid;
  border-width: 2px;
  border-color: transparent #00c851 #00c851 transparent;
  transform: rotate(40deg);
  -webkit-backface-visibility: hidden;
  transform-origin: 100% 100%;
}

label[for=remember] {
  padding-left: 3rem;
}

.form-header {
  border-radius: 8px;
}