@charset "utf-8";
/* media query devices */

/*SPECIAL CASE FOR BANK DROPDOWN ELLIPSIS*/

@media only screen and (max-device-width : 319px) {
    /***Get SMS Modal***/
    .sms-popup {
        width: 97% !important;
    }

    .sms-popup {
        position: fixed;
        left: 0;
        bottom: 0;
        top: auto;
        z-index: 992;
        transform: translate(0, 0);
        width: 98% !important;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        background-color: #fff;
        box-shadow: 0 5px 10px 0 #929292;
    }

    .get-sms-popup {
        /*font-family: 'OpenSansRegular';*/
        font-size: 14px;
        color: #000000;
        padding: 10px 0px 28px 6px;
    }

    .sms-popup:before {
        content: "";
        display: block;
        width: 64px;
        height: 4px;
        border-radius: 2px;
        background-color: #fff;
        position: absolute;
        left: 50%;
        top: -4px;
        transform: translate(-50%, -100%);
    }

    .sms-popup .sms-popup-heading {
        height: auto;
        line-height: normal;
        background-color: transparent;
        font-size: 0;
        display: flex;
        justify-content: flex-end;
        padding: 16px;
        padding-bottom: 0px;
        border: none !important;
    }


        .sms-popup .sms-popup-heading .close-btn {
            width: 25px;
            height: 25px;
            background-image: url(../../../images/m88/icon/__close-blue.svg);
            position: static;
            transform: none;
            display: inline-block;
            background-repeat: no-repeat;
            background-size: contain;
            font-size: 0;
            right: 16px;
            top: 50%;
        }

    .modal-content {
        border: none !important;
    }

    .modal-backdrop {
        content: "";
        display: block !important;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 991;
        width: 100%;
        height: 100%;
        background-color: transparent;
    }
    /***END Get SMS Modal***/

    #guide_details .copy-btn {
        top: -55px;
    }

    .qr-div {
        width: 91%;
    }
}

@media only screen and (max-device-width : 320px) {
    .qr-div {
        width: 91% !important;
    }

    .lang-en #transfer__steps .list-inline span.state-d-block.text-bold.mt-2 {
        width: 68% !important;
    }

    .m-scroll-container {
        /* max-width: 220px !important;*/
    }

    .col-md-6.col-sm-6.col-xs-11.kunit.field-input, .col-md-6.col-sm-6.col-xs-11.field-input {
        width: 87% !important;
    }

    /**specific language popup text cashier page**/
    /*qt popup*/
    .lang-en .popup-cashier.bt-deposit-channel-popup.qt-create-new-popup .col a.box-btn span p {
        height: 40px;
        line-height: 20px;
    }

    .lang-en .popup-cashier.bt-deposit-channel-popup.qt-complete-deposit-popup .col a.box-btn span p {
        height: 40px;
        line-height: 20px;
    }

    .lang-id .popup-cashier.bt-deposit-channel-popup.qt-create-new-popup .col a.box-btn span p {
        height: 60px;
        line-height: 20px;
    }

    .lang-id .popup-cashier.bt-deposit-channel-popup.qt-complete-deposit-popup .col a.box-btn span p {
        height: 60px;
        line-height: 20px;
    }

    .lang-km .popup-cashier.bt-deposit-channel-popup.qt-create-new-popup .col a.box-btn span p {
        height: 60px;
        line-height: 20px;
    }

    .lang-km .popup-cashier.bt-deposit-channel-popup.qt-complete-deposit-popup .col a.box-btn span p {
        height: 60px;
        line-height: 20px;
    }

    .lang-th .popup-cashier.bt-deposit-channel-popup.qt-create-new-popup .col a.box-btn span p {
        height: 60px;
        line-height: 20px;
    }

    .lang-th .popup-cashier.bt-deposit-channel-popup.qt-create-new-popup .col a.box-btn span p {
        height: 60px;
        line-height: 20px;
    }

    .lang-vi .popup-cashier.bt-deposit-channel-popup.qt-create-new-popup .col a.box-btn span p {
        height: 60px;
        line-height: 20px;
    }

    .lang-vi .popup-cashier.bt-deposit-channel-popup.qt-complete-deposit-popup .col a.box-btn span p {
        height: 60px;
        line-height: 20px;
    }

    .lang-ko .popup-cashier.bt-deposit-channel-popup.qt-create-new-popup .col a.box-btn span p {
        height: 40px;
        line-height: 20px;
    }

    .col a.box-btn span p {
        height: 40px;
        line-height: 20px;
    }

    .lang-ja .popup-cashier.bt-deposit-channel-popup.qt-create-new-popup .col a.box-btn span p {
        height: 40px;
        line-height: 20px;
    }

    .lang-ja .popup-cashier.bt-deposit-channel-popup.qt-complete-deposit-popup .col a.box-btn span p {
        height: 40px;
        line-height: 20px;
    }

    .col a.box-btn span p {
        height: 40px;
        line-height: 20px;
    }

    /*9pay popup*/
    .lang-en .popup-cashier.bt-popup.bt-ninepay-popup .col a.box-btn span p {
        height: 40px;
        line-height: 20px;
    }

    .lang-id .popup-cashier.bt-popup.bt-ninepay-popup .col a.box-btn span p {
        height: 40px;
        line-height: 20px;
    }

    .lang-km .popup-cashier.bt-popup.bt-ninepay-popup .col a.box-btn span p {
        height: 40px;
        line-height: 20px;
    }

    .lang-th .popup-cashier.bt-popup.bt-ninepay-popup .col a.box-btn span p {
        height: 60px;
        line-height: 20px;
    }

    .lang-vi .popup-cashier.bt-popup.bt-ninepay-popup .col a.box-btn span p {
        height: 40px;
        line-height: 20px;
    }

    .inner-box-banks:not(.filtered) .box.bank-card.box-small .tag-header {
        height: 40px;
        margin: 0px 8px;
    }

    /*.note-readmore-container span.note-txt {
    }*/
    .inner-box-banks.filtered .box.bank-card.box-small {
        min-height: 162px !important;
    }

    .inner-box-banks .box.bank-card.box-small {
        min-height: 186px !important;
    }

    .box.bank-card.box-small.crpto-dm .inner {
        margin: 0px;
    }

    .box.bank-card.box-small.small-box-notext.crpto-dm .inner {
        margin: 0px;
    }

    .inner-box-banks:not(.filtered) .box.bank-card .inset > .row-3 {
        margin: 0px !important;
    }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 346px) {
    #guide_details .copy-btn {
        top: -54px;
    }

    .lang-th #transfer__steps .list-inline span.state-d-block.text-bold.mt-2 {
        width: 70% !important;
    }

    .m-scroll-container {
        /*max-width: 220px !important;*/
    }
}

@media only screen and (min-device-width : 321px) and (max-device-width : 353px) {
    .lang-en #transfer__steps .list-inline span.state-d-block.text-bold.mt-2 {
        width: 70% !important;
    }

    .m-scroll-container {
        max-width: 220px !important;
    }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 368px) {
    .lang-id span.state-d-block.text-bold.mt-2 {
        width: 62% !important;
    }

    .lang-id #transfer__steps .list-inline span.state-d-block.text-bold.mt-2 {
        width: 55% !important;
    }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 349px) {
    .ninePay-step-2 .copy-btn {
        top: -60px;
    }
}

@media only screen and (min-device-width : 347px) and (max-device-width : 379px) {
    #guide_details .copy-btn {
        top: -42px !important;
    }
}

@media only screen and (min-device-width : 380x) and (max-device-width :389px) {
    .ninePay-step-2 .copy-btn {
        top: -86px !important;
    }
}

@media only screen and (min-device-width : 380px) and (max-device-width : 599px) {
    #guide_details .copy-btn {
        top: -42px !important;
    }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 379px) {
    .select-container:after {
        width: 75% !important;
    }

    .select-container2:after {
        width: 94% !important;
        height: 34px !important;
        line-height: 12px !important;
    }

    .select-container3:after {
        width: 70% !important;
    }

    #deposit__steps .field-input select, #transfer__steps .field-input select {
        padding-right: 100px !important;
    }

    .field-input2 select {
        padding-right: 80px !important;
    }

    .tip-cashier .reminder-icon {
        padding: 0px 5px 42px 0px !important;
    }

    .popup-cashier.bt-popup .popup-content .row > .col > .txt-1 {
        height: auto;
    }

    .copyLine input:read-only {
        font-size: 16px;
        font-weight: bold;
        text-overflow: ellipsis !important;
        white-space: nowrap;
        width: 250px;
    }

    .lang-en span.state-d-block.text-bold.mt-2 {
        width: 75% !important;
    }

    .lang-th span.state-d-block.text-bold.mt-2 {
        width: 70% !important;
    }

    .lang-vi span.state-d-block.text-bold.mt-2 {
        width: 230px !important;
    }

    .lang-zh span.state-d-block.text-bold.mt-2 {
        width: 230px;
        margin-top: 23px;
    }

    .lang-id span.state-d-block.text-bold.mt-2 {
        /*min-width: calc(100% - 105px);*/
        width: 55% !important;
        margin-top: 19px;
    }

    .lang-ko span.state-d-block.text-bold.mt-2 {
        width: 240px;
        margin-top: 22px;
    }

    /***Get SMS Modal***/
    .sms-popup {
        width: 97% !important;
    }

    .sms-popup {
        position: fixed;
        left: 0;
        bottom: 0;
        top: auto;
        z-index: 992;
        transform: translate(0, 0);
        width: 100% !important;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        background-color: #fff;
        box-shadow: 0 5px 10px 0 #929292;
    }

    .get-sms-popup {
        /*font-family: 'OpenSansRegular';*/
        font-size: 14px;
        color: #000000;
        padding: 10px 0px 28px 6px;
    }

    .sms-popup:before {
        content: "";
        display: block;
        width: 64px;
        height: 4px;
        border-radius: 2px;
        background-color: #fff;
        position: absolute;
        left: 50%;
        top: -4px;
        transform: translate(-50%, -100%);
    }

    .sms-popup .sms-popup-heading {
        height: auto;
        line-height: normal;
        background-color: transparent;
        font-size: 0;
        display: flex;
        justify-content: flex-end;
        padding: 16px;
        padding-bottom: 0px;
        border: none !important;
    }


        .sms-popup .sms-popup-heading .close-btn {
            width: 25px;
            height: 25px;
            background-image: url(../../../images/m88/icon/__close-blue.svg);
            position: static;
            transform: none;
            display: inline-block;
            background-repeat: no-repeat;
            background-size: contain;
            font-size: 0;
            right: 16px;
            top: 50%;
        }

    .modal-content {
        border: none !important;
    }

    .modal-backdrop {
        content: "";
        display: block !important;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 991;
        width: 100%;
        height: 100%;
        background-color: transparent;
    }
    /***END Get SMS Modal***/

    /* #guide_details .copy-btn {
        top: -39px !important;
    }*/

    .ninePay-step-2 .copy-btn {
        top: -59px;
    }

    .m-scroll-container {
        /*max-width: 370px;*/
        margin-left: auto;
        margin-right: auto;
    }

    /**tile-cashierpage**/

    .box.bank-card.box-small .inner {
        min-height: 121px !important;
    }

    .inner-box-banks:not(.filtered) .box.bank-card.box-large {
        height: 197px;
        padding: 8px 0px 0px 0px;
    }

    .box.bank-card.box-large .tag-header {
        height: 16px;
    }

    .inner-box-banks .box.bank-card:not(.box-large) {
        padding: 8px 0px 0px 0px !important;
    }

    .lang-vi .box.bank-card .inset > .row-1 > .row-1 img {
        max-width: 100px !important;
    }

    .lang-vi .row.row-time-min-max {
        font-size: 12px;
        font-weight: bold;
        margin-top: 0px;
        margin-bottom: 8px;
        margin-left: 8px;
        margin-right: 8px;
        font-size: 11px;
    }

    .box.bank-card.box-small .inset > .row-1 > .row-1 img {
        max-width: 100px !important;
    }

    .row.row-1.crypto-img-holder.img-vendor {
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%) !important;
        width: 100%;
    }

    .lang-km .popup-cashier .popup-content .row > .col .box-btn p {
        font-size: 10px;
        line-height: 10px;
    }

    .box.bank-card.box-large .row.row-3.row-note {
        margin-top: 11px;
    }
}

@media only screen and (min-device-width : 380px) and (max-device-width :389px) {
    .select-container:after {
        width: 76% !important;
    }

    .select-container2:after {
        width: 90% !important;
    }

    .select-container3:after {
        width: 74% !important;
    }

    #deposit__steps .field-input select, #transfer__steps .field-input select {
        padding-right: 90px !important;
    }

    .tip-cashier .reminder-icon {
        padding: 0px 5px 42px 0px !important;
    }

    /***Get SMS Modal***/
    .sms-popup {
        width: 97% !important;
    }

    .sms-popup {
        position: fixed;
        left: 0;
        bottom: 0;
        top: auto;
        z-index: 992;
        transform: translate(0, 0);
        width: 98% !important;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        background-color: #fff;
        box-shadow: 0 5px 10px 0 #929292;
    }

    .get-sms-popup {
        /*  font-family: 'OpenSansRegular';*/
        font-size: 14px;
        color: #000000;
        padding: 10px 0px 28px 6px;
    }

    .sms-popup:before {
        content: "";
        display: block;
        width: 64px;
        height: 4px;
        border-radius: 2px;
        background-color: #fff;
        position: absolute;
        left: 50%;
        top: -4px;
        transform: translate(-50%, -100%);
    }

    .sms-popup .sms-popup-heading {
        height: auto;
        line-height: normal;
        background-color: transparent;
        font-size: 0;
        display: flex;
        justify-content: flex-end;
        padding: 16px;
        padding-bottom: 0px;
        border: none !important;
    }


        .sms-popup .sms-popup-heading .close-btn {
            width: 25px;
            height: 25px;
            background-image: url(../../../images/m88/icon/__close-blue.svg);
            position: static;
            transform: none;
            display: inline-block;
            background-repeat: no-repeat;
            background-size: contain;
            font-size: 0;
            right: 16px;
            top: 50%;
        }

    .modal-content {
        border: none !important;
    }

    .modal-backdrop {
        content: "";
        display: block !important;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 991;
        width: 100%;
        height: 100%;
        background-color: transparent;
    }

    .lang-id #transfer__steps .list-inline span.state-d-block.text-bold.mt-2 {
        width: 65% !important;
    }

    /***END Get SMS Modal***/

    /**tile-cashierpage**/
    .lang-en .inner-box-banks .tag-header {
        height: 35px;
    }

    .lang-en .inner-box-banks.filtered .tag-header {
        height: 16px;
    }

    .inner-box-banks .box.bank-card:not(.box-large) {
        padding: 8px 0px 0px 0px !important;
        min-height: 193px !important;
    }

    .inner-box-banks.filtered .box.bank-card.box-small {
        min-height: 174px !important;
    }

    .box.bank-card.box-small .inner {
        min-height: 132px !important;
    }

    .inner-box-banks:not(.filtered) .box.bank-card.box-large {
        height: 194px;
    }

    .inner-box-banks .box.bank-card:not(.box-large) {
        padding: 8px 0px 0px 0px !important;
        min-height: 158px !important;
    }

    .inner-box-banks .box.bank-card.box-small {
        min-height: 193px !important;
    }

    .lang-id .inner-box-banks .box.bank-card.box-small {
        min-height: 224px !important;
    }

    .lang-id .inner-box-banks .box.bank-card.box-large .tag-header {
        height: 16px;
    }

    .lang-id .inner-box-banks .tag-header {
        height: 40px;
    }

    .lang-id .inner-box-banks.filtered .tag-header {
        height: 16px;
    }

    .lang-id .inner-box-banks.filtered .box.bank-card.box-small {
        min-height: 200px !important;
    }

    .lang-id .box.bank-card.box-small .inner {
        min-height: 160px !important;
    }

    .lang-id .inner-box-banks:not(.filtered) .box.bank-card.box-large {
        height: 207px;
        padding: 8px 0px 0px 0px;
    }

        .lang-id .inner-box-banks:not(.filtered) .box.bank-card.box-large > .inner {
            min-height: 165px !important;
        }
}

/*Samsung devices*/
@media only screen and (min-device-width : 359px) and (max-device-width :360px) {
    /**specific language popup text cashier page**/
    .lang-en .popup-cashier.bt-deposit-channel-popup.qt-create-new-popup .col a.box-btn span p {
        height: 40px;
        line-height: 20px;
    }

    .lang-en .popup-cashier.bt-deposit-channel-popup.qt-complete-deposit-popup .col a.box-btn span p {
        height: 40px;
        line-height: 20px;
    }

    .lang-id .popup-cashier.bt-deposit-channel-popup.qt-create-new-popup .col a.box-btn span p {
        height: 60px;
        line-height: 20px;
    }

    .lang-id .popup-cashier.bt-deposit-channel-popup.qt-complete-deposit-popup .col a.box-btn span p {
        height: 60px;
        line-height: 20px;
    }

    .lang-km .popup-cashier.bt-deposit-channel-popup.qt-create-new-popup .col a.box-btn span p {
        height: 40px;
        line-height: 20px;
    }

    .lang-km .popup-cashier.bt-deposit-channel-popup.qt-complete-deposit-popup .col a.box-btn span p {
        height: 40px;
        line-height: 20px;
    }

    .lang-th .popup-cashier.bt-deposit-channel-popup.qt-create-new-popup .col a.box-btn span p {
        height: 60px;
        line-height: 20px;
    }

    .lang-th .popup-cashier.bt-deposit-channel-popup.qt-complete-deposit-popup .col a.box-btn span p {
        height: 60px;
        line-height: 20px;
    }

    .lang-vi .popup-cashier.bt-deposit-channel-popup.qt-create-new-popup .col a.box-btn span p {
        height: 60px;
        line-height: 20px;
    }

    .lang-vi .popup-cashier.bt-deposit-channel-popup.qt-complete-deposit-popup .col a.box-btn span p {
        height: 60px;
        line-height: 20px;
    }

    .lang-ko .popup-cashier.bt-deposit-channel-popup.qt-create-new-popup .col a.box-btn span p {
        height: 40px;
        line-height: 20px;
    }

    .lang-ko .popup-cashier.bt-deposit-channel-popup.qt-complete-deposit-popup .col a.box-btn span p {
        height: 40px;
        line-height: 20px;
    }

    .lang-ja .popup-cashier.bt-popup.bt-qt-popup .popup-content .row .col p.txt {
        font-size: 9px;
    }

    .lang-ja .popup-cashier.bt-deposit-channel-popup.qt-create-new-popup .col a.box-btn span p {
        height: 40px;
        line-height: 20px;
    }

    .lang-ja .popup-cashier.bt-deposit-channel-popup.qt-complete-deposit-popup .col a.box-btn span p {
        height: 40px;
        line-height: 20px;
    }

    /*9pay popup*/

    .lang-km .popup-cashier.bt-popup.bt-ninepay-popup .col a.box-btn span p {
        height: 40px;
        line-height: 20px;
    }

    .lang-th .popup-cashier.bt-popup.bt-ninepay-popup .col a.box-btn span p {
        height: 40px;
        line-height: 20px;
    }

    .lang-vi .popup-cashier.bt-popup.bt-ninepay-popup .col a.box-btn span p {
        height: 40px;
        line-height: 20px;
    }

    /*.lang-id .note-readmore-container span.note-txt {
    }*/
    .lang-vi .inner-box-banks:not(.filtered) .box.bank-card.box-small .tag-header {
        height: 40px;
        margin: 0px 8px;
    }

    .lang-vi .inner-box-banks:not(.filtered) .box.bank-card.box-small {
        min-height: 186px;
    }
}

/***SPECIAL CASE***/
@media only screen and (min-device-width : 375px) and (max-device-width :375px) {

    /**specific language popup text cashier page**/
    .lang-en .popup-cashier.bt-deposit-channel-popup.qt-create-new-popup .col a.box-btn span p {
        height: 40px;
        line-height: 20px;
    }

    .lang-en .popup-cashier.bt-deposit-channel-popup.qt-complete-deposit-popup .col a.box-btn span p {
        height: 40px;
        line-height: 20px;
    }

    .lang-id .popup-cashier.bt-deposit-channel-popup.qt-create-new-popup .col a.box-btn span p {
        height: 60px;
        line-height: 20px;
    }

    .lang-id .popup-cashier.bt-deposit-channel-popup.qt-complete-deposit-popup .col a.box-btn span p {
        height: 60px;
        line-height: 20px;
    }

    .lang-km .popup-cashier.bt-deposit-channel-popup.qt-create-new-popup .col a.box-btn span p {
        height: 40px;
        line-height: 20px;
    }

    .lang-km .popup-cashier.bt-deposit-channel-popup.qt-complete-deposit-popup .col a.box-btn span p {
        height: 40px;
        line-height: 20px;
    }

    .lang-th .popup-cashier.bt-deposit-channel-popup.qt-create-new-popup .col a.box-btn span p {
        height: 60px;
        line-height: 20px;
    }

    .lang-th .popup-cashier.bt-deposit-channel-popup.qt-complete-deposit-popup .col a.box-btn span p {
        height: 60px;
        line-height: 20px;
    }

    .lang-vi .popup-cashier.bt-deposit-channel-popup.qt-create-new-popup .col a.box-btn span p {
        height: 60px;
        line-height: 20px;
    }

    .lang-vi .popup-cashier.bt-deposit-channel-popup.qt-complete-deposit-popup .col a.box-btn span p {
        height: 60px;
        line-height: 20px;
    }

    .lang-ja .popup-cashier.bt-deposit-channel-popup.qt-create-new-popup .col a.box-btn span p {
        height: 40px;
        line-height: 20px;
    }

    .lang-ja .popup-cashier.bt-deposit-channel-popup.qt-complete-deposit-popup .col a.box-btn span p {
        height: 40px;
        line-height: 20px;
    }

    /*9pay popup*/

    .lang-km .popup-cashier.bt-popup.bt-ninepay-popup .col a.box-btn span p {
        height: 40px;
        line-height: 20px;
    }

    .lang-th .popup-cashier.bt-popup.bt-ninepay-popup .col a.box-btn span p {
        height: 40px;
        line-height: 20px;
    }

    .lang-vi .popup-cashier.bt-popup.bt-ninepay-popup .col a.box-btn span p {
        height: 40px;
        line-height: 20px;
    }

    /*.lang-id .note-readmore-container span.note-txt {
    }*/
}

@media only screen and (min-device-width : 414px) and (max-device-width :414px) {
    /*.lang-id .note-readmore-container span.note-txt {
    }*/
}

/**iPhone 6/7/8 Plus  and iPhone 6/7/8**/
@media only screen and (min-device-width : 390px) and (max-device-width :449px) {
    .select-container:after {
        width: 77% !important;
    }

    .select-container2:after {
        width: 90% !important;
    }

    .select-container3:after {
        width: 75% !important;
    }

    #deposit__steps .field-input select, #transfer__steps .field-input select {
        padding-right: 90px !important;
    }

    /***Get SMS Modal***/
    .sms-popup {
        width: 97% !important;
    }

    .sms-popup {
        position: fixed;
        left: 0;
        bottom: 0;
        top: auto;
        z-index: 992;
        transform: translate(0, 0);
        width: 98% !important;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        background-color: #fff;
        box-shadow: 0 5px 10px 0 #929292;
    }

    .get-sms-popup {
        /* font-family: 'OpenSansRegular';*/
        font-size: 14px;
        color: #000000;
        padding: 10px 0px 28px 6px;
    }

    .sms-popup:before {
        content: "";
        display: block;
        width: 64px;
        height: 4px;
        border-radius: 2px;
        background-color: #fff;
        position: absolute;
        left: 50%;
        top: -4px;
        transform: translate(-50%, -100%);
    }

    .sms-popup .sms-popup-heading {
        height: auto;
        line-height: normal;
        background-color: transparent;
        font-size: 0;
        display: flex;
        justify-content: flex-end;
        padding: 16px;
        padding-bottom: 0px;
        border: none !important;
    }


        .sms-popup .sms-popup-heading .close-btn {
            width: 25px;
            height: 25px;
            background-image: url(../../../images/m88/icon/__close-blue.svg);
            position: static;
            transform: none;
            display: inline-block;
            background-repeat: no-repeat;
            background-size: contain;
            font-size: 0;
            right: 16px;
            top: 50%;
        }

    .modal-content {
        border: none !important;
    }

    .modal-backdrop {
        content: "";
        display: block !important;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 991;
        width: 100%;
        height: 100%;
        background-color: transparent;
    }
    /***END Get SMS Modal***/

    #guide_details .copy-btn {
        top: -42px !important;
    }

    .ninePay-step-2 .copy-btn {
        top: -86px;
    }

    .lang-id .list-inline span.state-d-block.text-bold.mt-2 {
        width: 65% !important;
    }

    .m-scroll-container {
        max-width: 370px !important;
        margin-left: auto;
        margin-right: auto;
    }

    &:focus {
        outline: 0 !important;
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    /**tile-cashierpage**/
    .lang-en .inner-box-banks .tag-header {
        height: 16px;
    }

    .lang-en .inner-box-banks.filtered .tag-header {
        height: 16px;
    }

    .inner-box-banks .box.bank-card:not(.box-large) {
        padding: 8px 0px 0px 0px !important;
    }

    .inner-box-banks .box.bank-card:not(.box-large) {
        padding: 8px 0px 0px 0px !important;
    }

    .row.row-1.crypto-img-holder.img-vendor {
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%) !important;
        width: 100%;
    }

    .inner-box-banks:not(.filtered) .box.bank-card.box-large {
        width: calc(100% - 16px);
        padding: 8px 0px 0px 0px !important;
        height: 197px;
    }

        .inner-box-banks:not(.filtered) .box.bank-card.box-large > .inner {
            min-height: 155px !important;
        }


    /**specific language popup text cashier page**/
    .lang-en .popup-cashier.bt-deposit-channel-popup.qt-create-new-popup .col a.box-btn span p {
        /* height: 40px;*/
        line-height: 20px;
    }

    .lang-en .popup-cashier.bt-deposit-channel-popup.qt-complete-deposit-popup .col a.box-btn span p {
        height: 40px;
        line-height: 20px;
    }

    .lang-id .popup-cashier.bt-deposit-channel-popup.qt-create-new-popup .col a.box-btn span p {
        height: 40px;
        line-height: 20px;
    }

    .lang-id .popup-cashier.bt-deposit-channel-popup.qt-complete-deposit-popup .col a.box-btn span p {
        height: 40px;
        line-height: 20px;
    }

    .lang-km .popup-cashier.bt-deposit-channel-popup.qt-create-new-popup .col a.box-btn span p {
        height: 60px;
        line-height: 20px;
    }

    .lang-km .popup-cashier.bt-deposit-channel-popup.qt-complete-deposit-popup .col a.box-btn span p {
        height: 60px;
        line-height: 20px;
    }

    .lang-th .popup-cashier.bt-deposit-channel-popup.qt-create-new-popup .col a.box-btn span p {
        height: 60px;
        line-height: 20px;
    }

    .lang-th .popup-cashier.bt-deposit-channel-popup.qt-complete-deposit-popup .col a.box-btn span p {
        height: 60px;
        line-height: 20px;
    }

    .lang-vi .popup-cashier.bt-deposit-channel-popup.qt-create-new-popup .col a.box-btn span p {
        height: 40px;
        line-height: 20px;
    }

    .lang-vi .popup-cashier.bt-deposit-channel-popup.qt-complete-deposit-popup .col a.box-btn span p {
        height: 40px;
        line-height: 20px;
    }

    /*9pay popup*/

    .lang-km .popup-cashier.bt-popup.bt-ninepay-popup .col a.box-btn span p {
        height: 40px;
        line-height: 20px;
    }

    .lang-th .popup-cashier.bt-popup.bt-ninepay-popup .col a.box-btn span p {
        height: 40px;
        line-height: 20px;
    }

    .lang-vi .popup-cashier.bt-popup.bt-ninepay-popup .col a.box-btn span p {
        height: 40px;
        line-height: 20px;
    }
}

@media only screen and (min-device-width : 450px) and (max-device-width :599px) {
    .select-container3:after {
        width: 78% !important;
    }

    .select-container2:after {
        width: 90% !important;
    }

    #deposit__steps .field-input select, #transfer__steps .field-input select {
        padding-right: 90px !important;
    }

    /***Get SMS Modal***/
    .sms-popup {
        width: 97% !important;
    }

    .sms-popup {
        position: fixed;
        left: 0;
        bottom: 0;
        top: auto;
        z-index: 992;
        transform: translate(0, 0);
        width: 98% !important;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        background-color: #fff;
        box-shadow: 0 5px 10px 0 #929292;
    }

    .get-sms-popup {
        /* font-family: 'OpenSansRegular';*/
        font-size: 14px;
        color: #000000;
        padding: 10px 0px 28px 6px;
    }

    .sms-popup:before {
        content: "";
        display: block;
        width: 64px;
        height: 4px;
        border-radius: 2px;
        background-color: #fff;
        position: absolute;
        left: 50%;
        top: -4px;
        transform: translate(-50%, -100%);
    }

    .sms-popup .sms-popup-heading {
        height: auto;
        line-height: normal;
        background-color: transparent;
        font-size: 0;
        display: flex;
        justify-content: flex-end;
        padding: 16px;
        padding-bottom: 0px;
        border: none !important;
    }


        .sms-popup .sms-popup-heading .close-btn {
            width: 25px;
            height: 25px;
            background-image: url(../../../images/m88/icon/__close-blue.svg);
            position: static;
            transform: none;
            display: inline-block;
            background-repeat: no-repeat;
            background-size: contain;
            font-size: 0;
            right: 16px;
            top: 50%;
        }

    .modal-content {
        border: none !important;
    }

    .modal-backdrop {
        content: "";
        display: block !important;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 991;
        width: 100%;
        height: 100%;
        background-color: transparent;
    }
    /***END Get SMS Modal***/

    #guide_details .copy-btn {
        top: -42px !important;
    }
}
/* END SPECIAL CASE FOR BANK DROPDOWN ELLIPSIS*/

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .header__logo a:last-child img {
        margin-left: 20px;
        width: auto;
    }

    .m-body-grid__item .m-body-grid__text {
        font-size: 14px;
    }

    .modal-dialog {
        /* margin: 10px auto;*/
        padding: 0px 10px;
    }

    /****old tab**/
    /*#quick-transfer--new-deposit .m-body-grid__row > .m-body-grid__item,
    #complete--deposit-form .m-body-grid__row > .m-body-grid__item {
        display: block;
        padding: 5px 0px;
    }*/

    #quick-transfer--new-deposit .m-body-grid__row > .m-body-grid__item,
    #complete--deposit-form .m-body-grid__row > .m-body-grid__item,
    .m-body-grid__row > .m-body-grid__item {
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        padding: 2.3rem 0.75rem;
        width: 49%;
    }

    .modal-dialog .radio-inline {
        margin-bottom: 5px;
    }



    .datatable__title h6, .datatable__title p {
        font-size: 12px;
    }

    /*.datatable__title--yellow h6 {
        padding-bottom: 3px;
    }*/


    .datatable_img {
        font-size: 25px;
    }

    /*.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        padding-right: 5px;
        padding-left: 5px;
    }*/
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
    .lang-id .preview-btn-group {
        display: inline-block !important;
    }

        .lang-id .preview-btn-group .btn-xs-block {
            margin: 0px 0px 30px 0px !important;
        }
}

