@import url('Login.css');
.Login-Label-Div{
    margin-left:0px;
}
.Login-Label-Username {
    text-align: left;
}
.Login-Image {
    margin: 32px;
    display: inline-block;
    margin-right: 32px;
    margin-left:0px;
}
.Image-Person-Login {
    margin-top:10px;
    right:0px;
    left:30px;
}
.Login-Input-Div {
    float:left
}
.username-validation-span {
    padding-left:24px;
}
.Login-Label-Password {
    float: left;
}
.Login-Input-Password-Div {
    float: left;
    text-indent: 22px;
}
.Password-validation-span {
    float: left;
    margin-left: 16px;
    margin-right: 55px;
}
.Image-Key-Login {
    float: left;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    margin-inline: -80px;
}
.Login-btn {
    float:left;
}
.RememberMe-Switch {
    margin-right: 0px;
    margin-left: 24px;
}

.Login-Forget-Password {
    margin-inline: 20px;
    margin-right: 56px;
    margin-left: 0px;
    margin-top: 10px;
}
.summary-validation {
    float: left;
    margin-left: 25px;
    margin-right: 50px;
}

.Login-Label-Username-2 {
    text-align: left;
}
.Image-Mail-Login {
    margin-inline: -60px;
    float: left;
}
.Image-Person-ResetPassword {
    right:0px;
    left:34px;
}
.Email-validation-span {
    float: left;
    margin-left: 25px;
}
.btns-div {
    float: left !important;
    margin-left: 91px !important;
}
.ResetPassword-Image {
    margin-right: 42px;
    margin-left: 0px;
}
.Login-Label-Div-2 {
    text-align: left;
}

@media (max-width: 768px) {
    .Image-Person-ResetPassword,
    .Image-Person-Login {
        left: 50px;
    }

    .Login-Image {
        margin-left: 20px;
        padding-left: 22px;
    }

    .ResetPassword-Image {
        margin-right: 0px;
        padding-left: 22px;
        margin-left: 20px;
    }

    .Login-content-box {
        flex-wrap: wrap;
        flex-direction: column-reverse;
        align-items: baseline;
    }
}
.l3 {
    animation: l3-rise 1s ease 0s infinite;
    margin-right: auto;
    margin-left: 50px;
}
.input_required {
    border: 1px solid rgb(207, 0, 0) !important;
    background: rgb(255, 225, 225) none repeat scroll 0% 0% !important;
    outline: none !important;
}

    .input_required:focus {
        outline: none !important;
        border: 1px solid rgb(207, 0, 0) !important;
    }
.button-modal {
  margin-right:0px;
  margin-left:9px;
}

.header-Login-Logo-Osool {
    float: left;
}

.header-Login-Logo-Osool-2 {
    float: left;
}
.change-language-container{
    float:right;
}
.close-icon-modal {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    float: right;
}