.x-data-table {
    background-color: rgba(0, 0, 0, .5) !important
}

.x-data-table tr:hover {
    background-color: transparent !important
}

#tablehistory-cashback .wrap-btn {
    align-items: center;
    color: #000;
    cursor: pointer;
    display: flex;
    gap: 8px;
    height: 40px;
    justify-content: center;
    padding: 4px 12px
}

#tablehistory-cashback .wrap-btn img {
    height: 30px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 30px
}

@media screen and (max-width:425px) {
    #tablehistory-cashback .wrap-btn img {
        height: 20px;
        width: 20px
    }
}

#tablehistory-cashback .wrap-btn p {
    margin-bottom: 0
}

@media screen and (max-width:425px) {
    #tablehistory-cashback .wrap-btn p {
        font-size: 12px
    }
}

#tablehistory-cashback .wrap-btn button {
    border: none;
    border-radius: 10px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25), 0 4px 4px rgba(0, 0, 0, .25);
    color: #212121;
    filter: drop-shadow(0 4px 5px rgba(0, 0, 0, .25));
    font-weight: 700;
    height: 20px;
    width: 100px
}

#tablehistory-cashback .wrap-btn button:hover {
    filter: brightness(1.2)
}

#tablehistory-cashback .card-title-history {
    color: #000;
    font-size: 18px;
    font-weight: 600
}

@media screen and (max-width:600px) {
    #tablehistory-cashback .card-title-history {
        font-size: 16px
    }
}

#box-table-history-cashback {
    background: #fff;
    border-radius: 8px;
    height: 100%;
    margin: 1rem auto;
    padding: 8px;
    width: 100%
}

#box-table-history-cashback .cash-com-history-show {
    align-items: center;
    border-radius: 12px;
    display: flex;
    justify-content: space-between;
    padding: 8px;
    width: 100%
}

#box-table-history-cashback .cash-com-history-show .cash-com-history-header {
    color: var(--secondary-font-color);
    font-size: 14px;
    text-align: center;
    width: 33.33%
}

@media screen and (min-width:425px) {
    #box-table-history-cashback .cash-com-history-show .cash-com-history-header {
        font-size: 16px
    }
}

#box-table-history-cashback .cash-com-history-table {
    align-items: center;
    border: 1px solid #c7c7c7;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    margin: 8px;
    padding: 8px
}

#box-table-history-cashback .cash-com-history-table .cash-com-history-table-inner {
    color: #000 !important;
    text-align: center;
    width: 33.33%
}

#box-table-history-cashback .cash-com-history-table .cash-com-history-table-inner p {
    font-size: 12px
}

@media screen and (min-width:425px) {
    #box-table-history-cashback .cash-com-history-table .cash-com-history-table-inner p {
        font-size: 16px
    }
}

#box-table-history-cashback .cash-com-history-table .cash-com-history-table-inner .color-gold {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background: linear-gradient(0deg, var(--primary-color-2), var(--primary-color-2));
    -webkit-background-clip: text;
    background-clip: text
}

#box-table-history-cashback tbody tr {
    background: #2d3237;
    border-radius: 4px
}

#box-table-history-cashback tbody tr.highlight-1 {
    background: #6a5627
}

#box-table-history-cashback tbody tr.highlight-2 {
    background: #4c4763
}

#box-table-history-cashback tbody tr.highlight-3 {
    background: #543926
}

#box-table-history-cashback.color-t1 {
    background-color: red;
    border: 2px solid green
}

#box-table-history-cashback.color-t1 tbody tr {
    background: hsla(0, 0%, 40%, .8);
    border: 2px solid gray;
    border-radius: 4px
}

#box-table-history-cashback.color-t1 tbody tr.highlight {
    background: rgba(16, 163, 163, .8);
    border: 2px solid aqua
}

#box-table-history-cashback.color-t2 {
    background: rgba(5, 66, 66, .8);
    border: 2px solid aqua
}

#box-table-history-cashback.color-t2 tbody tr {
    background: hsla(0, 0%, 40%, .8);
    border: 2px solid gray;
    border-radius: 4px
}

#box-table-history-cashback.color-t2 tbody tr.highlight {
    background: rgba(164, 129, 15, .8);
    border: 2px solid #ffde30
}

#box-table-history-cashback .table {
    background: none;
    text-align: center
}

#box-table-history-cashback .table thead {
    border-bottom: none;
    color: #fff
}

#box-table-history-cashback .table th {
    font-size: 14px;
    font-weight: 700;
    margin: 0 auto
}

#box-table-history-cashback .table td {
    font-size: 12px;
    margin: auto
}

#box-table-history-cashback .table tr {
    color: #fff;
    display: flex;
    flex-wrap: nowrap
}

#box-table-history-cashback .table tr td,
#box-table-history-cashback .table tr th {
    min-width: 150px;
    padding: .5rem 0
}

#box-table-history-cashback .table tr td.mini,
#box-table-history-cashback .table tr th.mini {
    min-width: 70px
}

