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;
    
    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: 1px 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;
    min-height: 90vh;
    width: 90%;
    margin: 20px auto;
    border-radius: 16px;
}

.card-login {
    position: relative;
    margin: 5px auto;
    padding: 9px;
    max-width: 511px;
    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;
    }
}