/* Smartphones (larger portrait) ----------- */
@media only screen and (max-width : 599px) {
    .yaboo-content {
        margin-top: 11px;
        font-size: 12px;
    }
        .yaboo-redirect {
            margin-left: 0;
        }
        .koipay-content img, .ebpay-content img{
            height: 20px;
            width: 90px;
        }
        .koipay-icon, .ebpay-icon {
            margin-top: -12px;
            margin-left: -4px;
            margin-right: 4px;
        }
        .koipay-icon {
            content: url('../../images/m88/icon/icon-koipay_m.png');
        }
        .ebpay-icon {
            content: url('../../images/m88/icon/icon-ebpay_m.png');
        }


    /*M88 New UI*/
    select#creditcard-expmonth, select#creditcard-expyear {
        border: solid 1px #d3d4d7;
        border-radius: 60px !important;
        background-image: url(../../images/m88/icon/dropdown_arrow.svg?v=1);
        background-repeat: no-repeat;
        background-position: right 16px center !important;
        background-size: 12px !important;
        height: 48px;
        font-size: 14px !important;
        z-index: 99;
        position: relative;
        color: #222939;
        font-weight: bold;
        padding-left: 16px;
    }

    #cashcard__pay--details .field-input-mo-yr:last-child a.info-image {
        margin-right: 20px;
    }

    .field-input-mo-yr a.info-image {
        margin-right: 6px;
    }

    .field-input-mo-yr.select-container3 .select2 + a.info-image {
        margin-right: 6px;
    }

    .field-info .field-info-text {
        margin-top: 0px !important;
    }

    #cashcard__pay--details .field-input-mo-yr .field-info .field-info-text {
        margin-top: 8px !important;
    }

    .field-input-mo-yr:first-child .info-image {
        margin-right: 10px !important;
    }

    #deposit__tab #transfer__header .process-row.nav.nav-tabs {
        margin-top: 10px;
        margin-bottom: 10px;
    }

        #deposit__tab #transfer__header .process-row.nav.nav-tabs .process-step a h6 {
            margin-top: 0px;
            margin-bottom: 0px;
        }

        #deposit__tab #transfer__header .process-row.nav.nav-tabs .process-step:after {
            top: 3px;
        }

        #deposit__tab #transfer__header .process-row.nav.nav-tabs #TutorialLink a h6.text-capitalize {
            margin-top: 0px;
            margin-bottom: 0px;
        }

    div#reminderSaveSuccess {
        padding: 8px 24px 8px 16px !important;
        border-radius: 8px;
        line-height: 24px;
        background-color: #e4f3ea;
        margin: 24px 0 12px !important;
        text-align: left !important;
        display: inline-flex;
    }

        div#reminderSaveSuccess .check-icon {
            display: inline-block;
            margin: -3px 8px 0 16px;
        }

        div#reminderSaveSuccess .text-bold.hdr-ismaskoff.header-mask {
            color: #329c69;
            font-size: 14px;
            font-weight: bold;
            text-transform: initial;
        }


    .deposit-status h5 {
        color: #222939;
    }

    .box.bank-card.box-small .tag-header .tag.tag-recommended {
        margin-bottom: 4px;
    }

    .btn-secondary.prev-step .icon-tab {
        display: none;
    }

    .btn-secondary.prev-step {
        height: 48px;
        line-height: 0px;
    }

    #online__pay #mobile-deposit-header {
        padding-bottom: 6px;
    }

    #mobile__pay #mobile-deposit-header, #deposit__tab #transfer__header {
        padding-bottom: 5px;
    }

    div#bank-details2::before {
        content: "";
        display: block;
        width: 64px;
        height: 4px;
        border-radius: 2px;
        background-color: #d3d4d7;
        position: absolute;
        left: 50%;
        top: 12px;
        transform: translate(-50%, -100%);
    }

    div#bank-details2.modal.sms-popup.in {
        padding-right: 0px !important;
        top: 0px;
    }

    div#bank-details2 .modal-dialog {
        padding: 0px 16px;
    }

    div#bank-details2 .modal-body.get-sms-popup {
        padding-left: 0px;
    }


    #add-playerbankaccount .modal-dialog.m-add-bank {
        padding: 0px 16px;
    }

    #notification {
        padding: 32px 0px 0px;
        margin-bottom: 0px;
    }

        #notification .row {
            margin: 16px auto 32px;
            max-width: 343px;
            width: 100%;
        }

            #notification .row .col-form-label {
                margin: 24px 0px 0px;
                font-size: 16px;
                line-height: 1.25;
                color: #222939;
                height: 100%;
            }

            #notification .row .md-message-txt .col-form-label {
                font-size: 14px;
                line-height: 1.43;
            }

    .tab-pane .preview-btn-group button#btnSubmitDepositForm, .tab-pane .preview-btn-group .btn-primary {
        /*margin-left: 8px;*/
    }

    .tab-pane .preview-btn-group .btn-primary {
        margin-left: 8px;
    }

    .tab-pane .process-deposit .process-step a h6 span {
        display: block !important;
        width: 100%;
    }

    .tab-pane .process-deposit .process-step.active a h6 span {
        margin-left: 0px;
    }

    #transfer__steps--results #GetBankDetail #content-sidebar--banner {
        width: 200px;
    }

    #transfer__steps--results .linkcontent button[name="btnSubmit"] span:first-child {
        display: none;
    }

    #deposit__status #box .deposit-primary-button span {
        font-size: 14px;
        font-weight: 900;
        color: #222939;
    }

    #deposit__status #box .btn {
        padding: 0px;
        max-width: 100%;
    }

        #deposit__status #box .btn span {
            line-height: 20px;
        }

    .process-step.active {
        color: #4e5461;
    }

    #DepositAgain {
        padding: 14px 24px;
    }

    #cashcard__pay--summary .form-group h5.text-bold {
        margin-left: 16px;
    }

    #cashcard__pay--summary .form-group .col-md-8.col-sm-8.col-xs-12 .form-control {
        margin-left: 0;
        font-size: 14px;
    }

    .tab-summary .preview-btn-group .btn-secondary.default-btn span:first-child, #transfer__steps .preview-btn-group .btn-secondary.default-btn span:first-child {
        display: none;
    }

    .tab-summary .preview-btn-group .btn-secondary.default-btn span:only-child, #transfer__steps .preview-btn-group .btn-secondary.default-btn span:only-child {
        display: block;
    }

    /*    #transfer__steps #transfer__steps--details .list-inline {
        margin-top: -22px;
    }*/

    div#step3mid .dashed-line {
        margin-bottom: 10px;
    }

    #transfer__steps--guide #guide_details .qt-mask-copy .form-group .input-group-btn > .small-btn {
        padding-left: 8px;
    }

    .modal-dialog {
        margin: 24px auto 10px auto;
    }

    li#TutorialLink {
        position: absolute;
        right: 16px;
    }

    #deposit__status #box .deposit-status .box-btn button#DepositAgain {
        margin-top: 17px;
        width: 100%;
    }

    #transfer__steps--details .list-inline.linkcontent {
        margin-top: -22px;
    }

    #transfer__steps--results .row.form-group.pr-4.pl-4 {
        margin-top: -20px;
    }

    #mobile__pay #deposit__steps #crypto__pay--details.tab-pane {
        padding-top: 30px;
    }

    #deposit__status .deposit-status .box-btn button#DepositAgain {
        /*padding: 0px 24px;*/
    }

    #transfer__steps .preview-btn-group .btn-secondary.default-btn span:first-child {
        display: none;
    }

    #transfer__steps .preview-btn-group .btn-secondary.default-btn span:only-child {
        display: block;
    }

    #cashcard__pay--summary .preview-btn-group .btn-secondary.default-btn span:first-child {
        display: none;
    }

    #cashcard__pay--summary .preview-btn-group .btn-secondary.default-btn span:only-child {
        display: block;
    }

    #mobile__pay--summary .preview-btn-group .btn-secondary.default-btn span:first-child {
        display: none;
    }

    #mobile__pay--summary .preview-btn-group .btn-secondary.default-btn span:only-child {
        display: block;
    }


    #guide_details .qt-mask-copy span.input-group-btn.copy-btn a.btn {
        /*        height: 20px;*/
        width: 20px;
    }

    .input-group-btn.copy-btn .copy-success {
        height: 18px;
        color: #222939;
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        border-radius: 4px;
        background-color: #e4f3ea;
        padding: 8px;
        opacity: 0.9;
    }

    #transfer__steps--results span.copy-icon img {
        height: 20px;
        width: 20px;
        /* margin-right: -12px;*/
        margin-top: 7px;
        cursor: pointer;
        margin-left: 10px;
    }

    #transfer__steps--guide span.copy-icon img {
        height: 20px;
        width: 20px;
        margin-top: -35px;
        cursor: pointer;
    }

    #transfer__steps--guide #guide_details .input-group-btn.copy-btn {
        margin-top: 27px;
        right: -8px;
    }

        #transfer__steps--guide #guide_details .input-group-btn.copy-btn span.copy-icon img {
            margin-top: 0px;
            cursor: pointer;
        }

    #transfer__steps--guide #guide_details .qt-mask-copy .form-group .input-group-btn > .small-btn {
        padding-left: 8px;
    }


    .deposit-primary-button, .deposit-primary-button:hover, .deposit-primary-button:focus, .deposit-primary-button:active {
        background-color: #caab72;
        color: #222939;
        border: 0px;
        width: 100%;
        height: 48px;
        border-radius: 60px;
        font-weight: bold;
        display: inline-flex;
        line-height: 36px;
        text-align: center;
        justify-content: center;
        margin-bottom: 6px;
    }

    .upload-textbox #uploadtext {
        max-width: 100%;
        height: 48px;
    }

    #chooseFileButton {
        border-radius: 60px;
        height: 40px;
        border: solid 1px #222939
    }

        #chooseFileButton span {
            font-size: 12px;
            font-weight: 900;
        }

    #uploadButton {
        border-radius: 60px;
        height: 40px;
    }

        #uploadButton span:first-child {
            display: none;
        }

        #uploadButton span:only-child {
            display: block;
        }

        #uploadButton span {
            font-size: 12px;
            font-weight: 900;
            padding: 11px 20px 11px 20px;
            margin-left: 0px;
            line-height: 34px;
        }

    .modal-content {
        box-shadow: none;
    }

    .deposit-primary-button {
        max-width: 145px;
    }

        .deposit-primary-button span:not(.icon-tab) {
            padding: 14px 24px 14px 24px;
        }

    .depositAgain-btn span:not(.icon-tab) {
        padding: 14px 24px 14px 24px;
    }

    #deposit__status #box img {
        width: 120px;
        height: 120px;
        padding: 0px;
    }

    #deposit__status #box h4.deposit-status-title {
        margin-top: 24px;
        color: #222939;
        font-size: 16px;
        margin-bottom: 18px;
    }

    #deposit__status #box .deposit-status .box-btn {
        /* height: 48px;*/
        /*height: 150px;*/
        margin-top: 17px;
    }

        #deposit__status #box .deposit-status .box-btn button {
            margin-top: 22px;
            height: 48px;
            border-radius: 60px;
        }

            #deposit__status #box .deposit-status .box-btn button#btnSubmit {
                margin-right: 8px;
            }

        #deposit__status #box .deposit-status .box-btn .state-block {
            /*display: inline-block;*/
            width: 100%;
        }

    #bank-details2 .modal-dialog .modal-content .modal-body .get-sms-table tr {
        display: flex;
        flex-direction: column-reverse;
        height: auto;
        min-height: 64px;
        padding: 12px 8px 12px 8px;
    }

        #bank-details2 .modal-dialog .modal-content .modal-body .get-sms-table tr:first-child {
            border-radius: 8px 8px 0px 0px;
        }

        #bank-details2 .modal-dialog .modal-content .modal-body .get-sms-table tr:last-child {
            border-radius: 0px 0px 8px 8px;
        }

    #bank-details2 .modal-dialog .modal-content .modal-body .get-sms-table td {
        font-weight: bold;
        text-transform: uppercase;
        color: #222939;
    }

        #bank-details2 .modal-dialog .modal-content .modal-body .get-sms-table td:not(.text-bold) {
            font-size: 10px;
            line-height: 14px;
        }

        #bank-details2 .modal-dialog .modal-content .modal-body .get-sms-table td.text-bold {
            font-size: 14px;
            color: #383e4d;
            line-height: 18px;
            margin-top: 8px;
        }

    table.get-sms-table tr td {
        padding: 0px !important;
        margin: 0px;
    }

    div#box {
        text-align: center;
        margin-top: 15px;
    }

    #TutorialLink a h6.text-capitalize small {
        display: none;
    }

    #btnSubmit {
        margin-top: 30px;
    }

    #guide_details .qt-mask-copy {
        margin: 0px;
        padding: 0px;
        margin-bottom: 14px;
    }

        #guide_details .qt-mask-copy .copyLine, #transfer__steps--results .ninePay-step-2 .copyLine {
            padding: 0px;
            /*line-height: 1.29;*/
        }

        #guide_details .qt-mask-copy .row {
            margin: 0px;
            padding: 22px 16px 25px 16px;
            height: 88px;
        }

        #guide_details .qt-mask-copy .copyLine label.col-form-label, #transfer__steps--results .ninePay-step-2 label.col-form-label {
            font-weight: bold;
            font-size: 10px !important;
            line-height: 19px;
            letter-spacing: normal;
            color: #d3d4d7;
            /*    background-color: red;*/
            text-transform: uppercase;
            margin: 0px;
            padding: 0px !important;
        }

    #online__pay--details .submit-button {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .submit-button span.icon {
        display: none;
    }

    #online__pay--summary .btn-secondary span:first-child {
        display: none;
    }

    .preview-btn-group .btn-primary.mt-1.btn-xs-block.default-btn span:first-child {
        display: none;
    }

    .preview-btn-group .btn-primary.mt-1.btn-xs-block.default-btn span:only-child {
        display: block;
    }

    btn.btn-secondary.mt-1.btn-xs-block.default-btn span:first-child {
        display: none;
    }

    .deposit-status button span.icon-tab {
        display: none;
    }

    .deposit-status button span:not(.icon-tab) {
        margin-left: 0px;
    }


    /***Get SMS Modal***/
    .sms-popup {
        width: 100% !important;
    }

    .get-sms-popup {
        border-top: 1px solid #e9eaeb;
    }

    div#add-playerbankaccount {
        position: fixed;
        left: 0;
        bottom: 0;
        top: auto;
        z-index: 992;
        transform: translate(0, 0);
        width: 100% !important;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        background-color: #fff;
        box-shadow: 0 5px 10px 0 #929292;
        height: 100%;
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    #add-playerbankaccount .modal-dialog .modal-header {
        background-color: transparent;
        height: 52px;
        padding: 16px 0px;
    }

        #add-playerbankaccount .modal-dialog .modal-header .close {
            width: 12px;
            height: 12px;
            background-image: url(../../../images/m88/common/icon-close-white.svg);
            background-repeat: no-repeat;
            background-size: contain;
            margin-top: 0px;
        }

        #add-playerbankaccount .modal-dialog .modal-header .modal-title {
            color: #222939;
            text-transform: uppercase;
            font-size: 16px;
            font-weight: bold;
            margin-top: -4px;
        }

    #add-playerbankaccount .modal-dialog .modal-body {
        padding: 0px;
    }

        #add-playerbankaccount .modal-dialog .modal-body #CreateBankAccountModalForm h5.text-bold {
            display: none;
        }

        #add-playerbankaccount .modal-dialog .modal-body #CreateBankAccountModalForm:first-child {
            margin-top: 10px;
        }

    #add-playerbankaccount .modal-dialog .row #saveAcctBtn {
        margin-bottom: 25px;
        margin-top: 5px;
    }

        #add-playerbankaccount .modal-dialog .row #saveAcctBtn .saveAcctBtn {
            display: none;
        }

    #bank-details2 .modal-header.sms-popup-heading {
        height: auto;
        color: #222939;
        text-transform: uppercase;
        justify-content: flex-start;
        padding: 16px 0px;
        display: block;
    }

        #bank-details2 .modal-header.sms-popup-heading h5 {
            font-size: 16px;
            font-weight: bold;
            line-height: 1.25;
        }

    #bank-details2 .modal-header .close {
        width: 12px;
        height: 12px;
        background-image: url(../../../images/m88/common/icon-close-white.svg);
        background-repeat: no-repeat;
        background-size: contain;
        margin-top: 5px;
    }

    #bank-details2 .modal-body.get-sms-popup .sms-txt-b {
        text-transform: uppercase;
        font-size: 16px;
        height: 40px;
        color: #4e5461;
        line-height: 1.25;
        font-weight: bold;
        margin-bottom: 24px;
    }

    #bank-details2 .modal-body.get-sms-popup p {
        display: block;
    }

    #bank-details2 .modal-body.get-sms-popup .row .pull-left {
        color: #222939;
    }

    #bank-details2 .modal-body.get-sms-popup .row span.sms-txt-b {
        font-size: 14px;
        color: #4e5461;
        line-height: 1.43;
        font-weight: bold;
    }

    .sms-popup .sms-popup-heading .close-btn {
        display: none;
    }

    /**** Header deposit home****/
    .datatable__title {
        height: 40px;
    }

        .datatable__title span.icon-tab {
            padding: 7.5px 10px 10px 19px;
        }

        .datatable__title span.title-tab {
            vertical-align: middle;
        }

        .datatable__title:nth-child(3) span.icon-tab {
            padding: 7.5px 10px 10px 19px;
        }

    .tabcontent__online .col-xs-6, .tabcontent__online .col-md-3, .tabcontent__online .col-sm-3 {
        height: 76px;
    }

    #quick-transfer--new-deposit .m-body-grid__row > .m-body-grid__item,
    #complete--deposit-form .m-body-grid__row > .m-body-grid__item,
    .m-body-grid__row > .m-body-grid__item {
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        padding: 2.3rem 0.75rem;
        width: 49%;
    }

    a#chooseFileButton span:nth-child(2) {
        margin-left: 0px;
    }

    /****** font size *********/
    .headline-large {
        font-size: 18px;
    }

    .headline-small {
        font-size: 16px;
    }

    .field-input input.error ~ .field-error .field-info-error,
    .field-info .field-info-text, .field-info .field-info-text {
        font-size: 12px;
    }

    .form-control,
    select.form-control,
    .btn-select {
        height: 40px;
    }

    .icon-notif {
        font-size: 25px;
        top: 4px;
        position: relative;
    }

    #uploadMsg {
        margin-top: 8px;
        margin-bottom: -8px;
    }


    /****** form *********/
    .radio-inline {
        margin-bottom: 30px;
        /*padding-left: 0px;*/
    }

    .form-group .validmsg small {
        padding: 0px;
        color: red;
    }

    .form-group .unvalid {
        background: none;
        color: #222;
    }

    .alertmobile {
        padding: 10px 0 15px 0px;
    }

    .tips .infomob {
        color: #12161e;
        font-style: italic;
    }

    .alertwrapper, .tips,
    .form-group .unvalid::before {
        display: none !important;
    }

    .file-upload-wrapper:after {
        font-size: 13.3px;
    }

    #uploadSuccess::before {
        top: -9px
    }

    div#uploadMsgDIV {
        margin-top: 8px;
    }

    input#depositTime {
        margin-top: 20px;
        height: 48px;
        padding-left: 16px;
        border-radius: 60px;
        padding-bottom: 13px;
    }

    /*.process-deposit ul li.process-step:first-child,
	.process-transfer ul li.process-step:first-child {
		display: none;
	}*/

    /*.process-deposit ul li.process-step:nth-child(2),
    .process-transfer ul li.process-step:nth-child(2) {
        display: none;
    }*/

    .content-body .nav > li.active > a span {
        display: none;
    }

    .process-deposit li a h6, .process-transfer li a h6, .process-withdrawal li a h6 {
        color: #1a2332;
    }

    .process-deposit .nav-tabs li a h6::after, .process-transfer .nav-tabs li a h6::after, .process-withdrawal .nav-tabs li a h6::after {
        display: none;
    }

    .process-deposit .nav-tabs li a h6::after {
        display: block;
    }
    /*#deposit__steps .tab-pane, #deposit__online--steps .tab-pane, #transfer__steps .tab-pane, #redeem__steps .tab-pane, #withdrawal__steps .tab-pane {
        padding: 20px 0px;
    }*/
    .input-group {
        display: block;
    }

        .input-group input {
            display: block;
            width: 100%;
            background: #fff !important;
        }

    .input-group-btn a {
        width: 100%;
    }

    .input-group-btn button {
        width: 100%;
    }

    a.ml-3 {
        margin-left: 0px;
    }

    .form-control[disabled], .form-control[readonly] {
        background-color: #e9eaeb;
        background-size: 20px;
        height: 48px;
        border-radius: 60px;
        font-size: 16px;
        font-weight: bold;
        color: #222939;
    }

    /*for masking mobile view row1 and row2*/
    input#toAccountNameMasked, input#toAccountNumberMasked {
        background: none !important;
        padding: 0px;
        height: 30px;
        /*margin-top: -10px;*/
        font-weight: bold;
        line-height: 30px;
    }

    .copyLine input#toAccountNameMasked, .copyLine input#toAccountNumberMasked {
        /*margin-top: -15px;*/
        height: 30px;
        line-height: 30px;
    }

    #transfer__steps--results .ninePay-step-2 {
        padding: 0px;
    }

        #transfer__steps--results .ninePay-step-2 .copyLine .input-group #uniqueDepositAmountToDisplay,
        #transfer__steps--results .ninePay-step-2 .copyLine .input-group #toAccountNameDisplay,
        #transfer__steps--results .ninePay-step-2 .copyLine .input-group #toBankDisplayText,
        #transfer__steps--results .ninePay-step-2 .copyLine .input-group #toAccountNumberDisplayText {
            height: 18px;
            color: #fff;
            line-height: 1.29;
            font-size: 14px;
            font-weight: bold;
            text-transform: uppercase;
            margin-top: 9px;
            width: 90%;
        }

    .row1 {
        background: #d4e7ee;
        /*padding: 5px 0px;*/
        height: 60px;
    }

    .row2 {
        background: #eaf3f8;
        /*padding: 5px 0px;*/
        height: 60px;
    }

    .row.row2.no-margin.mb-3 {
        height: auto;
    }

    .state-d-block h2.text-heading,
    .state-d-block h2.text-uppercase {
        font-size: 16px;
        font-weight: bold;
        color: #1a2332;
    }

    .lang-id #transfer__steps .tab-pane .step-header {
        margin-top: 23px;
    }

    .steps--status {
        display: inline-flex;
        align-items: center;
    }

        .steps--status > p {
            width: 70%;
            word-break: break-word;
            padding-left: 10px;
            text-align: left;
            margin-top: 10px;
        }


    #transfer__steps--status img, #online__pay--status img, #mobile__pay--status img, #transfer__steps--status img, #transfer__steps--counter-status img, #transfer__steps--ctm-status img, #transfer__steps--atm-status img, #transfer__steps--mobile-status img, #complete__form-internet--status img, #complete__form-mobile--status img, #complete__form-counter--status img, #complete__form-ctm--status img, #complete__form-atm--status img, #ninepay__form-status img, #ninepay__form-mobile-status img, #ninepay__form-atm-status img {
        width: 40px;
        margin-left: 5px;
    }

    #transfer__steps .field-input input, #deposit__steps .field-input input, #deposit__steps .field-input select, #transfer__steps .field-input select,
    .form-group .field-input .dropdown-select .btn-select, .input-calendar input {
        background-size: 20px;
        /*background-position: right 35px center;*/
        padding-top: 13px !important;
    }


    #withdrawal__steps input.colortrue, #transfer__steps input.colortrue, #deposit__steps input.colortrue {
        background-size: 20px;
        background-position: right 16px center;
    }

    .info-image {
        right: 32px;
        top: 14px;
        background-size: 20px;
    }

    #deposit__steps .field-input select, #transfer__steps .field-input select {
        padding-right: 70px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    #guide_details .input-group select {
        background-position: right 10px center;
        padding-right: 40px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    #transfer__steps .field-input input.error,
    #transfer__steps .field-input select.error,
    #deposit__steps .field-input input.error,
    #deposit__steps .field-input select.error {
        background-position: right 16px center;
        background-size: 20px;
        padding-right: 30px;
        text-overflow: ellipsis;
    }

    .field-input .select-arrow {
        top: 15px;
        right: 55px;
    }

    .form-control {
        padding: 6px 10px;
    }

    .dropdown-select > .dropdown-menu li a {
        padding: 10px;
        height: 40px;
    }

    .field-input .dropdown-select .select-arrow {
        right: 40px;
    }

    .field-info .field-info-text::before {
        top: -9px;
        right: 14px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(213, 183, 32, 0);
        border-top-color: #1a2332;
        border-width: 5px;
        margin-left: 2px;
        transform: rotate(180deg);
    }

    #uploadMsg .field-info .field-info-text::before {
        top: -8px;
    }

    .field-error .field-info-error::before {
        top: -9px !important;
        right: 14px !important;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(213, 183, 32, 0);
        border-top-color: #bf0003;
        border-width: 5px;
        margin-left: 2px;
        transform: rotate(180deg);
        display: none;
    }
    /* form wizard */
    .process-deposit .nav-tabs > li a h6::before,
    .process-transfer .nav-tabs > li a h6::before {
        /*counter-increment: section;
        content: counters(section,".") ". ";*/
    }

    /****** tab *********/

    .tabcontent__online {
        padding: 15px 0px 15px 0px;
    }

    #navbar .navbar-nav .nav-link > img {
        display: none;
    }

    .bank-modal-dialog {
        margin: 150px auto;
    }

    .s-badge {
        margin: 5px auto 5px !important;
    }

    .steps--active .s-badge {
        height: 25px;
        width: 25px;
    }

    .steps--active img {
        width: 40px !important;
    }

    .steps--active .s-badge span:first-child {
        left: 5px;
    }

    .steps--active .s-badge span:last-child {
        font-size: 10px;
        left: 7px;
    }

    .content-body .nav-tabs > li {
        float: left;
    }

    .content-body .nav > li > a {
        display: block;
    }

    .steps--status::after {
        visibility: hidden;
    }

    .status-current::after {
        visibility: hidden;
    }
    /*
	.process-deposit .nav-tabs li a h6::after, 
	.process-transfer .nav-tabs li a h6::after, 
	.process-withdrawal .nav-tabs li a h6::after {
		visibility: hidden;
	}
*/
    ul.process-row li.process-step--tutorials {
        display: none !important;
    }

    .process-deposit ul.process-row li:not(.active) a h6 span,
    .process-transfer ul.process-row li:not(.active) a h6 span {
        /*display: none;*/
    }

    .process-deposit .nav-tabs li.active a h6 img,
    .process-transfer .nav-tabs li.active a h6 img,
    .process-withdrawal .nav-tabs li.active a h6 img {
        display: none;
    }

    ul.process-row li:first-child i {
        display: inline-block;
    }

    ul.process-row {
        counter-reset: section;
    }

    .tabcontent__online a#content-sidebar--banner {
        /*position: relative;*/
        top: 15px;
        width: 100%;
        margin: 0px 0px 20px 0px;
        min-width: 110px;
        max-width: 150px;
    }

    .process-deposit li a h6,
    .process-transfer li a h6,
    .process-withdrawal li a h6 {
        font-size: 16px;
    }

    /****** dropdown *********/
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #fff;
        text-align: left;
    }

    .process-step .dropdown-menu {
        left: 0;
    }

        .process-step .dropdown-menu::before {
            right: 4px;
            visibility: hidden;
        }

    ul.dropdown-options {
        width: 100%;
    }
    /****** button *********/
    .btn-xs-block {
        display: block;
        width: 100%;
        height: 48px;
    }

    input[type="submit"].btn-xs-block,
    input[type="reset"].btn-xs-block,
    input[type="button"].btn-xs-block {
        width: 100%;
    }

    .btn-block + .btn-xs-block,
    .btn-xs-block + .btn-block,
    .btn-xs-block + .btn-xs-block {
        margin-top: 10px;
    }

    .content-body ul li a[target="paymentFrame"] {
        display: none;
    }

    /*buttons*/

    .go-btn {
        margin-left: 0px !important;
        margin-top: 20px !important;
    }

    .icon-size {
        font-size: 25px;
        font-weight: normal;
    }

    /*.icon-size {
        font-size: 25px;
        line-height: 25px;
    }

    .btn-txt {
        line-height: 14px;
        vertical-align: super;
    }*/
    .go-btn .go-icon {
        font-size: 25px;
    }

    .go-btn .go-txt {
        top: -5px !important;
    }

    .small-btn {
        height: 50px;
    }


    .form-group .input-group-btn > .btn {
        padding: 5px 10px 6px 10px;
    }

    .lang-vi .form-group .input-group-btn > .btn {
        line-height: 29px;
    }

    .lang-vi .default-btn {
        line-height: 0px;
        padding: 10px;
    }

        .lang-vi .default-btn span.btn-txt {
            line-height: 25px;
        }

    .lang-vi .form-group .input-group-btn > .btn {
        padding: 8px 10px;
    }

    .file-upload-wrapper:before {
        height: 38px;
    }

    .upload-line {
        margin-top: 25px;
    }

    .upload-btn {
        padding: 4px 0px !important;
        width: 48%;
        float: right;
    }

    .btn {
        padding: 0px;
    }

        .btn > span:first-child {
            font-size: 25px;
            font-weight: normal;
        }

        .btn > span:nth-child(2) {
            margin-top: 1px;
            /* margin-left: 10px;*/
            vertical-align: text-bottom;
            font-weight: bold;
            line-height: 29px;
        }

    #DepositAgain.btn > span:nth-child(2) {
        margin-top: 1px;
        margin-left: 10px;
        vertical-align: text-bottom;
        font-weight: bold;
        line-height: 19px;
    }

    .lang-zh .btn > span:nth-child(2) {
        margin-top: 2px;
        /*line-height: 26px;*/
    }

    .lang-zh .transfer-btn span:first-child {
        padding: 5px 10px 5px 40px;
    }

    .lang-id .transfer-btn span:first-child {
        font-size: 20px;
        font-weight: normal;
        padding: 5px 10px 5px 15px;
        margin: 0px;
    }

    .lang-id .transfer-btn span:nth-child(2) {
        padding: 5px 15px 0px 0px;
        line-height: 18px;
    }

    .form-group .input-group-btn > .btn > span:last-child {
        vertical-align: text-bottom;
    }

    /*input*/
    .deposit-select select.form-control {
        height: 40px;
    }

    .time-input {
        margin-top: 10px;
    }

    .col-md-8.col-sm-8.col-xs-12.field-input .time-input {
        margin-top: -20px;
    }

    #divNewAccountInfoForm .col-md-4.col-sm-4.col-xs-12.field-input {
        margin-bottom: 0px;
    }


    /*modal*/
    .modal-header {
        padding: 10px 10px;
        background: #131433;
        color: #fff;
    }

    /*copy tab*/
    /*.row1, .row2 {
        height: 60px;
    }

    .row2 {
        margin-top:2px;
    }

        .row2 .copy-btn {
            top: -65px;
        }*/

    .ninePay-step-2 .copy-btn {
        z-index: 2;
        top: -20px;
        position: relative;
        width: auto;
        float: right;
        height: 0px;
        right: -10px;
    }

    #guide_details .copy-btn {
        z-index: 2;
        top: -42px;
        position: absolute;
        right: 0px;
        width: auto;
        float: right;
        height: 0px;
        margin-top: 38px;
    }

    .qt-mask-copy {
        padding: 0px 10px;
        margin-bottom: 35px;
    }

    .copy-btn .small-btn {
        height: 60px;
        border-bottom: solid #d4e7ee 1px;
    }

    .copy-icon {
        font-size: 25px;
    }

    .copy-txt {
        display: none;
    }

    .lang-km .copy-btn {
        right: -36px;
    }

    .form-group .input-group-btn > .small-btn {
        padding: 7px 15px;
    }

    input#toAccountName, input#toAccountNumber, input#uniqueDepositAmount {
        /*  height: 30px;
        padding-left: 10px;*/
    }

    .ninePay-step-2 {
        padding: 15px;
    }

    h5.text-bold.hdr-ismaskoff.header-mask {
        padding-top: 0px;
        padding-bottom: 6px;
    }

    .copyRow, #uniqueDepositAmountToDisplay, #toBankDisplayText, #toAccountNumber {
        background: none !important;
        height: auto;
    }

    /*input#toBankDisplayText,
    input#uniqueDepositAmountToDisplay {
        padding-left: 0px;
    }*/

    /*** File Upload ***/
    /*.file-upload-wrapper:before {
        content: "Browse";
        position: absolute;
        top: 50px;
        left: 0;
        display: inline-block;
        background: #7e97cf;
        color: #fff;
        z-index: 25;
        font-size: 14px;
        line-height: 50px;
        padding: 0 15px;
        pointer-events: none;
        width: 48%;
        text-align: center;
        margin-right: 10px;
        height: 50px;
    }*/

    .file-upload-wrapper:before {
        display: none;
    }

    .fileUpload-btn {
        font-size: 14px;
        line-height: 50px;
        padding: 0 15px;
        width: 50%;
        text-align: center;
        /*margin-right: 10px;*/
        height: 50px;
        left: 0;
        border: none;
        float: left;
        margin-top: 10px;
    }

    #guide_details .qt-mask-copy .row #toAccountNameMasked, #guide_details .qt-mask-copy .row #toAccountNumberMasked,
    input#toAccountBankBranchMasked {
        height: 18px;
        color: #fff;
        line-height: 18px;
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
        margin-top: 0px;
        width: 90%;
        padding: 0px !important;
    }

    input#toAccountBankBranchMasked {
        background: none !important
    }

    .file-upload-wrapper:after {
        color: #999;
        content: attr(data-text);
        font-size: 16px;
        position: absolute;
        background: #ffffff;
        display: block;
        pointer-events: none;
        z-index: 20;
        height: 46px;
        line-height: 12px;
        font-weight: 300;
        background-repeat: no-repeat;
        background-image: url(../../images/m88/icon/icon-upload.svg);
        background-size: 20px;
        background-position: right 14px center;
        padding: 16px 16px;
        top: 1px;
        left: 1px;
        border-radius: 30px;
        width: 99%;
    }

    div#uploadMsgDIV {
        margin-top: 18px;
    }

    a#uploadButton {
        vertical-align: middle;
    }

    .lang-zh a#uploadButton {
        vertical-align: middle;
        line-height: 39px;
    }

    .preview-btn-group {
        display: inline-flex;
        margin-top: 18px;
    }

        .preview-btn-group .btn {
            margin: 0px;
            padding: 0px;
        }

    .form-control[disabled], .tab-summary .form-control[readonly], input#toAccountName, input#toAccountNumber, input#uniqueDepositAmount {
        padding-left: 0px;
    }

    /* Preview on Deposit Page */
    .selection-option {
        width: 45px;
    }

    .selection-option {
        width: 45px;
    }

    .transfer-btn {
        padding: 0px;
        width: 205px;
        color: #000;
        font-weight: bold;
        display: inline-flex;
        height: 50px;
    }

        .transfer-btn span:first-child {
            font-size: 20px;
            font-weight: normal;
            padding: 5px 0px 5px 40px;
            margin: 0px;
        }

        .transfer-btn span:nth-child(2) {
            padding: 6px 31px 0px 0px;
            line-height: 18px;
            margin: 0px;
        }

    .lang-ko .transfer-btn span:first-child {
        padding: 10px 25px !important;
    }

    .lang-ko .transfer-btn span:nth-child(2) {
        padding: 18px 0px !important;
        margin-left: -5px;
    }



    ul.list-unstyled li.state-block .depositAgain-btn span {
        display: inline-block;
        vertical-align: middle;
    }

    .depositAgain-btn {
        padding: 0px;
        /*width: 205px;*/
        text-align: center;
        font-weight: bold;
        height: 40px;
    }

        .depositAgain-btn span:first-child {
            font-size: 20px;
            font-weight: normal !important;
            padding: 0px;
            margin: 0px !important;
        }

    .s-badge-main {
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .icon-tab img {
        height: 25px !important;
    }

    /*Vendor Banks Page*/
    #GetBankDetail {
        /*height: 81px;*/
        padding: 0px !important;
        margin-bottom: 24px;
    }

    .tabcontent__online-deposit {
        height: 35px;
    }

    .tab-content > .active {
        overflow: hidden;
    }

    .container-fluid {
        /* padding-right: 5px;
        padding-left: 5px;*/
        padding-right: 0px;
        padding-left: 0px;
        margin-right: auto;
        margin-left: auto;
    }

    .tabcontent__online h6 {
        font-size: 10px;
    }

    .tabcontent__online .col-xs-6,
    .tabcontent__online .col-md-3,
    .tabcontent__online .col-sm-3 {
        padding-right: 10px;
        padding-left: 10px;
    }

    #transfer__steps--guide #GetBankDetail {
        /*margin-top: 10px;*/
    }

    #transfer__steps--guide .list-inline.mb-2 {
        margin-top: -16px;
        margin-bottom: 10px;
    }

    #transfer__steps--guide #guide_details .qt-mask-copy .row.form-group.mb-0:first-child {
        border-radius: 4px 4px 0px 0px;
    }

    #transfer__steps--guide #guide_details .qt-mask-copy .row.form-group:last-child {
        border-radius: 0px 0px 4px 4px;
    }

    .row.row2.form-group.row-if-3 {
        border-radius: 0px !important;
    }

    #transfer__steps--results.tab-pane.ninepay-transfer-results .ninePay-step-2 .row.form-group:first-child {
        border-radius: 4px 4px 0px 0px;
    }

    #transfer__steps--results.tab-pane.ninepay-transfer-results .ninePay-step-2 .row.row1.form-group {
        background-color: #4e5461;
        margin: 0px;
        padding: 22px 16px 25px 16px;
        height: 88px;
    }

    #transfer__steps--results.tab-pane.ninepay-transfer-results .ninePay-step-2 .row.row2.form-group {
        background-color: #646974;
        margin: 0px;
        padding: 22px 16px 25px 16px;
        height: 88px;
        border-radius: 0px;
    }

    #transfer__steps--results.ninepay-transfer-results .input-group span.input-group-btn.copy-btn {
        /* top: 58px;*/
        margin-right: 12px;
        margin-left: 8px;
        margin-top: -18px;
    }

    #transfer__steps--results.tab-pane.ninepay-transfer-results .ninePay-step-2 .row.form-group:last-child {
        border-radius: 0px 0px 4px 4px;
    }

    #deposit__steps .tab-pane {
        padding-top: 0px;
    }

    #transfer__steps--guide {
        padding-top: 0px !important;
    }

        #transfer__steps--guide hr {
            margin-bottom: 5px;
            display: none;
        }

    .default-btn span {
        font-size: 14px !important;
        font-weight: 900 !important;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.43;
        font-family: "Lato"
    }

    .submit-button {
        background-color: none;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin: 0;
    }

        .submit-button span {
            font-size: 14px !important;
            font-weight: 900 !important;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.43;
        }

        .submit-button .icon {
            -webkit-mask: url('../../images/m88/icon/__submit-white.svg') no-repeat center;
            background: #fff;
            width: 25px;
            height: 25px
        }

    #transfer__steps--details .col-md-12.col-sm-12.linkcontent {
        margin-top: 25px;
    }

    #transfer__steps--results .list-inline:nth-child(2),
    #transfer__steps--details .list-inline:nth-child(2),
    #transfer__steps--guide .list-inline:nth-child(2) {
        font-size: 16px;
    }

    #transfer__steps--details button[name="btnSubmit"] span.icon-tab:first-child,
    #transfer__steps--results button[name="btnSubmit"] span.icon-tab:first-child {
        display: none;
    }

    #transfer__steps--details button[name="btnSubmit"] span.icon-tab:only-child,
    #transfer__steps--results button[name="btnSubmit"] span.icon-tab:only-child {
        display: block;
    }

    #transfer__steps .list-inline span.state-d-block.text-bold.mt-2 {
        font-size: 14px !important;
        text-align: justify;
        width: 68%;
        margin-top: 18px;
        margin-left: 3px;
        float: left;
        display: inline-block;
        /*width: -moz-calc(100% - 100px);
        width: -webkit-calc(100% - 100px);
        max-width: calc(100% - 125px);*/
        /*min-width: calc(100% - 80px);
        margin-right: 0;*/
    }

    #transfer__steps--details .list-inline span.state-d-block.text-bold.mt-2 {
        margin-top: 18px;
    }

    .lang-id #transfer__steps--details .list-inline span.state-d-block.text-bold.mt-2 {
        margin-top: 21px;
    }

    .lang-id #transfer__steps--guide .list-inline span.state-d-block.text-bold.mt-2 {
        margin-top: 21px;
    }

    .lang-en #transfer__steps .list-inline span.state-d-block.text-bold.mt-2 {
        font-size: 14px !important;
        text-align: justify;
        width: 77%;
        margin-top: 18px;
        float: left;
        display: inline-block;
        margin-right: 0px;
        font-weight: normal;
        margin-left: 6px;
        color: #222939;
    }

    .lang-th span.state-d-block.text-bold.mt-2.mb-2 {
        width: 250px;
        margin-top: 20px;
    }

    .state-d-block {
        display: inline-block;
        vertical-align: top;
    }

    #transfer__steps .list-inline .state-d-block {
        float: left;
        display: inline-block;
        /*min-width: 80px;
        max-width: 110px;*/
    }

    #transfer__steps .list-inline {
        width: 100%;
        content: "";
        clear: both;
        display: table;
    }

    #GetBankDetail .state-d-block {
        display: inline-block;
        vertical-align: middle;
        float: unset !important;
        min-width: unset !important;
        max-width: unset !important;
        margin-top: 5px;
    }

    .Get-bank-details-vis-SMS {
        font-size: 14px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: normal;
        text-align: left;
        /*text-decoration: underline;*/
        margin-top: 0px;
        margin-bottom: 0px;
        display: inline-block;
        /* border-bottom: solid 2px #ced2d2;*/
        line-height: 1.43;
        margin-left: 5px;
        color: #222939;
    }

        .Get-bank-details-vis-SMS:hover {
            cursor: pointer;
        }

    .lang-km .Get-bank-details-vis-SMS {
        width: 90%;
    }
    /* .get-sms-icon {
        height:28px;
        margin-top:-10px;
    }
*/
    .get-sms-icon {
        height: 20px;
    }

    .step-2-details {
        margin-left: 65px;
    }

    .step2-desc-2 {
        margin-left: 0px;
        margin-top: -10px;
        margin-bottom: -5px;
    }

    .default-btn {
        width: 100%;
        border-radius: 60px;
    }

        .default-btn span.icon-size {
            display: none;
        }

    .submit-btn-bt {
        margin-top: 24px;
    }

    span.field-info-error.upload-errormsg {
        margin-top: 10px;
    }

    .lang-vi .transfer-btn span:nth-child(2) {
        padding: 3px 10px 0px 0px;
    }

    .lang-vi .transfer-btn span:first-child {
        padding: 5px 0px 5px 17px;
    }

    /*DROPDOWN List text limit*/


    .select-container:after {
        content: attr(data-text);
        font-size: 12px;
        position: absolute;
        top: 12px;
        left: 20px;
        background: #fff;
        padding: 10px 0px 0px 10px;
        display: block;
        pointer-events: none;
        z-index: 20;
        height: 24px;
        line-height: 3px;
        /*color: #000;*/
        font-weight: normal;
        border: solid 1px #ffffff;
        background-repeat: no-repeat;
        background-position: right 5px center;
        background-size: 20px;
        width: 77%;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        font-size: 13.333px;
        font-weight: bold;
    }

    .select-container:before {
        content: attr(data-buttonText);
        position: absolute;
        z-index: 25;
        text-overflow: ellipsis;
        white-space: nowrap;
    }


    .select-container2:after {
        content: attr(data-text);
        font-size: 12px;
        position: absolute;
        top: 7px;
        left: 3px;
        background: #fff;
        padding: 10px 0px 0px 10px;
        display: block;
        pointer-events: none;
        z-index: 20;
        height: 24px;
        line-height: 6px;
        color: #000;
        font-weight: normal;
        border: solid 1px #ffffff;
        background-repeat: no-repeat;
        background-position: right 5px center;
        background-size: 20px;
        /*width: 90%;*/
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        font-size: 13.333px;
    }

    .select-container2:before {
        content: attr(data-buttonText);
        position: absolute;
        z-index: 25;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    select#fromBankReference {
        padding-right: 50px;
    }

    .select-container3:after {
        content: attr(data-text);
        font-size: 12px;
        position: absolute;
        top: 10px;
        left: 23px;
        background: #fff;
        padding: 10px 0px 0px 10px;
        display: block;
        pointer-events: none;
        z-index: 20;
        height: 24px;
        line-height: 6px;
        /*color: #000;*/
        font-weight: normal;
        border: solid 1px #ffffff;
        background-repeat: no-repeat;
        background-position: right 5px center;
        background-size: 20px;
        width: 75%;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        font-size: 13.333px;
        font-weight: bold;
        color: #222939;
    }

    #deposit__steps .field-input select, #transfer__steps .field-input select {
        padding-right: 99px;
    }

    .note-header.tip-cashier.tip-reminder img.reminder-icon-green.crypto-reminder-icon {
        height: 100%;
        display: inline-flex;
        margin-top: 0px;
    }


    div#crypto__pay--details label.col-form-label {
        margin-bottom: 5px
    }

    .ex-rate span {
        line-height: 19px !important;
        margin: 0px;
    }

    .tip-cashier {
        min-height: 56px;
        line-height: 56px;
        border-radius: 8px;
        background-color: #e3effa;
        padding: 0 8px;
        margin: 0px 0px 20px 10px;
    }


        .tip-cashier .reminder-icon {
            background-repeat: no-repeat;
            background-position: left top 5px;
            padding: 0px 5px 25px 0px;
            min-height: 25px;
        }

        .tip-cashier > .inner h5 {
            font-size: 14px;
            line-height: normal;
            display: inline-block;
            vertical-align: middle;
            padding: 5px 0px 5px 32px;
        }

    .tip-cashier-innerPage {
        border-radius: 2px;
        padding: 8px 16px;
        margin: 16px 0px 0px 0px !important;
        width: 100%;
        font-size: 14px;
        line-height: 20px;
        border-radius: 8px;
        background-color: #e3effa !important;
        font-weight: bold;
        align-items: center;
    }

        .tip-cashier-innerPage .reminder-icon {
            /*  height: 20px;*/
            width: 20px;
        }

    .col-md-offset-3 .tip-cashier-innerPage .reminder-icon {
        height: unset;
        width: 20px;
        margin-top: 0px;
        position: absolute;
        /*top: 50%;
        transform: translate(0%, -50%);*/
    }

    .col-md-offset-3 .tip-cashier-innerPage span {
        padding-left: 32px;
    }

    .add-zero {
        font-size: 14px;
        line-height: 20px;
        margin-top: 15px;
        margin-left: -23px;
    }

    .dep-dif-acct {
        color: #000;
        padding-top: 24px;
    }

        .dep-dif-acct a {
            color: #000;
            font-weight: bold;
            float: right
        }

    .add-edit-bank {
        text-align: center;
        margin-top: -15px;
    }

    .col-md-offset-4.col-sm-offset-4.col-md-6.col-sm-6.pl-4.pb-3.add-edit-bank a#AddPlayerBankAcct {
        /*margin-bottom: 35px;*/
    }

    div#step3mid span.state-d-block.text-bold.mt-2.mr-1 {
        margin-bottom: 23px;
    }

    .row.form-group.mt-5.start-step3 {
        margin-top: -15px !important;
    }

    .reminder-icon {
        /*height: 25px;*/
        margin-top: -5px;
        margin-right: 10px;
    }

    .note-header .reminder-icon {
        /*display: none;*/
    }

    .note-header {
        display: inline-flex;
        /*text-align: justify;*/
    }

    .ninepay-transfer-results .note-header h5 {
        padding: 0px 16px 0px 0px;
    }

    .note-header h5 {
        font-size: 16px;
        text-align: justify;
        text-justify: inter-word;
        line-height: 20px;
    }


    .col-form-label, .form-control, .field-input, .select-container:after, h5.text-bold.hdr-ismaskoff.header-mask, .select-container2:after, .select-container3:after {
        font-size: 12px;
        /*margin-bottom: 8px;*/
    }

    .copyLine .col-form-label, .copyLine .form-control {
        font-size: 14px !important;
        padding: 5px 0px 0px 0px !important;
    }

    .form-control.copyRow {
        padding: 5px 0px 14px 0px;
    }

    .bank-note-container {
        padding: 8px 16px;
        border-radius: 8px;
        background-color: #e3effa !important;
        margin-top: -20px;
        margin-bottom: 35px;
    }

        .bank-note-container span {
            font-size: 14px;
            font-size: 14px;
            color: #333;
            background-image: url(../../../images/m88/cashier/icon-reminder.svg?v=1);
            background-repeat: no-repeat;
            background-position: left top 5px;
            padding: 5px 0px 5px 25px;
            min-height: 25px;
            font-weight: bold;
        }

    .field-error {
        width: 100%;
    }

    .inner-box-banks:not(.filtered) .box.bank-card.box-large .inset > .row-1 > .row-1 img {
        height: 32px;
        width: 144px;
    }

    img.check-icon {
        height: auto;
        width: 20px;
        margin-top: -3px;
        margin-right: 8px;
    }

    .deposit-to-diff-act a {
        color: #000;
    }

    .process-transfer .nav-tabs li.active:after {
        display: block;
    }

    .box.bank-card .inset > .row-3 {
        font-size: 8px;
        color: #bc1f00;
        text-shadow: 0 0 #bc1f00;
        line-height: 10px;
        word-break: break-word;
        min-width: auto !important;
    }


    .popup-cashier.bt-deposit-channel-popup.qt-create-new-popup,
    .popup-cashier.bt-deposit-channel-popup {
        /*min-width: auto !important;*/
    }

    .popup-cashier.bt-popup .popup-content .row {
        display: inline-flex;
    }

    /*Font sizes*/
    #transfer__steps--guide .col-form-label,
    #depositForm .col-form-label,
    .col-form-label {
        font-size: 16px;
        line-height: 19px;
        height: 19px;
        margin-bottom: 8px;
        padding: 0px;
        margin-left: 16px;
    }

    #transfer__steps .select-container:after,
    #depositForm .select-container:after,
    #depositForm .select-container3:after,
    #depositForm .form-control,
    .select-container3:after,
    .form-control {
        font-size: 16px; /*updated font for mobile*/
    }

    h5.text-bold.hdr-ismaskoff.header-mask {
        font-size: 16px;
        text-transform: uppercase;
        color: #4e5461;
        margin-top: 32px;
    }

    .copyLine .col-form-label {
        font-size: 14px;
    }

    /*for preview page font*/
    #previewForm .col-form-label {
        margin: 0;
        font-size: 14px;
        line-height: 19px;
        height: 19px;
        margin-bottom: 8px;
        padding: 0px;
    }

    #previewForm .form-control,
    input#fromAccountName:read-only, #previewForm .form-group h5 {
        font-size: 14px;
        font-weight: bold
    }

    button.btn.btn-secondary.text-uppercase.small-btn {
        height: 59px;
        width: 60px;
        margin-top: 0px;
    }

    .ninePay-step-2 button.btn.btn-secondary.text-uppercase.small-btn {
        height: 60px;
        width: 60px;
        margin: 31px -5px;
        padding: 0px;
    }

    .ninePay-step-2 .row.row1.form-group.mb-0,
    .ninePay-step-2 .row.row2.form-group.mb-0 {
        /*height: 60px !important;
        background-color: red !important;*/
    }

    .ninePay-step-2 .col-form-label {
        padding: 10px 0px 0px 0px !important;
    }

    .ninePay-step-2 .input-group {
        padding: 0px 0px 0px 0px;
    }

    .ninePay-step-2 .col-md-4.col-sm-4.col-xs-12.copyLine {
        padding: 5px 0px -1px 10px;
    }

    #guide_details .copyLine label.col-form-label {
        line-height: 8px;
        height: 19px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .deposit-to-diff-act a {
        /*float: right;*/
        font-weight: bold;
    }

    .bt-ninepay-popup .row {
        display: inherit !important;
    }

    .popup-cashier.bt-popup .popup-content .row > .col .box-btn {
        margin: 0px 0px 16px 0px !important;
    }

    input#newFromAccountName:read-only {
        background-position: right 5px center;
    }

    button#btnSaveNewBankAccount {
        /*max-width: 144px;
        max-height: 35px;*/
        margin-left: auto;
        margin-right: auto;
        margin-bottom: -10px;
        line-height: 10px;
        margin-top: 10px;
        /*float: right;*/
    }

    .bt-ninepay-popup .popup-content .row > .col {
        display: inline-block;
        vertical-align: top;
        text-align: center;
        width: 50%;
        padding-right: 16px;
        box-sizing: border-box;
        min-width: auto !important;
    }

    .content-body > .tab-content {
        padding: 22px 16px 0px 16px;
    }

    .note-inner-pages {
        margin-top: -10px;
    }

    .qt-create-p {
        display: inline-block;
    }

    .qt-complete-p {
        display: inline-block;
        padding-left: 5px;
    }

    .col-md-6.col-sm-6.col-xs-11.kunit.field-input,
    .col-md-6.col-sm-6.col-xs-11.field-input {
        width: 90%;
    }

    .tab-summary .form-control[disabled],
    .tab-summary .form-control[readonly],
    #transfer__steps--results .form-control[disabled],
    #transfer__steps--results .form-control[readonly] {
        line-height: 21px;
        height: 26px;
        padding: 0px !important;
        margin-top: -5px;
    }

    .ninePay-step-2 input.form-control.copyRow[readonly] {
        margin-top: 0px !important;
    }

    h5.text-bold.depo-details {
        margin-top: 27px;
    }

    .col-md-offset-4.col-sm-offset-4.col-md-8.col-sm-8.col-xs-12.deposit-to-diff-act {
        margin-bottom: -18px;
        margin-top: 11px;
    }

    .form-control.fromAccountNumber {
        margin-bottom: 12px;
    }

    .deposit-to-diff-act p.col-form-label.text-danger {
        color: #1a2332 !important;
        margin-top: 5px;
        font-size: 14px !important;
        margin-bottom: 10px;
    }

    .col-md-12.mt-2.qt-create-new-bank {
        padding-left: 0px;
        padding-right: 0px;
    }

        .col-md-12.mt-2.qt-create-new-bank button#btnSaveNewBankAccount {
            margin-bottom: 38px;
        }


    .qt-complete-new-bank div#divNewAccountInfoForm {
        /*padding-left: 16px;
        padding-right: 16px;*/
    }

        .qt-complete-new-bank div#divNewAccountInfoForm .bank-note-container {
            text-align: justify
        }

    .row.qt-complete-new-bank.row2-gray div#divBankAccountSelection {
        /*margin-left: 16px;
        margin-right: 16px;*/
    }


    .row.qt-complete-new-bank.row2-gray div#reminderSaveSuccess {
        margin-top: 10px;
        margin-left: 16px;
        margin-right: 16px;
        text-align: center;
        display: inline-flex;
    }

    .row.qt-complete-new-bank.row2-gray div#reminderSaveFailed {
        margin-left: 16px;
        margin-right: 16px;
        margin-top: 10px;
    }

    .row.no-margin.row2-gray .col-md-12.mt-2.qt-create-new-bank div#reminderSaveFailed {
        margin-top: 10px;
        background-color: #f4e5e1 !important;
        margin-bottom: 12px;
        border-radius: 8px;
    }

    row.no-margin.row2-gray .col-md-12.mt-2.qt-create-new-bank div#reminderSaveSuccess {
        margin-top: 10px;
        display: inline-flex;
    }

    .ninePay-step .row.no-margin.row2-gray div#reminderSaveFailed {
        margin-top: 10px !important;
        margin-bottom: 0px !important;
    }

    .ninePay-step .row.no-margin.row2-gray div#reminderSaveSuccess {
        margin-top: 10px !important;
        text-align: center;
        display: inline-flex;
    }

    div#transfer__steps--details .row.no-margin.row2-gray {
        margin-top: -20px;
    }

    .col-md-12.mt-2.qt-create-new-bank .col-md-12.col-sm-12.col-xs-12.note-header {
        /* margin-top: -5px;*/
    }

    .select-container, .select-container3 {
        color: #b5b5b5;
    }

    .select-gray {
        color: #b5b5b5;
    }

    .dropdown-Selected {
        color: #000000 !important;
    }

    .col-md-12.mt-2.qt-create-new-bank .col-md-8.col-sm-8.col-xs-12.field-input .field-error,
    .col-md-8.col-sm-8.col-xs-12.field-input .field-error,
    .col-md-8.col-sm-8.col-xs-12.field-input .field-info-text,
    .col-md-4.col-sm-4.col-xs-12.field-input-date div#info-depositDate,
    div#newFromBankReferenceContainer .field-error,
    .col-md-4.col-sm-4.col-xs-12.field-input-clock div#info-depositTime,
    .col-md-6.col-sm-6.col-xs-11.kunit.field-input .field-error {
        margin-top: 8px;
    }

    input#mobileNumberMasked[readonly] {
        /*background-position: right 5px center;*/
        background-position: 95% 50%;
    }

    .col-md-12.mt-2.qt-create-new-bank div#reminderSaveSuccess {
        margin-top: 10px;
        text-align: left;
        display: inline-flex;
    }

    .row.qt-complete-new-bank.row2-gray .field-info {
        width: auto;
    }

    .col-md-6.col-sm-6.col-xs-11.kunit.field-input .field-info {
        /*margin-top: -8px;*/
    }


    /*Select2 dropdown css*/

    .select2-container--default .select2-results__option--highlighted[aria-selected] {
        background-color: #f4f4f5;
        color: #222939 !important;
    }

    .select2-results__options {
        font-family: 'Lato' !important;
        font-size: 16px !important;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        /*right: 25px !important;*/
        display: none;
    }

    .select2-container--default .select2-results__option[aria-disabled=true] {
        color: #999;
        font-style: italic !important;
    }

    .select2-container--default .selection .select2-selection--single {
        border: solid 1px #ced2d2;
        border-radius: 60px !important;
        background-image: url(../../images/m88/icon/dropdown_arrow.svg?v=1);
        background-repeat: no-repeat;
        background-position: right 16px center;
        background-size: 12px;
        padding-right: 50px !important;
        height: 48px;
        font-size: 16px; /*updated font for mobile*/
        padding: 9px 0;
        position: relative;
        z-index: 99;
    }

    .select2-results .select2-results__option {
        padding-left: 16px;
        padding-right: 8px;
        height: 52px;
        /*line-height: 1.29;*/
        align-items: center;
        /*display: flex;*/
        margin: 8px;
        border-radius: 8px;

        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        line-height: 44px;
        display: block;
    }

    .select2-container {
        width: 100% !important;
    }

    .select__saved--container .select2-container--default .selection .select2-selection--single {
        border: solid 1px #ced2d2;
        border-radius: unset;
        background-image: url(../../images/m88/icon/dropdown_arrow.svg?v=1);
        background-repeat: no-repeat;
        background-position: right 16px center;
        background-size: 12px;
        padding-right: 50px !important;
        height: 48px;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        /*line-height: 1.29 !important;
        padding-right: 50px !important;*/
        font-weight: bold;
        color: #222939 !important;
        padding-left: 13px !important;
    }

    .select2-container--open .select2-dropdown--below {
        border-radius: 16px !important;
        border: unset !important;
        margin-top: 8px;
        box-shadow: 2px 4px 20px 0 rgb(34 41 57 / 10%);
    }

    .select2-container--open .select2-dropdown--above {
        border-radius: 16px !important;
        border: unset !important;
        margin-bottom: 8px;
        box-shadow: 2px 4px 20px 0 rgb(34 41 57 / 10%);
    }

    div#crypto__pay--details {
        margin-left: -15px;
        margin-right: -15px;
    }

    .crypto-container .process-deposit {
        margin-left: -15px;
        margin-right: -15px;
    }

    div#cashcard__pay--details .field-input-mo-yr div#info-expmonth {
        margin-top: -8px;
    }

    div#cashcard__pay--details .field-input-mo-yr div#info-expyear {
        margin-top: -8px;
    }

    /*  .smartPayQR_steps--details div#divBankAccountSelection {
        margin-left: -15px;
        margin-right: -15px;
    }*/

    .tab-pane.fade.in.active.smartPayQR_steps--details .row.no-margin.row2-gray .col-md-12.mt-2 div#reminderSaveSuccess {
        display: inline-flex;
        text-align: left;
        margin-top: 10px;
    }

    .smartPayQR_steps--details .row.no-margin.row2-gray {
        margin-left: 0px;
        margin-right: 0px;
        padding: 0px;
    }

    .smartPayQR_steps--details input#fromAccountName {
        background-size: 25px;
    }

    div#crypto__pay--details .box.bank-card {
        width: calc(50% - 16px) !important;
        position: relative !important;
        display: inline-flex;
        height: 115px;
        margin: 7px;
    }

        div#crypto__pay--details .box.bank-card .inner {
            width: 100%;
        }

    div#crypto__pay--details .cryoto-menu {
        width: calc(100% - -5px) !important;
        margin: -27px 5px 0px -3px;
        padding: 10px;
    }

    div#crypto__pay--details .tip-cashier {
        padding: 0px 22px 0px 16px !important;
    }

    div#crypto__pay--details .note-header h5 {
        text-align: left;
        margin-top: 20px;
        margin-bottom: 16px;
    }

    #modalNewFromBankReferenceContainer .select2-container--default .selection .select2-selection--single {
        border: solid 1px #ced2d2;
        border-radius: 60px !important;
        background-image: url(../../images/m88/icon/dropdown_arrow.svg?v=1);
        background-repeat: no-repeat;
        background-position: right 14px center;
        background-size: 12px;
        padding-right: 50px !important;
        height: 48px;
    }

    #transfer__steps #transfer__steps--details #add-playerbankaccount .modal-dialog .modal-content .modal-body .row.form-group {
        margin-bottom: 24px;
    }

    /**for info div**/
    span.select2.select2-container.select2-container--default {
        /* margin-bottom: 8px;*/
    }

    .row.no-margin.row2-gray .col-md-12.mt-2.qt-create-new-bank input#fromAccountName:read-only {
        background-size: 25px;
    }

    .select2-container--default .selection .select2-selection--single {
        padding: 9px 4px;
    }

    .row.qt-complete-new-bank.row2-gray input#fromAccountName:read-only,
    .row.no-margin.row2-gray input#fromAccountName:read-only {
        background-size: 25px;
    }

    .select_no-info .select2-container--default .selection .select2-selection--single {
        border: solid 1px #ced2d2;
        border-radius: 60px !important;
        background-image: url(../../images/m88/icon/dropdown_arrow.svg?v=1);
        background-repeat: no-repeat;
        background-position: right 14px center;
        background-size: 12px;
        /*padding-right: 50px !important;*/
        height: 48px;
    }

    .select2-container--default .selection .select2-selection--single .select2-selection__rendered {
        padding-right: 8px;
    }

    .select2-container--default:not( :has( + a.info-image ) ) .selection .select2-selection--single {
        padding-right: 32px !important;
    }

    .select2-container--default:has( + a.info-image ) .selection .select2-selection--single {
        padding-right: 60px !important;
    }