#box-table-history-cashback .table tr td img,
#box-table-history-cashback .table tr th img {
    height: 25px;
    width: 25px
}

#box-table-history-cashback .table tr td .img-mini,
#box-table-history-cashback .table tr th .img-mini {
    height: 20px;
    width: 20px
}

#box-table-history-cashback .table tr td .img-big,
#box-table-history-cashback .table tr th .img-big {
    height: 30px;
    width: 47px
}

#box-table-history-cashback .table .t-line {
    padding: 5px .5rem
}

#box-table-history-cashback .no-data {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
    padding: 1rem;
    text-align: center
}

@media screen and (max-width:600px) {
    #box-table-history-cashback .no-data {
        font-size: 14px
    }
}

ol li[data-v-20618c94]:not(.ql-direction-rtl),
ul li[data-v-20618c94]:not(.ql-direction-rtl) {
    padding-left: 0 !important
}

.Vue-Toastification__container[data-v-20618c94] {
    z-index: 999999999 !important
}

@media screen and (min-width:601px) {
    .Vue-Toastification__toast[data-v-20618c94] {
        max-width: 350px
    }
}

label.v-label.theme--dark[data-v-20618c94] {
    font-size: 16px
}

@media screen and (max-width:600px) {
    label.v-label.theme--dark[data-v-20618c94] {
        font-size: 12px
    }
}

.theme--dark.v-tabs-items[data-v-20618c94] {
    background-color: transparent !important
}

.wrap-box-view[data-v-20618c94] {
    background: #fff;
    border-radius: 8px;
    margin-bottom: .5rem;
    padding: 1.5rem
}

@media screen and (max-width:425px) {
    .wrap-box-view[data-v-20618c94] {
        margin: 0 0 1rem;
        padding: .75rem
    }
}

.wrap-box-view .item[data-v-20618c94] {
    border-bottom: 1.5px solid #ececec
}

.wrap-box-view .item .date-show[data-v-20618c94] {
    color: #000 !important
}

@media screen and (max-width:600px) {
    .wrap-box-view .item .date-show[data-v-20618c94] {
        font-size: 12px;
        margin-bottom: .25rem
    }
}

.wrap-box-view .header-view[data-v-20618c94] {
    color: #000;
    margin-bottom: 1rem
}

.wrap-box-view .header-view .item-com-cash-title[data-v-20618c94] {
    align-items: center;
    display: flex;
    gap: 10px
}

.wrap-box-view .header-view .item-com-cash-title .item-com-cash-box[data-v-20618c94] {
    display: flex;
    flex-direction: column;
    text-align: center;
    width: 50%
}

.wrap-box-view .header-view .item-com-cash-title .item-com-cash-box .box-cash-com[data-v-20618c94] {
    text-align: left
}

.wrap-box-view .header-view .item-com-cash-title .item-com-cash-box .box-cash-com span[data-v-20618c94] {
    color: #000;
    font-size: 12px;
    font-weight: 400
}

@media screen and (min-width:425px) {
    .wrap-box-view .header-view .item-com-cash-title .item-com-cash-box .box-cash-com span[data-v-20618c94] {
        font-size: 14px
    }
}

.wrap-box-view .header-view .item-com-cash-title .current-money[data-v-20618c94] {
    text-align: right
}

.wrap-box-view .header-view .item-com-cash-title .current-money span[data-v-20618c94] {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background: linear-gradient(180deg, var(--theme-font-color-1), var(--theme-font-color-2));
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2
}

@media screen and (min-width:425px) {
    .wrap-box-view .header-view .item-com-cash-title .current-money span[data-v-20618c94] {
        font-size: 28px
    }
}

.wrap-box-view .header-view .item[data-v-20618c94]:first-child {
    text-align: center
}

.wrap-box-view .header-view .item[data-v-20618c94]:nth-child(2) {
    display: flex;
    flex-direction: column;
    text-align: right
}

.wrap-box-view .header-view .advice[data-v-20618c94] {
    background: linear-gradient(180deg, #38d851, #0f6a00);
    border-radius: 10px;
    color: #212121;
    font-size: 12px;
    padding: 0 .5rem
}

.wrap-box-view .content-view .money-show[data-v-20618c94] {
    background: #ececec;
    border-radius: 6px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .25);
    font-size: 25px;
    padding: 8px;
    text-align: center;
    width: 100%
}

.wrap-box-view .content-view .money-show span[data-v-20618c94] {
    font-size: 12px
}

@media screen and (min-width:425px) {
    .wrap-box-view .content-view .money-show span[data-v-20618c94] {
        font-size: 16px
    }
}

.wrap-box-view .content-view .money-show .money-show-inner[data-v-20618c94] {
    align-items: center;
    display: flex;
    justify-content: center
}

.wrap-box-view .content-view .money-show .money-show-inner .show-total span[data-v-20618c94] {
    font-size: 16px;
    font-weight: 700
}

@media screen and (min-width:425px) {
    .wrap-box-view .content-view .money-show .money-show-inner .show-total span[data-v-20618c94] {
        font-size: 24px
    }
}

