@charset "utf-8";

/*** ADD COMMENT FOR STYLING PURPOSE ***/

/* Mobile View - XS */
@media only screen and (max-width : 599px) {
    .qt-tab-pane #transfer__steps .tab-pane.qt-revamp {
        padding: 0;
    }

    .qt-tab-pane .qt-form-container .qt-input:nth-child(1) label {
        width: 100%;
        margin-right: 0px;
    }

    .qt-tab-pane .qr-image-container {
        display: block;
        position: relative;
        margin-top: 20px;
    }

    .qt-tab-pane #guide_details {
        margin-top: 20px;
    }

    .qt-tab-pane .qt-form-container {
        display: block;
    }

        .qt-tab-pane .qt-form-container .note-header.show-atm-tip.qt-note-mt {
            margin-bottom: 6px;
        }

    .qt-tab-pane .qr-image-container .qr-image-c .qr-image {
        width: 100%;
        margin-bottom: 24px;
    }

    .qt-tab-pane #transfer__steps--guide #guide_details.rv-guide-details .copymask-container .qt-mask-copy .col-form-label {
        font-size: 12px !important;
        color: #7a7f88;
    }

    .qt-tab-pane #transfer__steps--guide .copymask-container .qt-mask-copy input#toAccountNameMasked,
    .qt-tab-pane .copymask-container input#toAccountNumberMasked, .qt-tab-pane .copymask-container input#toAccountBankBranchMasked {
        font-size: 16px !important;
        color: #383e4d !important;
        width: 100%;
    }

    .qt-tab-pane .rv-step-info.state-d-block {
        vertical-align: middle;
    }

    .qt-tab-pane .select2-container--default .selection .select2-selection--single,
    .qt-tab-pane .qt-input .select2-container--default .select2-search--dropdown .select2-search__field,
    .qt-tab-pane #depositForm .qt-form-container .qt-input .col-form-label, .qt-tab-pane #depositForm .col-form-label {
        font-size: 16px;
    }

    .qt-tab-pane #guide_details.rv-guide-details hr {
        margin: 20px 0 !important;
    }

    .qt-tab-pane .qt-create-new-bank .add-edit-bank {
        text-align: right;
        margin: 0px 32px 0 0;
        padding-bottom: 0;
    }

    .qt-tab-pane .qt-create-new-bank #EditPlayerBankAcct, .qt-tab-pane .time-input,
    .qt-tab-pane input#depositTime, .qt-tab-pane .upload-line, .qt-tab-pane .qt-revamp-c .btn-amount-container.col-md-8.col-sm-8.col-xs-12 {
        margin: 0;
    }

    .qt-tab-pane .qt-input .upload-line {
        display: flex;
        justify-content: flex-end;
    }

    .qt-tab-pane .qt-input .fileUpload-btn {
        width: auto;
        padding: 0 20px;
    }

    .qt-tab-pane .qt-input a#uploadButton {
        width: auto;
        padding: 0 20px;
        margin-left: 8px;
    }

    .qt-tab-pane #guide_details.rv-guide-details hr, .qt-tab-pane .qt-revamp-c hr {
        margin: 20px 0 !important;
    }
    .qt-tab-pane .preview-btn-group .btn-secondary {
        margin-right: 8px;
    }
    .qt-tab-pane #transfer__steps--details.qt-revamp-c #depositForm .preview-btn-group {
        padding-top: 0;
        margin-top: 11px;
    }

    .qt-tab-pane .qt-revamp-c .preview-btn-group .default-btn span {
        line-height: 1.43 !important;
    }

    .qt-tab-pane #depositForm .qt-input .form-control, .qt-tab-pane .qt-input .form-control,
    .qt-tab-pane .qt-input .select2-container--default .selection .select2-selection--single,
    .qt-tab-pane .qt-input .file-upload-wrapper.fileUpload-txtBlack:after,
    .qt-tab-pane .qt-input .file-upload-wrapper:after,
    .qt-tab-pane .qt-input .select2-container--default .select2-selection--single .select2-selection__placeholder {
        font-size: 16px;
    }

    .qt-tab-pane .qt-revamp-c .row.form-group.rev-bonuscode {
        display: block;
    }

    .qt-tab-pane .qt-input .fileUpload-btn {
        line-height: unset;
    }

    .qt-tab-pane .qt-form-container .qt-input:nth-child(1) label {
        margin-right: 8px;
    }

    .qt-tab-pane .qt-input .fileUpload-btn > span:nth-child(2) {
        line-height: 38px !important;
    }

    .qt-tab-pane .qt-input .qt-create-p {
        display: inline-block;
        line-height: 19px;
    }

    .qt-tab-pane .btn-amount-container a.btn.btn-secondary.mt-1.btn-xs-block.amount-btn {
        height: 48px;
        line-height: unset;
        width: calc(25% - 8px);
        margin: 8px 4px 0;
    }

    .qt-tab-pane .btn-amount-container.qt-amount-container, .qt-tab-pane .qt-note-container {
        padding: 0 15px;
    }

    .qt-tab-pane .qt-input.kunit.field-input .field-info-error {
        margin-top: 8px;
        margin-bottom: 3px;
    }

    .qt-tab-pane .qt-input div#uploadMsgDIV.field-info, .qt-tab-pane .qt-input p#uploadSuccess {
        font-size: 14px;
        margin: 8px 0 0 8px;
        padding: 0;
    }

    .qt-tab-pane .qt-input .field-info-error {
        margin-top: 8px;
    }

    .qt-tab-pane #guide_details .qt-mask-copy .copymask-note .col-form-label, .qt-tab-pane #depositForm .qt-input.qt-note-inner .col-form-label {
        height: unset;
        margin: 0;
        font-size: 12px;
    }
    .qt-tab-pane .jp-us-ex-rate span#lblExchangeRateString {
        margin: 0 !important;
    }

    .qt-tab-pane .qt-form-container .thb-lbloption-container .optional-container {
        display: block;
        width: 100%;
    }

    .qt-tab-pane #depositForm .qt-form-container .thb-lbloption-container .optional-container.qt-thb-mand-show-container:has(:not(p.thb-lbloption[style^="display"])) {
        padding-left: 16px;
    }

    .qt-tab-pane #depositForm .qt-form-container .thb-lbloption-container .optional-container.qt-thb-mand-show-container:has(:not(p.thb-lbloption[style^="display"])) .qt-thb-mand-show {
        margin-left: 0px;
        margin-right: 4px;
    }

    .qt-tab-pane #depositForm .qt-form-container .thb-lbloption-container .optional-container.qt-thb-mand-show-container:has(:not(p.thb-lbloption[style^="display"])) .thb-lbloption {
        margin-left: 0px;
        padding-left: 0px;
        margin-bottom: 8px;
    }

    .qt-tab-pane #depositForm .thb-lbloption-container .col-form-label.optional {
        margin-bottom: 0;
    }
    .qt-tab-pane .qt-form-container .thb-lbloption-container .thb-lbloption {
        margin-left: 16px;
    }

    /** DROPDOWN LOADER **/
    div.qt-dd-content-container {
        padding: 62.5px 16px;
    }

    span.qt-dd-loading-txt {
        font-size: 16px;
    }
    /** DROPDOWN LOADER - END**/

    .qt-tab-pane .qt-input .blank {
        display: none;
    }

    .qt-tab-pane #guide_details .copymask-bankdetails .copymask-lbl label,
    .qt-tab-pane #depositForm .copymask-bankdetails .copymask-lbl label,
    .rv-qr-container .copymask-bankdetails .copymask-lbl label {
        margin: 0;
    }

    .qt-tab-pane .copymask-bankdetails .copymask-info .input-group input {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .qt-tab-pane .copymask-bankdetails .copymask-info .input-group {
        display: block;
    }

    .qt-tab-pane .add-edit-bank.qt-edit-bank a#EditPlayerBankAcct, .qt-tab-pane .add-edit-bank.qt-edit-bank a#AddPlayerBankAcct {
        margin-top: 8px;
        margin-left: 0px;
    }
    .qt-tab-pane .add-edit-bank.qt-edit-bank  #span-add-edit-bank-divider {
        margin: 0 10px;
    }

    .qt-tab-pane #depositForm .copymask-container .copymask-info > .input-group > input, .rv-qr-container .copymask-container .copymask-info > .input-group > input {
        background: transparent !important;
    }

    .qt-tab-pane .qr-image-c {
        margin-right: 0;
        display: block;
    }

    .qt-tab-pane .copymask-ui.mb-8 {
        padding: 8px 16px 8px 16px;
    }

    .qt-tab-pane .qr-image img {
        margin-bottom: 8px;
        width: 112px;
        height: 112px;
    }
    .qt-tab-pane .btn-amount-container.qt-amount-container {
        padding: 0 11px;
        display: flex;
        flex-flow: wrap;
    }
    /*For Date and Time UI*/
    .qt-tab-pane .qt-input .date-time-container {
        display: flex;
    }

    .qt-tab-pane .qt-input .date-time-container > .qt-input:first-child {
        width: 100%;
        margin-right: 8px;
    }

    .qt-tab-pane .qt-input .date-time-container > .qt-input:last-child > .input-calendar,
    .qt-tab-pane .qt-input .date-time-container .qt-input:nth-child(2) {
        width: 136px;
    }
    /*--End of Date and Time UI*/

    .qt-tab-pane div#reminderSaveSuccess .check-icon {
        display: inline-block;
        margin: 0 8px 0 0;
    }

    .qt-tab-pane .qt-form-container .optional-container label.col-form-label {
        width: auto;
    }

    .qt-tab-pane .qt-input.add-zero {
        margin: 0 0 0 8px;
    }

    /*get sms details*/
    .qt-tab-pane .get-sms-bankdetails {
        margin-top: 20px;
    }

    .qt-tab-pane #GetBankDetail.get-sms-bankdetails .state-d-block {
        margin-top: 0;
    }
    /*-- end of get sms details*/

    div.qt-dropdown-loader-container span {
        font-size: 16px;
    }

    #changeAccountForm .new-account-label > label.col-form-label {
        font-size: 16px;
        margin-left: 16px;
        margin-bottom: 8px;
    }

    /*** for self-correction page ***/
    div#uploadMsgDIV:has(p.slf-corr) {
        margin-top: 18px;
    }

    div#uploadMsgDIV > p.slf-corr {
        font-size: 14px;
    }

    .selfCor-upload-textbox .field-error > span {
        margin-top: 8px;
        word-break: break-word;
        word-wrap: break-word;
    }

    .selfCor-upload-textbox .field-error span#fileSelectErrorMsg {
        word-break: break-all;
        word-wrap: break-word;
    }

    .selfCor-upload-textbox span.field-info-error.upload-errormsg,
    .selfCor-upload-textbox #uploadErrorMsg {
        margin-top: 8px;
        margin-bottom: 0;
    }

    .upload-line.self-correction-btn {
        margin: 0;
    }
    /*** for self-correction page - end ***/

    /** FOR DEPOSIT TO DIFF ACCOUNT TEXT IN DETAILS **/
    #previewForm div.col-md-8.col-sm-8.col-xs-12.deposit-to-diff-act {
        margin-left: 0;
        padding: 0;
    }
    /** FOR DEPOSIT TO DIFF ACCOUNT TEXT IN DETAILS - END **/

    .qt-tab-pane .preview-btn-group button#btnSubmitDepositForm {
        margin-left: 0;
    }

    .qt-tab-pane .copymask-note img, .qt-tab-pane .qt-note-inner img{
        margin-top: 0;
    }

    /*for qt bank logo*/
    .qr-image-container .bankLogo-image img {
        margin-bottom: 16px;
        width: 112px;
        height: 40px;
    }
    /*-end for qt bank logo*/

}

