html,
body,
header,
.view {
    height: 100vh;
}

@media (max-width: 740px) {
    html,
    body,
    header,
    .view {
        height: 815px;
    }
}

@media (min-width: 800px) and (max-width: 850px) {
    html,
    body,
    header,
    .view {
        height: 650px;
    }
}
main {
    min-height: 100vh;
}
.intro-2 {
    background: url("/img/s7health-login-page.jpg") no-repeat center center;
    background-size: cover;
    /*background-size: 100% 100% !important;*/
    height: 100%;
    min-height: 100vh;
}
.intro-2 .mask {
    height: 100%;
    min-height: 100vh;
}

.top-nav-collapse {
    background-color: #3f51b5 !important;
}

.navbar:not(.top-nav-collapse) {
    background: transparent !important;
}

.md-form [type="checkbox"] + label + div {
    padding-top: .5rem;
    padding-left: 35px;
}

@media (max-width: 768px) {
    .navbar:not(.top-nav-collapse) {
        background: #3f51b5 !important;
    }
}

@media (min-width: 800px) and (max-width: 850px) {
    .navbar:not(.top-nav-collapse) {
        background: #3f51b5 !important;
    }
}

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

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

h6 {
    line-height: 1.7;
}

.card {
    margin-top: 30px;
    /*margin-bottom: -45px;*/
}

.md-form input[type=text]:focus:not([readonly]),
.md-form input[type=password]:focus:not([readonly]) {
    border-bottom: 1px solid #8EDEF8;
    -webkit-box-shadow: 0 1px 0 0 #8EDEF8;
    box-shadow: 0 1px 0 0 #8EDEF8;
}

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

.recaptcha-login-wrapper {
    margin: 12px 0 6px;
    text-align: center;
}

.recaptcha-login-field .help-block {
    margin-top: 6px;
    color: #ff5b5b;
    display: block;
}
/*.md-form .form-control {*/
/*    color: #fff;*/
/*}*/

/*input:-webkit-autofill,*/
/*input:-webkit-autofill:hover,*/
/*input:-webkit-autofill:focus,*/
/*textarea:-webkit-autofill,*/
/*textarea:-webkit-autofill:hover,*/
/*textarea:-webkit-autofill:focus,*/
/*select:-webkit-autofill,*/
/*select:-webkit-autofill:hover,*/
/*select:-webkit-autofill:focus {*/
/*    !*border: 1px solid transparent !important;*!*/
/*    font-size: 1rem !important;*/
/*    -webkit-text-fill-color: #fff !important;*/
/*    -webkit-box-shadow: 0 0 0px 1000px transparent !important;*/
/*    transition: background-color 5000s ease-in-out 0s !important;*/
/*}*/

/*input:-webkit-autofill::first-line,*/
/*input:-webkit-autofill:hover::first-line,*/
/*input:-webkit-autofill:focus::first-line,*/
/*textarea:-webkit-autofill::first-line,*/
/*textarea:-webkit-autofill:hover::first-line,*/
/*textarea:-webkit-autofill:focus::first-line,*/
/*select:-webkit-autofill::first-line,*/
/*select:-webkit-autofill:hover::first-line,*/
/*select:-webkit-autofill:focus::first-line {*/
/*    !*border: 1px solid transparent !important;*!*/
/*    font-size: 1rem !important;*/
/*    -webkit-text-fill-color: #fff !important;*/
/*    -webkit-box-shadow: 0 0 0px 1000px transparent !important;*/
/*    transition: background-color 5000s ease-in-out 0s !important;*/
/*}*/