.wrap-box-view .content-view .money-show .money-show-inner .icon-refresh[data-v-20618c94] {
    cursor: pointer;
    font-size: 18px
}

@media screen and (min-width:425px) {
    .wrap-box-view .content-view .money-show .money-show-inner .icon-refresh[data-v-20618c94] {
        font-size: 22px
    }
}

.wrap-box-view .content-view .money-show .money-show-inner .icon-refresh.rotating[data-v-20618c94] {
    animation: rotation-20618c94 2s linear infinite
}

@keyframes rotation-20618c94 {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(359deg)
    }
}

.wrap-box-view .content-view .wrap-btn[data-v-20618c94] {
    display: flex;
    flex-wrap: nowrap;
    gap: 1rem;
    justify-content: center;
    margin-top: 1rem
}

.wrap-box-view .content-view .wrap-btn div[data-v-20618c94] {
    display: flex;
    flex-direction: column;
    width: 50%
}

.wrap-box-view .content-view .wrap-btn .nonebg[data-v-20618c94] {
    background: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    height: 35px;
    margin-bottom: .5rem
}

.wrap-box-view .content-view .wrap-btn .nonebg span[data-v-20618c94] {
    font-size: 12px
}

.wrap-box-view .content-view .wrap-btn button[data-v-20618c94] {
    border: none;
    border-radius: 10px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25), 0 4px 4px rgba(0, 0, 0, .25);
    color: #212121;
    filter: drop-shadow(0 4px 5px rgba(0, 0, 0, .25));
    height: 45px;
    width: 100%
}

.wrap-box-view .content-view .wrap-btn button.animate[data-v-20618c94] {
    animation: pulse-20618c94 1s ease-in infinite alternate
}

.wrap-box-view .content-view .wrap-btn button[data-v-20618c94]:hover {
    filter: brightness(1.2)
}

.wrap-box-view .content-view .wrap-btn button[data-v-20618c94]:disabled {
    color: #000 !important;
    opacity: .6
}

.wrap-box-view .close-btn-withdraw[data-v-20618c94] {
    font-size: 10px;
    font-weight: 500;
    text-align: center
}

@media screen and (min-width:425px) {
    .wrap-box-view .close-btn-withdraw[data-v-20618c94] {
        font-size: 14px
    }
}

.wrap-box-view .btn-cash-com[data-v-20618c94] {
    width: 100%
}

@media screen and (min-width:425px) {
    .wrap-box-view .btn-cash-com[data-v-20618c94] {
        width: 50%
    }
}

.wrap-box-view .unlock-request[data-v-20618c94] {
    display: none
}

.wrap-box-view.disable .unlock-request[data-v-20618c94] {
    background: rgba(0, 0, 0, .871);
    color: #fff;
    display: flex;
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 5
}

.wrap-box-view.disable .unlock-request .detail[data-v-20618c94] {
    display: flex;
    flex-direction: column;
    margin: auto;
    text-align: center
}

.wrap-box-view.disable .unlock-request .detail img[data-v-20618c94] {
    margin: auto auto .5rem;
    max-width: 150px
}

.wrap-box-view-error[data-v-20618c94] {
    background: #fff;
    border-radius: 8px;
    margin-bottom: .5rem;
    padding: 1.5rem
}

@media screen and (max-width:425px) {
    .wrap-box-view-error[data-v-20618c94] {
        margin: 0 0 1rem;
        padding: .75rem
    }
}

.wrap-box-view-error p[data-v-20618c94] {
    color: #000;
    font-size: 16px;
    margin-bottom: 0;
    text-align: center
}

@media screen and (max-width:426px) {
    .wrap-box-view-error p[data-v-20618c94] {
        font-size: 14px
    }
}

@keyframes pulse-20618c94 {
    0% {
        transform: scaleX(1)
    }

    50% {
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        transform: scaleX(1)
    }
}

.affiliate-link-card {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.affiliate-link-card .qr-code-card .qr-code-img {
    background: #fff;
    border-radius: 12px;
    padding: 10px
}

.affiliate-link-card .qr-code-card .qr-code-img img {
    width: 100%
}

@media only screen and (max-width:600px) {
    .affiliate-link-card .qr-code-card .qr-code-img {
        background: #fff;
        margin-left: 10px;
        padding: 10px
    }

    .affiliate-link-card .qr-code-card .qr-code-img img {
        width: 100%
    }
}

.title-aff-blogger {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(180deg, var(--theme-color-1), var(--theme-color-2));
    -webkit-background-clip: text;
    background-clip: text;
    color: linear-gradient(180deg, var(--theme-color-1), var(--theme-color-2));
    font-size: 16px !important;
    padding: .3rem;
    text-align: right
}

#affiliate .nodec {
    -webkit-text-decoration: none !important;
    text-decoration: none !important
}

#affiliate .link-aff-input {
    background: #fff;
    border: 1px solid #c7c7c7;
    border-radius: 12px;
    padding: 6px 12px;
    width: 100%
}