/* Mobile View - XS - END */

/* Tablet View - SM */
@media only screen and (max-width : 736px) and (min-width : 600px) {
}

/* Tablet View - SM - END */

/* Desktop - Default */
@media (min-width: 600px) {
    .content-body .tab-pane.qt-tab-pane, .content-body .tab-pane.qt-tab-pane .qt-revamp,
    .content-body .tab-pane.qt-tab-pane .qt-revamp-c {
        max-width: unset;
    }

    .qt-tab-pane .qt-form-container {
        display: flex;
        width: 100%;
        justify-content: space-between;
        margin-top: 16px;
    }

        .qt-tab-pane .qt-form-container .qt-input:nth-child(1) label {
            width: 240px;
            margin-right: 8px;
        }

        .qt-tab-pane .qt-form-container .qt-input:nth-child(2), 
        .qt-tab-pane .for-upload-deposit .qt-input.upload-textbox {
            width: 100%;
            position: relative;
        }

        .qt-tab-pane .qt-form-container .select__saved--container .select2-container, .qt-tab-pane .qt-form-container .select2__acount-number .select2-container,
        .qt-tab-pane .qt-form-container .select2-container, .qt-tab-pane .bonus-code-dd .select2-container {
            width: 100% !important;
            max-width: unset;
        }

    .qt-tab-pane #transfer__steps .qt-input.field-input input {
        max-width: unset;
    }

    /*FOR BANK DETAILS*/
    .qt-tab-pane #transfer__steps .tab-pane.qt-revamp {
        padding: 0;
    }

    .qt-tab-pane #EditPlayerBankAcct > span:after {
        content: '';
        border-bottom: 1px solid #222939;
        display: block;
    }

    .qt-tab-pane #EditPlayerBankAcct:hover, .qt-tab-pane #AddPlayerBankAcct:hover {
        text-decoration: none;
    }

    .qt-tab-pane div#divBankAccountSelection {
        margin: 0;
    }

    .qt-tab-pane .add-edit-bank.qt-edit-bank {
        margin: 0px 0 0px 249px;
        padding-left: 16px;
    }

    .qt-tab-pane .btn-amount-container.qt-amount-container, .qt-tab-pane .qt-note-container {
        margin-left: 249px;
        padding: 0 15px;
    }

    .qt-tab-pane .btn-amount-container.col-md-8.col-sm-8.col-xs-12, .qt-tab-pane .upload-error .field-info .field-info-text {
        margin: 0;
    }

    .qt-tab-pane .qt-input.field-input.upload-textbox {
        padding: 0;
        margin-right: 8px;
        flex: 1 0 33%;
    }

    .qt-tab-pane .qt-input .file-upload-wrapper {
        max-width: unset;
        height: unset;
    }

    .qt-tab-pane .qt-input a#uploadButton {
        width: 105px;
    }

    .qt-tab-pane .qt-revamp-c .rev-bonuscode > .col-md-4.col-sm-4.col-xs-12 {
        padding: 0;
        width: 240px;
        margin-right: 8px;
    }

    .qt-tab-pane .qt-input .optional-container p.text-danger {
        margin: 0 !important;
        font-size: 14px;
        line-height: 3.50;
        padding: 0;
    }

    .qt-tab-pane .btn-amount-container a.btn.btn-secondary.mt-1.btn-xs-block.amount-btn {
        height: 48px;
        line-height: unset;
        width: calc(25% - 8px);
        margin: 8px 4px 0;
    }

    .qt-tab-pane .qt-input div#uploadMsgDIV.field-info {
        margin: 0;
        padding: 0;
    }

    .qt-tab-pane .qt-input.kunit.field-input .field-info-error {
        margin-bottom: 3px;
    }

    .qt-tab-pane .qt-input .for-upload-deposit {
        display: flex;
        flex-wrap: wrap;
    }

    .qt-tab-pane #transfer__steps--details #depositForm span.field-info-error.upload-errormsg {
        margin-top: 0;
    }

    .qt-tab-pane .qt-input.col-upload.thb-lbloption-container .optional-container {
        display: block;
        line-height: 19px;
    }

    .qt-tab-pane .qt-input.col-upload.thb-lbloption-container {
        justify-content: space-between;
    }

    .qt-tab-pane #depositForm .thb-lbloption-container .col-form-label.optional,
    .qt-tab-pane .qt-input .optional-container p.text-danger.thb-lbloption {
        line-height: unset;
    }

    .qt-tab-pane #depositForm .qt-input .optional-container label.col-form-label.qt-thb-mand-show {
        line-height: 1.25;
    }

    .qt-tab-pane .copymask-bankdetails .copymask-info .input-group input {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .qt-tab-pane .copymask-bankdetails .copymask-lbl label {
        display: block;
    }

    .qt-tab-pane .copymask-bankdetails .copymask-info .input-group {
        display: block;
    }

    .qt-tab-pane .add-edit-bank.qt-edit-bank a#EditPlayerBankAcct,
    .qt-tab-pane .add-edit-bank.qt-edit-bank a#AddPlayerBankAcct {
        margin-top: 8px;
    }

    /*For Date and Time UI*/
    .qt-tab-pane .qt-form-container .date-time-container {
        display: flex;
    }

    .qt-tab-pane .qt-form-container .date-time-container .qt-input:nth-child(1) {
        width: 100%;
        margin-right: 4px;
    }

    .qt-tab-pane .qt-form-container .date-time-container .qt-input:nth-child(2) {
        width: 100%;
        margin-left: 4px;
    }
    /*-- End of Date and Time UI*/

    .qt-tab-pane .upload-error {
        order: 1;
        flex-basis: 100%;
    }

    .qt-tab-pane .btn-amount-container.qt-amount-container {
        padding: 0 11px;
        display: flex;
        flex-wrap: wrap;
    }

    .lang-ja .qt-tab-pane .col-upload {
        width: unset;
    }

    .qt-tab-pane .qt-form-container > .qt-input:first-child {
        display: flex;
        align-items: center;
        height: 48px;
    }

    .qt-tab-pane .qt-form-container .optional-container label.col-form-label {
        width: auto;
    }

    .selfCor-upload-textbox .field-error {
        text-wrap: nowrap;
    }

    /*for qt bank logo*/
    .bankLogo-image img {
        margin-bottom: 24px;
    }
    /*- end for qt bank logo*/

}
/* Desktop - Default - END */