.form-control.error + .select2 > .selection > .select2-selection {
  padding-right: 60px !important;
}

    .tab-pane.fade.in.active.ninepay-transfer-results input.form-control.copyRow {
        background: none !important;
    }

    #crypto__pay div#crypto__pay--details {
        padding: 0px 20px !important;
    }

    .smartpayQR-md-lbl {
        line-height: 1.4 !important;
        padding: 0px 15px;
        height: auto;
        margin-bottom: 16px;
    }

    button.btn.btn-success.text-bold.smartpayQR-MD-btn {
        height: 40px;
        width: 100%
    }

        button.btn.btn-success.text-bold.smartpayQR-MD-btn span:first-child {
            font-size: 14px;
            line-height: 21px;
            margin: 5px 0px 0px 0px !important;
            padding: 0px 10px;
            display: inline-flex;
            font-weight: bold;
        }

    div#cryptowd__pay--summary {
        padding: 0px 0px !important;
    }

    div#withdrawal__steps div#cryptowd__pay--summary .row.form-group h5.text-bold {
        margin-left: 15px;
        margin-right: 15px;
    }

    .qr-div {
        border-style: solid;
        border-width: 1px;
        border-color: #bababa;
        padding: 0px;
        width: 92%;
        margin-left: 15px;
        margin-right: 15px;
        text-align: center;
    }

    button.btn.btn-warning.prev-step.text-uppercase.qrCode-btn {
        height: 40px;
        width: 100% !important;
        margin: 0px;
        font-weight: bold;
        line-height: 41px;
    }

    .note-cashier {
        min-height: 56px;
        line-height: 20px;
        border-radius: 8px;
        background-color: #e3effa;
        padding: 8px 16px;
        margin-bottom: 10px;
        text-align: left;
        font-size: 14px;
        font-weight: bold;
    }

    #previewForm .note-cashier .col-form-label {
        font-size: 14px;
        /* line-height: 1.25; */
        margin: 0;
    }

    .tab-pane.fade.in.active.smartPayQR_steps--details .row.no-margin.row2-gray .col-md-12.mt-2 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .tab-pane.fade.in.active.smartPayQR_steps--details .row.no-margin .col-md-12.mt-2 {
        padding-right: 0px;
        padding-left: 0px;
    }

    .qr-img {
        height: 180px;
        width: 180px;
        padding: 10px;
    }

    form.smartPay-preview label.col-form-label.text-bold {
        line-height: 15px;
    }

    /**Custom next and prev button for Select deposit method**/

    .scroll-mover .arrow.next.visible, .scroll-mover .arrow.prev.visible {
        display: block;
        background-color: transparent;
    }

    .scroll-mover .arrow.next.visible {
        background-image: url(../../../images/m88/icon/right-arrow-no-border.svg);
        background-repeat: no-repeat;
        background-position: center;
        transform: unset;
        right: 8px;
        width: 30px !important;
        background-color: white;
    }

    .scroll-mover .arrow.prev.visible {
        background-image: url(../../../images/m88/icon/left-arrow-no-border.svg);
        background-repeat: no-repeat;
        background-position: center;
        transform: unset;
        left: 8px;
        width: 30px !important;
        background-color: white;
    }

    .scroll-holder.scroll-x.bank-method-tabber {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .scroll-mover .arrow.next.greyArrow {
        background-image: url(../../../images/m88/icon/right-arrow-no-border.svg);
        background-repeat: no-repeat;
        background-position: center;
        transform: unset;
        right: 8px;
        width: 30px !important;
        display: block;
        cursor: default;
        opacity: .4;
    }

    .scroll-holder .scroller-inner > ul > li:last-child {
        padding-right: 20px !important;
    }

    div#crypto__pay {
        padding: 0px 16px !important;
    }

    /**for preview wd crypto**/
    #cryptowd__pay--summary .btn > span:first-child {
        font-size: 14px;
        font-weight: normal;
    }

    div#withdrawal__steps div#cryptowd__pay--summary {
        margin-top: -20px;
    }

    .smartPayQR_steps--details .preview-btn-group .btn {
        margin: 0;
        padding: 0px;
    }

    #uploadErrorMsg {
        margin-top: 8px;
    }

    .inner-box-banks:not(.filtered) .box.bank-card.box-large.recom {
        width: calc(100% - 16px) !important;
        height: 200px !important;
    }

        .inner-box-banks:not(.filtered) .box.bank-card.box-large.recom .promotion-tag {
            top: 176px;
        }

    .content-body .tab-pane {
        padding: 0 16px 0 16px;
    }

    /***notif page***/
    .col-md-12.col-sm-12.col-xs-12.notif-img {
        text-align: center;
    }

        .col-md-12.col-sm-12.col-xs-12.notif-img img.reminder-icon {
            height: 120px;
            width: 120px;
            margin: 0px 0px 0px;
        }

    .notif-text-success {
        font-size: 18px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.36;
        letter-spacing: normal;
        text-align: center;
        color: #2d8c44;
        margin: 0px 16px;
    }

    .md-notif-txt {
        text-align: center;
        padding: 0px;
    }

    .md-message-txt {
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.4;
        letter-spacing: normal;
        text-align: center;
        color: #1a2332;
        padding: 0px;
    }

    .notif-btn {
        text-align: center;
        font-size: 14px;
    }

    .col-md-12.col-sm-12.col-xs-12.notif-btn button.btn.btn-primary.mt-2.btn-xs-block.set-ismobile-by-click.default-btn.next-btn.btn-warning span.btn-txt {
        font-size: 14px;
        font-weight: bold;
        color: #1a2332;
    }

    .col-md-12.col-sm-12.col-xs-12.md-message-txt label.col-form-label {
        margin: 8px 0px;
    }

    div#notification_button {
        margin-top: -28px;
    }

        div#notification_button.row.form-group {
            margin-top: -1px;
        }

    .notif-btn button.btn.btn-primary.mt-2.btn-xs-block.set-ismobile-by-click.default-btn.next-btn {
        margin: 0px auto;
        max-width: 343px;
        width: 100%;
        height: 48px;
        border: 0px;
    }

    /**Promotion Tag for Crypto**/
    .cryoto-menu .tag-promotion {
        filter: drop-shadow(0px 0px 2px rgba(0,0,0,.25));
        height: 18px;
        position: absolute;
        left: 50%;
        top: 0;
        transform: translate(-50%, -50%);
        width: max-content;
        display: inline-flex;
    }

    .cryoto-menu .promo-box {
        background-image: url(../../../images/m88/cashier/icon-banner-center.svg);
        height: 18px;
        width: auto;
        color: #fff;
        padding: 0px;
        font-size: 7px !important;
        position: relative;
        line-height: 16px;
    }

    .cryoto-menu .tag-promotion .rate,
    .cryoto-menu .tag-promotion .promo-text {
        text-shadow: 0 0.5px 0 rgba(0, 0, 0, 0.3);
        font-size: 7px !important;
        font-weight: bold;
        font-style: normal;
        text-align: center;
        color: #fff;
    }

    .cryoto-menu .tag-promotion .rate {
        margin-left: 5px;
        color: #ffcd00;
    }

    .cryoto-menu .triangle-right {
        background-image: url(../../../images/m88/cashier/icon-right-banner.svg);
        background-repeat: no-repeat;
        width: 9px;
        height: 18px;
        position: relative;
    }

    .cryoto-menu .triangle-left {
        background-image: url(../../../images/m88/cashier/icon-left-banner.svg);
        background-repeat: no-repeat;
        width: 9px;
        height: 18px;
        position: relative;
    }

    .cryoto-menu .box.bank-card {
        border-radius: 8px;
    }

    .promo-box {
        font-size: 8px !important;
    }

    .tag-promotion .rate,
    .tag-promotion .promo-text {
        font-size: 8px !important;
        line-height: 18px !important;
    }

    .cryoto-menu .box.bank-card {
        border-radius: 8px;
    }

    .promo-box {
        font-size: 8px !important;
    }

    .tag-promotion .rate,
    .tag-promotion .promo-text {
        font-size: 8px !important;
        line-height: 18px !important;
    }

    /**Marquee animation**/
    /* Make it move */
    @keyframes scroll {
        from {
            transform: translateX(0%);
        }

        to {
            transform: translateX(-50%);
        }
    }


    .m-scroll-container {
        /*width: 100%;*/
        overflow: hidden;
        height: 40px;
        margin-top: 8px;
        transition: all 0s ease;
    }

    .marquee-all {
        display: inline-flex;
        position: relative;
        animation: none;
        animation: scroll 27s infinite linear;
        width: fit-content;
        margin: 0px !important;
        padding: 0px !important;
    }

    .txt-heading.bank-container span.avail-bank-txt {
        display: none;
    }

    .mobile-avail-bank-txt {
        color: #383e4d !important;
        font-weight: bold !important;
        height: 10px;
        font-size: 8px;
        line-height: 8px;
        text-align: center;
        width: 100%;
        display: inline-block;
    }

    .txt-heading.bank-container .box.marquee-img {
        margin-top: 0px !important;
    }

    .box.bank-card {
        padding: 0px;
    }

    .inner-box-banks:not(.filtered) .box.bank-card.box-large > .inner {
        padding: 0px !important;
    }

    span.time-limit {
        width: 100%;
        position: relative;
        display: inherit;
    }

        span.time-limit span.limit-line {
            display: none;
        }

    .box.bank-card.box-large.recom .row.row-1.img-vendor {
        margin: 4px;
    }

    .m-scroll-container .marquee-all span.avail-bank-txt {
        position: absolute;
        height: 10px;
        font-size: 8px;
        line-height: 8px;
        text-align: center;
        width: inherit;
        margin-left: auto;
        margin-right: auto;
        font-weight: normal;
    }

    .m-scroll-container {
        /*max-width: 308px;*/
    }

    .box.marquee-img {
        margin-top: 13px !important;
        padding: 0px !important;
        position: relative;
    }

        .box.marquee-img img {
            height: 20px !important;
            padding: 0px !important;
            margin: 0px;
        }

    .box.marquee-img {
        width: auto !important;
        padding: 0px !important;
        margin: 9px 4px 0px 4px !important;
    }

    .box.bank-card.box-small.small-box-others {
        padding: 8px !important;
    }

        .box.bank-card.box-small.small-box-others .row.row-1.img-vendor img {
            margin-top: 4px;
            margin-bottom: 4px;
        }

    .file-upload-wrapper {
        max-width: 100%;
    }

    .popup-cashier.bt-deposit-channel-popup .popup-content a[name="bt-submitbtn"] {
        width: 100% !important;
        height: 92px !important;
    }

    .popup-cashier.bt-deposit-channel-popup .popup-content {
        padding: 0px 16px 16px 16px !important;
    }

    .popup-cashier .popup-content .row > .col .box-btn {
        height: 100px !important;
    }

    .popup-cashier.bt-deposit-channel-popup .popup-content .row > .col .box-btn img {
        /* margin-top: -8px !important;*/
    }

    .popup-cashier .popup-content .row > .col .box-btn img {
        margin-bottom: 0px;
        margin-top: -4px !important;
    }

    .col-md-12.mt-2.qt-create-new-bank .col-md-12.col-sm-12.col-xs-12.note-header img,
    .row.qt-complete-new-bank .col-md-12.col-sm-12.col-xs-12.note-header img {
        display: none;
    }

    .col-md-12.col-sm-12.col-xs-12.note-header img.reminder-icon {
        display: none;
    }

    #divNewAccountInfoForm .col-md-12.col-sm-12.col-xs-12.mt-2 > span {
        margin-left: 0 !important;
    }

    #changeAccountForm .col-form-label {
        font-size: 14px;
        margin: 0;
    }

    /**Promotion Tag Styles**/
    .inner-box-banks .box.bank-card .tag-promotion {
        background: #c9334e;
        color: #fff;
        height: 24px;
        line-height: 10px;
        width: 100%;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        padding: 6px 4px;
        font-size: 10px;
        font-weight: bold;
        position: absolute;
        display: inline-block;
        left: 0px;
    }

    .inner-box-banks .box.bank-card .promo-box {
        line-height: 10px;
        font-size: 8px !important;
        margin-top: -7px !important;
        display: inline-flex;
    }

    .inner-box-banks .box.bank-card .tag-promotion .rate,
    .inner-box-banks .box.bank-card .tag-promotion .promo-text {
        margin-right: 3px;
    }

    .inner-box-banks .box.bank-card .tag-promotion .rate {
    }

    .inner-box-banks .box.bank-card .triangle-right {
        display: none;
    }

    .inner-box-banks .box.bank-card .triangle-left {
        display: none;
    }

    .box.bank-card.box-large.recom .tag-promotion {
        margin-top: 15px;
    }

    .box.bank-card.box-small .tag-promotion {
        margin-top: -2px;
    }

    .tab-pane .col-md-6.col-sm-6.col-xs-6.field-input.field-input-mo-yr.select-container3:last-child {
        padding-left: 4px;
        padding-right: 0px;
        width: calc(50% - 8px);
    }

    .tab-pane .col-md-6.col-sm-6.col-xs-6.field-input.field-input-mo-yr.select-container3:first-child {
        padding-right: 4px;
        width: calc(50% - 8px);
    }

    .tab-pane .col-md-6.col-sm-6.col-xs-6.field-input.field-input-mo-yr:first-child {
        padding-right: 4px;
    }

    .tab-pane .col-md-6.col-sm-6.col-xs-6.field-input.field-input-mo-yr:last-child {
        padding-left: 4px;
    }

    span#select2-creditcard-expyear-container {
        padding-left: 16px;
    }

    .field-input .input-calendar.field-input {
        margin-bottom: 8px;
    }

    #cashcard__pay--summary label.col-form-label {
        margin-left: 0;
        font-size: 14px;
    }

    a#AddPlayerBankAcct {
        margin-top: 16px;
        margin-bottom: 20px;
        margin-left: 8px;
    }

    a#EditPlayerBankAcct {
        margin-top: 16px;
        /* margin-bottom: 20px;*/
        margin-right: 8px;
    }

    .row.row2.no-margin.mb-3 .col-form-label {
        margin-left: 0 !important;
    }

    .note-header.note-cashier > .col:first-child {
        background-image: url(../../../images/m88/cashier/icon-reminder.svg?v=1);
        background-repeat: no-repeat;
        background-position: left top 5px;
        padding: 8px 0px 8px 32px;
        min-height: 25px;
        background-position: 0 50%;
        margin: 0 !important;
    }

        .note-header.note-cashier > .col:first-child img {
            display: none;
        }

    .smartPay-preview .col label {
        font-size: 14px;
        font-weight: bold;
        line-height: 20px;
        margin-top: 0 !important;
    }

    #previewForm.smartPay-preview .col-form-label {
        font-size: 16px;
        margin-bottom: 8px;
        margin-bottom: 8px;
        margin-left: 16px;
    }

    #transfer__steps--guide .form-group p {
        margin: 0;
        font-size: 14px;
    }

    .tip-cashier.tip-reminder > .inner {
        background-image: url(../../../images/m88/cashier/icon-reminder.svg?v=1);
        background-repeat: no-repeat;
        background-position: left top 5px;
        padding: 8px 0px 5px 32px;
        min-height: 25px;
        background-position: 0 50%;
    }

    div#crypto__pay--details .note-header.tip-cashier.tip-reminder img.reminder-icon-green.crypto-reminder-icon {
        display: none;
    }

    div#crypto__pay--details .note-header.tip-cashier.tip-reminder, .ninepay-transfer-results .note-header.tip-cashier.tip-reminder {
        margin: -15px 15px 15px 15px;
        width: unset !important;
    }

    .note-header.tip-cashier .inner h5 {
        text-align: left;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        line-height: 20px;
        font-size: 14px !important;
        color: inherit !important;
        text-transform: unset !important;
    }

    .tip-cashier {
        min-height: 56px;
        line-height: 56px;
        border-radius: 8px;
        background-color: #e3effa !important;
        padding: 0 16px;
        margin: -15px 15px 15px 10px;
    }

    .ex-rate span {
        margin: 0;
    }

    div#mobile__pay--summary .col-md-8.col-sm-8.col-xs-12 img {
        margin: 0 !important;
        padding: 0 !important;
    }

    .tab-pane.fade.in.active.smartPayQR_steps--details #playerbankdetails.row.no-margin.row2-gray > .col-md-12.mt-2 {
        padding-left: 0;
        padding-right: 0;
    }

    #transfer__steps #transfer__steps--details .list-inline.mb-2 {
        margin: -10px 0;
    }

    .tip-cashier .inner img.reminder-icon-green, .note-header .inner img.reminder-icon-green {
        display: none;
    }

    .ninepay-transfer-results .note-header.tip-cashier.tip-reminder {
        margin: 0px 15px 15px 15px;
        width: unset !important;
    }

    .modal-content .col-md-8.col-sm-8.col-xs-12 .text-danger {
        padding-left: 16px;
    }

    .popup-cashier.bt-deposit-channel-popup .popup-content {
        padding: 0px 7px 16px 16px !important;
    }

    .box.bank-card.box-large .row.row-time-min-max span.time-limit .line-separator {
        display: none
    }

    .lang-ja .popup-cashier.bt-popup.bt-qt-popup .popup-content .row .col p.txt {
        font-size: 10px;
    }

    .popup-cashier.bt-popup .popup-content .row {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }

    .popup-cashier.bt-popup.bt-qt-popup .row .col.col-1 {
        padding-right: 8px;
    }

    .popup-cashier.bt-popup.bt-qt-popup .row .col.col-2 {
        padding-right: 0px;
        padding-left: 8px;
    }

    &:focus {
        outline: 0 !important;
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .col-md-4.col-sm-4.col-xs-12.field-input.upload-textbox .field-error > span {
        margin-top: 16px;
        word-wrap: break-word;
        word-break: break-all;
    }

    .daterangepicker .drp-calendar {
        max-width: unset;
    }

    .daterangepicker {
        width: auto;
        min-width: 163.78px;
    }


    .lang-vi .popup-heading {
        font-size: 14px !important;
    }

    .popup-content a.box-btn img {
        height: 32px;
    }

    .popup-cashier.bt-popup.bt-ninepay-popup .popup-content .row {
        margin-right: -8px;
    }

    .dashed-line {
        border-top: 1px dashed #90949c !important;
        /*margin-top: 54px;
        padding-bottom: 36px;*/
    }

    div#divNewAccountInfoForm .dashed-line {
        margin-top: 39px !important;
        margin-bottom: -15px !important;
    }

    .note-header.show-atm-tip.tip-cashier-innerPage span {
        margin-left: 8px !important;
    }

    .note-header.show-atm-tip.tip-cashier-innerPage.changed-after-save {
        margin-top: -17px !important;
        margin-bottom: 16px !important;
    }
    .note-top.note-header.show-atm-tip.tip-cashier-innerPage.changed-after-save {
        margin-top: -8px !important;
    }

    .note-header.show-atm-tip.tip-cashier-innerPage.crypto-reminder {
        margin: 10px 0px 32px 0px !important;
    }

    .form-control.error + .select2 > .selection > .select2-selection {
        border: solid 1px #c9334e;
        border-radius: 60px;
    }

    .form-control.error + .select2 > .selection > .select2-selection {
        border: solid 1px #c9334e;
        border-radius: 60px;
    }

    .error-icon {
        background-image: url('../../images/m88/icon/error.svg');
        background-repeat: no-repeat;
        background-position: right 5px center;
        padding-right: 30px;
        text-overflow: ellipsis;
        display: block;
        height: 20px;
        position: absolute;
        margin-top: -50px;
        z-index: 100;
        width: 100%;
        background-size: 20px;
        float: right;
        background-position: right;
        right: 15%;
        border: none;
    }

    div#withdrawal__steps {
        margin-top: 15px;
    }

    #withdrawal__steps .field-input input.error, #transfer__steps .field-input input.error, #transfer__steps .field-input select.error, #deposit__steps .field-input input.error, #deposit__steps .field-input select.error {
        background-size: 20px;
    }

    a#info-upload.info-image.success-image {
        background-image: url(../../images/m88/icon/success.svg) !important;
        background-repeat: no-repeat;
        background-position: right 0px center;
        background-size: 20px;
        padding-right: 34px;
        display: block;
    }

    input#card-zip + .info-image {
        margin-right: 0px;
    }

    .row.form-group.mt-5.start-step3 {
        margin-top: 0px !important;
    }

    .field-info-error {
        padding-top: 0px !important;
    }

    /*--for tile content alignment--*/
    .box.bank-card .inset {
        display: inline-block !important;
        width: 100%;
    }

    .m-scroll-container {
        margin: 0px 11px 0px 8px;
    }

    .box.bank-card .inset > .row-1 {
        display: inline-block !important;
    }

    .box.bank-card.box-small.small-box-notext.crpto-dm .row.row-1 {
        display: table-row !important;
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%) !important;
        width: 100%;
    }

    .box.bank-card.box-small.crpto-dm .row.row-1 {
        display: table-row !important;
    }

    /**cashier popup**/
    .popup-cashier.bt-deposit-channel-popup.qt-create-new-popup .col,
    .popup-cashier.bt-deposit-channel-popup.qt-complete-deposit-popup .col,
    .popup-cashier.bt-popup.bt-ninepay-popup .col {
        height: auto !important;
        display: inline-flex !important;
    }

        .popup-cashier.bt-deposit-channel-popup.qt-create-new-popup .col a.box-btn,
        .popup-cashier.bt-deposit-channel-popup.qt-complete-deposit-popup .col a.box-btn,
        .popup-cashier.bt-popup.bt-ninepay-popup .col a.box-btn {
            display: inline-table;
            height: auto !important;
            width: 100% !important;
            line-height: 14px !important;
            text-align: center;
        }

            .popup-cashier.bt-deposit-channel-popup.qt-create-new-popup .col a.box-btn span,
            .popup-cashier.bt-deposit-channel-popup.qt-complete-deposit-popup .col a.box-btn span,
            .popup-cashier.bt-popup.bt-ninepay-popup .col a.box-btn span {
                position: relative;
                display: inline-block;
                padding: 16px 8px;
            }

                .popup-cashier.bt-deposit-channel-popup.qt-create-new-popup .col a.box-btn span img,
                .popup-cashier.bt-deposit-channel-popup.qt-complete-deposit-popup .col a.box-btn span img,
                .popup-cashier.bt-popup.bt-ninepay-popup .col a.box-btn span img {
                    height: 32px !important;
                    width: 32px !important;
                    display: inline-flex;
                    margin-top: 0px !important;
                }

                .popup-cashier.bt-deposit-channel-popup.qt-create-new-popup .col a.box-btn span p,
                .popup-cashier.bt-deposit-channel-popup.qt-complete-deposit-popup .col a.box-btn span p,
                .popup-cashier.bt-popup.bt-ninepay-popup .col a.box-btn span p {
                    display: table;
                    padding: 0px;
                    margin-bottom: 0px;
                }

    .box.bank-card.box-small.small-box-notext.crpto-dm .inner {
        position: relative;
    }

    .box.bank-card.box-small.crpto-dm .inner {
        position: relative;
    }

    .col-md-8.col-sm-8.col-xs-12.field-input.alipay-note .tip-cashier-innerPage {
        margin-top: -8px !important;
    }

        .col-md-8.col-sm-8.col-xs-12.field-input.alipay-note .tip-cashier-innerPage img {
            margin-right: 8px
        }

    .error + .info-image {
        display: none;
    }

    .tab-pane.active.crypto-container div#mobile__pay--summary {
        margin-left: -16px;
        margin-right: -16px;
    }

    .col-md-4.col-sm-4.col-xs-12.field-input.selfCor-upload-textbox a#info-upload {
        margin-right: 26px;
    }

    /**self-correction UI**/
    .self-date-time .field-input-date .input-calendar.field-input a.info-image {
        margin-right: 25px;
    }

    .self-date-time .input-calendar.time-input a.info-image.infoTime {
        margin-top: 20px;
    }

    /*Maintenance page*/
    #maintenance__page--details .linkcontent {
        padding: 0 9px;
    }

    #maintenance__page--details #deposit__status #box .deposit-status .box-btn button {
        margin-top: 15px;
        height: 48px;
        border-radius: 60px;
    }

    .row.row1.form-group.third-row input.form-control {
        border-radius: 0px !important;
    }

    div#creditcard__pay--summary h5.text-bold.depo-details {
        margin-top: 0;
        margin-bottom: 0;
    }

    div#deposit__tab.tab-pane {
        padding: 0 16px 0 16px;
    }

    .box.bank-card.box-large {
        /* height: auto !important;
        min-height: 172px;*/
    }

    div#creditcard__pay--summary .row.form-group {
        margin-bottom: 15px;
    }

    .box.bank-card.box-large .row.row-time-min-max {
        margin-top: 0px;
    }

    .box.bank-card.box-large .row.row-3.row-note {
        margin: 8px 16px 8px 16px !important;
        padding: 0px 0px 0px 0px;
    }

    .box.bank-card.box-large .promo-bottom {
        /*margin-top: 5px;*/
    }

    /*.box.bank-card.box-large .inner {
            min-height: 152px !important;
        }*/

    .box.bank-card.box-large .row.row-4.row-avail-bank.animate-bank-image .inner {
        min-height: 36px !important;
    }
    /**loading UI**/
    .swal2-popup.swal2-modal.swal2-loading.swal2-show {
        width: 100%;
        height: 292px;
        padding: 10px 24px !important;
    }

    .swal2-content strong {
        font-size: 20px;
        color: #222939;
    }

    div#swal2-content img {
        margin: 10px 0px 0px 0px;
    }

    div#swal2-content h5 {
        margin: 24px 0px !important;
    }

    .swal2-container.swal2-center.swal2-shown {
        margin: 0px 8px 0px 10px;
    }

    .swal2-popup.swal2-modal.swal2-show {
        width: 100% !important;
    }

    .swal2-icon.swal2-error.swal2-animate-error-icon {
        background: url(../../images/m88/icon/icon-failed.svg);
        width: 120px;
        height: 120px;
        border-radius: unset;
        border: none;
        margin: 0;
        margin-top: 10px;
    }

    .swal2-icon.swal2-error .swal2-x-mark {
        display: none !important;
    }

    .swal2-title {
        font-size: 20px !important;
        margin: 24px 0 !important;
    }

    .swal2-content {
        color: #222939 !important;
        font-size: 14px !important;
    }

    button.swal2-confirm.swal2-styled {
        background-color: #caab72;
        color: #222939;
        font-weight: bold;
        border-radius: 60px;
        height: 40px;
        width: 76px;
        font-size: 14px;
        text-transform: uppercase;
    }

    .swal2-styled:focus {
        box-shadow: unset !important;
    }

    button.swal2-confirm.swal2-styled:hover {
        background-color: #d7c095 !important;
    }

    .swal2-actions {
        margin: 24px auto 10px !important;
    }

    /*for small tile*/

    .inner-box-banks .box.bank-card.box-small {
        min-height: 160px;
    }

    .inner-box-banks:not(.filtered) .box.bank-card.box-small {
        min-height: 180px !important;
    }


    .inner-box-banks .box.bank-card.box-small .inner {
        height: 122px !important;
        margin: 0px 8px;
    }

    .lang-zh .note-readmore-container span.note-txt {
    }

    .swal2-icon.swal2-error.swal2-animate-error-icon {
        background: url(../../images/m88/icon/icon-failed.svg);
        width: 120px;
        height: 120px;
        border-radius: unset;
        border: none;
        margin: 0;
        margin-top: 10px;
    }

    .swal2-icon.swal2-error .swal2-x-mark {
        display: none !important;
    }

    .swal2-title {
        font-size: 20px !important;
        margin: 24px 0 !important;
    }

    a.btn.text-uppercase.deposit-primary-button.mt-2.btn-back-home {
        line-height: 45px;
    }

    .swal2-content {
        color: #222939 !important;
        font-size: 14px !important;
    }

    button.swal2-confirm.swal2-styled {
        background-color: #caab72;
        color: #222939;
        font-weight: bold;
        border-radius: 60px;
        height: 56px;
        width: 100%;
        font-size: 14px;
        text-transform: uppercase;
    }

        button.swal2-confirm.swal2-styled i {
            display: none;
        }

    .swal2-styled:focus {
        box-shadow: unset !important;
    }

    button.swal2-confirm.swal2-styled:hover {
        background-color: #d7c095 !important;
    }

    .swal2-actions {
        margin: 24px auto 10px !important;
    }

    /*for read more pop-over*/
    .note-desktop {
        display: none !important;
    }

    .note-readmore-container.no-readmore .note-txt-mobile {
        width: 100% !important;
    }

    span.note-txt-mobile {
        max-width: 100%;
    }

        span.note-txt-mobile.show-readmore {
            max-width: 90px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        span.note-txt-mobile + .note-popover {
            display: none;
        }

        span.note-txt-mobile.show-readmore + .note-popover {
            display: block;
        }

    .note-readmore-container span.note-txt-mobile img {
        margin-right: 4px;
        margin-top: -2px;
        height: 12px !important;
    }

    .lang-vi .note-txt-mobile.show-readmore {
        max-width: 87px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .box.bank-card:hover {
        background-color: #f5f5f6 !important;
    }

    .inner-box-banks:not(.filtered) .bank-card.box-small .inset > .row-3 {
        margin: 0 !important;
    }

    .inner-box-banks {
        position: absolute;
        width: 100%;
        padding-right: 16px;
    }

    div#changeFontDIV {
        touch-action: pan-y;
        margin-right: -4px;
    }

    .jp-us-dd {
        padding-right: 0px;
    }

    .jp-us-ex-rate {
        margin-top: 8px;
    }

    #creditcard__pay--details .note-header.show-atm-tip.tip-cashier-innerPage.changed-after-save {
        margin-top: 0px !important;
    }

    .jp-us-input {
        padding-left: 8px;
    }

    .note-ol-cc .note-header.show-atm-tip.tip-cashier-innerPage {
        margin: 0px 0px 24px 0px !important;
    }

    .qt-option-txt {
        width: auto;
        position: relative;
        display: inline-flex;
    }

    /*for amount buttons*/
    a.btn.btn-secondary.mt-1.btn-xs-block.amount-btn {
        width: 24%;
        border-radius: 60px;
        border: solid 1px #ced2d2;
        line-height: 44px;
        display: inline-block;
    }

        a.btn.btn-secondary.mt-1.btn-xs-block.amount-btn.selected {
            border: solid 1px #222939;
        }

    .quick-amount-lbl.col-md-4.col-sm-4.col-xs-12 {
        display: none;
    }

    .btn-amount-container.col-md-8.col-sm-8.col-xs-12 {
        margin-top: -16px;
    }

    div#crypto__pay--details div#divQuickAmount .btn-amount-container.col-md-8.col-sm-8.col-xs-12 {
        margin-top: 0px
    }

    /**** Withdrawal amount in crypto info ****/
    /**** BEGIN ****/
    .tip-note {
        border-radius: 8px;
        background-color: #e3effa !important;
        padding: 8px 16px;
        margin: 12px 0px 0px 0px;
        width: auto;
        font-size: 14px;
        font-weight: bold;
        position: absolute;
        z-index: 1;
    }

    #ff-tip-note-Container {
        display: inline-block;
    }

    .ff-tip-note {
        margin-left: -18px;
        position: relative;
        top: 8px;
    }

        .ff-tip-note:before {
            content: "";
            position: inherit;
            border-bottom: 8px solid #e3effa;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
        }

    #xrate-info-icon-container {
        display: inline;
        margin-left: 0px;
        position: relative;
        z-index: 10;
    }

    .exrate-info-icon {
        position: relative;
        cursor: pointer;
        vertical-align: text-bottom;
    }
    /**** END ****/
    /**** Withdrawal amount in crypto info ****/

    span.col-form-label.info-image-exchange-label {
        width: 100%;
        display: inline-block;
        text-align: left;
        margin: 0px;
    }

    span.col-form-label.info-exchange-rate {
        display: inline-block;
        position: relative;
        margin: 8px 8px 0px 16px;
    }

    span#lblExchangeRate.col-form-label.info-exchange-rate > span {
        display: inline-block;
    }

        span#lblExchangeRate.col-form-label.info-exchange-rate > span:nth-child(1) {
            white-space: pre-wrap;
        }

    /*For failed withdrawal*/
    .withdrawalFailed-container a.deposit-primary-button span {
        height: 56px !important;
        padding: 16px 32px;
        line-height: 25px !important;
        display: inline-flex;
        margin: 0 !important;
    }

    .withdrawalFailed-container .deposit-status h5 {
        margin: 24px 0;
    }

    .withdrawalFailed-container, .withdrawalFailed-container .tab-pane {
        padding: 0 !important;
    }
    /* wd vegawallet */

    .wd-img-top-container {
        width: 198px;
        height: 37px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        margin-top: -30px;
        margin-bottom: 9.4px;
    }

        .wd-img-top-container img {
            height: 37px;
            width: 198px !important;
        }
    /*--End of failed withdrawal*/

    .container-vegaWallet .btn.submit-button {
        float: unset !important;
        width: 100%;
    }

    .container-vegaWallet .vegaWallet-footer {
        padding: 0;
        display: flex;
        flex-direction: column-reverse;
    }

    .container-vegaWallet a.text-underline.col-form-label.col-md-4.col-sm-4.col-xs-8 {
        margin: 22px 0 6px;
        width: 100%;
    }

    .row.form-group.vegaWallet-footer-container {
        margin: 0;
    }

    .vegaWallet-footer-ca .col-form-label {
        padding: 0;
        margin: 0;
        text-transform: none;
    }

    .container-vegaWallet .col-md-4 .col-form-label {
        line-height: 1.43;
        margin-bottom: 4px;
        font-size: 14px;
    }

    .container-vegaWallet .mobile-division {
        content: '';
        height: 16px;
        background: #f4f4f5;
        margin-bottom: 24px;
    }

    div#withdrawal--details.container-vegaWallet {
        margin-left: -15px;
        margin-right: -15px;
    }

        div#withdrawal--details.container-vegaWallet .row.form-group {
            padding: 0 16px;
        }

    .vegaWallet-footer > #btnSubmit {
        margin-top: 0;
    }
    div#crypto__pay #withdrawal--details.container-vegaWallet {
        padding-top: 0;
        margin-top: -25px;
    }
    /*--end of wd vegawallet */

    /*** DEPOSIT VEGAWALLET ***/
    .dp-vw-img-top-container {
        width: 198px;
        height: 37px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 9.4px;
    }

        .dp-vw-img-top-container img {
            height: 37px;
            width: 198px !important;
        }

    #online__pay--details.dp-vw-container .btn > span:nth-child(2) {
        font-family: 'Lato-Black';
    }

    #online__pay--details.dp-vw-container .submit-button {
        margin-top: 0px;
        margin-bottom: 8px;
    }

    #online__pay--details.dp-vw-container .vegaWallet-footer-container > .vegaWallet-footer > a.text-underline.col-form-label {
        margin: 14px auto 0;
    }

    #online__pay--details.dp-vw-container p.dp-vw-notmember {
        margin-top: 6px;
    }
    /*** DEPOSIT VEGAWALLET - END ***/

    /*** EXTRA MARGIN TO FIX IOS ISSUE ***/
    #crypto__pay--details .wd-crypto-xm {
        margin-bottom: 32px;
    }


    /*** FIX FOR BANK METHOD LABEL IN BOX BANK FOR VI LANGUAGE ***/

    .lang-vi .box.bank-card .method-bt {
        font-size: 6.8px;
        line-height: 1.8;
    }

    /*** FIX FOR BANK METHOD LABEL IN BOX BANK FOR VI LANGUAGE - END ***/

    /*** FIX FOR EXCHANGE RATE ALIGNMENT IN POCOIN ***/
    .ex-rate {
        margin-left: 0px !important;
        /*    margin-bottom: -10px;*/
        margin-top: 16px;
    }
    /*** FIX FOR EXCHANGE RATE ALIGNMENT IN POCOIN - END ***/

    /*** Select2 search input styling ***/
    .select2-container--default .select2-search--dropdown .select2-search__field {
        font-size: 16px;
    }
    /*** Select2 search input styling - END ***/

    /**** FOR JP NOTE DEPOSIT ****/
    .tab-content > .active.fe-custom-active {
        overflow: unset;
    }

    .note-header.note-cashier.note-header-USD-only {
        padding: 8px 16px;
    }

        .note-header.note-cashier.note-header-USD-only > .col-form-label {
            margin-bottom: 0px;
            font-size: 14px;
            line-height: 20px;
            height: unset;
        }

        .note-header.note-cashier.note-header-USD-only > .col:first-child {
            padding: 8px 0px 8px 20px;
        }
    /**** FOR JP NOTE DEPOSIT - END ****/

    /*** FOR WITHDRAWAL NOTE ***/
    .note-header.tip-cashier-innerPage.fe-custom-note-wnote {
        padding: 8px 16px 8px 8px;
    }
    /*** FOR WITHDRAWAL NOTE - END ***/

    /*** QT UPLOAD FOR THB ***/
    #depositForm .thb-lbloption-container.fe-lblMsg-nxtLine > label.col-form-label.optional {
        margin-bottom: 0px;
    }

    #depositForm .thb-lbloption-container.fe-lblMsg-nxtLine > .text-danger.qt-create-p.thb-lbloption,
    #depositForm .thb-lbloption-container.fe-lblMsg-nxtLine > .text-danger.qt-complete-p.thb-lbloption {
        margin-left: 16px;
        padding-left: 0px;
    }
    /*** QT UPLOAD FOR THB - END ***/

    /** FOR MAINTENANCE PAGE **/
    .tab-content .error-container {
        padding: 0 16px;
    }
    .error-container .btn-secondary.prev-step {
        height: 48px;
        line-height: 48px;
    }

    /** FOR MAINTENANCE PAGE - END **/


    /** FOR LANDING PAGE TILE **/
    /*text transform for VN Method Tag*/
    .lang-vi .box.bank-card.box-small .tag-header .center-tag div,
    .lang-vi .box.bank-card.box-large .tag-header .center-tag div,
    .lang-vi .box.bank-card.box-small.unavailable-method .tag-header div {
        text-transform: capitalize;
    }

    /*** BILLING INFO ***/

    .popup-cashier.bt-popup.bt-binfo-popup {
        overflow-y: auto;
    }

    .note-billing-info {
        margin-top: 16px;
    }

    .note-warning {
        display: inline-flex;
    }

        .note-warning label.col-form-label {
            display: contents;
        }

            .note-warning label.col-form-label img {
                vertical-align: middle;
            }

    .col-md-6.col-sm-6.col-xs-12.col-date,
    .col-md-6.col-sm-6.col-xs-12.col-email {
        padding: unset;
    }

    .col-md-6.col-sm-6.col-xs-12.col-email {
        padding-top: 16px;
    }

    .i-icon-close {
        cursor: pointer;
        height: 8px;
    }

    .i-error-icon {
        height: 16px;
    }

    .cd-button-field .btn-primary {
        margin-left: unset !important;
        display: flex;
        align-content: center;
        align-items: center;
    }

        .cd-button-field .btn-primary .span.btn-txt {
            width: 100%
        }

    .cd-button-field .default-btn span {
        font-size: unset;
    }

    .cd-button-field {
        padding-bottom: 50px;
    }

        .cd-button-field .preview-btn-group span.icon-tab {
            display: none;
        }

        .cd-button-field .btn > span:nth-child(2) {
            width: 100%
        }

    /*WD Billing Info*/
    div#add-playerbillinginfo .form-group .col-md-12.col-sm-12.col-xs-12 {
        padding: 0px
    }

    div#add-playerbillinginfo .modal-dialog.m-add-bank {
        margin-top: 32px;
        padding: 0px;
        background-color: #fff;
        box-shadow: 2px 2px 10px 0 rgb(0 0 0 / 10%);
        border-top-right-radius: 16px;
        border-top-left-radius: 16px;
    }

    div#add-playerbillinginfo .m-add-bank:before {
        content: "";
        display: block;
        width: 64px;
        height: 4px;
        border-radius: 2px;
        background-color: #d3d4d7;
        position: absolute;
        left: 50%;
        top: 12px;
        transform: translate(-50%, -100%);
        z-index: 1000;
    }

    div#add-playerbillinginfo {
        padding-left: unset !important;
    }

    #add-playerbillinginfo .modal-dialog .modal-header {
        height: 75px !important;
        background-color: transparent;
        display: flex;
        padding: 32px 16px 16px 16px;
        width: 100%;
    }

        #add-playerbillinginfo .modal-dialog .modal-header .close {
            width: 12px;
            height: 12px;
            background-image: url(../../../images/m88/common/icon-close-white.svg);
            background-repeat: no-repeat;
            background-size: contain;
            margin-top: 6px;
        }

        #add-playerbillinginfo .modal-dialog .modal-header .modal-title {
            color: #222939;
            text-transform: uppercase;
            font-size: 16px;
            font-weight: bold;
            width: -webkit-fill-available;
            line-height: 24px;
        }

        .wd-back-btn {
            width: 100%;
        }

            .wd-back-btn > .btn {
                display: inline-flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
            }

    div#add-playerbillinginfo {
        padding: 0px 17px !important;
        background: #ffffff;
    }
    /*END WD Billing Info*/

    /*** END BILLING INFO***/

    .rv-qr-container button#btnSubmit {
        width: -webkit-fill-available;
    }

    .tab-pane.active.notification-deposit.qt-tab-pane hr {
        margin-top: 20px;
        margin-bottom: 2px;
    }

    .rv-qr-container hr {
        margin-bottom: 32px;
    }

    /*FOR NOTE UI*/
    .note-container {
        display: block;
    }
    .note-container > .qt-input:first-child {
        display: none;
    }
    /*FOR NOTE UI - end*/

}
/***end 599**/

