* {
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.main_login {
    /* display: flex; */
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: 100%;
    min-height: 39rem;
    background-color: #f8f9fd;
}

#login_submit {
    background: #393c72;
    color: #d4cef8;
    border: white;
}

button:focus {
    box-shadow: unset !important;
}

button:active:not([disabled]) {
    position: relative;
    top: 1px;
}

.welcome-login {
    display: flex;
    align-items: center;
    text-align: center;
    color: white;
    background: linear-gradient(-31deg, #040849cf 0%, #8079a8 100%);
    box-shadow: 0px 10px 34px -15px rgb(0 0 0 / 24%);
    border-radius: 0.2rem;
}

.login-wrap {
    background-color: white;
    border-radius: 0.2rem;
    box-shadow: 0px 10px 34px -15px rgb(0 0 0 / 24%);
}

.login-wrap input, .login-wrap select {
    height: 48px;
    background: rgba(0, 0, 0, 0.05);
    color: #000;
    font-size: 16px;
    border-radius: 50px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid transparent;
    padding-left: 20px;
    padding-right: 20px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.btn.btn-white.btn-outline-white:hover {
    border: 1px solid transparent;
    background: #fff;
    color: #000;
}

.btn.btn-white.btn-outline-white {
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
}

.bt-dashed {
    border-bottom: 1px dashed rgba(0, 0, 0, .1);
}

#login_logo {
    display: contents;
}

#login_logo, #login_logo img {
    width: 12rem;
    height: inherit;
    padding: 0;
    border-radius: 100%;
    object-fit: contain;
    /* background: #ffffff; */
    /* background: linear-gradient( -31deg, #040849cf -100%, #8079a8 100%); */
}

/* Sign Up  */

.input-group button {
    font-size: 0.8rem;
    border: 1px solid #eee;
    padding: 0 1rem;
    border-radius: 0 50px 50px 0;
}

.login-wrap .input-group-addon {
    border-radius: 50px 0 0 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #eeeeee;
    padding: 0.5rem 1rem;
    font-size: 0.8rem;
    font-weight: 400;
    line-height: 1;
    /* color: #555; */
    color: #396cac;
    background-color: #eee;
    width: 3rem;
    white-space: nowrap;
}

button:active, button:focus {
    outline: 0;
}

.req_redbox {
    box-shadow: inset 0 0 0.5vw #ED776C !important;
    background: #FCEAE9 url(../img/exclamation-circle-solid.svg) 96% 50% no-repeat !important;
    background-size: 1vw !important;
}

.popup_icon {
    color: orange;
    font-size: 3rem;
}

.blurBack {
    -webkit-filter: blur(3px);
    filter: blur(3px);
    pointer-events: none
}

.hideObj {
    display: none !important;
}

#modalTitle_log {
    font-size: 1.2rem;
}

#signup_form input, #signup_form select {
    font-size: 1vw;
    height: auto;
    padding: 0.8vw 1vw;
}

#signup_form select, #bankAcc_form select {
    background: rgba(0, 0, 0, 0.05) url(../img/angle-down-solid.svg) 95% 50% no-repeat;
    background-size: 0.7vw;
}

#signup_form input:focus, #signup_form select:focus, #bankAcc_form .form-control:focus{
    box-shadow: inset 0 0 0 0.2rem rgb(191 183 236);
    background-color: #fff;
    border-color: #d6d1f9;
}


#signup_form input::placeholder {
    color: #c7c7c7;
}


/** webkit scrollbar */

::-webkit-scrollbar {
    width: 0.4vw;
    height: 0.4vw;
}

::-webkit-scrollbar-track {
    background: #f6f6f6;
    border-radius: 2px;
}

::-webkit-scrollbar-thumb {
    background: #ddd;
    border-radius: 2px;
}

::-webkit-scrollbar-thumb:hover {
    background: #999;
}

::-webkit-scrollbar-corner {
    background: #f6f6f6;
}

/* Loading */

#loader {
    z-index: 30000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    /* background-color: rgba(0, 0, 0, 0.5); */
}

#loader>div {
    font-size: 1.2vw;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
    -webkit-animation: load5 1.1s infinite ease;
    animation: load5 1.1s infinite ease;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    top: 50%;
    left: 50%;
}

