html, body {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

.container_login {
    background-image: url("../img/background.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0;
    padding: 0;
}

.login>.column_left
,.login>.column_right {
    max-width: 1000px;
    max-height: 1200px;
}

.login>.column_left {
    border-radius: 25px 0 0 25px;
    padding: 86px 86px 60px 86px;

}
.login>.column_left .Logo img {
    width: 200px;
    height: 75px;
}

.login>.column_left .Title {
    color: #FFF;
}

.login>.column_left .Title>h1 {
    font-size: 52px;
    letter-spacing: 0.47px;
    margin-bottom: 24px;
}

.login>.column_left .Title>h3 {
    font-size: 27px;
    letter-spacing: 0.08px;
}

.login>.column_left .Web a
,.login>.column_left .Web a:active
,.login>.column_left .Web a:focus
,.login>.column_left .Web a:hover
,.login>.column_left .Web a:visited {
    font-family: serif;
    font-weight: 100;
    font-size: 29px;
    color: #FFFFFF;
    letter-spacing: 0.47px;
}

.login>.column_left .Web hr {
    border-top: 2px solid #FFF;
}

.login>.column_right {
    border-radius: 0 25px 25px 0;
    padding: 76px;
}

@media (min-width: 993px) {
    .Padlock>img {
        margin-top: -40px;
        margin-right: -28px;
    }
}

@media (max-width: 991px) {
    .login>.column_right {
        border-radius: 25px;
        padding: 38px;
    }
    .Padlock>img {
        margin-top: -20px;
        margin-right: -14px;
    }
}
@media (max-width: 576px) {
    .login>.column_right {
        padding: 19px;
    }
    .Padlock>img {
        margin-top: -10px;
        margin-right: -7px;
    }
}

.login>.column_left {
    background-image: url("../img/background_container.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.login>.column_right {
    background-color: #FFF;
}

.login>.column_right form {
    margin-top: 100px;
    max-width: 700px;
}

form>h2 {
    font-family: serif;
    font-weight: 800;
    font-size: 38px;
    color: #565656;
    letter-spacing: 0.51px;
    margin-bottom: 50px;
}
/*
.login .ForgotPassword p {
    font-family: serif;
    font-weight: 500;
    font-size: 18px;
    color: #E4DEF2;
    text-align: center;
}

.login .ForgotPassword p {
    cursor: pointer;
}
*/

.form-control {
    border-radius: 50px;
    height: 55px;
}

#ButtonSubmit
,form button[type=submit] {
    box-shadow: 0 18px 40px -11px rgba(101,105,117,0.4);
    border-radius: 27.5px;
    margin-bottom: 60px;
}

.form-control[type="submit"]
,form button[type=submit] {
    background-image: linear-gradient(269deg, #00d4ff 0%, #02afe6 100%);
    border-radius: 27.5px;
    font-family: serif;
    font-weight: 500;
    font-size: 15px;
    color: #FFFFFF;
    letter-spacing: 4.2px;
    text-align: center;
    border: none;
}

#ButtonSubmit .input-group-text {
    background: #B8CF6D;
    border: none;
    border-radius: 0 27.5px 27.5px 0;
    height: 55px;
    padding-right: 15px;
}

.form-control[type="text"]
,.form-control[type="password"]
,.form-control[type="email"] {
    background: #F0F0F0;
    border: none;
    border-radius: 42.5px;
    font-family: serif;
    font-weight: 500;
    font-size: 16px;
    color: #A0A0A0;
    letter-spacing: 0.02px;
    padding-left: 40px;
}

.form-control#User {
    margin-bottom: 22px;
}

.form-control#Password {
    margin-bottom: 31px;
}

.TogglePassword .input-group-text {
    background: #F0F0F0;
    border: none;
    border-radius: 0 42.5px 42.5px 0;
    height: 55px;
    padding-right: 20px;
}

.TogglePassword a
,.TogglePassword a:focus
,.TogglePassword a:visited
,.TogglePassword a:active
,.TogglePassword a:hover {
    text-decoration: none;
}

.Padlock
,.Padlock>img {
    height: 125px;
}


@media (min-height: 830px) {
    .column_left
    ,.column_right {
        height: 75% !important;
    }
}

@media (max-height: 829px) {
    .column_left
    ,.column_right {
        height: 90% !important;
    }
}

@media (max-height: 700px) {

    .column_right .Padlock {
        display: none;
    }

    form {
        margin-top: 0;
    }

    form h2 {
        font-size: 19px;
        margin-bottom: 0.5rem;
    }

    .form-control#User
    ,.form-control#Password {
        margin-bottom: 0;
    }

    body, html {
        overflow-x: hidden;
        overflow-y: scroll;
    }

}