#affiliate .card-theme-affiliate {
    background: rgba(0, 0, 0, .2);
    border-radius: 12px;
    color: var(--secondary-font-color);
    padding: 10px 5px
}

#affiliate .card-theme-affiliate .flex-share-affiliate {
    align-items: center;
    display: flex;
    justify-content: space-around
}

#affiliate .card-withdraw-affiliate {
    background: rgba(0, 0, 0, .2);
    border-radius: 1rem;
    padding: 1.5rem
}

#affiliate .card-withdraw-affiliate .box-show-money {
    margin: 1rem 0
}

#affiliate .card-withdraw-affiliate .box-show-money h2 {
    align-items: center;
    background: #fff;
    border-radius: .75rem;
    box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, .251);
    box-shadow: inset 0 -1px 1px 0 #00000040;
    color: #000;
    display: flex;
    justify-content: center;
    padding: .75rem
}

#affiliate .card-withdraw-affiliate .box-show-money h2 img {
    margin-right: .5rem
}

@media screen and (max-width:600px) {
    #affiliate .card-withdraw-affiliate .box-show-money h2 {
        font-size: 18px
    }

    #affiliate .card-withdraw-affiliate .box-show-money h2 img {
        width: 25px
    }
}

#affiliate .card-withdraw-affiliate .btn-withdraw {
    width: 49% !important
}

#affiliate .card-withdraw-affiliate .btn-withdraw p {
    font-size: 12px;
    margin-bottom: 0
}

@media screen and (max-width:600px) {
    #affiliate .card-withdraw-affiliate .btn-withdraw p {
        font-size: 9px !important;
        line-height: 1.6;
        margin-top: 8px !important
    }

    #affiliate .card-withdraw-affiliate .btn-withdraw button {
        font-size: 14px
    }
}

#affiliate .card-withdraw-affiliate .withdraw-card {
    background: #fff;
    border-radius: .75rem;
    box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, .251);
    box-shadow: inset 0 -1px 1px 0 #00000040;
    color: #000;
    padding: 1rem
}

#affiliate .card-withdraw-affiliate .withdraw-card h3 {
    margin-bottom: 1rem
}

#affiliate .card-withdraw-affiliate .withdraw-card .input-withdraw {
    border-bottom: 2px solid var(--theme-color-1)
}

#affiliate .card-withdraw-affiliate .withdraw-card .input-withdraw input {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(180deg, var(--theme-color-1), var(--theme-color-2));
    -webkit-background-clip: text;
    background-clip: text;
    color: linear-gradient(180deg, var(--theme-color-1), var(--theme-color-2));
    font-size: 24px;
    padding: .3rem;
    text-align: right
}

#affiliate .card-withdraw-affiliate .withdraw-card .input-withdraw input:focus-visible {
    outline: none !important
}

#affiliate .card-withdraw-affiliate .withdraw-card .input-withdraw input::-moz-placeholder {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(180deg, #000, #000);
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 16px;
    opacity: .5;
    text-align: left
}

#affiliate .card-withdraw-affiliate .withdraw-card .input-withdraw input::placeholder {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(180deg, #000, #000);
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 16px;
    opacity: .5;
    text-align: left
}

@media screen and (max-width:600px) {
    #affiliate .card-withdraw-affiliate .withdraw-card .input-withdraw input {
        font-size: 20px
    }

    #affiliate .card-withdraw-affiliate .withdraw-card .input-withdraw input::-moz-placeholder {
        font-size: 14px
    }

    #affiliate .card-withdraw-affiliate .withdraw-card .input-withdraw input::placeholder {
        font-size: 14px
    }
}

@media screen and (max-width:600px) {
    #affiliate .card-withdraw-affiliate {
        padding: .75rem
    }
}

#affiliate .card-withdraw-affiliate h4 {
    color: #fff
}

#affiliate .flex-btn {
    align-items: center;
    display: flex;
    justify-content: center
}

#affiliate .flex-btn .btn-fixed,
#affiliate .flex-btn .btn-secondary {
    border-radius: 12px;
    padding: 6px 0;
    width: 40%
}

#affiliate .flex-btn .btn-secondary {
    color: var(--primary-font-color)
}

#affiliate .flex-btn .btn-secondary i {
    color: var(--primary-font-color) !important
}

@media screen and (max-width:600px) {
    #affiliate .item-affiliate P {
        font-size: .7rem
    }
}

#affiliate .item-affiliate img {
    height: auto;
    max-width: 50px !important;
    -o-object-fit: contain;
    object-fit: contain
}

#affiliate .item-affiliate h2 {
    font-size: 14px
}

.AffiliateController1 {
    margin-bottom: 10px
}

.AffiliateController1 .flex-around {
    align-items: center;
    display: flex;
    justify-content: space-around
}

.AffiliateController1 .btn-select-head {
    background: #fff;
    box-shadow: 0 1px 2px 0 #000;
    color: #000;
    cursor: pointer !important;
    padding: 8px 0;
    width: 100%
}

@media screen and (max-width:320px) {
    .AffiliateController1 .btn-select-head {
        font-size: 10px;
        padding: 4px 0
    }
}

