input {
    font-size: .95rem !important;
}

.dir-left {
    direction: ltr !important;
}

.loader {
    display: none;
    width: 18px;
    height: 18px;
    position: relative;
    -webkit-animation: loader .8s infinite linear;
    -moz-animation: loader .8s infinite linear;
    -ms-animation: loader .8s infinite linear;
    -o-animation: loader .8s infinite linear;
    animation: loader .8s infinite linear;
    border: 2px solid #f8f8f8;
    border-left-color: transparent;
}

.loader:after {
    width: 16px;
    height: 16px
}

.loader.white {
    border: 3px solid hsla(0, 0%, 100%, .2);
    border-left-color: #fff
}

.loader,
.loader:after {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.login-form-header {
    font-size: 24px !important;
    font-weight: 500;
    margin-bottom: 50px;
    color: #5C5C5C;
}

.login-form-header2 {
    font-size: 17px !important;
    font-weight: 300;
    margin-bottom: 50px;
    color: #3AC937;
    text-align: right;
}

.logo-login-box {
    width: 255px;
    margin: 50px auto;
}
.logo_image {
    width: 255px;
    margin:auto;
}
.icon-back {
    color: #A3A3A3;
    font-size: 25px;
    font-weight: 300;
}

.box-login {
    /* display: flex;
    align-items: center;
    justify-content: center; */
    background: #F8F8F8;
    border: 1px solid #E7E7E7;
    height: 90vh;
    width: 90%;
    margin: 20px auto;
    border-radius: 16px;
}

.card-login {
    position: relative;
    margin: 50px auto;
    padding: 25px;
    max-width: 540px;
    border-radius: 16px;
    /* box-shadow: 0 0px 30px 0 rgb(7 152 255 / 30%); */
    border: 1px solid #E7E7E7;
    background-color: #fff;
}

.form-control-lg {
    border-radius: 16px !important;
}

.form-login-label {
    font-size: 18px;
    font-weight: 300;
    color: #5C5C5C;
    margin-bottom: 0;
}

.border-raduis {
    border-radius: 16px !important;
}

.login-enter {
    font-size: 20px;
    font-weight: 300;
}

.pos-abs {
    position: absolute;
    top: 25px;
}

.link-info {
    color: #025EC6;
    font-size: 17px;
    font-weight: 300;
}

@keyframes loader {
    0% {
        transform: rotate(0deg);
        -o-transform: rotate(0deg)
    }
    50% {
        transform: rotate(1turn);
        -o-transform: rotate(1turn)
    }
    to {
        transform: rotate(2turn);
        -o-transform: rotate(2turn)
    }
}

@-webkit-keyframes loader {
    0% {
        -webkit-transform: rotate(0deg)
    }
    50% {
        -webkit-transform: rotate(1turn)
    }
    to {
        -webkit-transform: rotate(2turn)
    }
}

@-moz-keyframes loader {
    0% {
        -moz-transform: rotate(0deg)
    }
    50% {
        -moz-transform: rotate(1turn)
    }
    to {
        -moz-transform: rotate(2turn)
    }
}

@media (max-width:700px) {
    .card-login {
        margin: 30px auto;
    }
    .login-form-header {
        font-size: 20px !important;
    }
    .form-login-label {
        font-size: 16px;
    }
    .login-enter {
        font-size: 18px;
    }
    .logo_image {
        width: 170px;
    }
    .logo-login-box {
        margin: 30px auto;
    }
    .card-login-box{
        padding:0 20px;
    }
    .card-login {
        padding:0;
    }
    .box-login {
        width:100%;
        height: auto;
        }
}