html, body, .view {
    height: 100vh;
    color: #fff;
}

.intro-2 {
    position: relative;
}

.intro-2::before {
    content: '';
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../img/universe-bg.jpg")no-repeat center center;
    background-size: cover;
}

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

.card {
    margin-top: 30px;
    background-color: rgba(0,0,0,0.5);
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}

.navbar-collapse {
    justify-content: flex-end;
}

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

.rgba-stylish-strong {
    background-color: rgba(42,47,54,.95);
}

.form-header {
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #fff;
    margin-bottom: 0;
}

.form-header h3 {
    color: #393936;
    margin-bottom: 0;
}

.md-form input[type="date"], .md-form input[type="datetime-local"], .md-form input[type="email"], .md-form input[type="number"], .md-form input[type="password"], .md-form input[type="search-md"], .md-form input[type="search"], .md-form input[type="tel"], .md-form input[type="text"], .md-form input[type="time"], .md-form input[type="url"], .md-form textarea.md-textarea {
    border-color: #7cbc56;
    border-width: 2px;
}

.md-form input[type="text"]:focus:not([readonly]) + label, .md-form input[type="password"]:focus:not([readonly]) + label {
    color: #7cbc56;
}
.md-form input[type="text"]:focus:not([readonly]), .md-form input[type="password"]:focus:not([readonly]) {
    border-bottom: 2px solid #7cbc56;
    box-shadow: 0 1px 0 0 #7cbc56;
}

.ahlers-btn {
    background-color: #7cbc56;
    color: #474540;
    font-weight: 700;
}

.btn.btn-lg {
    padding: 0.5rem 1.4rem;
    font-size: .94rem;
}

.scrolling-navbar {
    background-color: rgba(255,255,255,1);
    color: #323232;
}

a, a.disabled:hover, a:disabled:hover, a:hover {
    color: #323232;
}

.navbar-logo {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.navbar-logo img {
    max-width: 140px;
}

.h1, h1 {
    font-size: 1.2rem;
    font-weight: 700;
    margin: 0;
    padding: 0;
}

@-webkit-keyframes autofill {
    to {
        color: #666;
        background: transparent;
    }
}

input {
    -webkit-text-fill-color: transparent !important;
}

input:focus {
    -webkit-text-fill-color: white !important;
}

.active + input {
    -webkit-text-fill-color: white !important;
}

input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}

@media (max-width: 1000px) {
    ::-webkit-scrollbar {
        width: 0px;
        background: transparent;
        display: none;
    }
    ::-webkit-scrollbar-thumb {
        background: transparent;
        display: none;
        height: 0px;
    }
}

@media (min-width: 800px) and (max-width: 850px) {
    html, body, .view  {
        height: 650px;
    }
}

@media (max-width: 767px) {
    html, body, .view {
        height: 815px;
    }
    .view .mask {
        height: auto !important;
        min-height: 100vh;
    }
}