.AffiliateController1 .btn-select-head:first-child {
    border-radius: 12px 0 0 12px
}

.AffiliateController1 .btn-select-head:last-child {
    border-radius: 0 12px 12px 0
}

.AffiliateController1 .btn-select-head.active {
    background: linear-gradient(180deg, var(--theme-color-1) 0, var(--theme-color-2) 100%);
    color: #fff;
    font-weight: 600
}

.affiliate-overall .relative-item {
    position: relative !important
}

.affiliate-overall .relative-item .absolute-item {
    position: absolute !important;
    right: 5px;
    top: 0
}

.affiliate-overall .relative-item .absolute-item-half {
    position: absolute !important;
    right: 0;
    top: -20px
}

.affiliate-overall .box-info {
    background: rgba(0, 0, 0, .3);
    border-radius: 12px;
    padding: 12px 6px;
    text-align: center
}

.affiliate-overall .box-info .box-show-money,
.affiliate-overall .box-info .box-show-money .item {
    align-items: center;
    display: flex;
    justify-content: center
}

.affiliate-overall .box-info .box-show-money .item {
    background: #fff;
    border-radius: 12px;
    color: #000;
    padding: 6px;
    width: 90%
}

.affiliate-overall .flex-between {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.affiliate-overall .flex {
    align-items: center;
    display: flex
}

.affiliate-overall .flex-center {
    align-items: center;
    display: flex;
    justify-content: center
}

.affiliate-overall .w-90 {
    width: 90%
}

.affiliate-overall .white-box-item {
    align-items: center;
    background: #fff;
    border-radius: 12px;
    color: #000;
    display: flex;
    justify-content: center;
    padding: 6px;
    width: 100%
}

.affiliate-overall .line-width {
    background: #fff;
    padding-top: 1px
}

.affiliate-overall .friend-level {
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 #000;
    color: #fff;
    padding: 8px 22px
}

.affiliate-overall .friend-level,
.affiliate-overall .friend-point {
    background: linear-gradient(180deg, var(--theme-color-1) 0, var(--theme-color-2) 100%)
}

.affiliate-overall .friend-point {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    font-weight: 600;
    width: 60%
}

.affiliate-overall .gray-scale {
    filter: grayscale(1)
}

.AffiliateIncome .table-box {
    background: #fff;
    border-radius: 12px;
    padding: 5px 15px
}

.AffiliateIncome .flex-between {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.AffiliateIncome #nodata-table table tbody td {
    border-radius: 10px !important
}

.AffiliateIncome table {
    border-radius: 0 !important;
    border-spacing: 0 .75rem !important;
    overflow: hidden;
    width: 100%
}

.AffiliateIncome table td,
.AffiliateIncome table th {
    padding: 7px;
    white-space: nowrap
}

.AffiliateIncome table thead {
    background: linear-gradient(180deg, var(--secondary-color-1) 0, var(--secondary-color-2) 100%) !important;
    border: 1px solid rgba(0, 0, 0, .2);
    color: var(--secondary-font-color)
}

.AffiliateIncome table thead th:first-child {
    border-radius: 6px 0 0 6px
}

.AffiliateIncome table thead th:last-child {
    border-radius: 0 6px 6px 0
}

.AffiliateIncome table tbody {
    background-color: transparent;
    color: #000;
    text-align: center
}

.AffiliateIncome table tbody tr {
    color: #000
}

.AffiliateIncome table tbody td {
    border-bottom: 1.5px solid rgba(0, 0, 0, .2);
    border-top: 1.5px solid rgba(0, 0, 0, .2)
}

.AffiliateIncome table tbody td:first-child {
    border-left: 1.5px solid rgba(0, 0, 0, .2);
    border-radius: 6px 0 0 6px
}

.AffiliateIncome table tbody td:last-child {
    border-radius: 0 6px 6px 0;
    border-right: 1.5px solid rgba(0, 0, 0, .2)
}

.AffiliateIncome table tbody td.nodata {
    border-radius: 6px
}

.affiliatewithdraw .text-danger {
    color: #ff2430 !important
}

.affiliatewithdraw .text-success {
    color: #47a047 !important
}

.affiliatewithdraw .w-90 {
    width: 90%
}

.affiliatewithdraw .flex-center {
    display: flex;
    justify-content: center
}

.affiliatewithdraw .input-number {
    background: #fff;
    border-radius: 12px;
    padding: 6px 12px;
    text-align: center;
    width: 100%
}

.affiliatewithdraw .box-info {
    background: rgba(0, 0, 0, .3);
    border-radius: 12px;
    padding: 12px 6px;
    text-align: center
}

.affiliatewithdraw .box-info .box-show-money,
.affiliatewithdraw .box-info .box-show-money .item {
    align-items: center;
    display: flex;
    justify-content: center
}

.affiliatewithdraw .box-info .box-show-money .item {
    background: #fff;
    border-radius: 12px;
    color: #000;
    padding: 6px;
    width: 90%
}

.affiliatewithdraw .flex-between {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.affiliatewithdraw #nodata-table table tbody td {
    border-radius: 10px !important
}

.affiliatewithdraw .table-box {
    background: #fff;
    border-radius: 12px;
    padding: 5px 15px
}

.affiliatewithdraw table {
    border-radius: 0 !important;
    border-spacing: 0 .75rem !important;
    overflow: hidden;
    width: 100%
}

.affiliatewithdraw table td,
.affiliatewithdraw table th {
    padding: 7px;
    white-space: nowrap
}

.affiliatewithdraw table thead {
    background: linear-gradient(180deg, var(--secondary-color-1) 0, var(--secondary-color-2) 100%) !important;
    border: 1px solid rgba(0, 0, 0, .2);
    color: var(--secondary-font-color)
}

.affiliatewithdraw table thead th:first-child {
    border-radius: 6px 0 0 6px
}

.affiliatewithdraw table thead th:last-child {
    border-radius: 0 6px 6px 0
}

.affiliatewithdraw table tbody {
    background-color: transparent;
    color: #000;
    text-align: center
}

.affiliatewithdraw table tbody tr {
    color: #000
}

.affiliatewithdraw table tbody td {
    border-bottom: 1.5px solid rgba(0, 0, 0, .2);
    border-top: 1.5px solid rgba(0, 0, 0, .2)
}

.affiliatewithdraw table tbody td:first-child {
    border-left: 1.5px solid rgba(0, 0, 0, .2);
    border-radius: 6px 0 0 6px
}

.affiliatewithdraw table tbody td:last-child {
    border-radius: 0 6px 6px 0;
    border-right: 1.5px solid rgba(0, 0, 0, .2)
}

.affiliatewithdraw table tbody td.nodata {
    border-radius: 6px
}

.affiliate-credit-free .text-danger {
    color: #ff2430 !important
}

.affiliate-credit-free .text-success {
    color: #47a047 !important
}

.affiliate-credit-free .btn-aff-get {
    background-color: #00ad00;
    border: none;
    border-radius: 5px;
    color: #fff;
    width: 70px
}

.affiliate-credit-free .btn-aff-conditions {
    background-color: #949494;
    border: none;
    border-radius: 5px;
    color: #fff;
    width: 70px
}

.affiliate-credit-free .btn-aff-received {
    background-color: #db2c00;
    border: none;
    border-radius: 5px;
    color: #fff;
    width: 70px
}

.affiliate-credit-free .table-box {
    background: #fff;
    border-radius: 12px;
    padding: 5px 15px
}

.affiliate-credit-free .flex-between {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.affiliate-credit-free #nodata-table table tbody td {
    border-radius: 10px !important
}

.affiliate-credit-free table {
    border-radius: 0 !important;
    border-spacing: 0 .75rem !important;
    overflow: hidden;
    width: 100%
}

.affiliate-credit-free table td,
.affiliate-credit-free table th {
    padding: 7px;
    white-space: nowrap
}

.affiliate-credit-free table thead {
    background: linear-gradient(180deg, var(--secondary-color-1) 0, var(--secondary-color-2) 100%) !important;
    border: 1px solid rgba(0, 0, 0, .2);
    color: var(--secondary-font-color)
}

.affiliate-credit-free table thead th:first-child {
    border-radius: 6px 0 0 6px
}

.affiliate-credit-free table thead th:last-child {
    border-radius: 0 6px 6px 0
}

.affiliate-credit-free table tbody {
    background-color: transparent;
    color: #000;
    text-align: center
}

.affiliate-credit-free table tbody tr {
    color: #000
}

.affiliate-credit-free table tbody td {
    border-bottom: 1.5px solid rgba(0, 0, 0, .2);
    border-top: 1.5px solid rgba(0, 0, 0, .2)
}

.affiliate-credit-free table tbody td:first-child {
    border-left: 1.5px solid rgba(0, 0, 0, .2);
    border-radius: 6px 0 0 6px
}

.affiliate-credit-free table tbody td:last-child {
    border-radius: 0 6px 6px 0;
    border-right: 1.5px solid rgba(0, 0, 0, .2)
}

.affiliate-credit-free table tbody td.nodata {
    border-radius: 6px
}

ol li:not(.ql-direction-rtl),
ul li:not(.ql-direction-rtl) {
    padding-left: 0 !important
}

.Vue-Toastification__container {
    z-index: 999999999 !important
}

@media screen and (min-width:601px) {
    .Vue-Toastification__toast {
        max-width: 350px
    }
}

label.v-label.theme--dark {
    font-size: 16px
}

@media screen and (max-width:600px) {
    label.v-label.theme--dark {
        font-size: 12px
    }
}

.affiliate-friends-data .table-box {
    background: #fff;
    border-radius: 12px;
    padding: 5px 15px
}

.affiliate-friends-data .flex-between {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.affiliate-friends-data #nodata-table table tbody td {
    border-radius: 10px !important
}

.affiliate-friends-data table {
    border-radius: 0 !important;
    border-spacing: 0 .75rem !important;
    overflow: hidden;
    width: 100%
}

.affiliate-friends-data table td,
.affiliate-friends-data table th {
    padding: 7px;
    white-space: nowrap
}

.affiliate-friends-data table thead {
    background: linear-gradient(180deg, var(--secondary-color-1) 0, var(--secondary-color-2) 100%) !important;
    border: 1px solid rgba(0, 0, 0, .2);
    color: var(--secondary-font-color)
}

.affiliate-friends-data table thead th:first-child {
    border-radius: 6px 0 0 6px
}

.affiliate-friends-data table thead th:last-child {
    border-radius: 0 6px 6px 0
}

.affiliate-friends-data table tbody {
    background-color: transparent;
    color: #000;
    text-align: center
}

.affiliate-friends-data table tbody tr {
    color: #000
}

.affiliate-friends-data table tbody td {
    border-bottom: 1.5px solid rgba(0, 0, 0, .2);
    border-top: 1.5px solid rgba(0, 0, 0, .2)
}

.affiliate-friends-data table tbody td:first-child {
    border-left: 1.5px solid rgba(0, 0, 0, .2);
    border-radius: 6px 0 0 6px
}

.affiliate-friends-data table tbody td:last-child {
    border-radius: 0 6px 6px 0;
    border-right: 1.5px solid rgba(0, 0, 0, .2)
}

.affiliate-friends-data table tbody td.nodata {
    border-radius: 6px
}

ol li[data-v-3ab1ac14]:not(.ql-direction-rtl),
ul li[data-v-3ab1ac14]:not(.ql-direction-rtl) {
    padding-left: 0 !important
}

.Vue-Toastification__container[data-v-3ab1ac14] {
    z-index: 999999999 !important
}

@media screen and (min-width:601px) {
    .Vue-Toastification__toast[data-v-3ab1ac14] {
        max-width: 350px
    }
}

label.v-label.theme--dark[data-v-3ab1ac14] {
    font-size: 16px
}

@media screen and (max-width:600px) {
    label.v-label.theme--dark[data-v-3ab1ac14] {
        font-size: 12px
    }
}

.theme--dark.v-tabs-items[data-v-3ab1ac14] {
    background-color: transparent !important
}

.wrap-box-view[data-v-3ab1ac14] {
    background: #fff;
    border-radius: 8px;
    margin-bottom: .5rem;
    padding: 1.5rem
}

@media screen and (max-width:425px) {
    .wrap-box-view[data-v-3ab1ac14] {
        margin: 0 0 1rem;
        padding: .75rem
    }
}

.wrap-box-view .item[data-v-3ab1ac14] {
    border-bottom: 1.5px solid #ececec
}

.wrap-box-view .item .date-show[data-v-3ab1ac14] {
    color: #000 !important
}

@media screen and (max-width:600px) {
    .wrap-box-view .item .date-show[data-v-3ab1ac14] {
        font-size: 12px;
        margin-bottom: .25rem
    }
}

.wrap-box-view .header-view[data-v-3ab1ac14] {
    color: #000;
    margin-bottom: 1rem
}

.wrap-box-view .header-view .item-com-cash-title[data-v-3ab1ac14] {
    align-items: center;
    display: flex;
    gap: 10px
}

.wrap-box-view .header-view .item-com-cash-title .item-com-cash-box[data-v-3ab1ac14] {
    display: flex;
    flex-direction: column;
    text-align: center;
    width: 50%
}

.wrap-box-view .header-view .item-com-cash-title .item-com-cash-box .box-cash-com[data-v-3ab1ac14] {
    text-align: left
}

.wrap-box-view .header-view .item-com-cash-title .item-com-cash-box .box-cash-com span[data-v-3ab1ac14] {
    color: #000;
    font-size: 12px;
    font-weight: 400
}

@media screen and (min-width:425px) {
    .wrap-box-view .header-view .item-com-cash-title .item-com-cash-box .box-cash-com span[data-v-3ab1ac14] {
        font-size: 14px
    }
}

.wrap-box-view .header-view .item-com-cash-title .current-money[data-v-3ab1ac14] {
    text-align: right
}

.wrap-box-view .header-view .item-com-cash-title .current-money span[data-v-3ab1ac14] {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background: linear-gradient(180deg, var(--theme-font-color-1), var(--theme-font-color-2));
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2
}

@media screen and (min-width:425px) {
    .wrap-box-view .header-view .item-com-cash-title .current-money span[data-v-3ab1ac14] {
        font-size: 28px
    }
}

.wrap-box-view .header-view .item[data-v-3ab1ac14]:first-child {
    text-align: center
}

.wrap-box-view .header-view .item[data-v-3ab1ac14]:nth-child(2) {
    display: flex;
    flex-direction: column;
    text-align: right
}

.wrap-box-view .header-view .advice[data-v-3ab1ac14] {
    background: linear-gradient(180deg, #38d851, #0f6a00);
    border-radius: 10px;
    color: #212121;
    font-size: 12px;
    padding: 0 .5rem
}

.wrap-box-view .content-view .money-show[data-v-3ab1ac14] {
    background: #ececec;
    border-radius: 6px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .25);
    font-size: 25px;
    padding: 8px;
    text-align: center;
    width: 100%
}

.wrap-box-view .content-view .money-show span[data-v-3ab1ac14] {
    font-size: 12px
}

@media screen and (min-width:425px) {
    .wrap-box-view .content-view .money-show span[data-v-3ab1ac14] {
        font-size: 16px
    }
}

.wrap-box-view .content-view .money-show .money-show-inner[data-v-3ab1ac14] {
    align-items: center;
    display: flex;
    justify-content: center
}

.wrap-box-view .content-view .money-show .money-show-inner .show-total span[data-v-3ab1ac14] {
    font-size: 16px;
    font-weight: 700
}

@media screen and (min-width:425px) {
    .wrap-box-view .content-view .money-show .money-show-inner .show-total span[data-v-3ab1ac14] {
        font-size: 24px
    }
}

.wrap-box-view .content-view .money-show .money-show-inner .icon-refresh[data-v-3ab1ac14] {
    cursor: pointer;
    font-size: 18px
}

@media screen and (min-width:425px) {
    .wrap-box-view .content-view .money-show .money-show-inner .icon-refresh[data-v-3ab1ac14] {
        font-size: 22px
    }
}

.wrap-box-view .content-view .money-show .money-show-inner .icon-refresh.rotating[data-v-3ab1ac14] {
    animation: rotation-3ab1ac14 2s linear infinite
}

@keyframes rotation-3ab1ac14 {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(359deg)
    }
}

