.login-enter .wrapper {
    display: flex;
    color: white;
    gap: .35rem;
}
.avatar_wrapper {
    width: 2.85rem;
    height: 2.85rem;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid white;
}

img.coin_main, .reloader {
    width: .85rem;
    height: .85rem;
}
.balance_wrapper {
    align-items: center;
    width: 100%;
    justify-content: space-between;
    padding-inline: .12rem;
    background: #00000080;
    border-radius: 3rem;
    border: 1px solid #fbd982;
    min-width: 7rem;
    height: 1.5rem;
    text-align: center;
}
.balance_wrapper .balance {
    padding-right: .3rem;
    font-weight: 600;
    color: #fff450;
    line-height: .9rem;
    font-size: .9rem;
}
.reloader.rotating {
    animation: spin360 .6s linear;
}

@keyframes spin360 {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
#scrollTopBtn {
    position: fixed;
    bottom: 7.5rem;
    right: 0px;
    z-index: 9999;
    padding: 10px 20px;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
}
.requirementWrapper {
    color: #fff799de;
    font-size: .65rem;
    font-weight: 100;
    letter-spacing: 1px;
    display: flex;
}
img.toTop {
    width: 3rem;
    height: 3rem;
    filter: drop-shadow(2px 4px 6px rgb(138, 35, 255));
    opacity: 1;
    scale: 1;
}
.levelProgress {
    width: 100%;
    height: 3px;
    background: #161616;
}
.progress-fill {
    background: #fff799;
    width: auto;
    height: 3px;
}
img.toTop:hover {
    scale: .8; 
    transition: all .2s ease-in-out;
}

span.level {
    background: linear-gradient(0deg, #ffcb05 0%, #fff799 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-family: 'Poppins';
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1.5;
    display: flex;
    width: 3rem;
    text-align: center;
    align-items: center;
    justify-content: center;
    font-size: .8rem;
}

.levelItem {
    background: linear-gradient(90deg, #1b1b1b85, #3434348c);
    height: 1.5rem;
    text-align: center;
    align-items: center;
    display: flex;
    padding-inline: 0.08rem;
    border-radius: 3rem;
    border: 1px solid #fbd982;
    justify-content: center;
}
.level_wrapper {
    display: flex;
}
.levelProgress_wrap {
    margin-left: .25rem;
}

.user_id_wrapper {
    color: white;
    font-weight: 600;
    font-size: 1.5rem;
}

.user_id_wrapper span { 
    font-family: 'Winky2';
}
.soutpain_title {
    color: white;
    font-weight: 600;
    font-size: 1.1rem;
    line-height: 1.1rem;
}
span.sideBarshitSize.balance {
    color: #fff450;
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 1.5rem;
}
.sideBar_balance {
    display: flex;
    align-items: center;
    gap: .3rem;
}
.soutpain_title {
    color: white;
    font-weight: 600;
    font-size: 1.1rem;
}

span.sideBarshitSize.balance {
    color: #fff450;
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 1.5rem;
}

.sideBar_balance {
    display: flex;
    align-items: center;
    gap: .3rem;
}

.soutPainBtn {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 1fr;
    text-align: center;
    gap: .85rem;
}

.btn_soutpain {
    background: linear-gradient(45deg, #ffc00075, #2c2c2c8a);
    padding-inline: .2rem;
    height: 2rem;
    line-height: 1.5;
    text-align: center;
    align-items: center;
    border-radius: 3rem;
    min-width: 1.4rem;
    width: 100%;
    font-size: .9rem;
    font-weight: 600;
    display: flex;
    justify-content: center;
    border: 1px solid #ffd57b;
    color: white;
    text-transform: uppercase;
}
.unit_balance_soutpain_wrapper {
    padding: .5rem .25rem;
    display: flex;
    flex-flow: column;
    gap: .4rem;
    align-items: center;
}

.rendererGames .hot-section .hot-games-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    max-width: 100vw;
    box-sizing: border-box;
    gap: 1rem;
}

.rendererGames .new-section .new-games-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    max-width: 100vw;
    box-sizing: border-box;
    gap: 1rem;
}
.hot-section {
    background: #ffffff8c;
    padding: .75rem;
    border: 2px solid #fff;
    border-radius: .8rem;
}

.new-section, .game-wrapper, .game-list-content {
    background: #ffffff8c;
    padding: .75rem;
    border: 2px solid #fff;
    border-radius: .8rem;
    margin-top: 1rem;
}

.rendererGames .game-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    max-width: 100vw;
    box-sizing: border-box;
    gap: 1rem;
}
input.item {
    background: transparent;
    color: white;
}
.items.side.search_wrap {
    display: flex;
    height: 2.85rem;
    align-items: center;
}

