.card-user-amount-turn {
    background: rgba(0, 0, 0, .4);
    border-radius: 10px;
    width: 100%
}

.card-user-amount-turn p {
    margin: 0
}

.card-user-amount-turn .text-black {
    color: #000
}

.card-user-amount-turn .box-number {
    display: flex;
    justify-content: center;
    position: relative
}

.card-user-amount-turn .box-number .number {
    background: #fff;
    border-radius: 10px;
    width: 70%
}

.card-user-amount-turn .box-progress {
    display: flex;
    justify-content: center;
    text-align: center
}

.card-user-amount-turn .box-progress .progress {
    max-width: 70%;
    position: relative
}

.card-user-amount-turn .box-progress .progress .number-in-progress {
    color: #000;
    position: absolute;
    right: 6px;
    top: 3px
}

.card-user-amount-turn .v-progress-linear__buffer {
    background: #fff;
    border-radius: 10px
}

.card-user-amount-turn .v-progress-linear__determinate {
    border-radius: 10px
}

.wrapper-box-response-data-alert .text-one {
    color: var(--secondary-font-color);
    font-size: 1.2rem;
    font-weight: 600
}

.wrapper-box-response-data-alert .text-two {
    color: var(--secondary-font-color);
    font-size: .825rem;
    font-weight: 400
}

.flex-button {
    display: flex;
    gap: 10px;
    justify-content: center
}

.flex-button button {
    width: 50%
}

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

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

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

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

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

.pagnitation-container[data-v-b92f0dee] {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    width: 100%
}

.pagnitation-container .pagnitation-base[data-v-b92f0dee] {
    align-items: center;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    font-weight: 600;
    height: 30px;
    justify-content: center;
    margin: 0 3px;
    opacity: 1 !important;
    text-align: center;
    width: 30px
}

.pagnitation-container .pagnitation-base svg[data-v-b92f0dee] {
    margin: 3px 3px 0 0;
    width: 15px
}

.pagnitation-container .pagnitation-base[data-v-b92f0dee]:disabled {
    background: linear-gradient(180deg, var(--secondary-color-1) 0, var(--secondary-color-2) 100%) !important;
    color: var(--secondary-font-color) !important
}

.pagnitation-container .pagnitation-base i[data-v-b92f0dee] {
    color: var(--secondary-color-1) !important
}

.pagnitation-container .pagnitation-item[data-v-b92f0dee] {
    background: linear-gradient(180deg, var(--theme-color-1) 0, var(--theme-color-2) 100%) !important
}

.pagnitation-container .pagnitation-item span[data-v-b92f0dee] {
    color: var(--theme-font-color-1) !important
}

.pagnitation-container .pagnitation-item span svg[data-v-b92f0dee] {
    color: var(--theme-font-color-1)
}

.pagnitation-container .pagnitation-item-active[data-v-b92f0dee] {
    background: #e3e3e3 !important;
    cursor: pointer
}

.pagnitation-container .pagnitation-item-active svg[data-v-b92f0dee] {
    color: var(--theme-font-color-1)
}

@media only screen and (max-width:600px) {

    .pagnitation-container .pagnitation-item-active[data-v-b92f0dee],
    .pagnitation-container .pagnitation-item[data-v-b92f0dee] {
        height: 25px;
        width: 25px
    }
}

#history-show .wrap-btn {
    align-items: center;
    color: #000;
    cursor: pointer;
    display: flex;
    gap: 8px;
    height: 35px;
    justify-content: center;
    padding: 0 12px
}

#history-show .wrap-btn p {
    font-weight: 600
}

#history-show .wrap-btn svg {
    transform: translateY(2px)
}

#history-show .wrap-btn img {
    height: 24px;
    height: 30px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 24px;
    width: 30px
}

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

#history-show .wrap-btn p {
    margin-bottom: 0
}

@media screen and (max-width:425px) {
    #history-show .wrap-btn p {
        font-size: 14px
    }
}

#history-show .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
}

#history-show .wrap-btn button:hover {
    filter: brightness(1.2)
}

.text-2xl {
    font-size: 1.425rem
}