/* Desktop - MD Screen */
@media (min-width: 647px) {
}
/* Desktop - MD Screen - END */

/* Desktop - LG Screen */
@media (min-width: 764px) {
}
/* Desktop - LG Screen - END */

/* Desktop - XL Screen */
@media (min-width: 898px) {

    /** DROPDOWN LOADER **/
    div.qt-dd-content-container {
        padding: 70px 32px;
    }
    /** DROPDOWN LOADER - END **/

}
/* Desktop - XL Screen - END */

/* Desktop View - MD */
@media only screen and (max-device-width : 1024px) and (min-device-width : 1024px) {
    .qt-tab-pane .qt-form-container .qt-input:nth-child(1) label,
    .qt-tab-pane .qt-revamp-c .rev-bonuscode > .col-md-4.col-sm-4.col-xs-12 > label,
    .qt-tab-pane .qt-revamp-c .rev-bonuscode > .col-md-4.col-sm-4.col-xs-12 {
        width: 192px;
        margin-right: 8px;
    }

    .qt-tab-pane .qr-image-container .qr-image-c .qr-image {
        width: 192px;
    }

    .qt-tab-pane .qt-input .file-upload-wrapper:after {
        width: calc(100% - 10px) !important;
    }

    .qt-tab-pane .qt-input .optional-container {
        width: 192px;
        display: inline-flex;
        margin-right: 8px;
    }

    .qt-tab-pane .add-edit-bank.qt-edit-bank {
        margin: 8px 0 0px 201px;
        padding-left: 16px;
    }

    .qt-tab-pane .btn-amount-container.qt-amount-container, .qt-tab-pane .qt-note-container {
        margin-left: 201px;
        padding: 0 15px;
    }
}