.app_header.section_header.member_tab {
    font-size: 1.25rem;
    background: transparent;
}

section#member {
    z-index: 9999;
    height: 100dvh;
    position: fixed;
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
    background: url(bg_member.png);
    padding-bottom: 0;
}
.member__bg {
    background: url(bg_member.png) !important;
    background-size: 100% auto !important;
    background-position-y: -.301rem !important;
    position: relative;
    z-index: 9999;
    background-repeat: no-repeat !important;
}

.member_card {
    padding-left: 1.25rem;
    width: 100%;
    display: flex;
    flex-flow: column;
    overflow: hidden;
}
.member_center {
    margin-top: 1.25rem;
    padding: .5rem;
}
.member_card_bg {
    width: 100%;
    display: flex;
    flex-flow: column;
    min-height: auto;
    border-bottom-left-radius: 1rem;
    border-top-left-radius: 1rem;
    background: linear-gradient(248deg, rgb(179, 188, 200) 0%, rgb(241, 249, 255) 100%);
    position: relative;
    overflow: hidden;
}

.member_card__wrapper {
    padding: 1.75rem;
    width: 100%;
    height: 100%;
}

.member_card_bg:before {
position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(overlay.png)!important;
    background-size: 100% 100%!important;
    background-repeat: no-repeat!important;
    z-index: 0;
}
.default-vip-icon {
    position: absolute;
    right: 0;
    top: 0;
}