@media screen and (max-width:425px) {
    .text-2xl {
        font-size: 1.25rem
    }
}

.show-promotions-select-wrapper {
    background: #fff;
    border-radius: 8px;
    padding: 12px
}

.show-promotions-select-wrapper .show-promotions-select-inner {
    display: flex;
    gap: 8px;
    width: 100%
}

.show-promotions-select-wrapper .show-promotions-select-inner .show-promotions-select-images .promotion-user-img {
    border-radius: 8px;
    box-shadow: inset 0 -2px 4px rgba(0, 0, 0, .25), inset 0 2px 4px rgba(0, 0, 0, .25) !important;
    height: 100%;
    max-width: 160px;
    width: 100%
}

.show-promotions-select-wrapper .show-promotions-select-inner .show-promotions-select-text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 80%
}

.show-promotions-select-wrapper .show-promotions-select-inner .show-promotions-select-text h3 {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background: linear-gradient(180deg, #7690ff, #4767f0);
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 1.275rem
}

@media screen and (max-width:425px) {
    .show-promotions-select-wrapper .show-promotions-select-inner .show-promotions-select-text h3 {
        font-size: 1rem
    }
}

.show-promotions-select-wrapper .show-promotions-select-inner .show-promotions-select-text p {
    color: gray
}

.text-white {
    color: #fff !important
}

.pc-pormotion-response {
    display: inline-block
}

.pc-pormotion-response .btn-bonus-box {
    display: flex;
    justify-content: flex-end
}

@media screen and (max-width:600px) {
    .pc-pormotion-response .btn-bonus-box {
        width: 100%
    }
}

.pc-pormotion-response .btn-bonus-box button {
    font-size: 14px !important;
    margin-right: 0;
    width: 40%
}

@media screen and (max-width:600px) {
    .pc-pormotion-response .btn-bonus-box button {
        font-size: 12px !important;
        height: 28px !important;
        width: 50%
    }

    .pc-pormotion-response .btn-bonus-box button span {
        font-size: 12px !important
    }
}

.mb-pormotion-response {
    display: flex
}

.width-100 {
    width: 100%
}

.btn-promotion-right,.btn-cancel-bonus {
    background: linear-gradient(180deg, var(--primary-color-1) 0, var(--primary-color-2) 100%);
    border-radius: 12px;
    color: #fff;
    font-weight: 600;
    padding: 8px 0;
    width: 50%
}

@media screen and (max-width:425px) {
    .btn-promotion-right {
        padding: 0
    }
}

.btn-promotion-right.disabled {
    filter: grayscale(.7)
}

.btn-promotion-left {
    background: linear-gradient(180deg, var(--secondary-color-1) 0, var(--secondary-color-2) 100%);
    color: var(--secondary-font-color) !important;
    border-radius: 12px;
    font-weight: 600;
    width: 50%
}

@media screen and (max-width:425px) {
    .btn-promotion-left {
        padding: 0
    }
}

.width-img {
    width: 50%
}

#user-select-more {
    border-radius: 15px
}

.select-depo-with-nav,
.select-depo-with-nav .tabs-with-depo {
    display: flex;
    justify-content: center;
    width: 100%
}

.select-depo-with-nav .tabs-with-depo {
    height: 100%
}

@media screen and (max-width:425px) {
    .select-depo-with-nav .tabs-with-depo {
        width: 90%
    }
}

.select-depo-with-nav .tabs-with-depo .tab {
    background: #fff;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .25);
    color: var(--themeFontColor1);
    font-size: 16px;
    font-weight: 600;
    height: 35px;
    margin-bottom: 0;
    padding: 8px;
    width: 100px
}

@media screen and (max-width:425px) {
    .select-depo-with-nav .tabs-with-depo .tab {
        font-size: 14px;
        padding: 6px 8px;
        width: 40%
    }
}

@media screen and (max-width:320px) {
    .select-depo-with-nav .tabs-with-depo .tab {
        font-size: 12px;
        padding: 4px 8px;
        width: 46%
    }
}

.select-depo-with-nav .tabs-with-depo .tab:first-child {
    border-radius: 6px 0 0 6px
}