.iconShit {
    height: 2.25rem;
    width: 2.5rem;
    margin-right: .5rem;
    position: relative;
    right: 2px;
    top: 1px;
}
img.icon_imgSide {
    object-fit: contain;
} 

.bonusSwiper .swiper-slide {
    transition: 0.3s ease;
    transform: scale(0.85);
    opacity: 0.6;
}

.bonusSwiper .swiper-slide-active {
    transform: scale(1);
    opacity: 1;
}

.bonus-card {
    border-radius: 16px;
    overflow: hidden;
    padding: 5px 10px 5px;
    text-align: center;
}

.bonus-card img {
    width: 100%;
    border-radius: 12px;
}

.bonus-card .below_bonus {
    background: linear-gradient(45deg, #3b1242, #b95ac8);
    position: relative;
    width: 100%;
    margin-top: 1rem;
    padding: .75rem 1rem;
    color: white;
    border-radius: 1rem;
}

.bonus-card .below_bonus h3 {
color: #ffe4b8;
}
ul.bonus-desc-list {
    list-style: devanagari;
    margin-left: 1rem;
}
ul.bonus-desc-list li {
    text-align: start;
    margin-top: .5rem;
}

.modal.bank-modal .modal-overlay {
    background: #00000054;
}
.bank-modal .modal-content {
    background: linear-gradient(45deg, #5e006ca3, #a100ff60);
    box-shadow: inset 0 0 30px #f8bfff;
    width: 90%;
    height: 550px;
    margin: 0 auto;
    border-radius: 1rem;
    backdrop-filter: blur(5px);
    border: 2px solid white;
    overflow-y: auto;
    padding: 1rem;
}
.modal.bank-modal .wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}
.bank-modal-body {
    position: relative;
    width: 100%;
    height: auto;
    margin-top: .25rem;
}
.bank-modal .modal-header {
    position: relative;
}
.promotion_header .title {
    color: #323232;
    font-family: 'Winky2';
    text-transform: capitalize;
    font-size: 1.7rem;
}
span.modalTitle.bank-modal {
    color: #fff450;
    text-transform: capitalize;
    margin-top: 0;
}
.modal.bank-modal a.close.btn_close_modal {
    padding: 0;
    position: absolute;
    width: 4.5rem;
    height: 4.5rem;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    background: #000;
    border-radius: 100%;
    right: -37px;
    top: -33px;
}
.modal.bank-modal a.close.btn_close_modal img {    
    right: 6px;
    position: relative;
    top: 7px;
    width: 1.2rem;
}

.rendererBank {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
    gap: .75rem;
    padding: 0 .75rem;
}
.bank-item .bank-img {
    width: 2.5rem;
}
.bank-item {
    width: 4rem;
    height: 4rem;
    background: #ffffff6e;
    align-items: center;
    display: flex;
    justify-content: center;
    border-radius: .8rem;
}
.nameWrapper::before {
    content: "";
    position: relative;
    left: 0;
    width: 4rem;
    height: 3rem;
    top: 0;
    background: #fff;
}

.nameWrapper.submit::before, .nameWrapper.download::before {
    content: "";
    position: absolute;
    background: #ffffff00;
}
.nameWrapper {
    width: 100%;
    margin-top: 1rem;
    margin-bottom: 1rem;
    background: #ffeeeb;
    height: 2.5rem;
    border: 2px solid white;
    border-radius: .5rem;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.nameWrapper input {
    background: transparent;
    width: 100%;
    height: 100%;
} 
.nameWrapper input {
    background: transparent;
    width: 100%;
}
.form_wrapper {
    padding-inline: 1rem;
}
i.am-icon.am-icon-md {
    font-size: 1.5rem;
    color: #646464;
    position: relative;
    left: -2.5rem;
}
.nameWrapper.download {
    margin: 1rem auto!important;
}
.nameWrapper.submit, .nameWrapper.download {
    width: fit-content;
    background: #fcc44f;
    margin: 0 auto;
    padding-inline: 1rem;
    border: 0;
    color: white;
}
.displayBankInfo.rendererUserBanks {
    height: 100%;
    gap: 1.5rem;
    margin-bottom: .5rem;
}

.detailsBankInfo.userbankDetails {
    margin-left: 5rem;
    font-size: 1rem;
    color: white;
    font-weight: 600;
    align-items: flex-start;
    display: flex;
    flex-flow: column;
    justify-content: center;
}

.addedBank-empty.userbankDetails {
    background: linear-gradient(180deg, #ffe2a5, #fcc44f);
    border: 2px solid #fff;
}
img.bank-logo {
    width: 100%;
}

.addedBank.userbankDetails {
    position: absolute;
    width: 2.8rem;
    height: 2.8rem;
    background: #fff;
    right: 24px;
    z-index: 1;
    margin-top: 5px;
    border-radius: 50%;
}

.addedBank.userbankDetails.unverified {
    background: url(../img/noverify.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
}


.addedBank.userbankDetails.verified {
    background: url(../img/bankSus.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
}

.bank-item.active {
    background: #fff450;
}
.bank-modal-body .member_details {
    display: grid;
    grid-template-columns: 74% 24%;
    gap: 2%;
}

.bank-modal-body .member_details .main_box {
    background: #ffeeeb;
    border: 2px solid #fff;
    border-radius: .25rem;
    overflow: hidden;
}

.memberStyleweak {
    border-right: 2px solid #000
}

.soutpainIcon::before {
    content: "";
    position: absolute;
    width: 3rem;
    height: 2rem;
    background: #fff; 
    z-index: 0;
}
span.footer-menu-name {
    font-family: 'Winky2';
}
#bettingHistory > * {
    line-height: 1.5;
}
#bettingHistory i {
    line-height: 1.5;
}
.bettingHistory select {
    width: 100%;
    border-radius: 5rem;
    color: #000;
    text-align: center; 
    font-size: .8rem;
    height: 1.25rem;
}
.title.text-white {
    font-size: 1.5rem;
}

.bettingHistroy_wrapper {
    padding: 1rem .75rem 5rem;
    border-radius: .7rem;
    overflow: hidden;
        margin-bottom: 1.5rem;
    background: linear-gradient(0deg,  #3b1242, #b95ac8);
}
.bottom_box {
    position: absolute;
    width: 100%;
    text-align: center;
    margin-top: .5rem;
    padding-inline: 1.21rem;
    left: 0;
}
.bettingHistroy_wrapper .items.active {
    background: #fcc44f;
    color: #fff;
}
.group-row {
    padding: .25rem .8rem;
    text-align: center;
}
.moreBettingHistory {
    background: #fcc44f;
    color: #fff;
    padding-inline: .5rem;
    border-radius: 5rem;
    font-size: .75rem;
    line-height: 1.25rem;
    align-items: center;
}

.bettingHistroy_wrapper .top {
    font-weight: 600;
    font-size: .75rem;
}
.bettingHistroy_wrapper .bottom {
    font-weight: 600;
    font-size: .75rem;
}
.bettingDetails_header {
    background: #fcc44f;
    color: #fff;
    font-size: .85rem;
    padding: .25rem .8rem;
    border-top-left-radius: .35rem;
    border-top-right-radius: .35rem;
}
.bettingDetails_wrapper {
    background: #fff;
    border-radius: .7rem;
    min-height: 55dvh;
}
.box_top.bettingHistory {
    color: #323232;
}
.searchDate , .searchDateTransaction {
    background: #fcc44f;
    height: 1.2rem;
    align-items: center;
    display: flex;
    flex-flow: column;
    justify-content: center;
    margin-right: .5rem;
    margin-left: .5rem;
    border-radius: 5rem;
    font-size: .9rem;
    color: #fff;
}
.soutpainIcon img{
    position: relative;
    z-index: 1; 
    margin-left: .5rem;
}
.bettingHistory .items {
    background: #fff;
    border-radius: 5rem;
    font-size: .85rem;
    padding-inline: .5rem;
}
.soutpainIcon {
    max-width: 1rem;
    align-items: center;
    display: flex;
    justify-content: center;
    margin-right: 1.5rem;
    position: relative;
    z-index: 1; 
}
.main_box_btn {
    background: #fcc44f;
    border: 2px solid #fff;
    color: #fff;
    border-radius: .25rem;
    text-align: center;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.title_shit, .totalAff, .turnover_cashback_amount {
    color: #646464;
    font-size: .85rem;
}

span.title_shit.affurl.flex {
    display: -webkit-box;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden;
}

.qr_box {
    width: 13rem;
    height: 13rem;
    background: #ffeeeb;
    border-radius: .5rem;
    border: 2px solid #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.qr_box.qr-active .affurl {
    display: none;
}

.qr_box #affQr img,
.qr_box #affQr canvas {
    width: 100% !important;
    height: auto !important;
    max-width: 300px;
}

div#affQr {
    padding: 5px;
}

.flatpickr-wrapper {
    top: 50% !important;
    width: 100dvw !important; 
    height: 100dvh;
    left: 50%;
    right: 0 !important;
    z-index: 99999 !important;
    position: fixed !important;
    transform: translate(-50%, -50%);
    padding-inline: 1rem;
    overflow: hidden;
    background: #00000057;
}
.flatpickr-innerContainer .flatpickr-rContainer {
    width: 100%;
    padding-inline: 1rem;
}
.flatpickr-innerContainer .flatpickr-rContainer .flatpickr-days {
    width: 100%;
}
.flatpickr-innerContainer .flatpickr-rContainer .flatpickr-days .dayContainer {
    min-width: 100%;
}
.flatpickr-calendar.animate.static.arrowTop.arrowLeft.open {
    position: relative;
    width: 100%;
    height: 100%;
}
.flatpickr-calendar.animate.static.arrowTop.arrowLeft.open {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 70%;
    left: 50%;
    transform: translate(-50%);
    overflow: hidden;
    animation: none!important;
}
.wallet_wrapper {
    padding: .5rem 1.25rem;
    position: relative;
}

.wallet_top_wrapper {
    padding: 1rem .75rem 5rem;
    border-radius: .7rem;
    overflow: hidden;
    background: #00000042;
    border: 1px solid #fff;
}
select#promotionSelect {
    width: 100%;
    font-weight: 400;
    font-style: italic;
    opacity: .8;
    font-size: .85rem;
}
.wallet.title {
    color: white;
    font-size: 1.5rem;
    font-weight: 600;
}

.balance_display_wrapper.wallet.balance-wrapper {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.bg_wrap {
    background: #fcc44f;
    padding-inline: 1.5rem;
    border: 1px solid #fff;
    border-radius: 50rem;
}
span.balance.wallet {
    font-size: 2rem;
    color: white;
    font-weight: 600;
    line-height: 2.5rem;
}

.balance_display_wrapper.wallet.balance-wrapper .reloader.reload_icon {
    width: 1.2rem;
    height: 1.2rem;
}

hr.my-4 {
    border: 1px solid #FFF;
}

.wallet_top {
    display: flex;
    flex-flow: column;
    align-items: center;
}

a.items.deposit.active, a.items.withdraw.active, a.items.history.active {
    background: linear-gradient(0deg, #f8b13d, #ffd25b, #fff078);
    border: 1px solid #fbd982;
    border-radius: 50rem;
    color: #fff;
    font-size: 1.1rem;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    height: 2.4rem;
    align-items: center;
    display: flex;
    justify-content: center;
}

a.items.deposit, a.items.withdraw, a.items.history {
    background: linear-gradient(0deg, #8b8b8b, #c0c0c0, #ffffff);
    border: 1px solid #c3c3c3;
    border-radius: 50rem;
    color: #fff;
    font-size: 1.1rem;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    height: 2.4rem;
    align-items: center;
    display: flex;
    justify-content: center;
}
.wallet .details_tabs {
    position: absolute;
    width: 100%;
    text-align: center;
    margin-top: .5rem;
    padding-inline: 1.21rem;
    left: 0;
}

.wallet .tab-bottom {
    min-height: 5rem;
}

.wallet a.items.active::before {
    content: "";
    position: absolute;
    width: 2px;
    height: 1rem;
    background: #fff;
    top: 67%;
    transform: translateY(-50%);
}
.depositBankDetails .title {
    font-size: 1rem;
    text-transform: capitalize;
    color: #323232;
}
.depositBankDetails_wrapper {
    padding: 1rem;
    background: #fff;
    border-radius: 1rem; 
}
.tab.deposit .wrapper {
    padding: 1rem;
}

.rendererDepositBanks {
    display: flex;
    overflow-x: scroll;
    width: 100%;
    gap: 1rem;
    
    margin-top: .75rem;
}
.deposit-bank-item {
    min-width: 5rem;
}
.bank-logo img {
    width: 5rem;
    height: 6rem;
    border-radius: .5rem;
}

.custom_shit_grid {
    display: grid;
    grid-template-columns: 35% 15% 30% 20%;
}

.historyShit_wrapper {
    margin-top: 1rem;
    padding: .5rem 1rem;
    background: #fff;
    border-radius: 1rem;
}

.custom_shit_grid.header {
    height: fit-content;
    padding: .2rem .15rem;
    background: #fcc44f;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    color: white;
}
.capitalize.badge-success {
    background: #00aa32;
    border-radius: 5rem;
    color: white;
    font-style: italic;
}
.capitalize.badge-pending {
    background: #fcc44f;
    border-radius: 5rem;
    color: white;
    font-style: italic;
}
.capitalize.badge-rejected {
    background: #aa0000;
    border-radius: 5rem;
    color: white;
    font-style: italic;
}
span.More {
    color: #323232;
    display: flex;
    font-style: italic;
    justify-content: flex-end;
    font-weight: 600;
}
.transactionDeposit .title {
    padding: .5rem 0;
}
.shit_border {
    border: 2px solid #fcc44f;
    border-radius: 5rem;
    margin-bottom: .5rem;
}

.top_value .items, .center_value .items {
    background: #dcdcdc;
    border-radius: 5rem;
    font-size: .85rem;
    height: 1.5rem;
    align-items: center;
    display: flex;
    justify-content: center;
}

.value_prefix .items.active {
    background: #fcc44f;
    color: white;
}
.notfoundTransaction {
    padding: 1rem 0;
}
.bankSelector img {
    width: 80px;
    height: auto;
}

.bankSelector {
    display: flex;
    justify-content: center;
    margin-top: 1rem;
    gap: 1rem;
}
.text-red {
    color: red;
}

.alert span {
    font-style: italic;
    font-size: .9rem;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
    justify-content: center;
    margin-top: 1rem;
}

#bankDetailsDeposit {
  display: none;
}

#smallTrx {
  display: block;
}

.rendererDepositBanks.noneselected .deposit-bank-item{
    filter: none;
}
.rendererDepositBanks .deposit-bank-item {
    filter: grayscale(1);
}
.rendererDepositBanks .deposit-bank-item.active {
    filter: grayscale(0);
}
.bankDetailCard {
    padding-top: .5rem;
    border-top: 1px solid #3232327a;
    margin-top: .5rem;
}

.bankDetail_grid {
    display: grid;
    grid-template-columns: 40% 50% 10%;
}

.bankDetail_grid {
    display: grid;
    grid-template-columns: 35% 50% 15%;
    height: 2.85rem;
    align-items: center;
    text-align: start;
}
.bankDetail_grid.amount {
    height: auto;
}
.bankDetail_grid.uploadWrap {
    height: auto;
    margin-top: .5rem;
}
.bankDetail_grid.amountInput {
    height: auto;
}
.bankDetail_grid.uploadWrap .center {
    height: 10rem;
    border: 0;
    padding: 0;
}
 
.bankDetail_grid.uploadWrap .center .displayPreview {
    height: 10rem;
    width: 7rem;
    background: #dcdcdc;
    border-radius: .5rem;
}

input#depositAmount::placeholder {
    font-style: italic;
    font-weight: 400;
}
.rightcopyAccountBtn {
    width: 100%;
    height: auto;
    align-items: center;
    text-align: center;
    display: flex; 
    justify-content: flex-end;
    font-size: .7rem;
    color: #fff;
    font-style: italic;
}

button.copyAccountBtn {
    background: #fcc44f;
    padding-inline: .5rem;
    line-height: 2;
    border-radius: .25rem;
}

.tab.wallet.active {
    min-height: 100dvh;
}

.bankDetail_grid.uploadWrap .center .displayPreview::before {
    content: "";
    position: absolute;
    width: 3rem;
    height: 3rem;
    background: url(../img/uploadDick.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    transform: translate(70%, 100%);
    z-index: 0;
}
.bankDetail_grid .center {
    border: 2px solid #fcc44f;
    border-radius: .5rem;
    padding-inline: 1rem;
    line-height: 2rem;
    font-weight: 600;
}

.bankDetail_grid input {
    width: 100%;
}
.bankDetail_grid.amountInput .left span {
    font-weight: 200;
    font-size: .85rem;
    opacity: .8;
}
.bankDetail_grid.amount .center.amount {
    border: 0;
    padding: 0
}
.amount-prefix {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
    gap: 7px;
    max-width: 100%;
}
button.amount-btn {
    border: 2px solid #fcc44f;
    border-radius: .5rem;
}
button.amount-btn {
    border: 2px solid #fcc44f;
    border-radius: .5rem;
    font-size: .85rem;
    font-weight: 400;
    opacity: .7;
}

img.dickClock {
    max-width: 1rem;
}

button.customDateBtn {
    background: #fcc44f;
    padding-inline: 1rem;
    height: 1.3rem;
    border-radius: .25rem;
    width: auto;
    align-items: center;
}

.right.dickDate {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.leeChoose {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}
.leeChoose button.customUploadBtn {
    display: flex;
    font-size: .7rem;
    font-weight: 400;
    background: #fcc44f;
    color: #fff;
    padding-inline: .5rem;
    border-radius: .25rem;
}
button#submitDeposit {
    margin-top: 1rem;
}
.submitUpdateAvatar {
    width: 120px;
}
.updateAvatar_wrapper {
    margin-top: 1rem;
    display: flex;
    justify-content: center;
}
img.submitBtnDeposit, .submitWithdrawBtn {
    width: 120px;
}
.avatar-img {
    height: auto;
    max-width: 7.5rem;
    max-height: 7.5rem;
    display: flex;
    justify-content: center;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid #fff;
    align-items: flex-start;
}
.rendererAvatar {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}
.bankDetail_grid.withdraw {
    display: grid;
    grid-template-columns: 40% 60%;
}
.bankSelector {
    border-bottom: 2px solid #DDD;
    padding-bottom: .5rem;
    margin-bottom: .5rem;
}
.bankDetail_grid.withdraw .left span {
    opacity: .7;
    font-size: .85rem;
}

.withdrawBankSelector {
    filter: grayscale(1);
}
.withdrawBankSelector.active {
    filter: grayscale(0);
}
img.withdrawBankSelector {
    width: 5rem;
    height: 6rem;
    border-radius: .5rem;
}
div#messageSocket {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    right: 0;
    padding: 1rem;
    height: 100dvh;
    z-index: 10;
    background: #00000059;
}

.border-approved {
    border: 2px solid #cbf8e6;
}

.border-rejected {
    border: 2px solid #f8cbcb;
}

div#messageSocket .message_wrapper {
    background: white;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .25);
    border-radius: 10px;
}
.message_wrapper .alert.alert-success {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 12px;
    gap: 12px;
    padding: 20px;
    border-radius: 10px;
    gap: 3.2vmin;
    padding: 3.2vmin;
    justify-content: flex-start;
}
.tab.withdraw .bankSelector {
    display: flex;
    width: 100%;
    overflow: scroll;
    justify-content: flex-start;
}
.success_img {
    width: 10.6666666667vmin;
    height: 10.6666666667vmin;
}
.border-message {
    border: 2px solid #574eff59;
}
.success_top {
    line-height: 20px;
    font-weight: 700;
    color: #3f5075;
}

.success_bottom .total_amount {
    color: #f80;
    width: fit-content;
    margin: 0;
    display: flex;
}
.success_bottom .total_amount {
    color: #f80;
    width: fit-content;
    margin: 0;
    display: unset;
    font-style: normal;
    font-size: 14px;
    font-weight: 600;
}
.close-wrapper {
    top: 6.866667vmin;
    right: 6.866667vmin;
    width: 3.2vmin;
    height: 3.2vmin;
    position: absolute;
}
.success_bottom {
    color: #727272;
    font-size: 14px;
    line-height: 20px;
}
.success_top {
    line-height: 20px;
    font-weight: 700;
    color: #3f5075;
    font-size: 18px;
    text-transform: capitalize;
    margin-bottom: 5px;
}
div#messageSocket.active .message_wrapper {
    animation : fadeAlert .2s ease-in-out;
}
@keyframes fadeAlert {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}