@-webkit-keyframes load5 {
    0%, 100% {
        box-shadow: 0em -2.6em 0em 0em #d4cef8, 1.8em -1.8em 0 0em rgba(212, 206, 248, 0.2), 2.5em 0em 0 0em rgba(212, 206, 248, 0.2), 1.75em 1.75em 0 0em rgba(212, 206, 248, 0.2), 0em 2.5em 0 0em rgba(212, 206, 248, 0.2), -1.8em 1.8em 0 0em rgba(212, 206, 248, 0.2), -2.6em 0em 0 0em rgba(212, 206, 248, 0.5), -1.8em -1.8em 0 0em rgba(212, 206, 248, 0.7);
    }
    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(212, 206, 248, 0.7), 1.8em -1.8em 0 0em #d4cef8, 2.5em 0em 0 0em rgba(212, 206, 248, 0.2), 1.75em 1.75em 0 0em rgba(212, 206, 248, 0.2), 0em 2.5em 0 0em rgba(212, 206, 248, 0.2), -1.8em 1.8em 0 0em rgba(212, 206, 248, 0.2), -2.6em 0em 0 0em rgba(212, 206, 248, 0.2), -1.8em -1.8em 0 0em rgba(212, 206, 248, 0.5);
    }
    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(212, 206, 248, 0.5), 1.8em -1.8em 0 0em rgba(212, 206, 248, 0.7), 2.5em 0em 0 0em #d4cef8, 1.75em 1.75em 0 0em rgba(212, 206, 248, 0.2), 0em 2.5em 0 0em rgba(212, 206, 248, 0.2), -1.8em 1.8em 0 0em rgba(212, 206, 248, 0.2), -2.6em 0em 0 0em rgba(212, 206, 248, 0.2), -1.8em -1.8em 0 0em rgba(212, 206, 248, 0.2);
    }
    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(212, 206, 248, 0.2), 1.8em -1.8em 0 0em rgba(212, 206, 248, 0.5), 2.5em 0em 0 0em rgba(212, 206, 248, 0.7), 1.75em 1.75em 0 0em #d4cef8, 0em 2.5em 0 0em rgba(212, 206, 248, 0.2), -1.8em 1.8em 0 0em rgba(212, 206, 248, 0.2), -2.6em 0em 0 0em rgba(212, 206, 248, 0.2), -1.8em -1.8em 0 0em rgba(212, 206, 248, 0.2);
    }
    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(212, 206, 248, 0.2), 1.8em -1.8em 0 0em rgba(212, 206, 248, 0.2), 2.5em 0em 0 0em rgba(212, 206, 248, 0.5), 1.75em 1.75em 0 0em rgba(212, 206, 248, 0.7), 0em 2.5em 0 0em #d4cef8, -1.8em 1.8em 0 0em rgba(212, 206, 248, 0.2), -2.6em 0em 0 0em rgba(212, 206, 248, 0.2), -1.8em -1.8em 0 0em rgba(212, 206, 248, 0.2);
    }
    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(212, 206, 248, 0.2), 1.8em -1.8em 0 0em rgba(212, 206, 248, 0.2), 2.5em 0em 0 0em rgba(212, 206, 248, 0.2), 1.75em 1.75em 0 0em rgba(212, 206, 248, 0.5), 0em 2.5em 0 0em rgba(212, 206, 248, 0.7), -1.8em 1.8em 0 0em #d4cef8, -2.6em 0em 0 0em rgba(212, 206, 248, 0.2), -1.8em -1.8em 0 0em rgba(212, 206, 248, 0.2);
    }
    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(212, 206, 248, 0.2), 1.8em -1.8em 0 0em rgba(212, 206, 248, 0.2), 2.5em 0em 0 0em rgba(212, 206, 248, 0.2), 1.75em 1.75em 0 0em rgba(212, 206, 248, 0.2), 0em 2.5em 0 0em rgba(212, 206, 248, 0.5), -1.8em 1.8em 0 0em rgba(212, 206, 248, 0.7), -2.6em 0em 0 0em #d4cef8, -1.8em -1.8em 0 0em rgba(212, 206, 248, 0.2);
    }
    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(212, 206, 248, 0.2), 1.8em -1.8em 0 0em rgba(212, 206, 248, 0.2), 2.5em 0em 0 0em rgba(212, 206, 248, 0.2), 1.75em 1.75em 0 0em rgba(212, 206, 248, 0.2), 0em 2.5em 0 0em rgba(212, 206, 248, 0.2), -1.8em 1.8em 0 0em rgba(212, 206, 248, 0.5), -2.6em 0em 0 0em rgba(212, 206, 248, 0.7), -1.8em -1.8em 0 0em #d4cef8;
    }
}

