body.login-content:before {
    height: 100dvh;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    /* background: #00bcd4; */
    background: #363839;
    content: "";
    z-index: 0;
}

.login-content .lc-block {
    background: #fff;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.27);
    border-radius: 20px;
    padding: 40px 20px;
    width: 80%;
    max-width: 500px;
    display: inline-block;
    margin: 0 auto;
    margin-top: 2dvh;
    position: relative;
}

input{
    padding-left: 10px !important;
    max-width: 390px;
}

.logoLogin{
    padding-bottom: 20px;
}

.fg-line:not([class*=has-]):after {
    background: #2196f3;
    max-width: 390px;
}


 label {
        display: inline-block;
        max-width: 100%;
        margin-bottom: 5px;
        position: absolute;
        top: -10px;
        z-index: 99999999999;
        left: 18px;
        font-weight: bold;
        filter: drop-shadow(2px 4px 4px white);
    }

    .input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
    background: white;
    box-shadow: inset 0px 0px 20px 10px white;
}



.login-content .lc-block .btn-login {
    bottom: 0;
    top: initial;
    right: -25px;
}


@media (max-width: 768px) {
.login-content .lc-block {
    margin-top: 5dvh;

}

body.login-content:before {
    overflow-y: hidden !important;

}
}