.login-bg {
    height: 100vh;
    background-image: url('../img/login-bg.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.gradient-custom-1 {
    /* Chrome 10-25, Safari 5.1-6 */
    background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0.65), rgba(102, 102, 102, 0.65));

    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background: linear-gradient(to top, rgba(0, 0, 0, 0.65), rgba(102, 102, 102, 0.65))
}

.gradient-custom-2 {
    /* fallback for old browsers */
    background: #fccb90;

    /* Chrome 10-25, Safari 5.1-6 */
    background: -webkit-linear-gradient(to right, #3f3f3f, goldenrod, goldenrod, #3f3f3f);

    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background: linear-gradient(to right, #3f3f3f, goldenrod, goldenrod, #3f3f3f);
}

.inputUser {
    box-shadow: none;
    background: rgb(0, 0, 0, 0.75);
    color: goldenrod;
}

.inputUser:focus {
    box-shadow: none;
    background: rgb(0, 0, 0, 0.75);
    color: orange;
}

.inputPassword {
    box-shadow: none;
    background: rgb(0, 0, 0, 0.75);
    color: goldenrod;
}
.inputPassword:focus {
    box-shadow: none;
    background: rgb(0, 0, 0, 0.75);
    color: orange;
}

.form-control:focus::placeholder {
    color: goldenrod;
}

.labelUser {
    color: goldenrod;
}

.labelPassword {
    color: goldenrod;
}