.depo_content .center-contant {
    background: none !important;
    padding: 0px !important;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
    border-color: transparent;
}

.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
    background-color: transparent;
    box-shadow: none;
}

.btn-link {
    font-weight: 400;
    color: #337ab7;
    border-radius: 0;
}



.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

/* .container {
    min-height: 100vh
} */

.wrapper {
    margin: 0 auto
}

.panel {
    /* background: #307a9c; */
    border-radius: 10px
}

.panel :global(.panel-body) {
    padding: 15px 30px
}

.payment-list {
    font-size: 14px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.payment-list li {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    width: calc(100% / 2 - 7.5px);
    min-height: 100px;
    padding: 10px 20px;
    margin-right: 15px;
    margin-bottom: 20px;
    background: rgba(0, 0, 0, 0.25);
    border: 2px solid rgba(0, 0, 0, 0);
    border-radius: 8px;
    box-sizing: border-box;
    cursor: pointer
}

.payment-list li:nth-child(2n+2) {
    margin-right: 0
}

.payment-list li:global(.selected) {
    border-color: #32b4e3
}

.payment-list li h3 {
    line-height: 2;
    margin: 0;
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    word-break: break-word
}

.payment-list li p {
    margin: 0;
    font-size: 15px;
    color: #fff
}

.payment-list li p b {
    color: #32b4e3;
    font-weight: normal
}

.payment-list li i {
    position: absolute;
    right: 13px;
    bottom: 14px;
    color: #32b4e3;
    font-size: 20px
}

.form {
    padding: 20px 0;
    color: #fff;
    overflow-y: auto
}

.form :global(.list-inline) {
    margin-left: 0
}

.form p {
    margin: 0 0 5px;
    font-size: 16px
}

.form select {
    margin-bottom: 2rem
}

.form :global(.input-group .form-control) {
    width: 360px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #555
}

.scratch-columns {
    margin: 0 0 20px
}

.scratch-columns :global(.input-group) {
    margin: 0 0 10px
}

.scratch-columns :global(.input-group-addon:first-child) {
    min-width: 12rem;
    text-align: left
}

.recommend-amount li {
    width: 100px;
    height: 40px;
    margin: 0 10px 10px 0;
    padding: 0 5px;
    color: #fff;
    font-size: 14px;
    line-height: 38px;
    text-align: center;
    background: #1a5c79;
    border-radius: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer
}

.recommend-amount li:global(.selected) {
    color: #000;
    background: #32b4e3
}

.submit {
    width: 360px;
    height: 40px;
    font-size: 18px;
    color: #000;
    background: #32b4e3;
    border-radius: 5px;
    border: none
}

.submit:hover,
.submit:focus {
    color: #000;
    background: #f9a631;
    border: none;
    outline: none !important
}

/* :global(.exchangeRate) {
    color: #fff
} */





/* ************ deposit */


.deposit_tab_content {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 0 0 20px;
    overflow-x: auto;
    /* background: #000; */
}

.deposit_tab_content ul {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 0;
    padding: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
}

.deposit_tab_content li {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    /* padding: 0 15px; */
    width: calc(103% / 3 - 16px);
    height: 72px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    /* background: #307a9c; */
    border-radius: 10px;
    box-sizing: border-box;
    /* border: 3px solid #307a9c; */
    list-style: none;
    cursor: pointer;
}
.deposit_tab_content li .deposit_tab.active ,
.deposit_tab_content li:hover .deposit_tab {
    border-color: #32b4e3;
}
.deposit_tab_content li .deposit_tab {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 15px;
    width: 285px;
    height: 72px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    background: #307a9c;
    border-radius: 10px;
    box-sizing: border-box;
    border: 3px solid #307a9c;
    list-style: none;
    cursor: pointer;
}

.deposit_tab_content li i.global, 
.deposit_tab_content li i.company, 
.deposit_tab_content li i.online, 
.deposit_tab_content li i.bank-direct {
    width: 80px;
    height: 80px;
    margin: 0 -10px 0 -20px;
    background-color: #55eb75;
    -webkit-mask: url(../images/bank/bank-transfer.svg) no-repeat center;
    mask: url(../images/bank/bank-transfer.svg) no-repeat center;
    -ms-transform: scale(0.5);
    transform: scale(0.5);
}
.deposit_tab_content li i.qrcode {
    width: 80px;
    height: 80px;
    margin-left: -20px;
    background-color: #f9bb1f;
    -webkit-mask: url(../images/bank/qr.svg) no-repeat center;
    mask: url(../images/bank/qr.svg) no-repeat center;
    -ms-transform: scale(0.5);
    transform: scale(0.5);
}
.deposit_tab_content li i.usdt {
    width: 40px;
    height: 40px;
    margin-right: 20px;
    background: url(../images/bank/usdt.png) no-repeat center;
    background-size: contain;
}
.deposit_tab_content li i.zalo-pay {
    width: 40px;
    height: 40px;
    margin-right: 20px;
    background: url(../images/bank/zalo.png) no-repeat center;
    background-size: contain;
}
.deposit_tab_content li i.scratch {
    width: 40px;
    height: 40px;
    margin-right: 20px;
    background: url(../images/bank/scratch.png) no-repeat center;
    background-size: contain;
}
.deposit_tab_content li i.momo {
    width: 40px;
    height: 40px;
    margin-right: 20px;
    background: url(../images/bank/momo.png) no-repeat center;
    background-size: contain;
}
.deposit_tab_content li i.vtpay {
    width: 40px;
    height: 40px;
    margin-right: 20px;
    background: url(../images/bank/vtpay.png) no-repeat center;
    background-size: contain;
}


.deposit_tab_content li i.global~span,
.deposit_tab_content li i.company~span,
.deposit_tab_content li i.online~span,
.deposit_tab_content li i.bank-direct~span {
    position: relative;
    left: 10px;
}

.deposit_tab_content li span {
    max-width: 130px;
}

/* ._3mbwsp07ZUNRkFCj0I-w-k {
    min-height: 100vh
} */

._3lsn-9-R1KxDnv9_koaEkC {
    margin: 0 auto
}

.bank_panel {
    background: #307a9c;
    border-radius: 10px
}

.bank_panel .panel-body {
    padding: 15px 30px
}

.bank_list {
    font-size: 14px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.bank_list li {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    width: calc(100% / 2 - 7.5px);
    min-height: 100px;
    padding: 10px 20px;
    margin-right: 15px;
    margin-bottom: 20px;
    background: rgba(0, 0, 0, 0.25);
    border: 2px solid rgba(0, 0, 0, 0);
    border-radius: 8px;
    box-sizing: border-box;
    cursor: pointer
}

.bank_list li:nth-child(2n+2) {
    margin-right: 0
}

.bank_list li.selected {
    border-color: #32b4e3
}
/* .bank_list .bank_item{

} */
.bank_list li h3 {
    line-height: 2;
    margin: 0;
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    word-break: break-word
}

.bank_list li p {
    margin: 0;
    font-size: 15px;
    color: #fff
}

.bank_list li p b {
    color: #32b4e3;
    font-weight: normal
}

.bank_list li i {
    position: absolute;
    right: 13px;
    bottom: 14px;
    color: #32b4e3;
    font-size: 20px
}

.form_deposit {
    padding: 20px 0;
    color: #fff;
    /* color: #000; */
    overflow-y: auto
}

.form_deposit .list-inline {
    margin-left: 0
}

.form_deposit p {
    margin: 0 0 5px;
    font-size: 16px
}

.form_deposit select {
    margin-bottom: 2rem
}

.form_deposit .input-group .form-control {
    width: 360px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #555
}

._1axJrG2S_RE9BVuPFJP9NH {
    margin: 0 0 20px
}

._1axJrG2S_RE9BVuPFJP9NH .input-group {
    margin: 0 0 10px
}

._1axJrG2S_RE9BVuPFJP9NH .input-group-addon:first-child {
    min-width: 12rem;
    text-align: left
}

.suggestion_amount li {
    width: 100px;
    height: 40px;
    margin: 0 10px 10px 0;
    padding: 0 5px;
    color: #fff;
    font-size: 14px;
    line-height: 38px;
    text-align: center;
    background: #1a5c79;
    /* background: #f1cc50; */
    /* background-image: linear-gradient(to top, #efc544, #f2f283), linear-gradient(to top, #ffffa7, #efc544 20%, #ffffa7 50%, #f1cc50 74%, #ffffa7); */
    border-radius: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer
}

.suggestion_amount li.selected {
    color: #000;
    background: #32b4e3
}

.btn_deposit {
    width: 360px;
    height: 40px;
    font-size: 18px;
    color: #000;
    background: #32b4e3;
    border-radius: 5px;
    border: none
}

.btn_deposit:hover,
.btn_deposit:focus {
    color: #000;
    background: #f9a631;
    border: none;
    outline: none !important
}

/* .exchangeRate {
    color: #fff
} */


/* with */
._1mQa6LK9QN1QSUfHQbGAex {
    position: relative;
    width: 1185px;
    height: 730px;
    padding: 20px;
    text-align: left;
    color: #000;
    background: #fff;
    border: 1px solid #ccc;
    overflow-y: auto
}

._1mQa6LK9QN1QSUfHQbGAex h2 {
    margin: 0 0 25px;
    padding-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    color: #0a5d83
}

._1mQa6LK9QN1QSUfHQbGAex h3 {
    font-size: 16px;
    font-weight: bold;
    color: #0a5d83
}

._1mQa6LK9QN1QSUfHQbGAex h4 {
    font-size: 14px
}

._1mQa6LK9QN1QSUfHQbGAex>ul {
    list-style: none
}

._1mQa6LK9QN1QSUfHQbGAex ol {
    padding-left: 20px;
    list-style-type: decimal
}

._1mQa6LK9QN1QSUfHQbGAex p,
._1mQa6LK9QN1QSUfHQbGAex li {
    font-size: 16px;
    text-align: justify;
    line-height: 2em
}

._1mQa6LK9QN1QSUfHQbGAex p {
    margin: 1em 0
}

._1mQa6LK9QN1QSUfHQbGAex p._1y1iqCcA5zNpunlgSzz1DP {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

._1mQa6LK9QN1QSUfHQbGAex p._1y1iqCcA5zNpunlgSzz1DP img {
    width: 33%
}

._1mQa6LK9QN1QSUfHQbGAex ._2yOzdG6rVNA_poDhLcZn9p {
    color: #0a5d83;
    font-weight: bolder
}

._1mQa6LK9QN1QSUfHQbGAex table {
    width: 100%
}

._1mQa6LK9QN1QSUfHQbGAex table thead tr,
._1mQa6LK9QN1QSUfHQbGAex table thead th,
._1mQa6LK9QN1QSUfHQbGAex table thead td,
._1mQa6LK9QN1QSUfHQbGAex table tbody tr,
._1mQa6LK9QN1QSUfHQbGAex table tbody th,
._1mQa6LK9QN1QSUfHQbGAex table tbody td,
._1mQa6LK9QN1QSUfHQbGAex table tfoot tr,
._1mQa6LK9QN1QSUfHQbGAex table tfoot th,
._1mQa6LK9QN1QSUfHQbGAex table tfoot td {
    font-size: 18px;
    padding: 0;
    line-height: 64px;
    text-align: center;
    border: 1px solid #000
}

._1mQa6LK9QN1QSUfHQbGAex table thead th,
._1mQa6LK9QN1QSUfHQbGAex table tbody th,
._1mQa6LK9QN1QSUfHQbGAex table tfoot th {
    font-size: 18px;
    font-weight: bold;
    background-color: #fff
}

.info_detail {
    width: 480px;
    font-size: 14px
}

.info_detail h2 {
    display: inline-block;
    min-width: 100px;
    padding: 0 10px;
    font-size: 16px;
    text-align: center;
    line-height: 36px;
    color: #fff;
    background: #1a5c79;
    border-radius: 5px
}

.info_detail .row {
    color: #fff;
    line-height: 2.5em;
    border-bottom: 1px dotted rgba(255, 255, 255, 0.1)
}

.info_detail .col-md-7 {
    text-align: right
}



/* ************2************* */
.rgJTmiRYgV5Zq25ikVmgM .white {
    color: #fff
}

.rgJTmiRYgV5Zq25ikVmgM .btn-lg,
.rgJTmiRYgV5Zq25ikVmgM .btn-lg:hover {
    width: 100%;
    color: #000;
    background-color: #32b4e3;
    border: none
}

.rgJTmiRYgV5Zq25ikVmgM .pd-0 {
    padding: 0
}

.with_bank_list {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 0 0 20px;
    overflow-x: auto
}

.with_bank_list ul {
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0
}

.with_bank_list li {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 222px;
    height: 72px;
    margin: 0;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    background: #307a9c;
    border-radius: 10px;
    box-sizing: border-box;
    border: 3px solid #307a9c;
    list-style: none;
    cursor: pointer
}

.with_bank_list li+li {
    margin-left: 10px
}

.with_bank_list li:hover,
.with_bank_list li.active {
    border-color: #32b4e3
}

.with_bank_list li i {
    width: 50px;
    height: 50px;
    margin-right: 5px;
    background-color: #f9bb1f;
    -webkit-mask: url(https://haon-jpnext.cdn-bebo.com/system-requirement/Web.PortalNew/UK254-01/e94ce2eb9e/images/9f9c8df554bf188532e64d8387de062b.svg) no-repeat center;
    mask: url(https://haon-jpnext.cdn-bebo.com/system-requirement/Web.PortalNew/UK254-01/e94ce2eb9e/images/9f9c8df554bf188532e64d8387de062b.svg) no-repeat center
}

.with_bank_list li i.add {
    -webkit-mask: url(https://haon-jpnext.cdn-bebo.com/system-requirement/Web.PortalNew/UK254-01/e94ce2eb9e/images/1a4a07a80b431b9c143c551ae0695937.svg) no-repeat center;
    mask: url(https://haon-jpnext.cdn-bebo.com/system-requirement/Web.PortalNew/UK254-01/e94ce2eb9e/images/1a4a07a80b431b9c143c551ae0695937.svg) no-repeat center
}

.with_content {
    padding: 20px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    background: #307a9c;
    border-radius: 10px
}

/* ._2JHcPhfFkctxgdJLYqHZRK {
    width: 20rem
}

._2JHcPhfFkctxgdJLYqHZRK .row:last-child {
    color: #3c763d
}

._2JHcPhfFkctxgdJLYqHZRK .row:last-child ._3ANJjNkqkKGCYk66cszWFW {
    color: #a94442
}

._1XYnvVSc_zEv3kNu71jQwo {
    width: 450px
}

._1XYnvVSc_zEv3kNu71jQwo ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    margin: 0 0 20px;
    padding: 0
}

._1XYnvVSc_zEv3kNu71jQwo li {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 146px;
    height: 40px;
    margin: 0 6px 5px 0;
    color: #fff;
    font-size: 15px;
    background: #1a5c79;
    border-radius: 10px;
    box-sizing: border-box;
    list-style: none;
    cursor: pointer
}

._1XYnvVSc_zEv3kNu71jQwo li:nth-child(3n) {
    margin-right: 0
}

._1XYnvVSc_zEv3kNu71jQwo li:hover,
._1XYnvVSc_zEv3kNu71jQwo li.active {
    color: #000;
    background: #32b4e3
}

._1XYnvVSc_zEv3kNu71jQwo li:hover i,
._1XYnvVSc_zEv3kNu71jQwo li.active i {
    background-color: #000
}

._1XYnvVSc_zEv3kNu71jQwo li i {
    width: 30px;
    height: 30px;
    margin-right: 5px;
    background-color: #fff;
    -webkit-mask: url(https://haon-jpnext.cdn-bebo.com/system-requirement/Web.PortalNew/UK254-01/e94ce2eb9e/images/438f90d7c765cf93426ac599216a0586.svg) no-repeat center;
    mask: url(https://haon-jpnext.cdn-bebo.com/system-requirement/Web.PortalNew/UK254-01/e94ce2eb9e/images/438f90d7c765cf93426ac599216a0586.svg) no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain
}

._1XYnvVSc_zEv3kNu71jQwo li i.gcash {
    -webkit-mask: url(https://haon-jpnext.cdn-bebo.com/system-requirement/Web.PortalNew/UK254-01/e94ce2eb9e/images/85e888bb0fa15be2148f97ff0105b853.svg) no-repeat center;
    mask: url(https://haon-jpnext.cdn-bebo.com/system-requirement/Web.PortalNew/UK254-01/e94ce2eb9e/images/85e888bb0fa15be2148f97ff0105b853.svg) no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain
}

._1XYnvVSc_zEv3kNu71jQwo li i.paymaya {
    -webkit-mask: url(https://haon-jpnext.cdn-bebo.com/system-requirement/Web.PortalNew/UK254-01/e94ce2eb9e/images/55186887d059ed53a404962fb244aec8.svg) no-repeat center;
    mask: url(https://haon-jpnext.cdn-bebo.com/system-requirement/Web.PortalNew/UK254-01/e94ce2eb9e/images/55186887d059ed53a404962fb244aec8.svg) no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain
}

._1XYnvVSc_zEv3kNu71jQwo li i.grabpay {
    -webkit-mask: url(https://haon-jpnext.cdn-bebo.com/system-requirement/Web.PortalNew/UK254-01/e94ce2eb9e/images/b53996d5e2c2d241bc4880d38789544f.svg) no-repeat center;
    mask: url(https://haon-jpnext.cdn-bebo.com/system-requirement/Web.PortalNew/UK254-01/e94ce2eb9e/images/b53996d5e2c2d241bc4880d38789544f.svg) no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain
}

._1XYnvVSc_zEv3kNu71jQwo li i.dana {
    -webkit-mask: url(https://haon-jpnext.cdn-bebo.com/system-requirement/Web.PortalNew/UK254-01/e94ce2eb9e/images/40204e4dd24836f721845e43df044781.svg) no-repeat center;
    mask: url(https://haon-jpnext.cdn-bebo.com/system-requirement/Web.PortalNew/UK254-01/e94ce2eb9e/images/40204e4dd24836f721845e43df044781.svg) no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain
}

._1XYnvVSc_zEv3kNu71jQwo li i.ovo {
    -webkit-mask: url(https://haon-jpnext.cdn-bebo.com/system-requirement/Web.PortalNew/UK254-01/e94ce2eb9e/images/ea0e173aa53ca2f04c0a3a3901b9822f.svg) no-repeat center;
    mask: url(https://haon-jpnext.cdn-bebo.com/system-requirement/Web.PortalNew/UK254-01/e94ce2eb9e/images/ea0e173aa53ca2f04c0a3a3901b9822f.svg) no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain
}

._1XYnvVSc_zEv3kNu71jQwo li i.shopeepay {
    -webkit-mask: url(https://haon-jpnext.cdn-bebo.com/system-requirement/Web.PortalNew/UK254-01/e94ce2eb9e/images/fe83cb99128a1b6134f2ad92dbc906f0.svg) no-repeat center;
    mask: url(https://haon-jpnext.cdn-bebo.com/system-requirement/Web.PortalNew/UK254-01/e94ce2eb9e/images/fe83cb99128a1b6134f2ad92dbc906f0.svg) no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain
}

._1XYnvVSc_zEv3kNu71jQwo li i.linkaja {
    -webkit-mask: url(https://haon-jpnext.cdn-bebo.com/system-requirement/Web.PortalNew/UK254-01/e94ce2eb9e/images/e2d480ca4f7ae3538e3b3bb3d286d5b2.svg) no-repeat center;
    mask: url(https://haon-jpnext.cdn-bebo.com/system-requirement/Web.PortalNew/UK254-01/e94ce2eb9e/images/e2d480ca4f7ae3538e3b3bb3d286d5b2.svg) no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain
}

._1XYnvVSc_zEv3kNu71jQwo li i.pix-cpf,
._1XYnvVSc_zEv3kNu71jQwo li i.pix-cnpj,
._1XYnvVSc_zEv3kNu71jQwo li i.pix-phone,
._1XYnvVSc_zEv3kNu71jQwo li i.pix-email {
    -webkit-mask: url(https://haon-jpnext.cdn-bebo.com/system-requirement/Web.PortalNew/UK254-01/e94ce2eb9e/images/913db21617d7c86bf20f8a65e4e7ceb8.svg) no-repeat center;
    mask: url(https://haon-jpnext.cdn-bebo.com/system-requirement/Web.PortalNew/UK254-01/e94ce2eb9e/images/913db21617d7c86bf20f8a65e4e7ceb8.svg) no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain
} */

.with_method {
    width: 420px;
    padding: 15px;
    font-size: 14px
}

.with_method label {
    font-size: 16px
}