.default-vip-icon img {
    width: 9.58rem;
    object-fit: contain;
    opacity: .5;
    -webkit-filter: blur(.5px);
    filter: blur(.5px);
}
.cumulative-sign-in {
    position: absolute;
    right: 0;
    top: 0;
    height: 2rem;
    padding: 0 2.75rem 0 3.4rem;
    background-image: url(correct.png), linear-gradient(0deg, #bb0c0c, #ec515b);
    background-position: 1.76rem, left 1.64rem top -2px;
    background-size: 1.25rem 1.25rem, 100% 100%;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 1rem;
    line-height: 2;
    display: flex;
    align-items: center;
}
.cumulative-sign-in:before {
    content: "";
    width: 2rem;
    height: 1.9rem;
    position: absolute;
    left: -0.15rem;
    top: 0;
    z-index: 9;
    background: url(red_member_before.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.cumulative-sign-in>img {
    width: 1.5rem;
}
span.timePlay,.datePlay {
    text-align: end;
}
span.betAmt, span.netAmt, span.rowNumber {
    text-align: start;
    margin-left: .25rem;
}
p.date {
    font-size: .75rem;
}
.status_rejected.value {
    color: #ff0e0e;
    text-shadow: 0 0 #ff0e0e;
    font-size: 1rem;
    text-transform: uppercase;
}

.status_approved.value {
    color: #0eff5e;
    text-shadow: 0 0 #0c3119;
    font-size: 1rem;
    text-transform: uppercase;
}

.value {
    font-size: 1rem;
    font-weight: 600;
}
.play-summary {
    display: flex;
    gap: 1rem;
    margin-top: 0;
    margin-bottom: 0;
    background: #ddd;
    padding: .8rem;
    border-radius: 0px;
    box-shadow: 0 1px 3px #ddd;
    flex-wrap: wrap;
}
.footer_value {
    position: fixed;
    bottom: 0;
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
    z-index: 99999;
    left: 0;
    padding-inline: 0;
    right: 0;
}
div#playLogs {
    position: relative;
    z-index: 1000;
    padding-bottom: 5rem;
}
section.tab.playLogs.active {
    z-index: 1000;
    overflow: hidden;
    padding-bottom: 0;
    margin-bottom: 0;
    height: 100dvh;
    display: flex;
    flex-flow: column;
}
.pagination {
    display: flex;
    justify-content: center;
    gap: .5rem;
}
button#nextPage, button#prevPage {
    background: var(--primary-bg);
    color: white;
    padding: .5rem 1rem;
    border-radius: .25rem;
}
section.tab.playLogs.active>.app_body.section_body.body_withdraw.text-\[\#333\]>.withdraw_log_wrapper {
    padding-bottom: 0rem;
}
button.date-range-btn.active {
    color: white!important;
    font-weight: 600;
    transition: .5s ease;
    min-height: 2.25rem;
    background: var(--primary-bg)!important;
}
svg.member_tab.memberIcon {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
}
.vip_badge>img {
    width: 1.2rem;
    height: 1.2rem;
    opacity: 1;
}

.member_card__wrapper {
    padding: 3rem 2rem 0 2rem;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 9;
}

.vip_badge {
    background:linear-gradient(180deg,hsla(0,0%,40%,.9),rgba(67,72,81,.9));
    width: fit-content;
    padding: .15rem .85rem;
    font-size: 1rem;
    font-weight: 600;
    align-items: center;
    border-radius: 100px;
    border: 1px solid hsla(0,0%,100%,.2);
}

.shinebadge:after {
    content: "";
    position: absolute;
    top: -50%;
    left: -60%;
    width: 40%;
    height: 200%;
    background: linear-gradient(
        90deg, 
        #ffffff00 0%, 
        hsla(0, 0%, 100%, 0.247) 77%, 
        hsla(0, 0%, 100%, 0.205) 92%, 
        hsla(0,0%,100%,0)
    );
    transform: rotate(35deg);
    animation: animate-shinebadge 1.32s ease-in-out infinite;
}

@keyframes animate-shinebadge {
    0% {
        left: -60%;
    }
    100% {
        left: 120%;
    }
}
.shinebadge {
    position: relative; 
    overflow: hidden; 
}

.username_copy {
    font-size: 1.2rem;
    color: #000;
    font-weight: 600;
    gap: .5rem;
}
.name_edit {
    font-size: .85rem;
    color: #333333;
    font-weight: 600;
    margin-top: .5rem;
}

.balance__wrapper {
    font-size: 1.35rem;
    font-weight: 600;
    color: #000
}
.icon_balanceMember {
    width: 2rem;
    height: 2rem;
}
.member__card_btn {
    min-width: 5.5rem;
    border-radius: 100px;
    width: 100%;
    min-height: 1rem;
    background: linear-gradient(0deg, hsla(0, 0%, 100%, .7), hsla(0, 0%, 100%, .3) 33.33%, hsla(0, 0%, 100%, 0) 67%, #fff);
    box-shadow: 0 .12rem .21rem 0 hsla(0, 0%, 43%, .5);
    font-size: .8rem;
    font-weight: 700;
    color: #454545;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
    overflow: hidden;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: .3rem .5rem;
}

.member_card__footer {
    display: flex;
    width: 100%;
    justify-content: space-around;
    padding-top: 1rem;
    padding-bottom: 1.5rem;
}

.n-nav-list-title span {
    background: #dfdfdf;
    padding: .26rem .38rem;
    font-size: .75rem;
    border-radius: 80px;
    position: relative;
    display: inline-block;
    color: #000;
    z-index: 10;
}
.n-nav-list-title:after {
    content: "";
    position: absolute;
    height: .012rem;
    background: #d5d5d5;
    width: 80%;
    margin-top: .76rem;
    z-index: 8;
    right: 0;
}

.mc-flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
.mc-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.mc-flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
}

.main-nav-list {
    padding: .25rem;
}
.v-base .main-nav-list {
    font-size: 1rem;
    background-color: #fff;
}
.main-nav-style {
    border: 0 !important;
    padding: .5rem 0;
    text-align: center;
    word-break: break-word;
}

.main-nav-style>div {
    border-radius: 50%;
    display: inline-block;
    width: 3.3rem;
    height: 3.3rem;
    margin-bottom: .5rem;
    position: relative;
}
.n-linear-border:before {
    content: "";
    width: 3.3rem;
    height: 3.3rem;
    background: #fff2db;
    border-radius: 50%;
    left: 1px;
    top: 1px;
    position: absolute;
    z-index: 9;
}
.n-linear-border>div {
    box-sizing: border-box;
    padding: 1px;
    border-radius: 50%;
    background-image: linear-gradient(top,#ecd3a8,#fff2db 50%,#ecd3a8);
    width: 3.3rem;
    height: 3.3rem;
}

.main-nav-style>div svg {
    position: absolute;
    top: 50%;
    left: calc(50% - -1px);
    z-index: 11;
    transform: translate(-50%, -50%);
}

span.main-text {
    padding: 0 .3rem;
    color: #565659;
    display: inline-block;
    position: relative;
    text-align: center;
    word-break: break-word;
    width: 85%;
    font-size: 1rem;
    padding: .52rem 0 .37rem;
    text-align: center;
    color: #565659;
    font-weight: 500;
    border-right: .02rem solid #f5f5f5;
    border-bottom: .02rem solid #f5f5f5;
}

.username_copy.flex {
    margin-top: .25rem;
}
span.member_card__username.copybtn_username i.fa.fa-copy {
    font-size: .9rem;
}
.mcm-teampandect {
    display: flex;
    flex-flow: column;
    align-items: center;
}
img.member__icon_img {
    width: 3rem;
    height: 3rem;
}
span.main-text.pt-0, span.main-text {
    font-size: .79rem;
    line-height: 2;
    font-weight: 600;
    width: 100%;
}
.member__bg.w-full.h-full .app_header.section_header.member_tab .grid.grid-cols-3.px-4.items-center.w-full {
    margin-top: .5rem;
}
.inputCon.myaccTabName span.font-bold.w-full.h-full.items-center.flex i.las.la-lock,
.vc-v2-input.account-num-input.myaccTabPhone .inputCon.myaccTabPhone span.font-bold.w-full.h-full.items-center.flex i.las.la-lock {
    font-size: 1.5rem;
}