.bg-img2 {
    background: rgb(231, 234, 246);
    background: radial-gradient(circle, rgba(231, 234, 246, 1) 0%, rgba(162, 168, 211, 1) 99%);
}

.form-input.basic:focus {
    border-color: #e4e4e4;
    box-shadow: 0 0 10px rgba(230, 230, 230, 0.5);
}

.form-input.basic:hover {
    border-color: rgb(0 0 0 / 0%) !important;
    box-shadow: 0 0 5px rgb(0 0 0 / 12%) !important
}

.login-registration-btn,
.login-forget-btn,
.regispage-login-btn {
    padding: 5px 10px;
    border-radius: 3px;
    box-shadow: 3px 4px 4px #a2a8d3;
    border: 1px solid #fff;
    color: #ffffff !important;
}

.regispage-login-btn {
    width: 90%;
}

.auth-fluid {
    background-image: url(../../bg.jpg);
    background-position: center;
    background-size: cover;
}

.auth-fluid:before {
    content: '';
    width: 100%;
    height: 100%;
    background: black;
    position: absolute;
    opacity: 0.3;
}

.logo span.logo-lg img {
    width: 36%;
    border-radius: 55%;
}

.content-page {
    background: rgb(211, 211, 211);
    background: radial-gradient(circle, rgba(211, 211, 211, 1) 7%, rgba(173, 216, 230, 1) 59%);
}

.auth-brand .logo-dark img {
    border-radius: 73%;
    background: white;
    height: 138px;
    padding: 12px;
}

.auth-brand .login-logo {
    position: relative;
    top: -40px;
}

.btn-check:active+.btn-success,
.btn-check:checked+.btn-success,
.btn-success.active,
.btn-success:active,
.show>.btn-success.dropdown-toggle {
    color: #2f2d2d;
    background-color: #eef5b2;
    border-color: #eef5b2;
}

.btn-check:focus+.btn-success,
.btn-success:focus {
    color: #fff;
    background-color: #b5d8e3;
    border-color: #ffffff;
    -webkit-box-shadow: 0 0 0 0.2rem rgb(47 214 167 / 0%);
    box-shadow: 0 0 0 0.2rem rgb(47 214 167 / 0%);
}

.btn-check:active+.btn-success:focus,
.btn-check:checked+.btn-success:focus,
.btn-success.active:focus,
.btn-success:active:focus,
.show>.btn-success.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgb(47 214 167 / 0%);
    box-shadow: 0 0 0 0.2rem rgb(47 214 167 / 0%);

}

.npay-recharge-box {
    margin: auto;
    width: 77px;
    margin-right: 11px;
    margin-bottom: 11px;
    font-size: 9px;
    line-height: 1.4;
    background-color: #ffffff;
    text-align: center;
    border-radius: 5px;
    padding-bottom: 5px;
    box-shadow: 1px 2px 3px #80808054, 3px 2px 3px #80808054, -3px -2px 2px #80808057, -2px -2px 3px #80808057;
    cursor: pointer;
    margin: 5px;
    margin-left: 9px;
    /* margin: auto; */
}

.npay-recharge-box-text {
    padding-top: 10px;
    padding-left: 2px;
}

.npay-recharge-box-icon {
    width: 40px;
    display: block;
    margin: auto;
    padding-top: 10px;
    padding-bottom: 5px;
}

.nav-user .account-user-avatar {
    background-color: #fff;
}

.leftside-menu,
.user-dashboard-card {
    background-image: url(../../../../application/libraries/assets/menu.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}

.btn-success {
    color: #fff;
    background-color: #eb1666;
    border-color: #eb1666;
    transition: background 0.5s linear, box-shadow 0.5s linear;
}

.btn-success:hover {
    color: #fff;
    background-color: #d1457a;
    border-color: #b5bcc352;
    box-shadow: 0 8px 25px -8px #ededed, 0 -8px 25px #ededed;
}

.login-box,
.auth-fluid-form-box .align-items-center {
    border: 1px solid #e1e1e1;
    -webkit-box-shadow: 4px 3px 22px 1px rgba(199, 199, 199, 0.95);
    -moz-box-shadow: 4px 3px 22px 1px rgba(199, 199, 199, 0.95);
    box-shadow: 4px 3px 22px 1px rgba(199, 199, 199, 0.95);
    border-radius: 5px;
    background: #0a1e51;
    padding-left: 15px;
    padding-right: 15px;
}

.login-box,
.auth-fluid-form-box .align-items-center {
    border: unset;
    box-shadow: none;
    border-radius: unset;
}

.user-dashboard-card {
    background-size: cover;
}

.user-dashboard-wallet-box {
    text-align: center;
    width: 80%;
    margin: auto;
    position: relative;
    top: 70px;
    border-radius: 25px;
    padding: 18px;
}