@keyframes load5 {
    0%, 100% {
        box-shadow: 0em -2.6em 0em 0em #d4cef8, 1.8em -1.8em 0 0em rgba(212, 206, 248, 0.2), 2.5em 0em 0 0em rgba(212, 206, 248, 0.2), 1.75em 1.75em 0 0em rgba(212, 206, 248, 0.2), 0em 2.5em 0 0em rgba(212, 206, 248, 0.2), -1.8em 1.8em 0 0em rgba(212, 206, 248, 0.2), -2.6em 0em 0 0em rgba(212, 206, 248, 0.5), -1.8em -1.8em 0 0em rgba(212, 206, 248, 0.7);
    }
    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(212, 206, 248, 0.7), 1.8em -1.8em 0 0em #d4cef8, 2.5em 0em 0 0em rgba(212, 206, 248, 0.2), 1.75em 1.75em 0 0em rgba(212, 206, 248, 0.2), 0em 2.5em 0 0em rgba(212, 206, 248, 0.2), -1.8em 1.8em 0 0em rgba(212, 206, 248, 0.2), -2.6em 0em 0 0em rgba(212, 206, 248, 0.2), -1.8em -1.8em 0 0em rgba(212, 206, 248, 0.5);
    }
    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(212, 206, 248, 0.5), 1.8em -1.8em 0 0em rgba(212, 206, 248, 0.7), 2.5em 0em 0 0em #d4cef8, 1.75em 1.75em 0 0em rgba(212, 206, 248, 0.2), 0em 2.5em 0 0em rgba(212, 206, 248, 0.2), -1.8em 1.8em 0 0em rgba(212, 206, 248, 0.2), -2.6em 0em 0 0em rgba(212, 206, 248, 0.2), -1.8em -1.8em 0 0em rgba(212, 206, 248, 0.2);
    }
    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(212, 206, 248, 0.2), 1.8em -1.8em 0 0em rgba(212, 206, 248, 0.5), 2.5em 0em 0 0em rgba(212, 206, 248, 0.7), 1.75em 1.75em 0 0em #d4cef8, 0em 2.5em 0 0em rgba(212, 206, 248, 0.2), -1.8em 1.8em 0 0em rgba(212, 206, 248, 0.2), -2.6em 0em 0 0em rgba(212, 206, 248, 0.2), -1.8em -1.8em 0 0em rgba(212, 206, 248, 0.2);
    }
    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(212, 206, 248, 0.2), 1.8em -1.8em 0 0em rgba(212, 206, 248, 0.2), 2.5em 0em 0 0em rgba(212, 206, 248, 0.5), 1.75em 1.75em 0 0em rgba(212, 206, 248, 0.7), 0em 2.5em 0 0em #d4cef8, -1.8em 1.8em 0 0em rgba(212, 206, 248, 0.2), -2.6em 0em 0 0em rgba(212, 206, 248, 0.2), -1.8em -1.8em 0 0em rgba(212, 206, 248, 0.2);
    }
    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(212, 206, 248, 0.2), 1.8em -1.8em 0 0em rgba(212, 206, 248, 0.2), 2.5em 0em 0 0em rgba(212, 206, 248, 0.2), 1.75em 1.75em 0 0em rgba(212, 206, 248, 0.5), 0em 2.5em 0 0em rgba(212, 206, 248, 0.7), -1.8em 1.8em 0 0em #d4cef8, -2.6em 0em 0 0em rgba(212, 206, 248, 0.2), -1.8em -1.8em 0 0em rgba(212, 206, 248, 0.2);
    }
    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(212, 206, 248, 0.2), 1.8em -1.8em 0 0em rgba(212, 206, 248, 0.2), 2.5em 0em 0 0em rgba(212, 206, 248, 0.2), 1.75em 1.75em 0 0em rgba(212, 206, 248, 0.2), 0em 2.5em 0 0em rgba(212, 206, 248, 0.5), -1.8em 1.8em 0 0em rgba(212, 206, 248, 0.7), -2.6em 0em 0 0em #d4cef8, -1.8em -1.8em 0 0em rgba(212, 206, 248, 0.2);
    }
    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(212, 206, 248, 0.2), 1.8em -1.8em 0 0em rgba(212, 206, 248, 0.2), 2.5em 0em 0 0em rgba(212, 206, 248, 0.2), 1.75em 1.75em 0 0em rgba(212, 206, 248, 0.2), 0em 2.5em 0 0em rgba(212, 206, 248, 0.2), -1.8em 1.8em 0 0em rgba(212, 206, 248, 0.5), -2.6em 0em 0 0em rgba(212, 206, 248, 0.7), -1.8em -1.8em 0 0em #d4cef8;
    }
}