.select-depo-with-nav .tabs-with-depo .tab:nth-child(2) {
    border-radius: 0 6px 6px 0
}

.select-depo-with-nav .tabs-with-depo .tab.is-active {
    background: linear-gradient(180deg, var(--theme-color-1) 0, var(--theme-color-2) 100%) !important;
    color: var(--primary-font-color) !important
}

.select-depo-with-nav .tabs-with-depo .tab-2 {
    background: #fff;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .25);
    color: var(--themeFontColor1);
    font-size: 16px;
    font-weight: 600;
    height: 35px;
    margin-bottom: 0;
    padding: 8px;
    width: 160px
}

@media screen and (max-width:425px) {
    .select-depo-with-nav .tabs-with-depo .tab-2 {
        font-size: 14px;
        padding: 6px 8px;
        width: 40%
    }
}

@media screen and (max-width:320px) {
    .select-depo-with-nav .tabs-with-depo .tab-2 {
        font-size: 12px;
        padding: 4px 8px;
        width: 46%
    }
}

.select-depo-with-nav .tabs-with-depo .tab-2:first-child {
    border-radius: 6px 0 0 6px
}

.select-depo-with-nav .tabs-with-depo .tab-2:nth-child(2) {
    border-radius: 0 6px 6px 0
}

.select-depo-with-nav .tabs-with-depo .tab-2.is-active {
    background: linear-gradient(180deg, var(--theme-color-1) 0, var(--theme-color-2) 100%) !important;
    color: var(--primary-font-color) !important
}

.box-btn-select-amount {
    grid-gap: 12px;
    display: grid;
    gap: 12px;
    grid-template-columns: 1fr 1fr 1fr
}

.box-btn-select-amount .btn-select-amount {
    background: #fff;
    border-radius: 6px;
    box-shadow: 1.95px 1.95px 2.6px rgba(0, 0, 0, .15);
    color: #000;
    font-size: 20px;
    font-weight: 600;
    padding: 12px 0;
    width: 100%
}

@media screen and (max-width:600px) {
    .box-btn-select-amount .btn-select-amount {
        font-size: 16px
    }
}

.box-btn-select-amount .btn-select-amount.active {
    background: linear-gradient(180deg, var(--secondary-color-1) 0, var(--secondary-color-2) 100%) !important;
    color: var(--secondary-font-color) !important
}

.money-box-select {
    background: #fff;
    border-radius: 10px;
    color: #000;
    font-weight: 400;
    margin-bottom: 10px;
    padding: 10px;
    text-align: center;
    width: 100%
}

.money-box-select:focus-visible {
    outline: none !important
}

.card-primary-input {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .25);
    color: #000;
    padding: 1rem
}

.card-primary-input .v-text-field.v-text-field--enclosed .v-text-field__details {
    display: none
}

.new-auto-flex {
    display: flex;
    justify-content: center
}

.new-auto-flex .btn {
    border-radius: 10px;
    padding: 6px 20px
}

.new-auto-flex .btn:disabled {
    box-shadow: none !important;
    cursor: default !important;
    opacity: .75 !important
}

.new-auto-flex .btn:hover {
    box-shadow: 0 0 10px 0 #000
}

.new-auto-flex p {
    margin: 0 !important
}

.new-auto-flex .flex-between {
    display: flex;
    justify-content: space-between
}

.new-auto-flex .center {
    align-items: center
}

.new-auto-flex .flex-start {
    display: flex;
    justify-content: flex-start
}

.new-auto-flex .input-dropdown {
    border-radius: 6px;
    padding: 0 10px !important;
    width: 100%
}

.new-auto-flex .input-amount {
    border: 1px solid #d4d4d4;
    border-radius: 6px;
    padding: 7px 10px !important;
    width: 100%
}

.v-application--is-ltr .v-text-field .v-label {
    color: #c1c1c1 !important
}

#deposit-confirm-btn-submit {
    margin: 0 auto;
    padding: 10px 60px
}

@media only screen and (max-width:600px) {
    .card-primary-input {
        padding: 1rem .7rem
    }
}

.new-auto-flex-wrap .money-box-select {
    display: none !important
}