/*** FOR 360 and BELOW ***/
@media only screen and (max-width: 375px) {
    /*** FIX FOR WD IOS INFO ICON ***/
    span#lblExchangeRate.col-form-label.info-exchange-rate > span {
        display: block;
    }
    /*** FIX FOR WD IOS INFO ICON - END ***/
}
/*** FOR 360 and BELOW - END ***/

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .lang-id .popup-cashier.bt-popup .popup-content .row > .col > .txt-1 {
        height: 60px;
    }
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
}

/* iPads (portrait) specific iPAD ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .select__saved--container .select2-container, .select2__acount-number .select2-container, .select2-container {
        width: 100% !important;
        max-width: 472px !important;
        float: right;
    }

    .col-md-8.col-sm-8.col-xs-12.field-input.select-container3 .select2-container {
        max-width: 472px !important;
        float: right;
    }

    .row.row2-gray .col-md-8.col-sm-8.col-xs-12 {
        float: right;
    }

    #transfer__steps .field-input input, #deposit__steps .field-input input, #withdrawal__steps .field-input input {
        width: 100%;
        max-width: 472px !important;
        float: right;
    }

    .col-md-offset-3.col-sm-offset-4.col-md-12.col-sm-12.col-xs-12 .note-header, #mobile__pay .note-inner-pages .col-md-offset-3.col-sm-offset-4.col-md-12.col-sm-12.col-xs-12 .note-header {
        width: 472px !important;
        margin-left: 22px;
    }

    .kunit {
        width: 472px;
        padding-left: 37px;
    }

    .select-container:after {
        content: attr(data-text);
        font-size: 12px;
        position: absolute;
        top: 12px;
        left: 55px;
        background: #ffffff;
        padding: 10px 0px 0px 0px;
        display: block;
        pointer-events: none;
        z-index: 20;
        height: 24px;
        line-height: 2px;
        font-weight: bold;
        border: solid 1px #ffffff;
        background-repeat: no-repeat;
        background-position: right 5px center;
        background-size: 20px;
        width: 265px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        font-size: 14px;
    }

    .smartPayQR_steps--details #playerbankdetails div#bankNameDisplay {
        width: 493px;
        float: right;
        padding: 0 15px;
    }

    .smartPay-preview .form-control[readonly] {
        width: 493px;
        float: right;
    }

    .file-upload-wrapper {
        max-width: 230px !important;
    }

    .col-md-4.col-sm-4.col-xs-12.field-input.upload-textbox {
        padding: 0px;
        margin: 0px 20px 0px 12px !important;
        width: 227px !important;
    }

    .file-upload-wrapper:after {
        width: 225px !important;
    }

    .content-body .tab-pane {
        max-width: 664px;
        margin-left: auto;
        margin-right: auto;
    }
}

/* iPad 3 (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio : 2), only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (min-resolution: 192dpi) {
}

/* Desktops and laptops and iPad Pro ----------- */
@media only screen and (min-width : 768px) {

    /*<!--NEW M88 UI-->*/
    #transfer__steps--details #depositForm .preview-btn-group {
        padding-top: 25px;
    }

    #guide_details {
        margin-top: 32px;
    }

        #guide_details .text-bold.hdr-ismaskoff {
            text-transform: uppercase;
            font-size: 16px;
            font-weight: bold;
            color: #4e5461;
        }

        #guide_details hr {
            display: none;
        }

    a#uploadButton span:nth-child(2) {
        margin-left: 0px;
    }

    button[name="btnSubmit"] {
        border: solid 1px #222939;
        background-color: #fff;
    }

        button[name="btnSubmit"] span.icon-tab {
            display: none;
        }

        button[name="btnSubmit"] span:not(.icon-tab) {
            margin-left: 0px;
            /*margin-top: 3px;*/
        }

    #bank-details2 .modal-dialog .modal-content .modal-header.sms-popup-heading {
        height: 76px;
        gap: 16px;
        padding: 32px 32px 24px;
        background-color: #fff;
    }

        #bank-details2 .modal-dialog .modal-content .modal-header.sms-popup-heading .close {
            width: 12px;
            height: 12px;
            background-image: url('../../../images/m88/common/icon-close-white.svg');
            background-repeat: no-repeat;
            background-size: contain;
            margin-top: 0px;
        }


            #bank-details2 .modal-dialog .modal-content .modal-header.sms-popup-heading .close span {
                display: none;
            }

        #bank-details2 .modal-dialog .modal-content .modal-header.sms-popup-heading .modal-title {
            color: #222939;
            text-transform: uppercase;
            font-size: 16px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: 13px;
            letter-spacing: normal;
        }



    #bank-details2 .modal-dialog .modal-content .modal-body {
        padding: 24px 32px 32px 32px;
    }

        #bank-details2 .modal-dialog .modal-content .modal-body.get-sms-popup p.text-bold {
            display: none;
        }

        /* #bank-details2 .modal-dialog .modal-content .modal-body.get-sms-popup .col-md-12.col-xs-12.col-sm-12.pull-left {
            
            font-size: 14px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.43;
            letter-spacing: normal;
            text-align: left;
            color: #222939;
        }*/

        #bank-details2 .modal-dialog .modal-content .modal-body .get-sms-table tr {
            display: flex;
            flex-direction: column-reverse;
            height: 64px;
            padding: 12px 8px 12px 8px;
            gap: 8px;
        }

        #bank-details2 .modal-dialog .modal-content .modal-body .get-sms-table td {
            font-weight: bold;
            text-transform: uppercase;
            color: #222939;
        }

            #bank-details2 .modal-dialog .modal-content .modal-body .get-sms-table td:not(.text-bold) {
                font-size: 10px;
                height: 14px;
                line-height: 1.4
            }

            #bank-details2 .modal-dialog .modal-content .modal-body .get-sms-table td.text-bold {
                font-size: 14px;
                height: 18px;
                line-height: 1.29;
                color: #383e4d
            }



    #transfer__steps #transfer__steps--guide .state-d-block.text-bold.mt-2 {
        font-weight: normal;
        color: #222939;
        /*border: 1px solid red;*/
    }

    #guide_details .header-mask.step2-desc {
        /*border: 1px solid red;*/
    }

    .default-btn .icon-size {
        display: none;
    }

    .default-btn span {
        margin-left: 0px !important;
    }

    /****** navbar *********/
    #navbar .navbar-nav .nav-link {
        text-align: center;
        display: table-cell;
        height: 130px;
        font-size: 10px;
        vertical-align: middle;
        padding-top: 0;
        padding-bottom: 0;
    }

        #navbar .navbar-nav .nav-link > img {
            display: block;
            width: 25px;
            margin: 2px auto 5px auto;
            top: 0;
            line-height: 24px;
        }
    /****** buttons *********/



    /****** forms *********/
    .alertmobile {
        display: none;
    }

    span.iconmob {
        visibility: hidden;
    }
    /****** modal *********/
    .modal--quick-transfer {
        width: 325px;
    }

    .bank-modal-dialog {
        width: 490px;
        margin: 150px auto;
    }

    .content-body .nav-tabs li.free-bet {
        float: right;
    }

    .modal-dialog {
        margin: 250px auto;
    }

    #unique-deposit-amount .modal-dialog,
    #unique-deposit-amount-mobile .modal-dialog,
    #unique-deposit-amount-atm .modal-dialog {
        width: 350px;
    }

    .modal-sm {
        width: 425px;
    }
}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
    .navbar-nav > li > .dropdown-menu {
        margin-top: -10px;
        left: -45px;
        box-shadow: none;
        border: 1px solid #D1E4EB;
        border-radius: 0px;
        padding: 0px;
    }

    .dropdown ul.dropdown-menu:before {
        content: "";
        border-bottom: 10px solid #fff;
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
        position: absolute;
        top: -10px;
        right: 70px;
        z-index: 10;
    }

    .navbar-nav > li > .dropdown-menu li a {
        padding: 5px 0px;
    }

        .navbar-nav > li > .dropdown-menu li a:hover {
            background: #D1E4EB;
        }

    .input-group-btn:first-child > .btn,
    .input-group-btn:first-child > .btn-group {
        margin-right: 15px;
    }
}