.wrap-box-view .content-view .wrap-btn[data-v-3ab1ac14] {
    display: flex;
    flex-wrap: nowrap;
    gap: 1rem;
    justify-content: center;
    margin-top: 1rem
}

.wrap-box-view .content-view .wrap-btn div[data-v-3ab1ac14] {
    display: flex;
    flex-direction: column;
    width: 50%
}

.wrap-box-view .content-view .wrap-btn .nonebg[data-v-3ab1ac14] {
    background: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    height: 35px;
    margin-bottom: .5rem
}

.wrap-box-view .content-view .wrap-btn .nonebg span[data-v-3ab1ac14] {
    font-size: 12px
}

.wrap-box-view .content-view .wrap-btn button[data-v-3ab1ac14] {
    border: none;
    border-radius: 10px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25), 0 4px 4px rgba(0, 0, 0, .25);
    color: #212121;
    filter: drop-shadow(0 4px 5px rgba(0, 0, 0, .25));
    height: 45px;
    width: 100%
}

.wrap-box-view .content-view .wrap-btn button.animate[data-v-3ab1ac14] {
    animation: pulse-3ab1ac14 1s ease-in infinite alternate
}

.wrap-box-view .content-view .wrap-btn button[data-v-3ab1ac14]:hover {
    filter: brightness(1.2)
}

