.login {
    background-color: #fff
}

    .login h1 {
        font-family: bold
    }

    .login .img-holder {
        height: calc(100vh - 50px);
        position: relative
    }

        .login .img-holder img {
            position: absolute;
            top: 0px;
            left: 0px;
            height: 100%;
            width: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            -o-object-position: center 100%;
            object-position: center 100%
        }

    .login .form {
        max-width: 500px;
        display: block;
        margin: 0 auto;
        background: #fff;
        border-radius: 10px;
        padding: 0px 30px
    }

    .login .flex-box {
        height: calc(100vh - 80px);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

@media (max-width:991px) {
    .login .flex-box {
        background-image: url("/Resources/assets/images/login.jpg");
        background-size: cover;
        background-position: center 100%
    }
}

.login .flex-box .f-wrap {
    width: 100%;
    background-color: #fff
}

@media (max-width:991px) {
    .login .flex-box .f-wrap {
        max-width: 400px;
        padding: 30px 0px;
        border-radius: 10px
    }
}

.login .btn-default {
    display: inline-block;
    font-family: textbold;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 50px;
    padding: 10px 35px;
    background-color: #333;
    color: #fff;
    -webkit-transition: .15s linear;
    -o-transition: .15s linear;
    transition: .15s linear;
    min-width: 150px;
    margin: 12px auto;
    display: block
}

    .login .btn-default:hover {
        color: #fff;
        background-color: #000
    }

.login .form-control {
    background-color: #f5f5f5;
    border-color: #ddd
}

.login p {
    font-size: 14px;
    font-family: text;
    color: #7b7b7b;
    margin: 0px 0px 0px;
    text-align: center
}

    .login p a {
        font-family: textbold;
        color: #000 !important
    }

        .login p a:hover {
            color: #00c3ff !important
        }

.success-note {
    background-color: #c1ffe0;
    border: 1px solid #c1ffd9;
    text-align: left;
    padding: 5px 8px;
    margin: 10px 0px 20px !important;
    color: #2aa762 !important;
    font-family: textsb !important;
    font-size: 12px !important;
    display: inline-block;
    width: 100%
}

.wrap-content .flex-box {
    height: auto;
    padding: 100px 0px !important
}

@media (max-width:991px) {
    .wrap-content .flex-box {
        background-image: none
    }

        .wrap-content .flex-box .form {
            padding: 0px 15px
        }
}