.box-input-2-flex {
    display: flex;
    justify-content: space-between;
    text-align: flex-start
}

.box-input-2-flex .w-50 {
    width: 48%
}

.btn-confirm {
    background: linear-gradient(180deg, #3ad83a, #539100);
    border-radius: 12px;
    color: #fff;
    font-weight: 600;
    padding: 10px 30px
}

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
    }
}

.btn-checked-true {
    float: right;
    margin-bottom: .625rem;
    padding: .425rem;
    width: 30% !important
}

@media screen and (max-width:600px) {
    .withdraw-wrapper {
        overflow-y: auto
    }
}

.withdraw-wrapper .btn-footer-peer {
    width: 100%
}

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

.input-withdraw-amount {
    background: #fff;
    border: 1px solid #c7c7c7;
    border-radius: 12px;
    padding: 8px;
    width: 100%
}

.card-withdraw-input {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .25);
    color: #000;
    padding: 1rem
}

.card-withdraw-input .v-text-field.v-text-field--solo:not(.v-text-field--solo-flat)>.v-input__control>.v-input__slot {
    border: none !important;
    border-bottom: 1px solid var(--theme-color-1) !important;
    border-radius: 0 !important;
    padding: 0 !important
}

.card-withdraw-input .v-text-field.v-text-field--enclosed .v-text-field__details {
    margin: 0 !important;
    padding-left: 0 !important
}

.card-withdraw-input .v-input--dense>.v-input__control>.v-input__slot {
    margin-bottom: 0 !important
}

.card-withdraw-input .v-text-field.v-text-field--solo .v-input__control {
    min-height: auto !important
}

.card-withdraw-input .v-text-field.v-text-field--solo .v-input__control input {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background: linear-gradient(180deg, var(--theme-color-1), var(--theme-color-2));
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 2rem;
    font-weight: 600;
    padding-right: 20px !important;
    position: relative;
    text-align: right !important;
    z-index: 1
}

.card-withdraw-input .flex-input-amount {
    align-items: flex-end !important
}

.card-withdraw-input .flex-input-amount h2 {
    border-bottom: 1px solid var(--theme-color-1) !important
}

.card-withdraw-input .v-text-field.v-text-field--enclosed .v-text-field__details {
    display: none !important
}

.withdraw-info-container {
    background-color: #0000007d;
    border-radius: 12px;
    color: #fff;
    margin: 10px 0;
    padding: 10px;
    text-align: center
}

@media only screen and (max-width:600px) {
    .card-withdraw-input {
        padding: 1rem .7rem
    }

    .card-withdraw-input .v-text-field.v-text-field--solo .v-input__control input {
        font-size: 1.8rem
    }
}

.show-thbp-box {
    align-items: center;
    background: rgba(0, 0, 0, .6);
    border-radius: 6px;
    display: flex;
    justify-content: space-between;
    margin: 16px auto;
    padding: 1rem;
    width: 100%
}

.show-thbp-box p {
    color: #fff;
    margin-bottom: 0
}

.show-thbp-box .show-thbp-box-inner {
    align-items: center;
    display: flex;
    gap: 8px
}

.show-thbp-box .show-thbp-box-inner p {
    color: #fff
}

.show-thbp-box .show-thbp-box-inner p:first-child {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background: linear-gradient(180deg, var(--secondary-color-1), var(--secondary-color-2));
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 1.5rem;
    font-weight: 600;
    position: relative;
    z-index: 1
}

.footer-text-peer {
    text-align: center
}

.footer-text-peer p {
    font-size: .875rem;
    margin: 1rem auto
}

.footer-text-peer p,
.footer-text-peer p a {
    color: hsla(0, 0%, 100%, .7)
}

#peer2pay-web-withdraw {
    height: 64vh;
    position: relative
}

@media screen and (min-width:1080px) {
    #peer2pay-web-withdraw {
        height: 62vh
    }
}

#peer2pay-web-withdraw iframe {
    border-radius: 8px;
    bottom: 0;
    box-shadow: 0 0 8px var(--primary-light) !important;
    height: 100% !important;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100% !important;
    width: 100%;
    z-index: 1
}