.wrap-box-view .content-view .wrap-btn button[data-v-3ab1ac14]:disabled {
    color: #000 !important;
    opacity: .6
}

.wrap-box-view .close-btn-withdraw[data-v-3ab1ac14] {
    font-size: 10px;
    text-align: center
}

@media screen and (min-width:425px) {
    .wrap-box-view .close-btn-withdraw[data-v-3ab1ac14] {
        font-size: 14px
    }
}

.wrap-box-view .btn-cash-com[data-v-3ab1ac14] {
    width: 100%
}

@media screen and (min-width:425px) {
    .wrap-box-view .btn-cash-com[data-v-3ab1ac14] {
        width: 50%
    }
}

.wrap-box-view .unlock-request[data-v-3ab1ac14] {
    display: none
}

.wrap-box-view.disable .unlock-request[data-v-3ab1ac14] {
    background: rgba(0, 0, 0, .871);
    color: #fff;
    display: flex;
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 5
}

.wrap-box-view.disable .unlock-request .detail[data-v-3ab1ac14] {
    display: flex;
    flex-direction: column;
    margin: auto;
    text-align: center
}

.wrap-box-view.disable .unlock-request .detail img[data-v-3ab1ac14] {
    margin: auto auto .5rem;
    max-width: 150px
}

.wrap-box-view-error[data-v-3ab1ac14] {
    background: #fff;
    border-radius: 8px;
    margin-bottom: .5rem;
    padding: 1.5rem
}

@media screen and (max-width:425px) {
    .wrap-box-view-error[data-v-3ab1ac14] {
        margin: 0 0 1rem;
        padding: .75rem
    }
}

.wrap-box-view-error p[data-v-3ab1ac14] {
    color: #000;
    font-size: 16px;
    margin-bottom: 0;
    text-align: center
}

@media screen and (max-width:426px) {
    .wrap-box-view-error p[data-v-3ab1ac14] {
        font-size: 14px
    }
}

@keyframes pulse-3ab1ac14 {
    0% {
        transform: scaleX(1)
    }

    50% {
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        transform: scaleX(1)
    }
}