/* Specific displays iPAD ----------- */
@media (min-width: 768px) and (max-width: 991px) {
    .btn-sm-block {
        display: block;
        width: 100%;
    }

    input[type="submit"].btn-sm-block,
    input[type="reset"].btn-sm-block,
    input[type="button"].btn-sm-block {
        width: 100%;
    }

    .btn-block + .btn-sm-block,
    .btn-sm-block + .btn-block,
    .btn-sm-block + .btn-sm-block {
        margin-top: 0.5rem;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .btn-md-block {
        display: block;
        width: 100%;
    }

    input[type="submit"].btn-md-block,
    input[type="reset"].btn-md-block,
    input[type="button"].btn-md-block {
        width: 100%;
    }

    .btn-block + .btn-md-block,
    .btn-md-block + .btn-block,
    .btn-md-block + .btn-md-block {
        margin-top: 0.5rem;
    }
}

@media (min-width: 1200px) {
    .btn-lg-block {
        display: block;
        width: 100%;
    }

    input[type="submit"].btn-lg-block,
    input[type="reset"].btn-lg-block,
    input[type="button"].btn-lg-block {
        width: 100%;
    }

    .btn-block + .btn-lg-block,
    .btn-lg-block + .btn-block,
    .btn-lg-block + .btn-lg-block {
        margin-top: 0.5rem;
    }

    .container {
        width: 950px;
    }

    .popup-cashier.bt-popup {
        min-width: 370px;
        width: auto;
    }
}

@media (min-width: 600px) {

    /*<!--NEW M88 UI-->*/
    span.time-limit, span.min-amount-txt, span.max-amount-txt, span.time-lapse {
        color: #383e4d;
    }

    #bank-details2 .modal-dialog .modal-content .modal-body .get-sms-table tr:first-child {
        border-radius: 8px 8px 0px 0px;
    }

    #bank-details2 .modal-dialog .modal-content .modal-body .get-sms-table tr:last-child {
        border-radius: 0px 0px 8px 8px;
    }

    .input-calendar .info-image.infoTime {
        margin-right: 30px;
    }

    .field-input.upload-textbox .info-image {
        margin-right: 16px;
    }

    .select2 + a.info-image {
        margin-right: 22px;
    }

    div#reminderSaveSuccess {
        padding: 8px 0px;
        border-radius: 8px;
        line-height: 24px;
        background-color: #e4f3ea;
        margin-top: 8px;
        margin-bottom: 8px;
        text-align: left !important;
        display: inline-flex;
        margin-right: 15px;
        margin-left: 15px;
        width: 616px !important;
    }

        div#reminderSaveSuccess .check-icon {
            display: block;
            margin: 0 8px 0 16px;
        }

        div#reminderSaveSuccess .text-bold.hdr-ismaskoff.header-mask {
            color: #329c69;
            font-size: 14px;
            font-weight: bold;
            line-height: 24px;
            text-transform: initial;
        }

    #bank-details2 .modal-dialog .modal-content .modal-header.sms-popup-heading {
        height: 76px;
        gap: 16px;
        padding: 32px 32px 24px;
        background-color: #fff;
    }

        #bank-details2 .modal-dialog .modal-content .modal-header.sms-popup-heading .close {
            width: 12px;
            height: 12px;
            background-image: url('../../../images/m88/common/icon-close-white.svg');
            background-repeat: no-repeat;
            background-size: contain;
            margin-top: 0px;
        }


            #bank-details2 .modal-dialog .modal-content .modal-header.sms-popup-heading .close span {
                display: none;
            }

        #bank-details2 .modal-dialog .modal-content .modal-header.sms-popup-heading .modal-title {
            color: #222939;
            text-transform: uppercase;
            font-size: 16px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: 13px;
            letter-spacing: normal;
        }


    #bank-details2 .modal-dialog .modal-content .modal-body {
        padding: 24px 32px 32px 32px;
    }

        #bank-details2 .modal-dialog .modal-content .modal-body.get-sms-popup p.text-bold {
            display: none;
        }

        #bank-details2 .modal-dialog .modal-content .modal-body .get-sms-table tr {
            display: flex;
            flex-direction: column-reverse;
            height: 64px;
            padding: 12px 8px 12px 8px;
            gap: 8px;
        }

        #bank-details2 .modal-dialog .modal-content .modal-body .get-sms-table td {
            font-weight: bold;
            text-transform: uppercase;
            color: #222939;
        }


        #bank-details2 .modal-dialog .modal-content .modal-body.get-sms-popup .sms-txt-b {
            text-transform: uppercase;
            height: 20px;
            font-size: 14px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.25;
            letter-spacing: normal;
            color: #4e5461;
            margin: 0px 0px 24px 0px;
        }

        #bank-details2 .modal-dialog .modal-content .modal-body.get-sms-popup h4.sms-txt-b {
            font-size: 16px;
        }

        #bank-details2 .modal-dialog .modal-content .modal-body .get-sms-table td:not(.text-bold) {
            font-size: 10px;
            height: 14px;
            line-height: 1.4
        }

        #bank-details2 .modal-dialog .modal-content .modal-body .get-sms-table td.text-bold {
            font-size: 14px;
            height: 18px;
            line-height: 1.29;
            color: #383e4d
        }


    div#crypto__pay--details.tab-pane.active.notification-deposit {
        padding-top: 0px !important;
    }

    div#creditcard__pay--summary {
        padding-top: 4px !important;
    }

    #cashcard__pay div#scratchcard__pay--details {
        padding-top: 12px !important;
    }

    /*   #deposit__steps div#scratchcard__pay--details .note-header.tip-cashier-innerPage {
        margin-top: 0px;
    }*/

    div#cashcard__pay--summary {
        padding-top: 9px !important;
    }

    div#creditcard__pay--details {
        padding-top: 12px !important;
    }

    div#transfer__steps--results {
        margin-top: -2px !important;
    }

    div#online__pay--summary {
        padding-top: 14px !important;
    }

    div#transfer__steps--details {
        margin-top: -2px;
    }

        div#transfer__steps--details.smartPayQR_steps--details {
            margin-top: -12px;
        }

        div#transfer__steps--details.ninePay-step #depositForm {
            margin-top: -12px;
        }

        div#transfer__steps--details .list-inline.linkcontent {
            margin-top: 0px;
            margin-bottom: -10px;
        }

    #cashcard__pay--summary .preview-btn-group {
        margin-top: 25px;
    }

    .modal.sms-popup.in .modal-dialog .modal-content .modal-body .row {
        margin-left: 0px;
        margin-right: 0px;
    }

        .modal.sms-popup.in .modal-dialog .modal-content .modal-body .row div {
            padding-left: 0px;
        }

    #mobile__pay .process-deposit .process-step.active a h6 span,
    #cashcard__pay .process-deposit .process-step.active a h6 span {
        margin-left: 0px;
    }

    #notification {
        padding: 32px 32px 0px;
        margin-bottom: 0px;
    }

        #notification .row {
            margin: 24px auto 32px;
            width: 416px;
        }

            #notification .row .col-form-label {
                margin-top: 24px;
                font-size: 20px;
                line-height: 1.2;
                color: #222939;
            }

            #notification .row .md-message-txt .col-form-label {
                font-size: 14px;
                line-height: 1.43;
            }

    .modal-dialog .radio-inline.mt-2.r-add-bank input[type="radio"] {
        margin: 4px 0px 0px -24px !important;
    }

    .tab-pane .preview-btn-group button#btnSubmitDepositForm, .tab-pane .preview-btn-group .btn-primary {
        margin-left: 8px;
    }

    #transfer__steps--results #GetBankDetail #content-sidebar--banner {
        width: 200px;
    }

    #transfer__steps--results .linkcontent button[name="btnSubmit"] span:first-child {
        display: none;
    }

    #deposit__status #box .deposit-primary-button span {
        font-size: 14px;
        font-weight: 900;
        color: #222939;
    }

    .lang-id #deposit__status #box .deposit-primary-button span {
        font-size: 14px;
        font-weight: 900;
        color: #222939;
        line-height: 46px;
    }

    .process-step.active {
        color: #4e5461;
    }

    #transfer__steps--results .ninePay-step-2 .form-group .copyLine label.col-form-label {
        margin-top: 0px;
        font-weight: bold;
        font-size: 10px;
        letter-spacing: normal;
        color: #d3d4d7;
        text-transform: uppercase;
    }

    .lang-km .tab-summary .col-sm-4 {
        width: 35%;
    }

    .lang-km .tab-summary .col-sm-8 {
        width: 65%;
    }

    #transfer__steps--details .text-justify .col-form-label {
        line-height: 20px;
    }

    /*   padding-top: 14px;*/

    #transfer__steps--details .col-md-4.col-sm-4.col-xs-12.col-upload {
        width: 36%;
        margin-right: -18px;
    }

    #transfer__steps--guide .list-inline.mb-2 {
        margin-top: -8px;
        margin-bottom: -10px;
    }

    #transfer__steps--guide #GetBankDetail {
        margin-top: 20px;
        padding: 0;
        margin-bottom: -30px;
    }

    #transfer__steps--guide .list-inline.mb-2.step-title #GetBankDetail {
        margin-top: 8px;
    }

    .tab-summary .preview-btn-group .btn-secondary.default-btn span:first-child, #transfer__steps .preview-btn-group .btn-secondary.default-btn span:first-child {
        display: none;
    }

    .tab-summary .preview-btn-group .btn-secondary.default-btn span:only-child, #transfer__steps .preview-btn-group .btn-secondary.default-btn span:only-child {
        display: block;
    }

    button#btnSubmit span:first-child, button#btnSubmitDepositForm span:first-child, button#saveAcctBtn span:first-child, button[type="submit"].btn-primary span:first-child {
        display: none;
    }

    div#add-playerbankaccount .modal-dialog .modal-content #saveAcctBtn {
        margin: 24px 16px 32px 0px;
    }

    #online__pay--summary .form-group .preview-btn-group button[name="btnSubmit"].default-btn span:first-child {
        display: block;
        padding: 0px;
        font-size: 14px;
        font-weight: bold;
    }

    #previewForm .preview-btn-group {
        margin-top: 25px;
    }

        #previewForm .preview-btn-group .submit-button {
            margin-top: 0px;
            /*line-height: 31px;*/
        }

    button#btnSaveNewBankAccount {
        float: right;
    }

    button#btnSubmitDepositForm {
        float: right;
    }

    #cashcard__pay #deposit__steps .tab-pane {
        padding-top: 0px;
    }

    #cashcard__pay .process-deposit .process-row.nav.nav-tabs {
        padding-bottom: 4px;
    }

    div#uploadMsgDIV.field-info {
        margin-top: 16px;
    }

    div#uploadMsgDIV .field-info-error {
        margin-top: 16px;
    }

    #transfer__steps--details #depositForm span.field-info-error.upload-errormsg {
        margin-top: 16px;
    }

    #transfer__steps--details #depositForm .col-md-12.col-sm-12.linkcontent {
        display: flex;
        justify-content: flex-end;
    }

    .modal-dialog .modal-content .modal-body .col-md-12, .modal-dialog .modal-content .modal-body .col-md-8, .modal-dialog .modal-content .modal-body .col-md-4 {
        padding-right: 0px;
    }

    #transfer__steps--status .deposit-icon, #online__pay--status .deposit-icon, #mobile__pay--status .deposit-icon,
    #cashcard__pay--status .deposit-icon, #transfer__steps--status .deposit-icon,
    #transfer__steps--counter-status .deposit-icon, #transfer__steps--ctm-status .deposit-icon,
    #transfer__steps--atm-status .deposit-icon, #transfer__steps--mobile-status .deposit-icon,
    #ninepay__form-status .deposit-icon, #ninepay__form-mobile-status .deposit-icon, #ninepay__form-atm-status .deposit-icon {
        width: 120px;
        height: 120px;
        display: flex;
        padding: 0px;
        margin-top: 32px;
    }

    .list-unstyled.list-inline.text-center.box {
        padding: 0px 95px;
    }

    #deposit__status {
        padding: 15px 67px 0px 67px;
    }

        #deposit__status #box {
            padding: 0px 32px 0px 32px;
        }

        #deposit__status .box-btn {
            width: 100%;
            padding-top: 24px;
        }

    .deposit-status .box {
        padding-top: 16px;
    }

        .deposit-status .box h5 {
            font-size: 14px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.43;
            letter-spacing: normal;
            text-align: center;
            color: #222939;
            margin-top: 8px;
            margin-bottom: 0px;
            display: block;
        }

            .deposit-status .box h5.strong {
                font-weight: bold;
            }

    .deposit-status-title {
        margin-top: 24px;
        margin-bottom: 0px;
    }

        .deposit-status-title span {
            font-size: 20px;
        }


    .deposit-primary-button, .deposit-primary-button:hover, .deposit-primary-button:focus, .deposit-primary-button:active {
        background-color: #caab72;
        color: #222939;
        border: 0px;
        width: 100%;
        height: 48px !important;
        border-radius: 60px;
        font-weight: bold;
        text-align: center;
        justify-content: center;
        margin-bottom: 6px;
    }

    #DepositAgain, #DepositAgain:hover, #DepositAgain:focus, #DepositAgain:active {
        width: 100%;
        border-radius: 60px;
        height: 56px !important;
        line-height: 16px;
    }

        #DepositAgain:hover {
            /*border: solid 1px #222939;*/
            background-color: #e9eaeb;
            color: #222939 !important;
            text-decoration: none;
        }

        #DepositAgain:focus,
        #DepositAgain:active {
            background-color: #e9eaeb;
            outline: 0px solid #314060 !important;
            color: #222939 !important;
        }

    #HeaderStatus {
        height: 24px;
        font-size: 20px;
        color: #222939;
        line-height: 1.2;
        font-weight: bold;
    }

    button.btn.btn-secondary {
        border: solid 1px #222939;
        background-color: #fff;
    }

    button#DepositAgain span.icon-tab {
        display: none;
    }

    button#btnSubmit span.icon-tab {
        display: none;
    }

    .col-upload {
        display: inline-flex;
        padding-right: 0px;
    }

        .lang-km .col-upload p.text-danger.qt-create-p, .col-upload p.text-danger.qt-complete-p {
            margin-top: 26px !important;
        }


        .col-upload p.text-danger.qt-create-p, .col-upload p.text-danger.qt-complete-p {
            margin: 24px 0px 0px 4px !important;
            padding: 0px;
        }

    .lang-ja .col-upload {
        width: 228px;
        flex-direction: column;
        margin-top: 0px;
    }

        .lang-ja .col-upload p.text-danger.qt-create-p, .lang-ja .col-upload p.text-danger.qt-complete-p {
            margin: 0px 0px 0px -7px !important;
        }

    #add-playerbankaccount .col-upload p.text-danger.qt-create-p {
        margin-top: 16px;
    }

    span.input-group-btn .btn {
        width: 0px;
    }

    #transfer__steps--results .ninePay-step-2 .row.form-group.mb-0 .input-group .form-control.copyRow {
        margin-top: 8px;
        background-color: transparent;
    }

    #transfer__steps--results .ninePay-step-2 .row.form-group.mb-0 .col-md-12.col-sm-12.col-xs-12.copyLine {
        margin-top: -7px;
    }

    #transfer__steps--results .ninePay-step-2 .row.form-group.mb-0 .input-group-btn.copy-btn {
        padding-right: 64px;
    }

    #transfer__steps--results .row.form-group.mb-0 .input-group-btn.copy-btn button.btn {
        background-color: #e4f3ea;
        padding: 8px;
        opacity: 0.9;
        border-radius: 4px;
        border: 0px;
        margin-left: -24px;
    }

    #transfer__steps--results .row.form-group.mb-0 .input-group-btn.copy-btn .copy-icon img {
        margin-left: 16px;
    }

    #transfer__steps #transfer__steps--results .copy-success {
        height: 18px;
        color: #222939;
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        border-radius: 4px;
        background-color: #e4f3ea;
        padding: 8px;
        opacity: 0.9;
    }

    #transfer__steps--guide #guide_details .qt-mask-copy .row.form-group.mb-0:first-child {
        margin: 0px;
        padding-left: 0px;
        padding-right: 0px;
        border-radius: 8px 8px 0px 0px;
        padding: 12px 0px 12px 0px;
    }

    #transfer__steps--guide #guide_details .qt-mask-copy .row.form-group:last-child {
        margin: 0px;
        padding-left: 0px;
        padding-right: 0px;
        border-radius: 0px 0px 8px 8px;
    }

    /*for QT third row copy line*/
    .row.row2.form-group.row-if-3 {
        border-radius: 0px !important;
    }

    .row.row2.form-group.row-if-2 {
        border-radius: 0px 0px 8px 8px;
    }

    .third-row {
        border-radius: 0px 0px 8px 8px;
    }

    #transfer__steps--guide #guide_details .row.form-group .col-md-4.col-sm-4.col-xs-12.copyLine {
        height: 14px;
        line-height: 1.4;
    }

    #transfer__steps--details .row.form-group.mb-0:first-child, #transfer__steps--results .row.form-group.mb-0:first-child {
        border-radius: 8px 8px 0px 0px;
    }

    #transfer__steps--details .row.row2.form-group.mb-0:last-child, #transfer__steps--results .row.row2.form-group.mb-0:last-child {
        border-radius: 0px 0px 8px 8px;
    }

    #transfer__steps--details .row.row1.form-group.mb-0, #transfer__steps--results .row.row1.form-group.mb-0 {
        display: flex;
        flex-direction: column;
        background-color: #4e5461;
        color: #d3d4d7;
        height: 64px;
    }

    #transfer__steps--details .row.row2.form-group.mb-0, #transfer__steps--results .row.row2.form-group.mb-0 {
        display: flex;
        flex-direction: column;
        background-color: #646974;
        color: #d3d4d7;
        border-radius: 0px;
        height: 64px;
    }

    #transfer__steps--details .row.form-group.mb-0, #transfer__steps--results .row.form-group.mb-0 .col-form-label {
        font-size: 10px;
        text-transform: uppercase;
        margin-top: 5px;
    }

    #transfer__steps--details .row.form-group.mb-0, #transfer__steps--results .row.form-group.mb-0 .input-group {
        padding-bottom: 4px;
    }

        #transfer__steps--details .row.form-group.mb-0, #transfer__steps--results .row.form-group.mb-0 .input-group input.form-control {
            font-size: 14px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.29;
            color: #fff;
            text-transform: uppercase;
            padding: 0px;
            border-radius: 0px;
        }

    div#guide_details .qt-mask-copy .copy-success {
        color: white;
        height: 18px;
        color: #222939;
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        border-radius: 4px;
        background-color: #e4f3ea;
        padding: 8px;
        opacity: 0.9;
    }

    form#depositForm .preview-btn-group button.btn.btn-secondary.mt-1.btn-xs-block.default-btn, button#btnSubmitDepositForm {
        width: 200px;
        /*  float: right;*/
    }

    #transfer__steps--results span.state-d-block.text-bold.mt-2.mb-2 {
        margin-top: 7px;
        margin-bottom: 0px;
    }

    #transfer__steps--results .state-d-block.text-bold.mt-2.mb-2 {
        width: 90%;
    }

    button#saveAcctBtn {
        margin: 24px 32px 32px 0px;
        float: right;
    }

    #add-playerbankaccount .modal-dialog .modal-content {
        width: 556px;
        border-radius: 8px 8px 0px 0px;
    }

        #add-playerbankaccount .modal-dialog .modal-content .note-header.show-atm-tip.tip-cashier-innerPage {
        }

        #add-playerbankaccount .modal-dialog .modal-content .modal-header,
        #add-playerbillinginfo .modal-dialog .modal-content .modal-header {
            height: 76px;
            gap: 16px;
            padding: 32px 32px 24px;
            background-color: #fff;
        }

            #add-playerbankaccount .modal-dialog .modal-content .modal-header .close,
            #add-playerbillinginfo .modal-dialog .modal-content .modal-header .close {
                width: 12px;
                height: 12px;
                background-image: url('../../../images/m88/common/icon-close-white.svg');
                background-repeat: no-repeat;
                background-size: contain;
                margin-top: 0px;
            }

                #add-playerbankaccount .modal-dialog .modal-content .modal-header .close span,
                #add-playerbankaccount .modal-dialog .modal-content .modal-header .close span {
                    display: none;
                }

            #add-playerbankaccount .modal-dialog .modal-content .modal-header .modal-title,
            #add-playerbillinginfo .modal-dialog .modal-content .modal-header .modal-title {
                color: #222939;
                text-transform: uppercase;
                font-size: 16px;
                font-weight: bold;
                font-stretch: normal;
                font-style: normal;
                line-height: 13px;
                letter-spacing: normal;
            }

        #add-playerbankaccount .modal-dialog .modal-content .modal-body {
            padding: 0px 32px 0px 17px;
        }

            #add-playerbankaccount .modal-dialog .modal-content .modal-body .row.form-group {
                margin-top: 24px;
            }

            #add-playerbankaccount .modal-dialog .modal-content .modal-body p.text-bold {
                display: none;
            }

            #add-playerbankaccount .modal-dialog .modal-content .modal-body h5.text-bold {
                text-transform: uppercase;
                height: 20px;
                font-size: 16px;
                font-weight: bold;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.25;
                letter-spacing: normal;
                color: #4e5461;
                margin: 0px 0px 24px 0px;
            }

        #add-playerbankaccount .modal-dialog .modal-content .row.form-group {
            margin: 0px;
        }

    #chooseFileButton span {
        margin-left: 0px;
    }

    #transfer__steps--details .state-d-block.text-bold.mt-2 {
        margin-top: 5px;
    }

    #transfer__steps--details .col-md-5.col-sm-5.col-xs-12.d-inline-flex.upload-line {
        width: 230px;
    }

    #transfer__steps--details .col-md-4.col-sm-4.col-xs-12.d-inline-flex.upload-line {
        width: 230px;
        padding-left: 0px;
        padding-right: 0px;
        display: inline-flex;
    }

        #transfer__steps--details .col-md-4.col-sm-4.col-xs-12.d-inline-flex.upload-line a#uploadButton {
            width: 108px;
            margin-left: 8px;
        }

    #transfer__steps--details .col-md-2.col-sm-2.col-xs-12.field-input.upload-textbox {
        width: 170px;
        padding-right: 8px;
    }

    #TutorialLink h6.text-capitalize small {
        color: #000;
        font-size: 14px;
        height: 20px;
    }

    #TutorialLink h6.text-capitalize img {
        margin-right: 8px;
        margin-top: -4px;
    }

    #transfer__steps--details span.state-d-block.text-bold.mt-2.mr-1 {
        /*  margin-top: 10px;*/
    }

    #transfer__steps--details span.state-d-block.text-bold.mt-2.mr-1 {
        margin-top: 5px;
    }

    #transfer__steps--details #depositForm .preview-btn-group {
        padding-top: 25px;
    }

    #guide_details {
        margin-top: 32px;
    }

        #guide_details .text-bold.hdr-ismaskoff {
            text-transform: uppercase;
            font-size: 16px;
            font-weight: bold;
            color: #4e5461;
            padding-bottom: 16px;
            margin: 0px;
        }

        #guide_details hr {
            display: none;
        }

    a#uploadButton span:nth-child(2) {
        margin-left: 0px;
        line-height: 20px;
    }

    button[name="btnSubmit"] {
        border: solid 1px #222939;
        background-color: #fff;
    }

        button[name="btnSubmit"] span.icon-tab {
            display: none;
        }

        button[name="btnSubmit"] span:not(.icon-tab) {
            margin-left: 0px;
            /*margin-top: 3px;*/
            line-height: 46px;
        }




    #transfer__steps #transfer__steps--guide .state-d-block.text-bold.mt-2 {
        /*font-weight: normal;*/
        color: #222939;
        margin-top: 10px;
        /*border: 1px solid red;*/
    }

    #guide_details .header-mask.step2-desc {
        /*border: 1px solid red;*/
    }

    #guide_details .qt-mask-copy .row .input-group {
        height: 18px;
        line-height: 1.4;
    }


    .default-btn .icon-size {
        display: none;
    }

    .default-btn span {
        margin-left: 0px !important;
    }


    h6 img.header-icon {
        display: none;
    }

    .default-btn .icon-size {
        display: none;
    }

    .default-btn span:first-child {
        display: block;
    }

    .default-btn span {
        margin-left: 0px;
    }

    /* form	*/
    .btn > span:first-child {
        font-size: 20px;
        font-weight: normal;
    }

    .btn > span:nth-child(2) {
        margin-left: 10px;
        vertical-align: text-bottom;
        margin-top: 0px;
        font-family: 'Lato-Black';
    }

    .icon-notif {
        font-size: 20px;
        top: 3px;
        position: relative;
    }

    .modal-header {
        padding: 10px 16px 10px 16px;
        background: #131433;
        color: #fff;
        height: 40px;
    }

    /*buttons*/
    .small-btn {
        height: 29px;
        width: 115px;
    }


    .go-btn {
        margin-left: 10px !important;
    }

    /*.copy-btn {
        right: -26px;
    }*/

    span.copy-icon img {
        height: 20px;
        width: 20px;
        margin-right: -12px;
        cursor: pointer;
        /* margin-top: 0px; */
    }

    .lang-th span.copy-icon {
        vertical-align: bottom !important;
    }

    .lang-th .small-btn {
        /*  padding: 3px 10px !important;*/
    }

    .lang-th span.copy-txt {
        line-height: 18px !important;
    }

    .lang-th .ninepay-transfer-results .copy-icon {
        font-size: 20px;
        line-height: 20px;
        vertical-align: middle;
    }

    .lang-th .ninepay-transfer-results span.copy-txt {
        line-height: 22px !important;
    }

    .lang-th .ninepay-transfer-results a#uploadButton {
        line-height: 26px !important;
    }

    .lang-vi .ninepay-transfer-results a#uploadButton {
        line-height: 26px !important;
    }

    .lang-vi a#uploadButton {
        line-height: 27px !important;
        /* padding: 2px 10px;*/
        /*width: 125px;*/
    }

        .lang-vi a#uploadButton span:nth-child(2) {
            margin-left: 5px;
        }

    .lang-zh a#uploadButton {
        line-height: 25px !important;
    }

    .ninepay-transfer-results .copy-btn {
        right: -56px;
    }

    .lang-vi .ninepay-transfer-results .copy-btn {
        right: -55px;
    }

        .lang-vi .ninepay-transfer-results .copy-btn span.copy-txt {
            margin-left: 5px;
        }

    .lang-zh .ninepay-transfer-results .form-group .input-group-btn > .btn {
        padding: 1px 10px;
        line-height: 25px;
    }

    .lang-zh .btn > span.go-txt:nth-child(2) {
        margin-top: 2px;
    }

    .lang-km .col-md-3.col-sm-3.col-xs-12.copyLine {
        width: 180px;
    }

    .icon-size {
        font-size: 20px;
        font-weight: normal;
    }

    .default-btn {
        padding: 0px;
        font-size: 14px;
        font-weight: bold;
        white-space: normal;
        text-transform: uppercase;
        display: inline-flex;
        flex-direction: row;
        justify-content: center;
        line-height: 48px;
        background-color: #caab72;
        color: #222939;
        border-radius: 60px;
        width: 240px;
        height: 48px;
        border: 0px;
    }


    .lang-id button#DepositAgain {
        height: 40px;
        width: 100%;
        padding: 0px 15px;
        font-size: 14px;
        font-weight: bold;
        white-space: normal;
        text-transform: uppercase;
        display: inline-flex;
        flex-direction: row;
        justify-content: center;
        line-height: 39px;
        align-items: center;
    }

    .go-txt {
        line-height: 30px !important;
    }

    .lang-id .go-txt {
        line-height: 35px !important;
    }

    .lang-km .go-txt {
        line-height: 35px !important;
    }


    .lang-km .go-btn .go-icon {
        line-height: 33px;
    }

    .lang-en .go-txt {
        line-height: 31px !important;
    }

    .lang-km .next-btn .btn-txt {
        /*margin-top: 3px !important;*/
    }

    .lang-en .next-btn .btn-txt {
        /* margin-top: 2px !important;*/
        margin-left: 0px;
    }

    .lang-km a#uploadButton {
        line-height: 26px;
    }

    .lang-en .copy-txt {
        line-height: 19px;
    }


    .lang-zh .btn > span:nth-child(2) {
        margin-top: -1px;
    }

    .lang-zh .copy-txt {
        line-height: 26px;
    }

    .lang-zh .form-group .input-group-btn > .btn {
        padding: 0px 10px;
    }

    .lang-th .btn > span:nth-child(2) {
        margin-left: 10px;
        vertical-align: text-bottom;
        margin-top: 2px;
    }

    .next-btn .btn-txt {
        vertical-align: text-bottom;
    }

    .form-group .input-group-btn > .btn > span:last-child {
        display: none;
    }

    /* modal */
    .modal-dialog.modal--quick-transfer {
        width: 320px !important;
    }

    .modal-dialog {
        width: 556px;
        margin: 75px auto;
    }

    .modal-header .modal-title {
        font-size: 14px;
        margin-top: 1px;
    }

    #quick-transfer--new-deposit .modal-dialog,
    #complete--deposit-form .modal-dialog {
        width: 575px;
    }

    .modal-header .close span {
        font-size: 20px;
    }

    .m-add-bank {
        width: 533px;
    }

    .r-add-bank {
        text-align: justify;
        font-size: 14px;
    }

    .dep-dif-acct {
        padding-left: 10px;
        color: #bc1f00;
    }

        .dep-dif-acct a {
            color: #000;
            font-weight: bold
        }

    div.od-shared-form-btn {
        width: unset;
        float: right;
    }

    /* grid bootstrap overwrite */
    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666667%;
    }

    .col-sm-10 {
        width: 83.33333333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }

    .col-sm-pull-12 {
        right: 100%;
    }

    .col-sm-pull-11 {
        right: 91.66666667%;
    }

    .col-sm-pull-10 {
        right: 83.33333333%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-8 {
        right: 66.66666667%;
    }

    .col-sm-pull-7 {
        right: 58.33333333%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-5 {
        right: 41.66666667%;
    }

    .col-sm-pull-4 {
        right: 33.33333333%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-2 {
        right: 16.66666667%;
    }

    .col-sm-pull-1 {
        right: 8.33333333%;
    }

    .col-sm-pull-0 {
        right: auto;
    }

    .col-sm-push-12 {
        left: 100%;
    }

    .col-sm-push-11 {
        left: 91.66666667%;
    }

    .col-sm-push-10 {
        left: 83.33333333%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-8 {
        left: 66.66666667%;
    }

    .col-sm-push-7 {
        left: 58.33333333%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-5 {
        left: 41.66666667%;
    }

    .col-sm-push-4 {
        left: 33.33333333%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-2 {
        left: 16.66666667%;
    }

    .col-sm-push-1 {
        left: 8.33333333%;
    }

    .col-sm-push-0 {
        left: auto;
    }

    .col-sm-offset-12 {
        margin-left: 100%;
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    #guide_details .list-inline.mb-5.linkcontent.col-md-offset-3.col-sm-offset-3 {
        float: right;
        margin-left: 0px;
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-sm-offset-0 {
        margin-left: 0;
    }

    /*error input*/
    .field-error .field-info-error::before {
        top: -9px;
        right: 12px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(213, 183, 32, 0);
        border-top-color: #bf0003;
        border-width: 5px;
        margin-left: 2px;
        transform: rotate(180deg);
        display: none;
    }

    .file-upload-wrapper:before {
        display: none;
    }

    .col-md-4.col-sm-4.col-xs-12.field-input.upload-textbox {
        padding: 0px;
        margin: 0px 16px 0px 16px;
        width: 170px;
    }

    .lang-ja .col-md-4.col-sm-4.col-xs-12.field-input.upload-textbox {
        margin: 0px 16px 0px 15px;
    }

    .lang-ja div#add-playerbankaccount .modal-content .modal-body .col-md-4.col-sm-4.col-xs-12.col-upload {
        width: 33.33333333%;
    }

    .fileUpload-btn {
        /* display: none;*/
        width: 108px;
        height: 48px;
        margin-left: 0px;
        border-radius: 60px;
        line-height: 26px;
    }

    .file-upload-wrapper:after {
        content: attr(data-text);
        font-size: 14px;
        position: absolute;
        background: #ffffff;
        background-position-x: 0%;
        background-position-y: 0%;
        display: block;
        pointer-events: none;
        z-index: 20;
        height: 46px;
        line-height: 12px;
        font-weight: bold;
        background-repeat: no-repeat;
        padding-left: 1px;
        background-image: url(../../images/m88/icon/icon-upload.svg);
        background-size: 20px;
        background-position: 90% 50%;
        padding: 16px 16px;
        top: 1px;
        left: 1px;
        border-radius: 30px;
        width: 168px;
        padding-right: 60px;
    }

    .col-md-4.col-sm-4.col-xs-12.field-input.upload-textbox .field-error > span {
        margin-top: 16px;
        word-wrap: break-word;
        word-break: break-all;
        width: 407px !important;
    }

    .lang-km .col-md-4.col-sm-4.col-xs-12.field-input.upload-textbox .field-error > span {
        margin-top: 16px;
        word-wrap: break-word;
        word-break: break-all;
        width: 413px !important;
    }

    .lang-zh .col-md-4.col-sm-4.col-xs-12.field-input.upload-textbox .field-error > span, .lang-ta .col-md-4.col-sm-4.col-xs-12.field-input.upload-textbox .field-error > span {
        margin-top: 16px;
        word-wrap: break-word;
        word-break: break-all;
        width: 417px !important;
    }

    .lang-ko .col-md-4.col-sm-4.col-xs-12.field-input.upload-textbox .field-error > span {
        margin-top: 16px;
        word-wrap: break-word;
        word-break: break-all;
        width: 400px !important;
    }

    input#UploadFile {
        width: 170px;
    }

    .file-upload-wrapper {
        max-width: 170px;
    }

        .file-upload-wrapper[data-title]:after {
            content: attr(data-title);
            /*color:red !important;*/
        }


    #uploadSuccess::before {
        top: -8px
    }


    #transfer__steps .field-input input,
    #deposit__steps .field-input input, #withdrawal__steps .field-input input {
        width: 100%;
        max-width: 400px;
    }

    /**/

    #transfer__steps #transfer__steps--details button#btnSubmitDepositForm {
        margin-top: 0px;
        /*line-height: 31px;*/
    }

    .preview-btn-group {
        /* display: inline-flex;*/
        display: flex;
        justify-content: flex-end;
        padding-left: 10px;
    }

        .preview-btn-group .btn {
            margin: 0px;
            padding: 0px;
        }

        .preview-btn-group .default-btn {
            /*line-height: 30px;*/
        }

    /* Preview on Deposit Page */
    .selection-option {
        width: 50px !important;
        margin-top: -10px !important;
    }

    .transfer-btn {
        padding: 5px 10px;
        width: 205px;
        color: #000;
        font-weight: bold;
        display: inline-flex;
        height: 50px;
        line-height: 16px;
    }

        .transfer-btn span:first-child {
            font-size: 20px;
            font-weight: normal;
            padding: 10px 0px;
            /* margin: 0px; */
        }

        .transfer-btn span:nth-child(2) {
            /* padding: 8px 31px 0px 0px; */
            /* line-height: 16px; */
            /* margin: 0px; */
            /* width: 167px; */
        }



    ul.list-unstyled li.state-block .depositAgain-btn span {
        display: inline-block;
        vertical-align: middle;
    }

    .depositAgain-btn {
        padding: 0px;
        /*width: 205px;*/
        text-align: center;
        font-weight: bold;
        height: 40px;
    }

        .depositAgain-btn span:first-child {
            font-size: 20px;
            font-weight: normal !important;
            padding: 0px;
            margin: 0px !important;
        }

    .status-btns {
        margin-left: -27px;
    }

    .datatable_img {
        font-size: 20px;
    }

    .icon-tab img {
        height: 20px !important;
    }

    /*Vendor Banks Page*/

    .tabcontent__online-deposit {
        height: 30px;
    }

    .tabcontent__online a#content-sidebar--banner {
        min-width: 135px;
    }

    .tabcontent__online {
        padding: 15px 0px;
    }

        .tabcontent__online .col-xs-6,
        .tabcontent__online .col-md-3,
        .tabcontent__online .col-sm-3 {
            padding-right: 10px;
            padding-left: 10px;
        }


    .lang-id #uploadButton {
        line-height: 26px;
    }

    a#uploadButton {
        padding: 14px 0px;
        height: 48px;
        border-radius: 60px;
        width: 106px;
        display: inline-flex;
        flex-direction: row;
        justify-content: center;
        line-height: 26px;
        color: #222939;
        font-size: 14px;
        border-radius: 60px;
        font-weight: bold;
        margin-left: 8px;
    }

    .notif-btn button.btn.btn-primary.mt-2.btn-xs-block.set-ismobile-by-click.default-btn.next-btn {
        margin-top: 0px;
        width: 416px;
        height: 56px;
        padding: 16px 32px;
    }

    button.btn.btn-primary.mt-2.btn-xs-block.set-ismobile-by-click.default-btn.next-btn {
        margin-right: 0px;
    }

    .row.form-group button.btn.btn-primary.mt-1.btn-xs-block.default-btn.set-ismobile-by-click.next-btn {
        float: right;
        margin-top: 25px;
    }

    .row.form-group button.btn.btn-primary.btn-xs-block.default-btn.submit-button {
        margin-top: 25px;
        float: right;
    }

    .row.form-group button#btnSubmit {
        margin-top: 25px;
    }

    .row .preview-btn-group button {
        width: 200px;
        margin-top: 0px;
    }

    a#uploadButton span:first-child {
        /* font-size: 20px;
            line-height: 24px !important;
            vertical-align: middle;
            font-weight: normal;*/
        display: none;
    }

    a#uploadButton span:nth-child(2) {
        /* margin-left: 5px; */
        /* vertical-align: middle; */
        /* line-height:26px; */
    }

    .lang-th a#uploadButton {
        /* padding: 4px 8px;*/
    }

        .lang-th a#uploadButton span:first-child {
            line-height: 20px !important;
        }

    .go-btn .go-icon {
        font-size: 20px;
        line-height: 34px;
    }

    .lang-vi .go-btn .go-icon {
        line-height: 31px;
    }

    .lang-vi .go-txt {
        line-height: 31px !important;
        margin-left: 4px !important;
    }

    .lang-vi .copy-txt {
        line-height: 22px;
    }

    .copy-icon {
        font-size: 20px;
        line-height: 0px;
    }

    .copy-txt {
        vertical-align: unset !important;
    }

    .lang-vi copy-txt {
        line-height: 22px;
    }

    #transfer__steps--guide {
        padding-top: 0px !important;
    }

    #online__pay--details,
    #mobile__pay--details,
    #cashcard__pay--details {
        padding-top: 14px !important;
    }

    .submit-button {
        background-color: none;
        display: flex;
        flex-direction: row;
        /*justify-content: center;
        align-items: center;*/
        float: right;
        margin: 0;
    }

        .submit-button .icon {
            /* -webkit-mask: url('../../images/m88/icon/__submit-white.svg') no-repeat center;
            background: #fff;
            width: 20px;
            height: 20px
*/
        }

    #deposit__steps .col-md-3.col-sm-3,
    #transfer__steps--guide .col-md-3.col-sm-3,
    #transfer__steps--details .col-md-3.col-sm-3 {
        width: 155px !important;
        min-width: 145px !important;
    }

    #deposit__steps .col-md-offset-3.col-sm-offset-3 {
        margin-left: 155px;
    }

    #deposit__steps .col-md-8.col-sm-8.field-input,
    #deposit__steps .col-md-9.col-sm-9.field-input,
    #online__pay .col-md-9.col-sm-9,
    #mobile__pay--summary .col-md-9.col-sm-9,
    select#fromBankReference,
    #transfer__steps--details .col-md-9.col-sm-9.field-input,
    #transfer__steps--details .col-md-8.col-sm-8.field-input,
    #online__pay--details .col-md-9.col-sm-9.field-input,
    #online__pay--summary .col-md-8.col-sm-8,
    #online__pay .col-md-8.col-sm-8,
    #transfer__steps--details .col-md-9.col-sm-9 {
        /*width: 345px !important;*/
        min-width: 155px !important;
        /*padding-left: 21.53px;*/
    }

    .col-md-3.col-sm-3.col-xs-12 {
        /*width: 155px;*/
    }

        .col-md-3.col-sm-3.col-xs-12.copyLine {
            width: 190px;
        }

    #transfer__steps--details select#fromBankReference
    /*.col-md-7.col-sm-7.field-input*/ {
        width: 100% !important;
    }

    #transfer__steps .col-md-7.col-sm-7.field-input {
        width: 100%;
    }

    select#select-bank-deposit {
        width: 100%;
    }

    .field-input-clock {
        padding-left: 0px;
        /*width: 128px;*/
    }

    .field-input-date {
        /*width: 216px;*/
        padding-left: 10px;
    }

    .field-input-month {
        /*width: 168px;*/
        width: auto;
    }

    .field-input-year {
        width: 168px;
        margin-left: -21px;
    }

        .field-input-month select.form-control,
        .field-input-year select.form-control {
            padding: 0px 10px !important;
        }

    .col-md-1.col-sm-1.col-xs-12.d-inline-flex.upload-line {
        margin-left: -8px;
        width: 220px !important;
        display: inline-flex;
        padding: 0px;
    }

    /*for ninepay long span description*/
    span.state-d-block.text-bold {
        /*      width: auto;*/
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 21px;
        letter-spacing: normal;
        color: #222939;
        /*display: inline-grid;*/
        word-break: break-word;
        width: 406px;
        display: inline-block;
    }

        span.state-d-block.text-bold.mt-2.mr-1 {
            margin-top: 5px;
        }


    .get-bank-details-container {
        float: right
    }

    .lang-id .get-bank-details-container {
        float: right;
        /* max-width: 180px;*/
        word-break: break-word;
    }

    .lang-vi .get-bank-details-container {
        float: right;
        /* max-width: 180px;*/
        word-break: break-word;
    }

    .lang-km #GetBankDetail span.state-d-block.get-bank-details-container {
        margin-top: -46px;
    }

    .lang-km div#transfer__steps--guide .list-inline:first-child span.state-d-block h2.text-uppercase.step-header {
        margin-top: 62px;
    }

    .lang-km #transfer__steps--guide .list-inline.step-title .state-d-block.mt-2 {
        margin-top: 53px !important;
    }

    .Get-bank-details-vis-SMS {
        font-size: 14px;
        height: 20px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.43;
        letter-spacing: normal;
        text-align: left;
        color: #222939;
        margin-top: -78px;
        display: inline-block;
        line-height: 1.43;
        margin-left: 5px;
        color: #222939;
    }

        .Get-bank-details-vis-SMS:hover {
            cursor: pointer;
            color: #222939 !important;
        }



    div#transfer__steps--guide .list-inline:first-child span.state-d-block h2.text-uppercase.step-header {
        margin-top: 20px;
    }

    #transfer__steps--guide hr
    /*#transfer__steps--results hr*/ {
        margin-bottom: 5px !important;
    }

    #transfer__steps--results hr {
        margin-bottom: 24px !important;
    }

    #transfer__steps--details .list-inline span.state-d-block h2.text-uppercase.step-header {
        margin-top: 15px !important;
    }

    #transfer__steps--results .list-inline span.state-d-block h2.text-uppercase.step-header {
        margin-top: 17px !important;
    }

    div#transfer__steps {
        /* margin-top: 10px;*/
        overflow-x: hidden;
    }

    #transfer__steps--results .list-inline:nth-child(2),
    #transfer__steps--details .list-inline:nth-child(2),
    #transfer__steps--guide .list-inline:nth-child(2) {
        font-size: 14px;
    }

    #transfer__steps--guide .form-group {
        margin-bottom: 0px;
        margin-top: 20px;
    }

        #transfer__steps--guide .form-group p {
            margin-bottom: 0px;
            /*margin-left: 23px;*/
            margin-top: 8px;
            font-size: 14px;
        }

    .modal-content .form-group span.text-danger {
        margin-bottom: 0px;
        margin-left: 16px;
        margin-top: 8px;
        font-size: 14px;
    }

    #guide_details .list-inline {
        margin-top: 14px;
    }

    #cashcard__pay--summary .row.form-group h5.text-bold {
        margin-left: 15px;
    }

    .lang-km .ninepay-transfer-results .col-md-4.col-sm-4.col-xs-12.copyLine {
        width: 210px;
    }

    .lang-km .ninepay-transfer-results .copy-btn {
        /*right: -48px;*/
    }

    .lang-km #transfer__steps--results .state-d-block.text-bold.mt-2.mb-2 {
        width: 89%;
        margin-top: 10px;
    }

    .lang-vi .ninepay-transfer-results .form-group .input-group-btn > .btn {
        padding: 3px 10px;
        line-height: 24px;
    }

    /*** for preview page Result btn ***/

    .lang-km .transfer-btn span:first-child {
        padding: 10px 0px 10px 5px;
    }

    .lang-km .transfer-btn span:nth-child(2) {
        margin-left: 0px;
        word-break: break-all;
    }

    .lang-en .transfer-btn span:nth-child(2) {
        margin-right: 30px;
        margin-left: 0px;
    }

    .lang-en .transfer-btn span:first-child {
        padding: 10px 0px 10px 30px;
    }

    .lang-zh .transfer-btn span:nth-child(2) {
        margin-right: 25px;
        margin-left: 2px;
        margin-top: 11px;
    }

    .lang-zh .transfer-btn span:first-child {
        padding: 10px 0px 10px 30px;
    }

    .lang-id .transfer-btn span:nth-child(2) {
        margin-right: 0px;
        margin-left: 0px;
    }

    .lang-id .transfer-btn span:first-child {
        padding: 10px 0px 10px 10px;
    }

    .lang-vi .transfer-btn span:nth-child(2) {
        margin-right: 0px;
        margin-left: 0px;
        margin-top: 4px !important;
    }

    .lang-vi .transfer-btn span:first-child {
        padding: 10px 0px 10px 10px;
    }

    .lang-vi .btn > span:nth-child(2) {
        margin-top: 0px;
    }

    .lang-th .transfer-btn span:nth-child(2) {
        margin-right: 0px;
        margin-left: 0px;
        margin-top: 10px;
    }

    .lang-th .transfer-btn span:first-child {
        padding: 10px 0px 10px 20px;
    }

    .lang-vi #transfer__steps--results button#DepositAgain {
        /* width: 250px;*/
    }

    .lang-vi .datatable__title span.icon-tab {
        padding: 4px 10px;
    }

    .lang-vi .datatable__title:nth-child(3) span.icon-tab {
        padding: 2px 10px;
    }

    #transfer__steps--results h6 {
        font-weight: normal !important;
    }

    #bank-details2 h5 {
        margin-top: 1px !important;
        margin-bottom: 20px;
    }

    #bank-details2 .modal-footer {
        padding: 0px !important;
    }

    #transfer__steps--results h5 {
        line-height: 20px;
        height: 14px;
        display: inline-table;
        /*margin-bottom: 25px;*/
    }

        #transfer__steps--results h5.text-uppercase.operator-label.text-bold {
            margin-top: 13px;
        }

    .changeAcctDiv h5 {
        margin-top: 28px !important;
    }


    .ninepay-transfer-results .copyLine .input-group #toAccountNumber {
        width: 245px;
        margin-right: -93px;
    }

    .ninepay-transfer-results .col-md-4.col-sm-4.col-xs-12.copyLine {
        width: 35% !important;
        margin-top: 7px;
    }

    /*DROPDOWN List text limit*/

    .field-input select {
        padding-right: 50px !important;
    }


    .select-container:after {
        content: attr(data-text);
        font-size: 12px;
        position: absolute;
        top: 12px;
        left: 31px;
        background: #ffffff;
        padding: 10px 0px 0px 0px;
        display: block;
        pointer-events: none;
        z-index: 20;
        height: 24px;
        line-height: 2px;
        font-weight: bold;
        border: solid 1px #ffffff;
        background-repeat: no-repeat;
        background-position: right 5px center;
        background-size: 20px;
        width: 265px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        font-size: 14px;
    }

    .select-container:before {
        content: attr(data-buttonText);
        position: absolute;
        z-index: 25;
        text-overflow: ellipsis;
        white-space: nowrap;
        /*color: red;*/
    }


    .select-container2:after {
        content: attr(data-text);
        font-size: 12px;
        position: absolute;
        top: 7px;
        left: 3px;
        background: #fff;
        padding: 10px 0px 0px 10px;
        display: block;
        pointer-events: none;
        z-index: 20;
        height: 24px;
        line-height: 6px;
        color: #000;
        font-weight: normal;
        border: solid 1px #ffffff;
        background-repeat: no-repeat;
        background-position: right 5px center;
        background-size: 20px;
        width: 285px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        font-size: 13.333px;
    }

    .select-container2:before {
        content: attr(data-buttonText);
        position: absolute;
        z-index: 25;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    select#fromBankReference {
        padding-right: 50px;
    }

    .row.no-margin.row2-gray .select-container3:after {
        /* padding: 10px 0px 0px 3px;*/
    }

    .row.qt-complete-new-bank.row2-gray .select-container3:after {
        /*padding: 10px 0px 0px 3px;*/
    }

    .select-container3:after {
        content: attr(data-text);
        font-size: 12px;
        position: absolute;
        top: 12px;
        left: 31px;
        background: #fff;
        padding: 10px 0px 0px 7px;
        display: block;
        pointer-events: none;
        z-index: 20;
        height: 24px;
        line-height: 3px;
        /* color: #000;*/
        font-weight: normal;
        border: solid 1px #ffffff;
        background-repeat: no-repeat;
        background-position: right 5px center;
        background-size: 20px;
        width: 77%;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        font-size: 13.333px;
        font-weight: bold;
        /*color: #222939;*/
    }

    /*.lang-ko #transfer__steps--status .col-md-3.col-sm-3.col-xs-12 {
        width: 150px !important;
    }*/

    .lang-ko .transfer-btn span:first-child {
        padding: 10px 15px !important;
    }

    .lang-ko .transfer-btn span:nth-child(2) {
        padding: 10px 0px !important;
        margin-left: -5px;
    }

    .tip-cashier {
        min-height: 56px;
        line-height: 56px;
        border-radius: 8px;
        background-color: #e3effa !important;
        padding: 0 16px;
        margin: -15px 15px 15px 10px
    }


        .tip-cashier .reminder-icon {
            background-repeat: no-repeat;
            background-position: left top 5px;
            padding: 0px 5px 20px 0px;
            min-height: 25px;
        }

        .tip-cashier > .inner {
            font-size: 14px;
            line-height: normal;
            display: inline-block;
            vertical-align: middle;
            padding: 5px 0px 5px 32px;
        }

    .tip-cashier-innerPage {
        border-radius: 8px;
        background-color: #e3effa !important;
        padding: 8px 16px;
        margin: 9px 0px 0px 0px;
        /*width: 315px;*/
        width: 100%;
        font-size: 14px;
        font-weight: bold;
        align-items: center;
    }

        .tip-cashier-innerPage .reminder-icon {
            margin: 0px 8px 0px 0px;
            height: unset;
        }

    .note-cashier {
        min-height: 56px;
        line-height: 15px;
        border-radius: 2px;
        background-color: #e3effa;
        padding: 0 8px;
        margin-bottom: 10px;
    }

    /*QRCode Section Style*/
    .qr-div {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 252px;
        border-style: solid;
        border-width: 1px;
        border-color: #bababa;
        margin-left: 15px;
    }

    .qr-img {
        position: relative;
        width: 180px;
        height: 180px;
        margin-left: -15px;
        padding: 10px;
        margin-left: 5px;
    }

    .qr-btn {
        background-color: #ffcd00;
        border: none;
        width: 250px;
    }

    .add-zero {
        font-size: 16px;
        line-height: 21px;
        margin-top: 13px;
        margin-left: -20px;
    }

    .header-mask {
        /*padding-top:10px;
        padding-bottom:6px;*/
    }

    .step-2-details {
        padding-left: 92px;
    }

    .get-sms-icon {
        height: 20px;
        margin-top: -80px
    }

    .lang-id .get-sms-icon {
        height: 20px;
        margin-top: -80px;
        /*margin-left: -30px;*/
    }

    .lang-vi .get-sms-icon {
        height: 20px;
        margin-top: -80px;
        /*margin-left: -30px;*/
    }

    .submit-btn-bt {
        margin-top: 32px;
    }

    /*.process-step:nth-child(2) {
        border-left: 1px solid #000;
        height: 30px;
        padding-left: 20px;
    }*/

    .form-control {
        max-width: 100%;
    }

    .row.row2-gray .col-md-8.col-sm-8.col-xs-12 {
        /*padding-left: 21.53px;*/
    }

    .reminder-icon {
        height: 20px;
    }

    .new-bank-note {
        font-size: 14px;
        color: #333;
        background-image: url(../../../images/m88/cashier/icon-reminder.svg?v=1);
        background-repeat: no-repeat;
        background-position: left top 5px;
        padding: 5px 0px 5px 32px;
        min-height: 25px;
        font-weight: bold;
    }

    /*M88 NEW UI*/
    input#toAccountNameMasked, input#toAccountNumberMasked, input#toAccountBankBranchMasked {
        font-size: 14px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.29;
        letter-spacing: normal;
        color: #fff;
        text-transform: uppercase;
        padding: 0;
        height: 18px;
        margin-top: 12px;
    }

    #transfer__steps--guide .qt-mask-copy input#toAccountNumberMasked, #transfer__steps--guide .qt-mask-copy input#toAccountNameMasked {
        margin-top: 8px;
    }

    #transfer__steps--guide .qt-mask-copy .col-md-12.col-sm-12.col-xs-12.copyLine {
        height: 26px;
    }

    .note-header {
        display: inline-flex;
        width: 100% !important;
    }

    .bank-note-container {
        padding: 10px 16px;
        border-radius: 8px;
        background-color: #e3effa;
        margin-top: -15px;
        margin-bottom: 35px;
    }

    .field-error {
        max-width: 100%;
    }

    .step2-desc {
        margin-left: 42px;
    }

    .lang-vi .step2-desc {
        margin-left: 76px;
    }

    .lang-th .step2-desc {
        margin-left: 100px;
    }


    .inner-box-banks:not(.filtered) .box.bank-card.box-large .inset > .row-1 > .row-1 img {
        height: 40px;
        max-height: 40px;
        width: 157px;
        max-width: 157px;
    }

    .box.bank-card .inset > .row-1 > .row-1 img {
        height: 32px;
        max-height: 32px;
        max-width: 120px;
    }

    .inner-box-banks .box.bank-card.box-small .row.row-1.img-vendor {
        margin-top: 4px !important;
        margin-bottom: 4px !important;
    }

    .inner-box-banks.filtered .box.bank-card.box-small .row.row-1.img-vendor {
        margin-top: 4px !important;
        margin-bottom: 4px !important;
    }

    .box.bank-card.box-small .row.row-1.img-vendor {
        height: 32px;
        margin: 0px !important;
        padding: 0px !important;
    }

    .row.row-1.crypto-img-holder img {
        /* max-height: 30px !important;
        max-width: 120px !important;*/
    }

    .header-icon {
        width: 20px;
        height: 20px;
    }

    img.check-icon {
        height: auto;
        width: 20px;
        margin-top: -3px;
        margin-right: 6px;
    }

    .add-edit-bank {
        padding-left: 10px;
        margin-bottom: 16px;
        float: none;
    }

    div#step3mid .dashed-line {
        margin-top: 38px !important
    }

    span#span-add-edit-bank-divider {
        font-size: 14px;
        font-weight: bold;
    }

    .deposit-to-diff-act {
        padding-left: 25px;
    }

        .deposit-to-diff-act a {
            color: #000;
            font-weight: bold;
        }

    .poup-bank-act-name {
        min-width: auto;
        padding-right: 0px;
    }

    .field-input.select-container {
        /*width: 100% !important;*/
    }

    #transfer__steps--guide .field-input.select-container {
        /* padding-left: 21.53px;*/
    }

    .popup-cashier.bt-popup {
        min-width: 370px;
        width: 556px;
        height: fit-content;
    }

        .popup-cashier.bt-popup.bt-ninepay-popup {
            height: 304px;
        }

    .col-md-6.col-sm-6.col-xs-6.field-input.field-input-mo-yr:first-child {
        /*width: 183px !important;*/
        /* margin: 0px -20px 0px -5px !important;*/
        padding: 0 7.5px 0 15px;
    }

    .col-md-6.col-sm-6.col-xs-6.field-input.field-input-mo-yr:last-child {
        padding: 0 15px 0 7.5px;
    }

    /*Font sizes*/
    #transfer__steps--guide .col-form-label,
    #depositForm .col-form-label, .modal-content .col-form-label {
        font-size: 14px;
        line-height: 3.50;
        padding: 0;
    }

    /*NEW M88 UI*/
    #guide_details .qt-mask-copy .col-form-label {
        font-weight: bold;
        font-size: 10px;
        line-height: 1.4;
        letter-spacing: normal;
        color: #d3d4d7;
        text-transform: uppercase;
        padding: 0;
    }

    #guide_details .col-md-offset-1 {
        margin-left: 0;
    }

    #guide_details .header-mask.step2-desc {
        margin-left: 0px;
        margin-top: 0px;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.43;
        letter-spacing: normal;
        color: #222939;
    }

    #guide_details .h5.hdr-ismaskoff.header-mask.step2-desc {
        margin-bottom: 40px;
    }

    #guide_details .btn.btn-primary.mt-2.btn-xs-block.set-ismobile-by-click.default-btn.next-btn {
        margin-top: 15px;
    }

    #transfer__steps .select-container:after,
    #depositForm .select-container:after,
    #depositForm .select-container3:after,
    #depositForm .form-control,
    .select-container3:after,
    .form-control {
        font-size: 14px;
    }

    h5.text-bold.hdr-ismaskoff.header-mask {
        font-size: 16px;
        text-transform: uppercase;
        color: #4e5461;
    }

    .copyLine .col-form-label {
        font-size: 14px;
    }

    /*for preview page font*/
    #previewForm .col-form-label {
        font-size: 14px;
    }

    /*   #previewForm .form-control,
    input#fromAccountName:read-only {
        font-size: 14px;
        font-weight: normal;
        height: 19px;
    }*/

    #transfer__steps--results .form-control, #online__pay--summary .form-control {
        font-size: 14px;
        font-weight: normal;
        height: 19px;
    }

    .ninepay-transfer-results .form-control {
        font-size: 14px;
        font-weight: normal;
        height: 19px !important;
    }

    .popup-cashier.bt-deposit-channel-popup.qt-create-new-popup,
    .popup-cashier.bt-deposit-channel-popup.qt-complete-deposit-popup {
        min-width: 556px;
        /*max-height: 344px;
        height: 344px;*/
    }

    .lang-en span.state-d-block.text-bold {
        width: 70%;
    }

    .lang-th span.state-d-block.text-bold {
        width: 70%;
        margin-top: 18px;
    }

    .lang-th #transfer__steps--results .list-inline span.state-d-block h2.text-uppercase.step-header {
        margin-top: 10px !important;
    }

    .upload-textbox {
        padding-left: 10px;
    }

    .selfCor-upload-textbox {
        /*width: 235px;*/
        padding: 0px;
        margin: 0px 16px 0px 16px;
        width: 170px;
    }

    .col-md-1.col-sm-1.col-xs-12.d-inline-flex.upload-line.self-correction-btn a#chooseFileButton {
        width: 135px;
    }

    .lang-km .col-md-1.col-sm-1.col-xs-12.d-inline-flex.upload-line.self-correction-btn a#chooseFileButton {
        width: 146px;
    }

    .clocks {
        line-height: 35px !important;
        height: 48px;
        border-radius: 60px;
        font-weight: bold;
        color: #222939;
        padding-left: 16px;
    }

    img.reminder-icon-green.crypto-reminder-icon {
        margin-top: -19px !important;
    }

    h5.hdr-ismaskoff.header-mask.pr-2 .text-bold {
        line-height: 8px;
    }

    .stp-2-ninepay {
        margin-left: -5px;
    }

    .mb-5.pr-4.pl-4.ninePay-step-2 {
        margin-left: -5px;
    }

    .note-inner-pages {
        margin-top: -15px;
    }

    .kunit {
        /*width: 306px;*/
        /*width: 387px;*/
        width: 60%;
        /*padding-left: 21.53px;*/
    }

    .qt-create-new-bank {
        padding-left: 0px;
        padding-right: 0px;
    }

    .col-md-offset-4.col-sm-offset-4.col-md-8.col-sm-8.col-xs-12.bank-note-container {
        margin-top: 16px;
        border-radius: 8px;
        background-color: #f4f4f5;
        padding: 10px 16px !important;
        width: 400px;
        margin-left: 36%;
    }

    .row.qt-complete-new-bank.row2-gray {
        margin-left: 0px;
        margin-right: 0px;
    }

    .col-upload {
        line-height: 0px !important;
        margin-top: 0px;
    }

    #transfer__steps--results .col-md-8.col-sm-8.col-xs-12,
    #transfer__steps--results .col-md-8.col-sm-6.col-xs-12,
    #transfer__steps--results .col-md-5.col-sm-5.col-xs-12 {
        margin-left: -18px;
        padding-left: 0px;
    }

    #transfer__steps--results .col-md-offset-4.col-sm-offset-4.col-md-8.col-sm-8.col-xs-12.deposit-to-diff-act {
        margin-left: 201px !important;
        margin-top: 4px !important;
    }

    #transfer__steps--results .form-group {
        margin-bottom: 20px;
    }

    #transfer__steps--results .col-form-label, #online__pay--summary .col-form-label, #cashcard__pay--summary .col-form-label,
    #mobile__pay--summary .col-form-label, #cryptowd__pay--summary .col-form-label {
        height: 19px;
        padding: 0px !important;
        line-height: 25px !important;
    }

    #transfer__steps--results .col-md-offset-3.col-sm-offset-3.col-md-12.col-sm-12.col-xs-12.preview-btn-group {
        margin-left: 187px;
        margin-top: 8px;
    }

    #online__pay--summary .col-md-offset-4.col-sm-offset-4.col-md-12.col-sm-12.col-xs-12.preview-btn-group {
        margin-left: 187px;
    }

    #online__pay--summary .col-md-8.col-sm-8.col-xs-12 {
        margin-left: -30px;
    }

    #cashcard__pay--summary .col-md-8.col-sm-8.col-xs-12 {
        margin-left: -38px;
    }

    #cashcard__pay--summary .col-md-offset-4.col-sm-offset-4.col-md-12.col-sm-12.col-xs-12.preview-btn-group {
        margin-left: 188px;
    }

    #mobile__pay--summary .col-md-8.col-sm-8.col-xs-12 {
        margin-left: -38px;
    }

    #mobile__pay--summary .col-md-offset-4.col-sm-offset-4.col-md-12.col-sm-12.col-xs-12.preview-btn-group {
        margin-left: 188px;
    }

    .ninePay-step-2 .col-form-label {
        padding-top: calc(.55rem + 1px) !important;
        padding-bottom: calc(.55rem + 1px) !important;
        margin-bottom: 0;
        font-size: 14px;
        line-height: 1.25;
    }

    .ninePay-step-2 .input-group .form-group {
        margin-bottom: 0px !important;
        font-size: 14px !important;
        font-weight: normal !important;
        height: 30px !important;
    }

    .ninePay-step-2 .form-group {
        margin-bottom: 0px !important;
    }

    .ninePay-step-2 .form-control {
        font-size: 14px !important;
        font-weight: normal !important;
        height: 30px !important;
    }

    .ninePay-step-2 .copyLine .form-control {
        font-weight: bold !important;
        line-height: 30px;
    }

    .smartPay-preview .col-md-offset-2.col-sm-offset-2.col-md-12.col-sm-12.col-xs-12.preview-btn-group {
        margin-top: 10px;
    }

    .smartPay-preview .form-control[readonly] {
        /*margin-left: -28px;*/
        width: 400px;
        float: right;
    }

    .smartPay-preview .qr-div {
        /*margin-left: -13px;*/
        margin-left: 22px;
    }

    .smartPay-preview .col-md-4.col-sm-4.col-xs-12 .col-form-label {
        font-size: 14px;
        line-height: 3.50;
        padding: 0;
    }

    .note-header.note-cashier {
        border-radius: 8px;
        background-color: #e3effa;
        padding: 0px 16px;
        font-size: 14px;
    }

    /**for dropdown changing color**/

    .dropdown-Selected {
        color: #000000 !important;
    }

    .select-container,
    .select-container3 {
        color: #b5b5b5;
    }

    .bank-list-select option {
        color: #000;
        padding: 10px 10px 10px 10px;
        margin: 10px 10px 10px 10px;
    }

    .select-gray {
        color: #b5b5b5;
    }

    .bonus-select option {
        color: #000;
        padding: 10px 10px 10px 10px;
        margin: 10px 10px 10px 10px;
    }

    .fileUpload-txtBlack {
        color: black !important;
    }

    .col-md-12.mt-2.qt-create-new-bank .col-md-12.col-sm-12.col-xs-12.note-header {
        margin-top: -5px;
        margin-bottom: -5px;
    }

    .row.qt-complete-new-bank.row2-gray .col-md-12.mt-2 div#divNewAccountInfoForm {
        margin-top: -5px;
    }

    .row.qt-complete-new-bank.row2-gray {
        margin-top: -7px;
    }

    div#transfer__steps--details .row.no-margin.row2-gray {
        margin-top: 3px;
    }

    .col-md-12.mt-2.qt-create-new-bank div#reminderSaveFailed,
    .row.qt-complete-new-bank.row2-gray div#reminderSaveFailed {
        margin-top: 10px;
        margin-bottom: 0px;
    }

    /**for smartpayQR**/
    .tab-pane.fade.in.active.smartPayQR_steps--details .row.no-margin.row2-gray {
        padding-left: 0px;
        padding-right: 0px;
    }

    .tab-pane.fade.in.active.smartPayQR_steps--detail .col-md-8.col-sm-8.col-xs-12.field-input {
        width: 345px;
    }

    .tab-pane.fade.in.active.smartPayQR_steps--details .row.no-margin.row2-gray .col-md-12.col-sm-12.col-xs-12.note-header {
        margin-top: -5px;
    }

    .tab-pane.fade.in.active.smartPayQR_steps--details .row.no-margin.row2-gray img.reminder-icon {
        margin-top: 2px;
    }

    .tab-pane.fade.in.active.smartPayQR_steps--details .row.no-margin.row2-gray div#reminderSaveFailed {
        margin-top: 10px;
    }

    .row.qt-complete-new-bank.row2-gray .field-info {
        width: 100%;
    }

    .row.qt-complete-new-bank.row2-gray .info-image {
        right: 25px;
    }


    /*Select2 dropdown css*/

    .select2-container--default .select2-results__option--highlighted[aria-selected] {
        background-color: #f4f4f5;
        color: #222939 !important;
    }

    .select2-results__options {
        font-family: 'Lato' !important;
        font-size: 14px !important;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        /*right: 25px !important;*/
        display: none;
    }

    .select2-container--default .select2-results__option[aria-disabled=true] {
        color: #999;
        font-style: italic !important;
    }

    .select2-container--default .selection .select2-selection--single {
        border: solid 1px #d3d4d7;
        border-radius: 60px !important;
        background-image: url(../../images/m88/icon/dropdown_arrow.svg?v=1);
        background-repeat: no-repeat;
        background-position: right 16px center;
        background-size: 12px;
        /*padding-right: 50px !important;*/
        height: 48px;
        font-size: 14px;
        padding: 2px 0;
        z-index: 99;
        position: relative;
        /*width: 100%;*/
    }

    .select2-container--default:not( :has( + a.info-image ) ) .selection .select2-selection--single {
        padding-right: 32px !important;
    }

    .select2-container--default:has( + a.info-image ) .selection .select2-selection--single {
        padding-right: 60px !important;
    }


    .error-selection .select2-container--default .selection .select2-selection--single {
        border: solid 1px #c9334e;
    }

    .select2-results .select2-results__option {
        padding-left: 16px;
        padding-right: 8px;
        height: 52px;
        /*line-height: 1.29;*/
        align-items: center;
        /*display: flex;*/
        margin: 8px;
        border-radius: 8px;

        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        line-height: 44px;
        display: block;
    }

    .select__saved--container .select2-container, .select2__acount-number .select2-container, .select2-container {
        width: 100% !important;
        max-width: 400px;
    }

    .select__saved--container .select2-container--default .selection .select2-selection--single {
        border: solid 1px #ced2d2;
        border-radius: 60px !important;
        background-image: url(../../images/m88/icon/dropdown_arrow.svg?v=1);
        background-repeat: no-repeat;
        background-position: right 16px center;
        background-size: 12px;
        padding-right: 50px !important;
        height: 48px;
        font-size: 14px;
        padding: 2px 0;
    }

    .select2-container--open .select2-dropdown--below {
        border-radius: 16px !important;
        border: unset !important;
        margin-top: 8px;
        box-shadow: 2px 4px 20px 0 rgb(34 41 57 / 10%);
    }

    .select2-container--open .select2-dropdown--above {
        border-radius: 16px !important;
        border: unset !important;
        margin-bottom: 8px;
        box-shadow: 2px 4px 20px 0 rgb(34 41 57 / 10%);
    }

    .smartPayQR_steps--details div#divBankAccountSelection {
        margin-left: 0px;
        margin-right: 0px;
    }

    div#crypto__pay--details .box.bank-card {
        width: 139px;
        position: relative !important;
        display: inline-flex;
        margin: 0px 8px 8px 0px;
        height: 120px;
    }

        div#crypto__pay--details .box.bank-card .inner {
            width: 100%;
            min-height: 70px;
        }

    div#crypto__pay--details .cryoto-menu {
        width: auto;
        max-width: 583px;
        padding: 0px;
        display: inline-flex;
        margin: 0px 0px 0px 0px;
    }

    div#crypto__pay--details .note-header.tip-cashier.tip-reminder, .ninepay-transfer-results .note-header.tip-cashier.tip-reminder {
        margin: -15px 15px 15px 15px;
        width: unset !important;
    }

    #modalNewFromBankReferenceContainer .select2-container--default .selection .select2-selection--single {
        border: solid 1px #d3d4d7;
        border-radius: 60px !important;
        background-image: url(../../images/m88/icon/dropdown_arrow.svg?v=1);
        background-repeat: no-repeat;
        background-position: right 16px center;
        background-size: 12px;
        padding-right: 50px !important;
        height: 48px;
        font-size: 14px;
        padding: 2px 0;
    }

    #modalNewFromBankReferenceContainer .select2-container {
        width: 100% !important;
    }

    div#crypto__pay--details .note-header h5 {
        text-align: left;
        margin-top: 8px;
        margin-bottom: 8px;
        vertical-align: middle;
    }

    div#crypto__pay--details .note-header img.reminder-icon-green.crypto-reminder-icon {
        margin-top: 31% !important;
    }

    .row.no-margin.row2-gray .col-md-12.mt-2.qt-create-new-bank a.info-image {
        right: 25px;
    }

    .row.no-margin.row2-gray .col-md-12.mt-2.qt-create-new-bank .field-info-text {
        width: 100% !important;
    }

    .row.no-margin.row2-gray .field-info-text {
        width: 100% !important;
    }

    .row.no-margin.row2-gray a.info-image {
        /* right: 25px;*/
    }

    input#toBankDisplayText {
        padding-top: 4px !important;
    }

    #previewForm input#toBankDisplayText {
        padding-top: 11px !important;
    }

    #previewForm .copyLine input#toBankDisplayText {
        margin-top: 0;
    }

    .select_no-info .select2-container--default .selection .select2-selection--single {
        border: solid 1px #ced2d2;
        border-radius: 60px !important;
        background-image: url(../../images/m88/icon/dropdown_arrow.svg?v=1);
        background-repeat: no-repeat;
        background-position: right 16px center;
        background-size: 12px;
        padding-right: 50px !important;
        height: 48px;
        font-size: 14px;
        padding: 2px 0;
        /*max-width: 100%;*/
    }

    #crypto__pay div#crypto__pay--details {
        padding: 35px 0px !important;
    }

    .wd-select-container {
        /*max-width: 345px;*/
    }

    button.btn.btn-success.text-bold.smartpayQR-MD-btn {
        height: 40px;
    }

        button.btn.btn-success.text-bold.smartpayQR-MD-btn span:first-child {
            font-size: 14px;
            line-height: 21px;
            margin: 0px 0px 0px 0px !important;
            padding: 0px 10px;
            display: inline-flex;
            font-weight: bold;
        }

    label.col-form-label.smartpayQR-md-lbl {
        line-height: 1.4;
        margin-bottom: 16px;
    }


    div#withdrawal__steps div#cryptowd__pay--summary .row.form-group h5.text-bold {
        margin-left: 15px;
        margin-right: 15px;
    }

    div#crypto__pay .container-fluid {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    div#crypto__pay {
        overflow-x: hidden;
    }

    button.btn.btn-warning.prev-step.text-uppercase.qrCode-btn {
        height: 40px;
        width: 250px !important;
        margin: 0px;
        font-weight: bold;
    }

    .tab-pane.fade.in.active.smartPayQR_steps--details .row.no-margin > .col-md-12.mt-2 {
        padding-right: 0px;
        padding-left: 0px;
    }

    .tab-pane.fade.in.active.smartPayQR_steps--details .row.no-margin.row2-gray .col-md-12.mt-2 {
        /*padding: 0;*/
    }

    /**Custom next and prev button for Select deposit method**/
    .scroll-mover .arrow.next.visible, .scroll-mover .arrow.prev.visible {
        display: block;
        background-color: transparent;
    }

    .scroll-mover .arrow.next.visible {
        background-image: url(../../../images/m88/icon/right-arrow-n.svg);
        background-repeat: no-repeat;
        background-position: center;
        transform: unset;
        right: 0;
        width: 24px !important;
        background-color: white;
        opacity: .9;
        height: 80px;
        border-radius: 0px;
    }

    .scroll-mover .arrow.prev.visible {
        background-image: url(../../../images/m88/icon/left-arrow-n.svg);
        background-repeat: no-repeat;
        background-position: center;
        transform: unset;
        right: 0;
        width: 24px !important;
        background-color: white;
        opacity: .9;
        height: 80px;
        border-radius: 0px;
    }

    .scroll-mover .arrow.next.visible:hover {
        /*   background-image: url(../../../images/m88/icon/right-arrow-border.svg);
        background-repeat: no-repeat;
        background-position: center;*/
        background-color: #F4F4F5;
    }

    .scroll-mover .arrow.prev.visible:hover {
        /*  background-image: url(../../../images/m88/icon/left-arrow-border.svg);
        background-repeat: no-repeat;
        background-position: center;*/
        background-color: #F4F4F5;
    }

    .scroll-holder.scroll-x.bank-method-tabber {
        /* padding-left: 15px !important; */
        /* padding-right: 15px !important; */
        margin: 16px 0px !important;
    }

    .bank-method-tabber li:not(:last-child) {
        /*padding-right: 16px !important;*/
    }

    div#transfer__steps--status label.col-form-label.smartpayQR-md-lbl {
        max-width: 615px;
    }

    .scroll-mover .arrow.next.greyArrow {
        display: none;
    }

    div#crypto__pay--details {
        overflow-x: hidden;
    }

    /**preview page exchange rate on Crypto**/
    div#cryptowd__pay--summary input#ExchangeRate,
    div#cryptowd__pay--summary input#CryptoAmount,
    div#cryptowd__pay--summary input#WalletAddress {
        max-width: 420px !important;
    }

    .prev-input-max-width {
        max-width: 420px !important;
    }

    div#withdrawal__steps div#crypto__pay--details label#lblExchangeRate {
        word-break: break-all;
        width: 100%;
        margin-top: -10px;
    }

    div#deposit__steps div#crypto__pay--details label#lblExchangeRate {
        width: 100%;
        word-break: break-all;
        margin-top: -10px;
    }

    div#transfer__steps--results .mb-5.pr-4.pl-4.ninePay-step-2 .col-md-7.col-sm-7.col-xs-12.copyLine input.form-control.copyRow {
        background: none !important;
    }

    .e-rate-title {
        width: 100%;
    }

    .select2-container--default .selection .select2-selection--single .select2-selection__rendered {
        line-height: 40px;
        padding-left: 16px;
        font-weight: bold;
        color: unset;
        padding-right: 8px;
    }

    /***notif page***/
    .col-md-12.col-sm-12.col-xs-12.notif-img {
        text-align: center;
    }

        .col-md-12.col-sm-12.col-xs-12.notif-img img.reminder-icon {
            height: 120px;
            width: 120px;
            margin: 0px 0px 0px;
        }

    .notif-text-success {
        font-size: 18px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.36;
        letter-spacing: normal;
        text-align: center;
        color: #2d8c44;
    }

    .md-notif-txt {
        text-align: center;
    }

    .md-message-txt {
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.4;
        letter-spacing: normal;
        text-align: center;
        color: #1a2332;
        padding: 0px 30px !important;
    }

    .notif-btn {
        text-align: center;
        font-size: 14px;
    }

    .col-md-12.col-sm-12.col-xs-12.notif-btn button.btn.btn-primary.mt-2.btn-xs-block.set-ismobile-by-click.default-btn.next-btn.btn-warning span.btn-txt {
        font-size: 14px;
        font-weight: bold;
        color: #1a2332;
    }

    /***notif page***/
    .col-md-12.col-sm-12.col-xs-12.notif-img {
        text-align: center;
    }

        .col-md-12.col-sm-12.col-xs-12.notif-img img.reminder-icon {
            height: 120px;
            width: 120px;
            margin: 0px 0px 0px;
        }

    .notif-text-success {
        font-size: 18px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.36;
        letter-spacing: normal;
        text-align: center;
        color: #2d8c44;
    }

    .md-notif-txt {
        text-align: center;
        padding: 0px;
    }

    .md-message-txt {
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.4;
        letter-spacing: normal;
        text-align: center;
        color: #1a2332;
        padding: 0 !important;
    }

    .notif-btn {
        text-align: center;
        font-size: 14px;
    }

    .col-md-12.col-sm-12.col-xs-12.notif-btn button.btn.btn-primary.mt-2.btn-xs-block.set-ismobile-by-click.default-btn.next-btn.btn-warning span.btn-txt {
        font-size: 14px;
        font-weight: bold;
        color: #1a2332;
        line-height: 1.71;
    }

    /**Promotion Tag for Crypto**/
    .cryoto-menu .tag-promotion {
        filter: drop-shadow(0px 0px 2px rgba(0,0,0,.25));
        height: 18px;
        position: absolute;
        left: 50%;
        top: 0;
        transform: translate(-50%, -50%);
        width: max-content;
        display: inline-flex;
    }

    .cryoto-menu .promo-box {
        background-image: url(../../../images/m88/cashier/icon-banner-center.svg);
        height: 18px;
        width: auto;
        color: #fff;
        padding: 0px;
        font-size: 7px !important;
        position: relative;
        line-height: 19px;
    }

    .cryoto-menu .tag-promotion .rate,
    .cryoto-menu .tag-promotion .promo-text {
        text-shadow: 0 0.5px 0 rgba(0, 0, 0, 0.3);
        font-size: 7px !important;
        font-weight: bold;
        font-style: normal;
        text-align: center;
        color: #fff;
    }

    .cryoto-menu .tag-promotion .rate {
        margin-left: 5px;
        color: #ffcd00;
    }

    .cryoto-menu .triangle-right {
        background-image: url(../../../images/m88/cashier/icon-right-banner.svg);
        background-repeat: no-repeat;
        width: 9px;
        height: 18px;
        position: relative;
    }

    .cryoto-menu .triangle-left {
        background-image: url(../../../images/m88/cashier/icon-left-banner.svg);
        background-repeat: no-repeat;
        width: 9px;
        height: 18px;
        position: relative;
    }

    .cryoto-menu .box.bank-card {
        border-radius: 8px;
    }

    .col-md-4.col-sm-4.col-xs-4.cryoto-menu .box.bank-card.selected-vendor {
        margin-top: 1px !important;
    }

    .form-control[disabled], .form-control[readonly] {
        height: 48px;
        border-radius: 60px;
        padding: 13px 16px;
    }

    .col-md-4.col-sm-4.col-xs-4.cryoto-menu .box.bank-card .row.row-1 img {
        height: 20px;
    }

    .col-md-12.mt-2.qt-create-new-bank .col-md-12.col-sm-12.col-xs-12.note-header img,
    .row.qt-complete-new-bank .col-md-12.col-sm-12.col-xs-12.note-header img {
        display: none;
    }

    #reminderSaveFailed .field-info-error {
        background-color: #f4e5e1 !important;
        font-size: 14px !important;
        color: #c9334e !important;
        border-radius: 8px;
        display: inline-flex !important;
        max-width: 100% !important;
        margin-bottom: 10px;
        padding: 8px 16px !important;
    }

    #online__pay #online__pay--details button.btn.btn-primary.btn-xs-block.default-btn.submit-button span {
        display: block;
        height: 20px;
        font-size: 14px;
        font-weight: 900;
        font-stretch: normal;
        font-style: normal;
    }

    #online__pay--details .col-form-label, #deposit__steps .col-form-label {
        line-height: 3.25;
        padding: 0;
    }

    #online__pay--details .row2 .col-form-label {
        line-height: 1.25;
    }

    .col-md-12.col-sm-12.col-xs-12.note-header > img {
        display: none;
    }

    .fileUpload-btn span {
        margin-left: 0 !important;
    }

    #divNewAccountInfoForm .col-md-12.col-sm-12.col-xs-12.mt-2 {
        margin-top: 0px;
    }

    /***crypto deposit menu boxes***/
    .box.bank-card.box-small.crypto-box-notext .row.row-1.crypto-img-holder.img-vendor img {
        margin-top: 32px;
    }

    .box.bank-card.box-small.crypto-box .row.row-1.crypto-b-ntxt .row.row-1.img-vendor img {
        margin-top: 22px;
    }

    .box.bank-card.box-small.crypto-box .row.row-2.note-box-desc {
        display: inline-flex;
        margin-top: 21px;
    }

    .box.bank-card.box-small.crypto-box .row.row-1.crypto-img-holder.img-vendor img {
        margin-top: 32px !important;
    }

    #deposit__steps .row.row2.no-margin.mb-3 .text-justify .col-form-label, #transfer__steps .row.row2.no-margin.mb-3 .text-justify .col-form-label,
    #transfer__steps--guide .row.row2.no-margin.mb-3 .text-justify .col-form-label {
        line-height: 1.42 !important;
    }

    .box.bank-card.box-small.crypto-box-unavailable .row.row-2.note-box-desc {
        margin-top: 11px !important;
        display: inline-flex !important;
    }

    /**promotion tag**/
    .promotion-tag {
        background: #c9334e;
        color: #fff;
        height: 24px;
        line-height: 10px;
        width: 100%;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        padding: 6px 4px;
        font-size: 10px;
        font-weight: bold;
        position: absolute;
        display: inline-block;
        left: 0px;
        top: 160px;
    }

    /**Marquee animation**/
    /* Make it move */
    @keyframes scroll {
        from {
            transform: translateX(0%);
        }

        to {
            transform: translateX(-50%);
        }
    }


    .m-scroll-container {
        width: 100%;
        overflow: hidden;
        transition: all 0s ease;
    }

    .marquee-all {
        display: inline-flex;
        position: relative;
        animation: scroll 27s infinite linear;
        width: fit-content;
        margin: 0px !important;
        padding: 0px !important;
    }

    .mobile-avail-bank-txt {
        display: none;
    }

    .marquee-img {
        display: block;
        position: relative;
        animation: none;
    }

    .box.bank-card.box-large.recom span.time-limit {
        display: inline-block;
        position: relative;
        width: auto;
    }

        .box.bank-card.box-large.recom span.time-limit span.limit-line {
            display: inline-block;
            position: relative;
            width: auto;
        }


    .popup-cashier.bt-popup.bt-qt-popup .popup-content .col a.box-btn {
        width: 238px;
        height: max-content; /**special case for ipadview**/
        display: inline-block;
        text-align: center;
        position: relative;
    }


    .popup-cashier.bt-popup .popup-content .row > .col {
        min-width: 153.3px;
    }

    .popup-cashier.bt-popup.bt-qt-popup .popup-content a.box-btn img {
        height: 40px !important;
        width: 40px;
        margin-bottom: 8px;
        margin-top: 10px;
    }

    .popup-cashier .popup-content .row > .col .box-btn p {
        margin-top: 0px !important
    }

    .popup-cashier.bt-popup.bt-qt-popup .popup-content .col a.box-btn:hover {
        background-color: #E9EAEB;
    }

    .popup-cashier.bt-popup.bt-ninepay-popup .col {
        height: 100px !important;
        width: 153px !important;
    }

    .popup-cashier.bt-deposit-channel-popup.qt-create-new-popup a.box-btn {
        width: 153px !important;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    .popup-cashier.bt-deposit-channel-popup.qt-create-new-popup .popup-content {
        /*margin: 0px 0px 0px 20px;*/
    }

    .popup-cashier {
        /*border-top-left-radius: 10px;
        border-top-right-radius: 10px;*/
        border-radius: 16px;
    }

        /***QT create new***/
        .popup-cashier.bt-deposit-channel-popup.qt-create-new-popup {
            height: fit-content;
        }

            .popup-cashier.bt-deposit-channel-popup.qt-create-new-popup .col a.box-btn {
                height: 100px;
                padding: 0px !important;
                margin: 0px !important;
                width: 100% !important;
            }

            .popup-cashier.bt-deposit-channel-popup.qt-create-new-popup .bank-img img {
                margin-top: 24px !important;
            }

            .popup-cashier.bt-deposit-channel-popup.qt-create-new-popup .col a.box-btn:hover {
                background-color: #E9EAEB;
            }

        /***QT complete***/
        .popup-cashier.bt-deposit-channel-popup.qt-complete-deposit-popup {
            height: fit-content;
        }

            .popup-cashier.bt-deposit-channel-popup.qt-complete-deposit-popup .col a.box-btn {
                height: 100px;
                padding: 0px !important;
                margin: 0px !important;
                width: 100% !important;
            }

            .popup-cashier.bt-deposit-channel-popup.qt-complete-deposit-popup .bank-img img {
                margin-top: 24px !important;
            }

            .popup-cashier.bt-deposit-channel-popup.qt-complete-deposit-popup .col a.box-btn:hover {
                background-color: #E9EAEB;
            }

        .popup-cashier.bt-popup.bt-ninepay-popup a.box-btn img {
            height: 32px !important;
            width: 32px !important;
        }

    .row.qt-complete-new-bank.row2-gray > .mt-2 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .tab-pane.fade.in.active.ninepay-transfer-results .col-md-3.col-sm-3.col-xs-12 label.col-form-label {
        height: 40px !important;
        line-height: 45px !important;
    }

    .col-md-8.col-sm-8.col-xs-12.field-input.select-container3 .select2-container {
        max-width: 400px;
    }

    #previewForm .col-md-8.col-sm-8.col-xs-12.deposit-to-diff-act {
        margin-left: 33%;
    }

    #changeAccountForm .new-account-label label.col-form-label {
        font-size: 14px;
        line-height: 3.50 !important;
        padding: 0;
    }

    #changeAccountForm input#toBankDisplayText {
        padding-top: 13px !important;
    }

    #previewForm input#toAccountNameMasked, #previewForm input#toAccountNumberMasked {
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.29;
        letter-spacing: normal;
        color: #222939;
        text-transform: uppercase;
        padding: 13px 16px;
        height: 19px;
        margin-top: 0;
    }

    .note-inner-pages .col-md-8.col-sm-8.col-xs-12 {
        /*padding-left: 21.53px;*/
    }

    .col-md-offset-3.col-sm-offset-4.col-md-12.col-sm-12.col-xs-12 .note-header,
    #mobile__pay .note-inner-pages .col-md-offset-3.col-sm-offset-4.col-md-12.col-sm-12.col-xs-12 .note-header {
        width: 400px !important;
        /*margin-left: 6px;*/
    }

    .col-md-8.col-sm-8.col-xs-12.kunit.field-input {
        width: 66.66666667%;
    }

    .note-inner-pages .col-md-offset-3.col-sm-offset-4.col-md-8.col-sm-8.col-xs-12 {
        max-width: 430px;
        padding-left: 15px;
        float: right;
    }

    body::-webkit-scrollbar {
        /*width: 0px;*/
    }

    html {
        width: 100vw;
    }

    #changeAccountForm input#toAccountNameMasked, #changeAccountForm input#toAccountNumberMasked {
        font-size: 14px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.29;
        letter-spacing: normal;
        color: #222939;
        text-transform: uppercase;
        margin-top: 0;
        padding: 13px 16px;
    }

    #transfer__steps #changeAccountForm .field-input input,
    #deposit__steps #changeAccountForm .field-input input,
    #withdrawal__steps #changeAccountForm .field-input input {
        width: 100% !important;
        max-width: 100% !important;
    }

    #changeAccountForm .col-md-9.col-sm-9.col-xs-12.field-input {
        padding-left: 32px;
    }

    a#AddPlayerBankAcct {
        margin-left: 8px;
    }

    a#EditPlayerBankAcct {
        margin-right: 8px;
    }

    #deposit__steps .col-md-offset-4.col-sm-offset-4.pl-3 {
        padding-left: 21.56px;
    }

    #playerbankdetails div#bankNameDisplay {
        /* width: 430px; */
        /*float: right;*/
    }

    .smartPayQR_steps--details #playerbankdetails div#bankNameDisplay {
        /* width: 428px; */
        /*float: right;*/
        padding: 0 15px;
    }

    .tip-cashier.tip-reminder > .inner {
        background-image: url(../../../images/m88/cashier/icon-reminder.svg?v=1);
        background-repeat: no-repeat;
        background-position: left top 5px;
        padding: 8px 0px 5px 32px;
        min-height: 25px;
        background-position: 0 50%;
    }

    .note-header.tip-cashier .inner h5 {
        text-align: left;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        line-height: 20px;
        font-size: 14px !important;
        color: inherit !important;
        text-transform: unset !important;
    }

    .tip-cashier .inner img.reminder-icon-green, .note-header .inner img.reminder-icon-green {
        display: none;
    }

    #crypto__pay--details .col-md-offset-3.col-sm-offset-4.col-md-9.col-sm-8.col-xs-12 .note-header.tip-cashier-innerPage {
        max-width: 400px;
        float: right;
    }

    div#crypto__pay--details .note-header.tip-cashier.tip-reminder img.reminder-icon-green.crypto-reminder-icon {
        margin-top: -19px !important;
        display: none;
    }

    .note-header.note-cashier > .col:first-child {
        background-image: url(../../../images/m88/cashier/icon-reminder.svg?v=1);
        background-repeat: no-repeat;
        background-position: left top 5px;
        padding: 8px 0px 8px 32px;
        min-height: 25px;
        background-position: 0 50%;
        margin: 0 !important;
    }

        .note-header.note-cashier > .col:first-child img {
            display: none;
        }

    .smartPay-preview .col label {
        font-size: 14px;
        font-weight: bold;
        line-height: 20px;
        margin-top: 0 !important;
    }

    #mobile__pay--summary .form-control[readonly], #cashcard__pay--summary .form-control[readonly], #cryptowd__pay--summary .form-control[readonly] {
        font-size: 14px;
        font-weight: normal;
        height: 19px;
    }

    div#withdrawal__steps div#crypto__pay--details .col-md-8.col-sm-8.col-xs-12.field-input {
        max-width: 430px;
    }

    #crypto__pay--details .col-md-8.col-sm-8.col-xs-12.kunit.field-input text#lblCryptoAmount {
        width: 400px;
    }

    #divBankAccountSelection .select-container3:after, #online__pay--details .select-container3:after, #add-playerbankaccount .select-container3:after
    #depositForm .select-container3:after, #newFromBankReferenceContainer .select-container3:after {
        content: attr(data-text);
        position: absolute;
        top: 12px;
        left: 24px !important;
        background: #fff;
        padding: 10px 0px 0px 7px;
        display: block;
        pointer-events: none;
        z-index: 20;
        height: 24px;
        line-height: 3px;
        font-weight: normal;
        border: solid 1px #ffffff;
        background-repeat: no-repeat;
        background-position: right 5px center;
        background-size: 20px;
        width: 77%;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        font-size: 13.333px;
        font-weight: bold;
    }

    .box.bank-card.box-large .tag-promotion {
        /* top: 173px !important;*/
    }

    .m-scroll-container {
        max-width: 612px !important;
        margin-left: auto;
        margin-right: auto;
    }


    .txt-heading span.avail-bank-txt {
        line-height: 20px;
        font-weight: bold;
        display: inline-flex;
        position: relative;
        /*  min-width: 90px;*/
        max-width: fit-content;
        font-size: 8px;
        margin-right: 4px;
    }

    .daterangepicker .drp-calendar {
        max-width: unset;
    }

    .col-md-8.col-sm-8.col-xs-12.field-input {
        max-width: 430px;
    }

    .lang-ja .col-md-12.col-sm-12.col-xs-12.preview-btn-group {
        padding-right: 22px;
    }

    .content-body .tab-pane {
        max-width: 664px;
        margin-left: auto;
        margin-right: auto;
    }

    .tag-header {
        position: relative;
        margin: 0px 16px 0px 16px;
    }

    .inner-box-banks .box.bank-card:not(.box-large) {
        padding: 8px 0px 0px 0px !important;
        min-height: 182px !important;
    }

    .lang-km .inner-box-banks .box.bank-card:not(.box-large) {
        padding: 8px 0px 0px 0px !important;
        min-height: 188px !important;
    }

    .inner-box-banks:not(.filtered) .box.bank-card .inset > .row-3 {
        /*margin-bottom: 8px;*/
        min-height: 12px
    }

    .inner-box-banks.filtered .box.bank-card.box-small {
        min-height: 166px !important;
    }

    .lang-vi .inner-box-banks:not(.filtered) .box.bank-card.box-large {
        /* height: 163px;*/
        padding: 8px 0px 0px 0px;
    }

    .inner-box-banks:not(.filtered) .box.bank-card.box-large {
        /* height: 162px;*/
        padding: 8px 0px 0px 0px;
        min-height: 154px;
    }

    .lang-km .inner-box-banks .box.bank-card.box-large .tag-header {
        height: 16px;
    }

    .lang-km .inner-box-banks .tag-header {
        height: 34px;
        margin-bottom: 4px;
    }

    .lang-km .inner-box-banks.filtered .tag-header {
        height: 16px;
    }

    .row.row-1.crypto-img-holder.img-vendor {
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%) !important;
        width: 100%;
    }

    .box.bank-card.box-large .row.row-1.img-vendor {
        margin: 6px 16px 8px 16px;
    }


    .note-header.show-atm-tip.tip-cashier-innerPage span {
        margin-left: 8px !important;
    }

    .dashed-line {
        border-top: 1px dashed #90949c !important;
        margin-top: 54px;
        padding-bottom: 24px;
    }

    div#divNewAccountInfoForm .dashed-line {
        margin-top: 39px !important;
        margin-bottom: -15px !important;
    }

    .note-header.show-atm-tip.tip-cashier-innerPage.changed-after-save {
        margin-top: -15px;
        margin-bottom: 33px;
    }

    /*fixes for ninepay popup*/
    .popup-cashier.bt-popup.bt-ninepay-popup .popup-content .row {
        margin: 0px -8px;
        padding: 0px;
        display: block;
    }

        .popup-cashier.bt-popup.bt-ninepay-popup .popup-content .row > .col {
            display: inline-block;
            vertical-align: top;
            text-align: center;
            width: 33.33% !important;
            padding: 0px 8px 0px 8px;
            box-sizing: border-box;
        }

            .popup-cashier.bt-popup.bt-ninepay-popup .popup-content .row > .col .box-btn {
                margin-bottom: 0px;
                height: 100px;
                padding: 0px !important;
                width: 153px !important;
            }

    .form-control.error + .select2 > .selection > .select2-selection {
        border: solid 1px #c9334e;
        border-radius: 60px;
    }

    .form-control.error + .select2 > .selection > .select2-selection {
        border: solid 1px #c9334e;
        border-radius: 60px;
    }

    .error-icon {
        background-image: url('../../images/m88/icon/error.svg');
        background-repeat: no-repeat;
        background-position: right 5px center;
        padding-right: 30px;
        text-overflow: ellipsis;
        display: block;
        height: 20px;
        position: absolute;
        margin-top: -35px;
        margin-left: 337px;
        z-index: 100;
    }

    .error + .info-image {
        display: none;
    }

    .field-input.error-selection .error-icon, .col-md-8.col-sm-8.col-xs-12.field-input .error-icon, .field-input.field-input-mo-yr .error-icon,
    .col-md-8.col-sm-8.col-xs-12.field-input.error-selection input + .error-icon {
        display: none;
    }

    .field-input-mo-yr .error-icon {
        margin-left: 128px;
    }

    .select-container3 .error-icon, .select-container2 .error-icon, .select-container .error-icon,
    .field-input-mo-yr.error-selection .error-icon,
    select + .field-input.field-input-mo-yr .error-icon,
    .select2 + a.error-icon {
        display: block !important;
        z-index: 1111111;
    }

    a#info-upload.info-image.success-image {
        background-image: url(../../images/m88/icon/success.svg) !important;
        background-repeat: no-repeat;
        background-position: right 0px center;
        background-size: 20px;
        padding-right: 34px;
        display: block;
    }

    div#divBankAccountSelection {
        margin-bottom: -30px;
    }

    /**cashier popup**/


    /*2nd popup QT*/
    .popup-cashier.bt-deposit-channel-popup.qt-create-new-popup .col,
    .popup-cashier.bt-deposit-channel-popup.qt-complete-deposit-popup .col,
    .popup-cashier.bt-popup.bt-ninepay-popup .col {
        height: auto !important;
        display: inline-flex !important;
    }

        .popup-cashier.bt-deposit-channel-popup.qt-create-new-popup .col a.box-btn,
        .popup-cashier.bt-deposit-channel-popup.qt-complete-deposit-popup .col a.box-btn,
        .popup-cashier.bt-popup.bt-ninepay-popup .col a.box-btn {
            display: inline-table;
            height: auto !important;
            width: 100% !important;
            line-height: 14px !important;
            text-align: center;
        }

            .popup-cashier.bt-deposit-channel-popup.qt-create-new-popup .col a.box-btn span,
            .popup-cashier.bt-deposit-channel-popup.qt-complete-deposit-popup .col a.box-btn span,
            .popup-cashier.bt-popup.bt-ninepay-popup .col a.box-btn span {
                position: relative;
                display: inline-block;
                padding: 24px 8px 16px 8px;
            }

                .popup-cashier.bt-deposit-channel-popup.qt-create-new-popup .col a.box-btn span img,
                .popup-cashier.bt-deposit-channel-popup.qt-complete-deposit-popup .col a.box-btn span img,
                .popup-cashier.bt-popup.bt-ninepay-popup .col a.box-btn span img {
                    height: 32px !important;
                    width: 32px !important;
                    display: inline-flex;
                    margin-top: 0px !important;
                }

                .popup-cashier.bt-deposit-channel-popup.qt-create-new-popup .col a.box-btn span p,
                .popup-cashier.bt-deposit-channel-popup.qt-complete-deposit-popup .col a.box-btn span p,
                .popup-cashier.bt-popup.bt-ninepay-popup .col a.box-btn span p {
                    display: table;
                    padding: 0px;
                    margin-bottom: 0px;
                    margin-top: 8px !important;
                    line-height: 20px;
                }

    /**specific language popup text cashier page**/
    .lang-km .popup-cashier.bt-deposit-channel-popup.qt-create-new-popup .col a.box-btn span p {
        height: 42px;
    }

    .lang-th .popup-cashier.bt-deposit-channel-popup.qt-create-new-popup .col a.box-btn span p,
    .lang-th .popup-cashier.bt-deposit-channel-popup.qt-complete-deposit-popup .col a.box-btn span p {
        height: 42px;
    }

    .lang-vi .popup-cashier.bt-deposit-channel-popup.qt-create-new-popup .col a.box-btn span p,
    .lang-vi .popup-cashier.bt-deposit-channel-popup.qt-complete-deposit-popup .col a.box-btn span p {
        height: 42px;
    }

    /*9pay popup*/

    .popup-cashier.bt-popup.bt-ninepay-popup {
        height: auto !important;
        bottom: unset !important;
    }

    .lang-km .popup-cashier.bt-popup.bt-ninepay-popup .col a.box-btn span p {
        height: 40px;
        line-height: 20px;
    }

    .lang-th .popup-cashier.bt-popup.bt-ninepay-popup .col a.box-btn span p {
        height: 40px;
        line-height: 20px;
    }

    .lang-vi .popup-cashier.bt-popup.bt-ninepay-popup .col a.box-btn span p {
        height: 40px;
        line-height: 20px;
    }

    button#DepositAgain.center-block {
        line-height: 56px;
    }

    .daterangepicker.single.ltr .ranges, .daterangepicker.single.ltr .drp-calendar {
        float: none;
    }

    .daterangepicker .drp-calendar.left {
        padding: 8px;
    }

    #previewForm .selfCor-label {
        font-size: 14px;
        line-height: 3.50;
    }

    .selfCor-upload-textbox #info-upload {
        margin-right: 16px;
    }

    .selfCor-submit-btn {
        justify-content: flex-end;
        display: flex;
    }

    .col-md-8.col-sm-8.col-xs-12.field-input.alipay-note .tip-cashier-innerPage {
        margin-top: 16px !important;
    }

        .col-md-8.col-sm-8.col-xs-12.field-input.alipay-note .tip-cashier-innerPage img {
            margin-right: 8px
        }


    .lang-en #transfer__steps--results .state-d-block.text-bold.mt-2.mb-2 {
        width: 91%;
    }

    .lang-th #transfer__steps--results span.state-d-block.text-bold.mt-2.mb-2 {
        width: 70%;
        margin-top: 0px;
    }

    .lang-id #transfer__steps--results .list-inline span.state-d-block h2.text-uppercase.step-header {
        margin-top: -4px !important;
    }

    .lang-id #transfer__steps--results .state-d-block.text-bold.mt-2.mb-2 {
        width: 85%;
    }

    .lang-km #transfer__steps--results .list-inline span.state-d-block h2.text-uppercase.step-header {
        margin-top: 0px !important;
    }

    .lang-ja #transfer__steps--results .state-d-block.text-bold.mt-2.mb-2 {
        width: 87%;
    }

    /**self correction UI**/
    .row.form-group.self-dp-amount .field-input.col-md-7.col-sm-7.col-xs-12.field-new,
    .row.form-group.self-last-5digits .col-md-7.col-sm-7.col-xs-12.field-input {
        max-width: 430px;
    }

    .row.form-group.self-dp-amount label.col-form-label,
    .row.form-group.self-last-5digits label.col-form-label,
    .row.form-group.self-date-time label.col-form-label {
        line-height: 30px;
    }

    .row.form-group.self-date-time .col-md-7.col-sm-7.col-xs-12.field-input-date {
        max-width: 215px
    }

    .self-date-time .field-input-date .input-calendar.field-input a.info-image {
        margin-right: 30px;
    }

    /*Maintenance Page*/
    div#maintenance__page--details {
        margin-top: 30px;
    }

    #maintenance__page--details .btn-back-home {
        width: 100%;
        border-radius: 60px;
        height: 56px !important;
        line-height: 16px;
    }

    .box.bank-card.box-large .row.row-4.row-avail-bank.animate-bank-image {
        margin: 0px 8px 8px 8px;
    }

    .box.bank-card.box-large .inner {
        margin-bottom: 8px;
    }

    .inner-box-banks:not(.filtered) .box.bank-card.box-small .promo-bottom {
        margin-top: 8px;
    }

    .inner-box-banks:not(.filtered) .box.bank-card.box-small .inner {
        min-height: 118px;
    }

    .inner-box-banks.filtered .box.bank-card.box-small .inner {
        min-height: 116px;
    }

    .inner-box-banks.filtered .box.bank-card.box-small.unavailable-method {
        min-height: 170px !important;
    }

    .inner-box-banks.filtered .box.bank-card.box-small .promo-bottom {
        margin-top: 8px;
    }

    .inner-box-banks.filtered .box.bank-card.box-small.crpto-dm .inner {
        min-height: 122px;
    }

    /*Maintenance Page*/
    div #maintenance__page--details {
        margin-top: 30px;
    }

    #maintenance__page--details .btn-back-home {
        width: 100%;
        border-radius: 60px;
        height: 56px !important;
        line-height: 16px;
    }

    /**custom scroll**/
    body::-webkit-scrollbar {
        width: 8px;
        border: 2px solid red;
    }

    body::-webkit-scrollbar-button {
        border: 2px solid white;
        background: #ffffff;
    }

    body::-webkit-scrollbar-track {
        background: #f4f4f5;
    }

    body::-webkit-scrollbar-track-piece {
        border: 1px solid white;
        border-radius: 10px;
    }

    body::-webkit-scrollbar-thumb {
        background-color: #d3d4d7;
        border-radius: 10px;
        border: 1px solid #f4f4f5;
    }

    body ::-webkit-scrollbar-corner {
    }

    body ::-webkit-resizer {
        height: 100px;
    }

    /*Maintenance Page*/
    div#maintenance__page--details {
        margin-top: 30px;
    }

    #maintenance__page--details .btn-back-home {
        width: 100%;
        border-radius: 60px;
        height: 56px !important;
        line-height: 16px;
    }

    .row.row1.form-group.third-row input.form-control {
        border-radius: 0px !important;
    }

    /*Maintenance Page*/
    div#maintenance__page--details {
        margin-top: 30px;
    }

    #maintenance__page--details .btn-back-home {
        width: 100%;
        border-radius: 60px;
        height: 56px !important;
        line-height: 34px;
    }

    .add-edit-bank.ninepay-add-edit {
        margin-bottom: 16px;
    }

    button.btn.btn-primary.mt-1.btn-xs-block.default-btn.save-button.btn-save-new-acct {
        margin-bottom: -12px;
    }

    div#cashcard__pay--status button#DepositAgain {
        line-height: 56px;
    }

    /*for preview page*/
    #transfer__steps--results h5,
    #previewForm .row.form-group .col-md-12 h5 {
        text-transform: uppercase;
        color: #4e5461; /*updated font color*/
        font-size: 16px; /*updated font size*/
    }

    /**loading UI**/
    .swal2-popup.swal2-modal.swal2-loading.swal2-show {
        width: 560px;
        height: 268px;
        padding: 0px !important;
        margin: 0px !important;
    }

    .swal2-content strong {
        font-size: 20px;
        color: #222939;
    }

    div#swal2-content img {
        margin: 10px 0px 0px 0px;
    }

    div#swal2-content h5 {
        margin: 24px 0px !important;
    }

    .swal2-popup.swal2-modal.swal2-show {
        width: 560px;
        /*height: 268px;*/
    }

    .swal2-icon.swal2-error.swal2-animate-error-icon {
        background: url(../../images/m88/icon/icon-failed.svg);
        width: 120px;
        height: 120px;
        border-radius: unset;
        border: none;
        margin: 0;
        margin-top: 10px;
    }

    .swal2-icon.swal2-error .swal2-x-mark {
        display: none !important;
    }

    .swal2-title {
        font-size: 20px !important;
        margin: 24px 0 !important;
    }

    .swal2-content {
        color: #222939 !important;
        font-size: 14px !important;
    }

    button.swal2-confirm.swal2-styled {
        background-color: #caab72;
        color: #222939;
        font-weight: bold;
        border-radius: 60px;
        height: 56px;
        width: 416px;
        font-size: 14px;
        text-transform: uppercase;
    }

        button.swal2-confirm.swal2-styled i {
            display: none;
        }

    .swal2-styled:focus {
        box-shadow: unset !important;
    }

    button.swal2-confirm.swal2-styled:hover {
        background-color: #d7c095 !important;
    }

    .swal2-actions {
        margin: 24px auto 10px !important;
    }

    .box.bank-card.box-small .row.row-time-min-max {
        margin-bottom: 4px;
    }

    /*for read more pop-ove*/
    .note-readmore-container.no-readmore .note-txt {
        width: 100% !important;
    }

    .box.bank-card.box-small .row.row-3.row-note {
        margin: 0px 16px !important;
    }

    .note-mobile {
        display: none !important;
    }

    span.note-txt {
        max-width: 100%;
    }

        span.note-txt + .note-popover {
            display: none;
        }

        span.note-txt.show-readmore + .note-popover {
            display: block;
        }

        span.note-txt.show-readmore {
            max-width: 129px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

    .lang-ja span.note-txt.show-readmore {
        max-width: 140px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .lang-th .note-txt.show-readmore {
        max-width: 123px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .lang-ko span.note-txt.show-readmore {
        max-width: 125px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    span.note-txt.show-readmore + .note-popover {
        display: block;
    }

    .note-ol-cc .note-header.show-atm-tip.tip-cashier-innerPage {
        margin: 0px 0px 32px 0px !important;
    }

    span.note-txt.show-readmore {
        max-width: 129px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .lang-ja span.note-txt.show-readmore {
        max-width: 140px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .lang-th .note-txt.show-readmore {
        max-width: 123px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .lang-ko span.note-txt.show-readmore {
        max-width: 125px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .jp-us-dd {
        padding-right: 0px;
    }

    .jp-us-input {
        padding-left: 8px;
    }

    .jp-us-ex-rate {
        margin-bottom: -16px;
        margin-left: 16px;
        margin-top: -8px;
    }

    .col-md-7.col-sm-7.col-xs-7.field-input.jp-us-input {
        max-width: 249px;
    }

    .qt-option-txt {
        width: auto;
        position: relative;
        display: inline-flex;
    }

    /*for amount buttons*/
    a.btn.btn-secondary.mt-1.btn-xs-block.amount-btn {
        width: 24.4%;
        border-radius: 60px;
        border: solid 1px #ced2d2;
    }

        a.btn.btn-secondary.mt-1.btn-xs-block.amount-btn.selected {
            border: solid 1px #222939;
        }

    .btn-amount-container.col-md-8.col-sm-8.col-xs-12 {
        margin-top: -12px;
    }

    div#crypto__pay--details div#divQuickAmount .quick-amount-lbl.col-md-4.col-sm-4.col-xs-12 {
        display: none;
    }

    div#crypto__pay--details div#divQuickAmount .btn-amount-container.col-md-8.col-sm-8.col-xs-12 {
        width: 428px;
        margin-top: 3px;
        display: inline-flex;
    }

    div#crypto__pay--details div#divQuickAmount a.btn.btn-secondary.mt-1.btn-xs-block.amount-btn {
        width: 25%;
        border-radius: 60px;
        border: solid 1px #ced2d2;
    }

    /**** Withdrawal amount in crypto info ****/
    /**** BEGIN ****/
    .tip-note {
        border-radius: 8px;
        background-color: #e3effa !important;
        padding: 8px 16px;
        margin: 9px 0px 0px 0px;
        width: 400px;
        font-size: 14px;
        font-weight: bold;
        position: absolute;
        z-index: 1;
    }

    #ff-tip-note-Container {
        display: inline-block;
    }

    .ff-tip-note {
        margin-left: -18px;
        position: relative;
        top: 8px;
    }

        .ff-tip-note:before {
            content: "";
            position: inherit;
            border-bottom: 8px solid #e3effa;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
        }

    #xrate-info-icon-container {
        display: inline;
        margin-left: 0px;
        position: relative;
        z-index: 10;
    }

    .exrate-info-icon {
        position: relative;
        cursor: pointer;
    }
    /**** END ****/
    /**** Withdrawal amount in crypto info ****/

    /* wd vegawallet */
    .container-vegaWallet {
        margin: 0px 15px !important;
    }

    .wd-img-top-container {
        width: 200px;
        height: 40px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        margin-top: -18px;
        margin-bottom: 17px;
    }

        .wd-img-top-container img {
            height: 40px;
            width: 200px !important;
        }


    .container-vegaWallet label.col-form-label {
        line-height: 30px;
    }

    .eye-icon {
        background-image: url(../../../images/m88/icon/__close-blue.svg);
        height: 20px;
        width: 20px;
    }

    .container-vegaWallet .btn.submit-button {
        float: unset !important;
        width: 92px;
        margin-top: 23.5px !important;
    }

    .container-vegaWallet .vegaWallet-footer {
        display: flex;
        justify-content: flex-end;        
        padding: 0;
    }

    .container-vegaWallet .vegaWallet-footer-ca {
        display: flex;
        justify-content: flex-end;
    }

    .container-vegaWallet a.text-underline.col-form-label.col-md-4.col-sm-4.col-xs-8 {
        margin-top: 23.5px;
        height: 48px;
        line-height: 36px;
        padding-right: 31px;
        width: unset;
    }

    .vegaWallet-footer-ca .col-form-label {
       text-transform: none;
    }

        .vegaWallet-footer-ca .col-form-label a {
        }

    .row.form-group.vegaWallet-footer-container {
        margin: 0;
        padding-top: 15.5px;
    }

    #withdrawal--details.container-vegaWallet .vegaWallet-errorfield {
        padding: 0;
    }

    /* wd vegawallet - end */

    /*** DEPOSIT VEGAWALLET ***/
    #online__pay--details.container-vegaWallet .vegaWallet-footer-container > .vegaWallet-footer > a.text-underline.col-form-label {
        height: 48px;
        line-height: 1.43;
        width: unset;
        padding: 14px 24px;
        margin: 23.5px 7.5px 0;
    }

    #online__pay--details.dp-vw-container p.dp-vw-notmember {
        line-height: 1.43;
    }
    /*** DEPOSIT VEGAWALLET - END ***/

    /*** QT Upload for JPY ***/
    .lang-ja .col-md-4.col-sm-4.col-xs-12.col-upload label.col-form-label.optional {
        line-height: 36px !important;
    }
    /*** QT Upload for JPY - END ***/

    /*** Select2 search input styling ***/
    .select2-container--default .select2-search--dropdown .select2-search__field {
        font-size: 14px;
    }
    /*** Select2 search input styling - END ***/

    /*** QT Upload for THB ***/
    .col-md-4.col-sm-4.col-xs-12.col-upload.thb-option {
        flex-direction: column;
        margin-top: 0px;
    }
    .col-md-4.col-sm-4.col-xs-12.col-upload.thb-option label.col-form-label.optional{
        line-height: 33px !important;
    }
    .col-upload p.text-danger.qt-create-p.thb-lbloption,
    .col-upload p.text-danger.qt-complete-p.thb-lbloption {
        margin: 0 !important;
        margin-top: -7px !important;
    }

    .col-upload p.text-danger.qt-create-p.non-thb-lbloption,
    .col-upload p.text-danger.qt-complete-p.non-thb-lbloption {
        margin-top: 26px !important;
    }


    .lang-ja .col-upload p.text-danger.qt-create-p.thb-lbloption,
    .lang-ja .col-upload p.text-danger.qt-complete-p.thb-lbloption,
    .lang-ja .col-upload p.text-danger.qt-create-p.non-thb-lbloption,
    .lang-ja .col-upload p.text-danger.qt-complete-p.non-thb-lbloption {
        margin: 0px 0px 0px -7px !important;
    }
    .lang-ja #transfer__steps--details .col-md-4.col-sm-4.col-xs-12.col-upload.thb-lbloption-container,
    .lang-ja #transfer__steps--details .col-md-4.col-sm-4.col-xs-12.col-upload.non-thb-lbloption-container {
        margin-top: -2px;
    }
    #transfer__steps--details .col-md-4.col-sm-4.col-xs-12.col-upload.thb-lbloption-container,
    #transfer__steps--details .col-md-4.col-sm-4.col-xs-12.col-upload.non-thb-lbloption-container {
        display: inline;
        margin-top: -9px;
    }
    /*** QT Upload for THB - END ***/
    
    /**** FOR JP NOTE DEPOSIT ****/
    .note-header.note-cashier.note-header-USD-only {
        padding: 9px 16px;
    }

    .modal-content .lbl_acctname-container label {
        line-height: 1.3;
        padding: 5px 0;
    }

        .note-header.note-cashier.note-header-USD-only > .col:first-child {
            padding: 9px 8px 0;
        }
    /**** FOR JP NOTE DEPOSIT - END ****/

    /*** FOR WITHDRAWAL NOTE ***/
    .note-header.tip-cashier-innerPage.fe-custom-note-wnote {
        padding: 10px 16px 10px 8px;
    }
    /*** FOR WITHDRAWAL NOTE - END ***/

    .popup-cashier.bt-popup.bt-binfo-popup {
        min-width: 626px;
        width: 626px;
        height: fit-content;
        position: absolute;
        z-index: 1;
        transform: translate(-50%);
        top: 34px;
    }

    .col-md-6.col-sm-6.col-xs-12.col-date {
        padding: unset;
        padding-right: 8px;
    }

    .col-md-6.col-sm-6.col-xs-12.col-email {
        padding: unset;
        padding-left: 8px;
    }

    /*** END BILLING INFO***/

    .form-control.error + .select2 > .selection > .select2-selection {
        padding-right: 60px !important;
    }

    .i-icon-close {
        cursor: pointer;
        height: 12px;
    }


    .i-error-icon {
        height: 20px;
    }

    .cd-button-field {
        padding-top: 25px;
        padding-bottom: 40px;
    }

    .cd-button-field hr{
        display: none;
    }

    /*WD Billing info*/

    div#add-playerbillinginfo {
        padding: 0px 17px !important;
        background: #ffffff;
    }

        div#add-playerbillinginfo .m-add-bank {
            width: 100%;
            max-width: 100%;
            margin-top: 34px;
        }

        div#add-playerbillinginfo .modal-dialog.m-add-bank .modal-body {
            padding: 24px 32px 0px 32px;
        }


        div#add-playerbillinginfo .billing-info {
            padding-top: 0px !important;
        }

        div#add-playerbillinginfo form#createBillingInfoForm .form-group .col-md-12.col-sm-12.col-xs-12 {
            padding: 0px;
        }

        div#add-playerbillinginfo .modal-footer {
            padding: 24px 0px 32px 0px;
        }

    .row.form-group.bi-container-bottom button.btn.btn-primary.btn-xs-block.default-btn.submit-button {
        float: right !important;
    }

    #add-playerbillinginfo .modal-dialog .modal-content .modal-header {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
    }

        #add-playerbillinginfo .modal-dialog .modal-content .modal-header .close {
            align-items: center;
            margin-top: 4px;
        }

        #add-playerbillinginfo .modal-dialog .modal-content .modal-header .modal-title {
            display: flex;
            width: 100%;
        }
    /*End WD Billing info*/

    /** Mobile Deposit Pending Page **/
    .md-pending .btn-secondary {
        display: flex;
        align-items: center;
    }

    .rv-qr-container button#btnSubmit {
        width: auto;
    }

    .tab-pane.active.notification-deposit.qt-tab-pane hr {
        margin-top: 20px;
        margin-bottom: 7px;
    }

    .rv-qr-container hr {
        margin-bottom: 32px;
    }
}

/**end 699**/