/*desc-mode
#body .client-popup.CashierInternalTransferPopupControl {
    border-radius: 10px;
}

#body.view_normal  .client-popup.CashierInternalTransferPopupControl .cp-body {
    height: calc(var(--vh, 1vh) * 100 - 155px);
}
#body .client-popup.MainInternalTransferPopupControl {
    border-radius: 10px;
}

#body.view_normal  .client-popup.MainInternalTransferPopupControl .cp-body {
    height: calc(var(--vh, 1vh) * 100 - 155px);
}
*/
@media only screen and (min-width: 1000px) {
    .client-popup.CashierInternalTransferPopupControl .cp-body {
        height: calc(var(--vh, 1vh) * 100 - 155px);
    }
    .client-popup.MainInternalTransferPopupControl .cp-body {
        height: calc(var(--vh, 1vh) * 100 - 155px);
    }
    .client-popup.CashierInternalTransferPopupControl {
        border-radius: 10px;
    }
    .client-popup.MainInternalTransferPopupControl {
        border-radius: 10px;
    }
}

.desc-mode .CashierInternalTransferUserControl--card-main-container-scroll {
    /*width: 870px;
    height: 92px;
    display: flex;
    justify-content: center;*/

    width: 100%;
    display: block;
    
}
.desc-mode .CashierInternalTransferUserControl--card-main-container-scroll.no-owl {
    width: 100%;
    height: 92px;
    display: flex;
    justify-content: center;
    position: relative;
    top: 5px;
}
.desc-mode .CashierInternalTransferUserControl--card-main-container-scroll.owl-carousel .owl-item {
    margin-top: 5px;
}
/*
.owl-carousel .owl-stage-outer {
    height: 95px;
    padding-top: 5px;
}
*/
.desc-mode .CashierInternalTransferUserControl--card-main-container-scroll.owl-carousel .owl-next span:hover:before,
.desc-mode .CashierInternalTransferUserControl--card-main-container-scroll.owl-carousel .owl-prev span:hover:before {
    color: #262000;
}
.desc-mode .CashierInternalTransferUserControl--card-main-container-scroll.owl-carousel .owl-next span:hover,
.desc-mode .CashierInternalTransferUserControl--card-main-container-scroll.owl-carousel .owl-prev span:hover {
    background: #FFCC00;
    backdrop-filter: blur(5px)
}
.desc-mode .CashierInternalTransferUserControl--card-main-container-scroll.owl-carousel .owl-nav span {
    position: absolute;
    display: block;
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(5px);
    transform: matrix(-1, 0, 0, 1, 0, 0);
    width: 50px;
    height: 50px;
    border-radius: 50px;
    cursor: pointer;
    top: 24px;
    color: #fff;
}
.desc-mode .CashierInternalTransferUserControl--card-main-container-scroll.owl-carousel.disabled .owl-nav span {
    display: none;
}
.desc-mode .CashierInternalTransferUserControl--card-main-container-scroll.owl-carousel .owl-prev span {
    left: 26px;
}

.desc-mode .CashierInternalTransferUserControl--card-main-container-scroll.owl-carousel .disabled   {
    display: none;
}
.desc-mode .CashierInternalTransferUserControl--card-main-container-scroll.owl-carousel .owl-prev span:before {
    content: '\e823';
    position: absolute;
    font-family: 'cb-icons';
    font-size: 8px;
    color: #fff;
    transform: rotate(-90deg);
    left: 19px;
    top: 20px;
}
.desc-mode .CashierInternalTransferUserControl--card-main-container-scroll.owl-carousel .owl-next span {
    right: 40px;
}

.desc-mode .CashierInternalTransferUserControl--card-main-container-scroll.owl-carousel .owl-next span:before {
    content: '\e823';
    position: absolute;
    font-family: 'cb-icons';
    font-size: 8px;
    color: #fff;
    transform: rotate(90deg);
    left: 16px;
    top: 20px;
}



.desc-mode.CashierInternalTransferUserControl--main-container {
    height: 705px;
    position: relative;
    max-width: 840px;
    margin: 0 auto;
}
.desc-mode .CashierInternalTransferUserControl--tab-container {
    width: 840px;
    height: 58px;
}
.desc-mode .CashierInternalTransferUserControl--tab {
    height: 58px;
    line-height: 52px;
    margin-right: 10px;
}
.desc-mode .CashierInternalTransferUserControl--tab:before {
    top: 2px;
    position: relative;
}

.desc-mode .CashierInternalTransferUserControl--tab:before {
    font-size: 18px;
    margin-right: 10px;
}
.desc-mode .CashierInternalTransferUserControl--close {
    width: 26px;
    height: 26px;
    background: none;
    border-radius: 4px;
    float: right;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -42px;
    margin-right: -7px;
}
.desc-mode .CashierInternalTransferUserControl--close:after {
    content: '\e818';
    font-size: 14px;
    color: #666666;
}
.desc-mode .CashierInternalTransferUserControl--card-main-container {
    height: 102px;
    overflow: hidden;
    margin: 32px 0 24px 0;
    width: calc(100% + 80px);
    position: relative;
    left: -40px;
}
.desc-mode .CashierInternalTransferUserControl--card {
    width: 146px;
    height: 91px;
    margin-right: 16px;
    border-radius: 14px;
}
.desc-mode .CashierInternalTransferUserControl--card-chekbox {
    left: 13px;
    top: 13px;
}
.desc-mode .CashierInternalTransferUserControl--card-logo {
    top: 16px;
    left: 41px;
}
.desc-mode .CashierInternalTransferUserControl--card-del {
    right: -8px;
    top: -7px;
}
.desc-mode .CashierInternalTransferUserControl--card-number {
    left: 13px;
    bottom: 12px;
}
.desc-mode .CashierInternalTransferUserControl--card.mastercard .CashierInternalTransferUserControl--card-type {
    right: 15px;
    bottom: 12px;
}
.desc-mode .CashierInternalTransferUserControl--card.visa .CashierInternalTransferUserControl--card-type {
    right: 14px;
    bottom: 13px;
}
.desc-mode .CashierInternalTransferUserControl--card-new {
    left: 44px;
    top: 11px;
}
.desc-mode .CashierInternalTransferUserControl--card-new-types:before {
    content: '';
    position: absolute;
    width: 30px;
    height: 18px;
    background-image: url(../Images/Common/CashierInternalTransfer/visa.svg);
    background-repeat: no-repeat;
    background-size: 19px 6px;
    background-position: center;
    right: 38px;
    bottom: 14px;
    background-color: #E1E8ED;
    border-radius: 4px;
}
.desc-mode .CashierInternalTransferUserControl--card-new-types:after {
    content: '';
    position: absolute;
    width: 30px;
    height: 18px;
    background-image: url(../Images/Common/CashierInternalTransfer/mastercard.svg);
    background-repeat: no-repeat;
    background-size: 16px 10px;
    background-position: center;
    left: 36px;
    bottom: 14px;
    background-color: #E1E8ED;
    border-radius: 4px;
}
.desc-mode .CashierInternalTransferUserControl-payinbt {
    font-size: 14px;
}


.desc-mode .CashierInternalTransferUserControl--modal-content {
    width: 360px;
    min-height: 290px;
    background: #FFFFFF;
    border-radius: 20px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    bottom: initial;
    z-index: 3;
    animation: initial;
}
.desc-mode .CashierInternalTransferUserControl--modal-content.payout-limit,
.desc-mode .CashierInternalTransferUserControl--modal-content.payin-limit {
    width: 540px;
    height: 475px;
    border-radius: 20px;
    overflow: hidden;
}
.desc-mode .InfoPage-PayIn-container .info-payIn-txt, .desc-mode .InfoPage-PayOut-container .info-payOut-txt {
    width: auto;
    margin: 6px 28px 0 0;
}
.desc-mode .new-card-text {
    padding: 18px 0 34px 0;
}
.CashierInternalTransferUserControl--modal.emoney {
    height: 320px;
}
.CashierInternalTransferUserControl--modal.emoney .CashierInternalTransferUserControl--modal-content {
    height: 320px;
    min-height: 320px;
    top: 44%;
}
.CashierInternalTransferUserControl--modal.emoney .CashierInternalTransferUserControl--modal-content .payinout-other-list.emoney.payout {
    margin-top: 10px;
}


.CashierInternalTransferUserControl--top-title {
    height: 56px;
    line-height: 52px;
    box-sizing: border-box;
    position: relative;
    border-bottom: 1px solid #DADADA;
    width: 840px;
    margin: 0px auto 0 auto;
    color: #000000;
    padding-top: 0px;
    font-size: 14px;
    font-family: 'CrystalBetUni-Medium';
}
.CashierInternalTransferUserControl--top-title:before {
    content: '\e88f';
    font-family: 'cb-icons';
    font-size: 18px;
    color: #000;
    margin-right: 10px;
}

.desc-mode .CashierInternalTransferUserControl--card-footer {
    bottom: 47px;
    flex-direction: column;
}
.payinout-other-desk-cont {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}
.payinout-other-list-desk {
    display: flex;
    box-sizing: border-box;
    position: relative;
    width: 100px;
    height: 62px;
    background: #FFFFFF;
    border: 1px solid #E3E3E3;
    border-radius: 10px;
    margin: 0 5px;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    justify-content: space-between;
    text-decoration: none;
    color: #666666;
}
.payinout-other-list-desk span {
    display: flex;
    color: #666666;
    font-size: 12px;
    font-family: 'CrystalNU4-Regular';
    height: 35px;
    align-items: center;
}
.payinout-other-list-desk:hover span,
.payinout-other-list-desk:hover {
    color: #1A1A1A;
}
.payinout-other-list-desk div {

    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);

    filter: gray; /* IE 6-9 */

    display: block;
    height: 28px;
    width: 100%;
}
.payinout-other-list-desk:hover div {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);

    filter: none; /* IE 6-9 */
}


.payinout-other-list-desk.emoney div {
    background-image: url(../Images/Common/CashierInternalTransfer/other/emoney.svg);
    background-repeat: no-repeat;
    background-size: 66px 16px;
    background-position: center 9px;
}
.payinout-other-list-desk.tbcpay div {
    background-image: url(../Images/Common/CashierInternalTransfer/other/tbcpay.svg);
    background-repeat: no-repeat;
    background-size: 51px 16px;
    background-position: center 9px;
}
.payinout-other-list-desk.bogpay div {
    background-image: url(../Images/Common/CashierInternalTransfer/other/bogpay.svg);
    background-repeat: no-repeat;
    background-size: 40px 18px;
    background-position: center 9px;
}
.payinout-other-list-desk.oppa div {
    background-image: url(../Images/Common/CashierInternalTransfer/other/oppa.svg);
    background-repeat: no-repeat;
    background-size: 49px 18px;
    background-position: center 9px;
}
.payinout-other-list-desk.payge div {
    background-image: url(../Images/Common/CashierInternalTransfer/other/payge.svg);
    background-repeat: no-repeat;
    background-size: 25px 16px;
    background-position: center 9px;
}
.payinout-other-list-desk.bog div {
    background-image: url(../Images/Common/CashierInternalTransfer/other/bog.svg);
    background-repeat: no-repeat;
    background-size: 60px 14px;
    background-position: center 9px;
}
.payinout-other-list-desk.tbc div {
    background-image: url(../Images/Common/CashierInternalTransfer/other/tbc.svg);
    background-repeat: no-repeat;
    background-size: 48px 18px;
    background-position: center 9px;
}
.payinout-other-list-desk.branches div {
    font-family: 'cb-icons';
    font-size: 18px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.payinout-other-list-desk.branches div:after {
    content: '\e86e';
    position: relative;
    top: 5px;
}
.payinout-other-list-desk.liberty div {
    background-image: url(../Images/Common/CashierInternalTransfer/other/liberty.svg);
    background-repeat: no-repeat;
    background-size: 62px 12px;
    background-position: center 9px;  
}
.ka .payinout-other-list-desk.liberty div {
    background-image: url(../Images/Common/CashierInternalTransfer/other/liberty_ka.svg);
    background-repeat: no-repeat;
    background-size: 78px 14px;
    background-position: center 9px;
}
.CashierInternalTransferUserControl--card-footer-bt {
    cursor: pointer;
}
.CashierInternalTransferUserControl--card-footer-bt:hover {
    text-decoration: underline;
}


.desc-mode .mob-mode-cont {
    display: none;
}
/*end desc-mode*/






.mob-mode .desc-mode-cont {
    display: none;
}

.client-popup.CashierInternalTransferPopupControl .cp-header {
    display: none
}
.client-popup.CashierInternalTransferPopupControl .cp-body,
.client-popup.MainInternalTransferPopupControl .cp-body {
    /*height: calc(var(--vh, 1vh) * 100 - 50px);*/
    height: calc(100% - 10px);
    border-radius: 10px;
}

@media only screen and (max-width: 700px) {
    .client-popup.CashierInternalTransferPopupControl .cp-body,
    .client-popup.MainInternalTransferPopupControl .cp-body {
        height: calc(var(--vh, 1vh) * 100 - 50px);
        border-radius: none;
    }
}

.client-popup.MainInternalTransferPopupControl .cp-header {
    display: none
}




.CashierInternalTransferUserControl--payin-sms .sms-confirmation__btn--save {
    display: none !important;
}

/*
.desc-mode .CashierInternalTransferUserControlInfoText br {
    display: none;
}
*/
.desc-mode .CashierInternalTransferUserControlInfoText label:first-child:before {
    content: ' - ';
}

.CashierInternalTransferUserControlInfoText.iPhone {
    display: none;
}
.CashierInternalTransferUserControl--main-container.mob-mode.iPhone .CashierInternalTransferUserControlInfoText.iPhone {
    display: block;
}

.CashierInternalTransferUserControlInfoText {
    font-size: 14px;
    line-height: 16px;
    color: #4C4C4C;
    font-family: 'CrystalNU4-Regular';
    margin-left: 27px;
    margin-bottom: 30px;
}
.CashierInternalTransferUserControlInfoText label {
    color: #1A1A1A;
    font-family: 'CrystalNU4-Bold';
    
}
.CashierInternalTransferUserControlInfoText span {
    display: block;
    font-size: 14px;
    line-height: 16px;
    color: #1A1A1A;
    font-family: 'CrystalNU4-Bold';
    padding-bottom: 9px;
}



.CashierInternalTransferUserControl--main-container {
    height: calc(var(--vh, 1vh) * 100 - 50px);
    position: relative;
    min-height: 530px;
}
.CashierInternalTransferUserControl--tab-container {
    width: 328px;
    height: 50px;
    border-bottom: 1px solid #DADADA;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
}
.CashierInternalTransferUserControl--tab {
    float: left;
    height: 50px;
    line-height: 50px;
    color: #808080;
    font-size: 14px;
    font-family: 'CrystalNU4-Regular';
    position: relative;
    cursor: pointer;
}
.mob-mode .CashierInternalTransferUserControl--tab {
    font-family: 'CrystalBetUni-Regular';
}

.mob-mode .CashierInternalTransferUserControl--tab.active {
    font-family: 'CrystalBetUni-Bold';
}

.CashierInternalTransferUserControl--tab.active {
    color: #333333;
    font-family: 'CrystalNU4-Bold';
}
.CashierInternalTransferUserControl--tab.active:after {
    content: '';
    width: 100%;
    height: 3px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #333333;
    border-radius: 3px 3px 0px 0px;
}

.CashierInternalTransferUserControl--tab.CashierInternalTransferUserControl--tab-pay-in {
    margin-right: 21px;
}
.desc-mode .CashierInternalTransferUserControl--tab.CashierInternalTransferUserControl--tab-pay-in {
    margin-right: 17px;
    width: 94px;
}
.ru .desc-mode .CashierInternalTransferUserControl--tab.CashierInternalTransferUserControl--tab-pay-in {
    width: 112px;
}
.ru .CashierInternalTransferUserControl--tab.CashierInternalTransferUserControl--tab-pay-out  {
    width: 145px;
}

.CashierInternalTransferUserControl--tab:before {
    
    font-family: "cb-icons";
    font-size: 19px;
    margin-right: 4px;
}
.mob-mode .CashierInternalTransferUserControl--tab:before {
    position: relative;
    top: 1px;
}
.CashierInternalTransferUserControl--tab-pay-in:before {
    content: '\e81a';
}
.CashierInternalTransferUserControl--tab-pay-out:before {
    content: '\e80e';
}

.CashierInternalTransferUserControl--close {
    width: 26px;
    height: 26px;
    background: #F2F2F2;
    border-radius: 4px;
    float: right;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 12px;

}
.CashierInternalTransferUserControl--close:after {
    font-family: 'cb-icons';
    content: '\e818';
    font-size: 12px;
    color: #B3B3B3;  
}

/* Hide scrollbar for Chrome, Safari and Opera */
.mob-mode .CashierInternalTransferUserControl--card-main-container::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.mob-mode .CashierInternalTransferUserControl--card-main-container {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
.mob-mode .CashierInternalTransferUserControl--card-main-container {
    width: 100%;
    display: block;
    height: 80px;
    margin-top: 10px;
    overflow-x: scroll;
    overflow-y: hidden;

}
#main.horizontal .mob-mode .CashierInternalTransferUserControl--card-main-container {
    max-width: 340px;
    margin: 10px auto 0 auto;
}
.CashierInternalTransferUserControl--card-main-container-scroll {
    margin-left: 14px;
    width: max-content;
    margin-top: 5px;
}
.CashierInternalTransferUserControl--card {
    width: 116px;
    height: 70px;
    border-radius: 10px;
    box-sizing: border-box;
    position: relative;
    background: #F0F3F5;
    border: 4px solid #fff;
    float: left;
    margin-right: 10px;
    cursor: pointer;
}
.CashierInternalTransferUserControl--card.channel_disabled {
/*    background: linear-gradient(288deg, #7D7E7E 0%, #B5B5B5 100%) !important;*/
    opacity: 0.4;
}
.CashierInternalTransferUserControl--card.channel_disabled .CashierInternalTransferUserControl--card-chekbox {
    z-index: 2;
}
.CashierInternalTransferUserControl--card.channel_disabled .CashierInternalTransferUserControl--card-logo {
/*    opacity: 0.5;*/
}
.CashierInternalTransferUserControl--card.channel_disabled .CashierInternalTransferUserControl--card-number {
    color: #E6E6E6 !important;
}


.CashierInternalTransferUserControl--card.checked {
    border: 4px solid #2DBE23;
}
.CashierInternalTransferUserControl--card-main-tab.payout .CashierInternalTransferUserControl--card.checked {
    border: 4px solid #FFCC00;
}

.CashierInternalTransferUserControl--card-chekbox {
    width: 22px;
    height: 22px;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    left: 8px;
    top: 8px;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}
.CashierInternalTransferUserControl--card.checked .CashierInternalTransferUserControl--card-chekbox:after {
    font-family: 'cb-icons';
    content: '\E82A';
    font-size: 9px;
    color: #33B52A;
}


.CashierInternalTransferUserControl--card-number {
    position: absolute;
    left: 8px;
    bottom: 7px;
    height: 15px;
    letter-spacing: 0.05em;
    font-size: 11px;
    color: #FFFFFF;
    font-family: 'CrystalBetUni-Medium';
    display: flex;
    flex-direction: row;
    align-items: center;
}
.CashierInternalTransferUserControl--card-number div {
    width: 4px;
    height: 4px;
    border-radius: 4px;
    background: #E3E3E3;
    float: left;
    margin-right: 2px;
}
.CashierInternalTransferUserControl--card-del {
    position: absolute;
    width: 22px;
    height: 22px;
    border-radius: 22px;
    right: -9px;
    top: -9px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #F0F3F5;
    border: 1px solid rgba(0, 0, 0, 0.2);
    cursor: pointer;
}
.CashierInternalTransferUserControl--card-del:after {
    font-family: 'cb-icons';
    content: '\e818';
    font-size: 8px;
    color: #B3B3B3;
    position: relative;

}
.desc-mode .CashierInternalTransferUserControl--card-del:after {
    top: 1px;
    left: 0.6px; 
}

.CashierInternalTransferUserControl--card-main-container.owl-carousel .owl-stage-outer {
    padding-top: 5px;
}

/*generadte cards*/
.CashierInternalTransferUserControl--card-new {
    position: absolute;
    width: 45px;
    height: 28px;
    left: 40px;
    top: 5px;
    font-family: 'CrystalNU4-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    display: flex;
    align-items: center;

    color: #000000;
}

.CashierInternalTransferUserControl--card-new-types:before {
    content: '';
    position: absolute;
    width: 24px;
    height: 8px;
    background-image: url(../Images/Common/CashierInternalTransfer/visa.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
    right: 27px;
    bottom: 7px;
}
.CashierInternalTransferUserControl--card-new-types:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 12px;
    background-image: url(../Images/Common/CashierInternalTransfer/mastercard.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
    left: 29px;
    bottom: 5px;
}



.CashierInternalTransferUserControl--card.visa .CashierInternalTransferUserControl--card-type {
    position: absolute;
    width: 24px;
    height: 8px;
    background-image: url(../Images/Common/CashierInternalTransfer/visa.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
    right: 10px;
    bottom: 9px;
}
.CashierInternalTransferUserControl--card.mastercard .CashierInternalTransferUserControl--card-type {
    position: absolute;
    width: 20px;
    height: 12px;
    background-image: url(../Images/Common/CashierInternalTransfer/mastercard.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
    right: 10px;
    bottom: 9px;
}


.CashierInternalTransferUserControl--card-logo {
    height: 18px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
    position: absolute;
    top: 9px;
    left: 40px;
}
.CashierInternalTransferUserControl--card-logo:before {
    content: attr(data-text);
    font-size: 12px;
    color: #fff;
    font-family: 'CrystalNU4-Bold';
    width: 25px;
    height: 14px;
    position: absolute;
    right: -30px;
    top: calc(50% - 14px/2);
    text-transform: uppercase;
}

.CashierInternalTransferUserControl--card.tbc {
    background: linear-gradient(287.52deg, #00A3E0 0%, #0488BA 100%);
}
.CashierInternalTransferUserControl--card.tbc .CashierInternalTransferUserControl--card-logo {
    background-image: url(../Images/Common/CashierInternalTransfer/bank/tbc.svg);
    width: 21px;
    height: 18px;
}

.CashierInternalTransferUserControl--card.bog {
    background: linear-gradient(287.52deg, #FF772F 0%, #FF5B03 100%);
}
.CashierInternalTransferUserControl--card.bog .CashierInternalTransferUserControl--card-logo {
    background-image: url(../Images/Common/CashierInternalTransfer/bank/bog.svg);
    width: 26px;
    height: 21px;
}

.CashierInternalTransferUserControl--card.lib {
    background: linear-gradient(287.52deg, #F02F41 0%, #CB0C1E 100%);
}
.CashierInternalTransferUserControl--card.lib .CashierInternalTransferUserControl--card-logo {
    background-image: url(../Images/Common/CashierInternalTransfer/bank/lib.svg);
    width: 20px;
    height: 18px;
}

.CashierInternalTransferUserControl--card.bas {
    background: linear-gradient(287.52deg, #3177CC 0%, #1B5CAA 100%);
}
.CashierInternalTransferUserControl--card.bas .CashierInternalTransferUserControl--card-logo {
    background-image: url(../Images/Common/CashierInternalTransfer/bank/bas.svg);
    width: 22px;
    height: 18px;
}

.CashierInternalTransferUserControl--card.pro {
    background: linear-gradient(287.52deg, #EC214F 0%, #BD0932 100%);
}
.CashierInternalTransferUserControl--card.pro .CashierInternalTransferUserControl--card-logo {
    background-image: url(../Images/Common/CashierInternalTransfer/bank/pro.svg);
    width: 18px;
    height: 18px;
}

.CashierInternalTransferUserControl--card.cre {
    background: linear-gradient(287.52deg, #FB5A46 0%, #DC3824 100%);
}
.CashierInternalTransferUserControl--card.cre .CashierInternalTransferUserControl--card-logo {
    background-image: url(../Images/Common/CashierInternalTransfer/bank/cre.svg);
    width: 21px;
    height: 20px;
}

.CashierInternalTransferUserControl--card.ter {
    background: linear-gradient(287.52deg, #9E1D6B 0%, #9E1D6B 100%);
}
.CashierInternalTransferUserControl--card.ter .CashierInternalTransferUserControl--card-logo {
    background-image: url(../Images/Common/CashierInternalTransfer/bank/ter.svg);
    width: 22px;
    height: 21px;
}

.CashierInternalTransferUserControl--card.car {
    background: linear-gradient(287.52deg, #2A3987 0%, #162158 100%);
}
.CashierInternalTransferUserControl--card.car .CashierInternalTransferUserControl--card-logo {
    background-image: url(../Images/Common/CashierInternalTransfer/bank/car.svg);
    width: 24px;
    height: 12px;
    top: 12px;
}

.CashierInternalTransferUserControl--card.pas {
    background: linear-gradient(287.52deg, #25965B 0%, #1F794A 100%);
}
.CashierInternalTransferUserControl--card.pas .CashierInternalTransferUserControl--card-logo {
    background-image: url(../Images/Common/CashierInternalTransfer/bank/pas.svg);
    width: 20px;
    height: 20px;
}

.CashierInternalTransferUserControl--card.kha {
    background: linear-gradient(287.52deg, #3DC26A 0%, #38B369 100%);
}
.CashierInternalTransferUserControl--card.kha .CashierInternalTransferUserControl--card-logo {
    background-image: url(../Images/Common/CashierInternalTransfer/bank/kha.svg);
    width: 20px;
    height: 20px;
}

.CashierInternalTransferUserControl--card.def {
    background: linear-gradient(287.52deg, #8A929A 0%, #627280 100%);
}
.CashierInternalTransferUserControl--card.def .CashierInternalTransferUserControl--card-logo {
    background-image: url(../Images/Common/CashierInternalTransfer/bank/def.svg);
    width: 20px;
    height: 20px;
}

.CashierInternalTransferUserControl-input-mob span {
    max-width: calc(100% - 100px);
    overflow: hidden;
    height: 46px;
    display: flex;
    align-items: center;
}

.CashierInternalTransferUserControl-input-mob {
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 6px;
    width: 100%;
    height: 46px;
    text-align: center;
    box-sizing: border-box;
    outline: none;
    line-height: 46px;
    position: relative;
    color: #999999;
    font-size: 12px;
    font-family: 'CrystalBetUni-Medium';
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: text;
}
.CashierInternalTransferUserControl-input-mob.error {
    border: 1px solid #DC1A1A;
}

.CashierInternalTransferUserControl-input-mob.typing {
    color: #000;
    font-size: 16px;
    font-family: 'CrystalBetUni-Medium'; 
}
.CashierInternalTransferUserControl-input-mob label {
    display: none;
}
.CashierInternalTransferUserControl-input-mob.typing label {
    display: inline-block;
}
.CashierInternalTransferUserControl-input-mob.typing.typing-no span:after {
    display: none;
}
.CashierInternalTransferUserControl-input-mob.typing span:after {
    content: '';
    position: relative;
    width: 2px;
    height: 17px;
    background: #000000;
    animation: pulseCursorK steps(2) 1.1s infinite;
    opacity: 1;
    display: inline-block;
    margin: 0 1px 0 2px;
}




.CashierInternalTransferUserControl-money-container {
    width: 328px;
    margin: 10px auto;
}
.CashierInternalTransferUserControl-input {
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 6px;
    width: 100%;
    height: 46px;
    text-align: center;
    box-sizing: border-box;
    outline: none;
    color: #000;
    font-size: 16px;
    font-family: 'CrystalBetUni-Medium';
}
.CashierInternalTransferUserControl-input::placeholder {
    color: #999999;
    font-size: 12px;
    font-family: 'CrystalBetUni-Medium';
}
.CashierInternalTransferUserControl-input.error {
    border: 1px solid #DC1A1A;
}


.CashierInternalTransferUserControl-payinbt {
    background: #33B52A;
    border-radius: 6px;
    width: 100%;
    height: 50px;
    text-decoration: none;
    text-align: center;
    box-sizing: border-box;
    outline: none;
    color: #fff;
    font-size: 12px;
    font-family: 'CrystalBetUni-Medium';   
    cursor: pointer; 
    display: flex;
    justify-content: center;
    align-items: center;
}
.CashierInternalTransferUserControl-payinbt.channel_disabled {
    background: #D8D8D8 !important;
    color: #999 !important;
}


.CashierInternalTransferUserControl-payinbt.newbt {
    display: none;
}
.CashierInternalTransferUserControl--main-container.card-tab-list-pay .CashierInternalTransferUserControl-payinbt.newbt {
    display: flex;
}
.CashierInternalTransferUserControl--main-container.card-tab-list-pay .CashierInternalTransferUserControl-payinbt.oldbt {
    display: none;
}


.CashierInternalTransferUserControl-payinbt.disabled {
    pointer-events: none;
}

.CashierInternalTransferUserControl-payinbt.BOG:before {
    content: '';
    
    width: 23px;
    height: 19px;
    display: block;
    margin-right: 10px;
}
.payin .CashierInternalTransferUserControl-payinbt.BOG:before {
    background-image: url(../Images/Common/CashierInternalTransfer/bank/channel-w-bog.svg);
}
.payout .CashierInternalTransferUserControl-payinbt.BOG:before {
    background-image: url(../Images/Common/CashierInternalTransfer/bank/channel-b-bog.svg);
}
.CashierInternalTransferUserControl-payinbt.BOG.channel_disabled:before {
    background-image: url(../Images/Common/CashierInternalTransfer/bank/bog_channel_disabled.svg);
    background-size: cover;
    
}


.CashierInternalTransferUserControl-payinbt.UFC:before {
    content: '';
    
    width: 21px;
    height: 18px;
    display: block;
    margin-right: 10px;
}
.payin .CashierInternalTransferUserControl-payinbt.UFC:before {
    background-image: url(../Images/Common/CashierInternalTransfer/bank/channel-w-tbc.svg);
}
.payout .CashierInternalTransferUserControl-payinbt.UFC:before {
    background-image: url(../Images/Common/CashierInternalTransfer/bank/channel-b-tbc.svg);
}
.CashierInternalTransferUserControl-payinbt.UFC.channel_disabled:before {
    background-image: url(../Images/Common/CashierInternalTransfer/bank/tbc_channel_disabled.svg);
    background-size: cover;
}



.CashierInternalTransferUserControl-payinbt.z-indexed {
    z-index: 999999;
    position: relative;
}

.CashierInternalTransferUserControl-payinbt:hover {
    background: #3ED034;
}

.CashierInternalTransferUserControl-payinbt.payout {
    background: #FFCC00;
    color: #262000;
}
.CashierInternalTransferUserControl-payinbt.payout:hover {
    background: #fcf178;
}

.CashierInternalTransferUserControl-money-suggestions-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0px;
    /* gap: 7px; */
    width: 329px;
    height: 32px;
    margin-top: 19px;
    margin-bottom: 15px;
}
.CashierInternalTransferUserControl-money-suggestions-container div {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 10.5px;
    /*gap: 10px;*/
    border: 1px solid #CED8DE;
    border-radius: 20px;
    color: #757C80;
    font-size: 12px;
    font-family: 'CrystalBetUni-Bold';
    cursor: pointer;

}

.CashierInternalTransferUserControl--card-main-tab.payout .CashierInternalTransferUserControl-save-card {
    display: none;
}
.CashierInternalTransferUserControl-money-payout-container {
    height: 64px;
    width: 328px;
    background: #F0F3F5;
    border-radius: 10px;
    font-size: 12px;
    line-height: 14px;
    display: flex;
    align-items: flex-start;
    color: #666666;
    font-family: 'CrystalNU4-Regular';
    align-content: flex-start;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
    padding-left: 20px;
    position: relative;
}
.CashierInternalTransferUserControl-money-payout-container-error {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: #F0F3F5;
    border-radius: 10px;
    font-family: 'CrystalNU4-Regular';
    left: 0;
    top: 0;
    color: #DC1A1A;
    font-size: 13px;
    padding: 0 10px;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    display: none;
}
.CashierInternalTransferUserControl-money-payout-container-error.flex-payout-container-error {
    display: flex;
    text-align: center;
}

.CashierInternalTransferUserControl-money-payout-container-error-emoney {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: #F0F3F5;
    border-radius: 10px;
    font-family: 'CrystalNU4-Regular';
    left: 0;
    top: 0;
    color: #DC1A1A;
    font-size: 13px;
    padding: 0 10px;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    display: none;
}
.CashierInternalTransferUserControl-money-payout-container-error-emoney.flex-payout-container-error {
    display: flex;
    text-align: center;

}
.CashierInternalTransferUserControl--modal.emoney .CashierInternalTransferUserControl-money-payout-container-error-emoney.flex-payout-container-error {
    height: auto;
    top: 5px;
    width: 320px;
    left: -15px;
}

.CashierInternalTransferUserControl-money-payout-container div {
    margin: 5px 0px;
}
.CashierInternalTransferUserControl-money-payout-container div span {
    color: #333333;
    font-family: 'CrystalNU4-Bold';
    font-size: 13px;
}

.CashierInternalTransferUserControl-sms-payout-container {
    width: 309px;
    display: flex;
    font-size: 14px;
    color: #333333;
    font-family: 'CrystalNU4-Regular';
    height: 18px;
    margin: 16px auto;
}
.CashierInternalTransferUserControl-sms-payout-container .sms-confirmation__btn.sms-confirmation__btn--save {
    display: none;
}
.CashierInternalTransferUserControl--payout-sms .sms-confirmation__btn.sms-confirmation__btn--save {
    display: none;
}
.CashierInternalTransferUserControl--payout-emoney-sms .sms-confirmation__btn.sms-confirmation__btn--save {
    display: none;
}
.delete-card-card-regularpaymentid {
    display: none;
}


.CashierInternalTransferUserControl-sms-payout-container label {
    display: block;
    width: 193px;
}
.ru .CashierInternalTransferUserControl-sms-payout-container label {
    font-size: 12px;
}
.CashierInternalTransferUserControl-sms-payout-info {
    display: block;
    width: 18px;
    height: 18px;
    position: relative;
    margin-left: 10px;
    z-index: 1;
}
.CashierInternalTransferUserControl-sms-payout-info div {
    position: absolute;
    width: 328px;
    height: 92px;
    box-sizing: border-box;
    left: -213px;
    bottom: 28px;
    background: #fff;
    filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2));
    padding: 12px 14px;
    font-family: 'CrystalNU4-Regular';
    font-size: 13px;
    line-height: 15px;
    color: #000000;
    border-radius: 6px;
    display: none;
}
.CashierInternalTransferUserControl-sms-payout-info:hover div {
    display: block;
}
.CashierInternalTransferUserControl-sms-payout-info div:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    left: 214px;
    bottom: -5px;
    background: #FFFFFF;
    transform: rotate(-45deg);
}

.CashierInternalTransferUserControl-sms-payout-info:before {
    content: '\e882';
    font-family: "cb-icons";
    font-size: 18px;
    color: #999999;
}

.CashierInternalTransferUserControl-sms-payout-bt {
    display: block;
    width: 38px;
    height: 18px;
    background: #E8EBED;
    position: relative;
    border-radius: 9px;
    margin-left: 48px;
    cursor: pointer;
}
.CashierInternalTransferUserControl-sms-payout-bt.active {
    background: #33B52A;
}
.CashierInternalTransferUserControl-sms-payout-bt.active:before {
    background: #fff;
    left: initial;
    right: 3px;
}

.CashierInternalTransferUserControl-sms-payout-bt:before {
    content: '';
    width: 14px;
    height: 14px;
    background: #A2A2A2;
    position: absolute;
    left: 3px;
    top: calc(50% - 14px/2);
    border-radius: 14px;
}


.CashierInternalTransferUserControl-save-card {
    height: 24px;
    width: 100%;
    display: none;
    color: #262626;
    font-size: 13px;
    font-family: 'CrystalNU4-Regular';
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    cursor: pointer;
    box-sizing: border-box;
    overflow: hidden;
}
.card-tab-list-card .CashierInternalTransferUserControl-save-card.classFlex {
    display: flex;
}
.CashierInternalTransferUserControl-save-card div {
    width: 22px;
    height: 22px;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    margin-right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}
.CashierInternalTransferUserControl-save-card.checked div:after {
    font-family: 'cb-icons';
    content: '\E82A';
    font-size: 9px;
    color: #33B52A;
}



@keyframes modeBottom {
  from {
    bottom: -100%;
  }

  to {
    bottom: 0;
  }
}
.CashierInternalTransferUserControl--modal {
    display: none;
}
.CashierInternalTransferUserControl--modal-bg {
    position: fixed;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(2px);
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;    
}
.CashierInternalTransferUserControl--modal-content {
    width: 100%;
    min-height: 290px;
    background: #FFFFFF;
    border-radius: 20px 20px 0px 0px;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 3;
    animation: modeBottom 0.2s;
}
.CashierInternalTransferUserControl--modal-in-container {
    height: calc(100% - 56px);
    overflow-y: auto;
}
.mob-mode .CashierInternalTransferUserControl--modal-content {
    max-height: calc(var(--vh, 1vh) * 100 - 80px) !important;
    min-height: 100px !important;
}

/* width */
.desc-mode .CashierInternalTransferUserControl--modal-in-container::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.desc-mode .CashierInternalTransferUserControl--modal-in-container::-webkit-scrollbar-track {
  background: #D8D8D8;
  border-radius: 10px;
}

/* Handle */
.desc-mode .CashierInternalTransferUserControl--modal-in-container::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
.desc-mode .CashierInternalTransferUserControl--modal-in-container::-webkit-scrollbar-thumb:hover {
  
}

.CashierInternalTransferUserControl--modal-header {
    height: 56px;
    position: sticky;
    border-radius: 20px 20px 0px 0px;
    background: #fff;
    top: 0;
    display: flex;
    color: #000000;
    font-size: 16px;
    font-family: 'CrystalBetUni-Bold';
    padding-left: 28px;
    box-sizing: border-box;
    align-items: center;
    z-index: 2;
    position: relative;
}
.CashierInternalTransferUserControl--modal-close {
    position: absolute;
    width: 20px;
    height: 20px;
    right: 21px;
    top: calc(50% - 20px/2);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.CashierInternalTransferUserControl--modal-close:after {
    font-family: 'cb-icons';
    content: '\e818';
    font-size: 16px;
    color: #B3B3B3;
}


/**/
.CashierInternalTransferUserControl--modal-content.payout-limit {
    height: 580px;

}

/**/
.CashierInternalTransferUserControl--modal-content.payout-other {
    height: 588px;

}


/**/
.CashierInternalTransferUserControl--modal-content.payin-limit {
    height: 580px;

}

/**/
.CashierInternalTransferUserControl--modal-content.payin-other {
    height: 585px;

}

.CashierInternalTransferUserControl--main-container.desc-mode .payinout-other-list {
    background: none;
}
.CashierInternalTransferUserControl--main-container.desc-mode .payinout-other-list:before {
    content: '';
    position: absolute;
    z-index: -1;
    width: 320px;
    height: 166px;
    background: #F0F3F5;
    border-radius: 10px;
    left: 0;
    top: 0;
}

.payinout-other-list {
    width: 320px;
    height: 70px;
    background: #F0F3F5;
    border-radius: 10px;
    box-sizing: border-box;
    margin: 0 auto 5px auto;
    display: flex;
    font-size: 13px;
    color: #fff;
    font-family: 'CrystalNU4-Bold';
    flex-direction: row;
    align-items: center;
    cursor: pointer;
    position: relative;
    justify-content: space-between;
    padding: 0 12px 0 20px;
}
.payinout-other-list a {
    width: 139px;
    height: 38px;
    background: #33B52A;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'CrystalBetUni-Medium';
    font-size: 12px;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}
.payinout-other-list a.disabled {
    pointer-events: none;
}
.CashierInternalTransferUserControl--card-main-tab.payout .payinout-other-list a {
    background: #FFCC00;
    color: #262000;
}

.payinout-other-list.emoney.payout div {
    margin-bottom: 10px;
}
.payinout-other-list.emoney.payout {
    height: 226px;
    align-items: flex-start;
    padding: 22px 12px 0 14px;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: flex-start;
}
.emoney_payout_div {
    display: flex;
    margin: 11px 0 0 0;
}
.emoney_payout_1 {
    width: 288px;
    height: 38px;
    background: #FFFFFF;
    border: 1px solid #D8D8D8;
    border-radius: 6px;
    box-sizing: border-box;
    margin-right: 10px;
    padding: 10px;
    color: #808080;
    font-size: 12px;
    font-family: 'CrystalNU4-Regular';
    outline: none;
}
.emoney_payout_1-mob {
    width: 288px;
    height: 38px;
    background: #FFFFFF;
    border: 1px solid #D8D8D8;
    border-radius: 6px;
    box-sizing: border-box;
    margin-right: 10px;
    padding: 10px;
    color: #808080;
    font-size: 12px;
    font-family: 'CrystalNU4-Regular';
    outline: none;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    cursor: text;
}
.emoney_payout_1-mob span {
    max-width: calc(100% - 10px);
    overflow: hidden;
    height: 46px;
    display: flex;
    align-items: center;
}
.emoney_payout_1-mob.typing span:after {
    content: '';
    position: relative;
    width: 2px;
    height: 17px;
    background: #000000;
    animation: pulseCursorK steps(2) 1.1s infinite;
    opacity: 1;
    display: inline-block;
    margin: 0 1px 0 2px;
}

.emoney_payout_1-mob.typing.typing-no span:after,
.emoney_payout_2-mob.typing.typing-no span:after {
    display: none;
}


.emoney_payout_2 {
    width: 139px;
    height: 38px;
    background: #FFFFFF;
    border: 1px solid #D8D8D8;
    border-radius: 6px;
    box-sizing: border-box;
    margin-right: 10px;
    padding: 10px;
    color: #808080;
    font-size: 12px;
    font-family: 'CrystalNU4-Regular';
    outline: none;
}
.emoney_payout_2-mob {
    width: 139px;
    height: 38px;
    background: #FFFFFF;
    border: 1px solid #D8D8D8;
    border-radius: 6px;
    box-sizing: border-box;
    margin-right: 10px;
    padding: 10px;
    color: #808080;
    font-size: 12px;
    font-family: 'CrystalNU4-Regular';
    outline: none;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    cursor: text;
}
.emoney_payout_2-mob span {
    max-width: calc(100% - 10px);
    overflow: hidden;
    height: 46px;
    display: flex;
    align-items: center;
}
.emoney_payout_2-mob.typing span:after {
    content: '';
    position: relative;
    width: 2px;
    height: 17px;
    background: #000000;
    animation: pulseCursorK steps(2) 1.1s infinite;
    opacity: 1;
    display: inline-block;
    margin: 0 1px 0 2px;
}


.emoney  ::-webkit-input-placeholder { /* Edge */
  color: #808080;
}

.emoney  :-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-size: 12px;
}

.emoney  ::placeholder {
  font-family: 'CrystalNU4-Regular';
}

.emoney_payout_div_num {
    color: #666;
    display: flex;
    width: 100%;
    flex-direction: column;
    margin-top: 20px;
    font-family: 'CrystalNU4-Regular';
    font-size: 12px;
    line-height: 20px;
    position: relative;
}
.emoney_payout_div_num span,
.emoney_payout_div_num span label {
    color: #333333;
    font-size: 13px;
    font-family: 'CrystalNU4-Bold';
}

.payinout-other-list.emoney div {
    background-image: url(../Images/Common/CashierInternalTransfer/other/emoney.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 66px;
    height: 16px;   
}
.payinout-other-list.tbcpay div {
    background-image: url(../Images/Common/CashierInternalTransfer/other/tbcpay.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 76px;
    height: 24px;   
}
.payinout-other-list.bogpay div {
    background-image: url(../Images/Common/CashierInternalTransfer/other/bogpay.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 65px;
    height: 30px;   
}
.payinout-other-list.bog div {
    background-image: url(../Images/Common/CashierInternalTransfer/other/bog.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 112px;
    height: 25px;   
}
.payinout-other-list.oppa div {
    background-image: url(../Images/Common/CashierInternalTransfer/other/oppa.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 69px;
    height: 26px;   
}
.payinout-other-list.payge div {
    background-image: url(../Images/Common/CashierInternalTransfer/other/payge.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 50px;
    height: 22px;   
}
.payinout-other-list.branches div {
    font-family: 'cb-icons';
    font-size: 24px;
    color: rgba(0, 0, 0, 0.6);
    width: 21px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.payinout-other-list.branches div:after {
    content: '\e86e';
}
.payinout-other-list.branches span {
    color: #000000;
    font-family: 'CrystalBetUni-Medium';
    font-size: 12px;
    position: relative;
    left: -19px;
}


.payinout-other-list.liberty div {
    background-image: url(../Images/Common/CashierInternalTransfer/other/liberty.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 91px;
    height: 16px;   
}
.ka .payinout-other-list.liberty div {
    background-image: url(../Images/Common/CashierInternalTransfer/other/liberty_ka.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 84px;
    height: 14px;   
}
.payinout-other-list.tbc div {
    background-image: url(../Images/Common/CashierInternalTransfer/other/tbc.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 76px;
    height: 24px;   
}



/**/
.CashierInternalTransferUserControl--modal-content.new-card {
    height: 386px;

}
.new-card-text {
    width: 238px;
    margin: 0 auto;
    text-align: center;
    color: #1A1A1A;
    font-size: 15px;
    font-family: 'CrystalNU4-Bold';
    padding: 30px 0 34px 0;
}
.new-card-list {
    width: 320px;
    height: 60px;
    
    border-radius: 10px;
    box-sizing: border-box;
    margin: 0 auto 10px auto;
    display: flex;
    font-size: 13px;
    color: #fff;
    font-family: 'CrystalNU4-Bold';
    flex-direction: row;
    align-items: center;
    cursor: pointer;
    position: relative;
}
.new-card-list:after {
    content: '\E811';
    font-family: 'cb-mobile-icons';
    font-size: 8px;
    transform: rotate(-90deg);
    position: absolute;
    top: 25px;
    right: 16px;
    color: rgba(255, 255, 255, 0.6);
}

.new-card-list.channel_disabled {
    background: #D8D8D8 !important;
    color: #999 !important;
}
.new-card-list.channel_disabled:after {
    color: #999 !important;
}

.new-card-list.tbc.channel_disabled div {
    background-image: url(../Images/Common/CashierInternalTransfer/bank/tbc_channel_disabled.svg);
}
.new-card-list.bog.channel_disabled div {
    background-image: url(../Images/Common/CashierInternalTransfer/bank/bog_channel_disabled.svg);
}
.new-card-list.other.channel_disabled div {
    background-image: url(../Images/Common/CashierInternalTransfer/bank/other_channel_disabled.svg);
}



.new-card-list.tbc {
    background: linear-gradient(287.52deg, #00A3E0 0%, #0488BA 100%);
}
.new-card-list.tbc div {
    background-image: url(../Images/Common/CashierInternalTransfer/bank/tbc.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 29px;
    height: 29px;
    margin: 0 15px 0 18px;
}

.new-card-list.bog {
    background: linear-gradient(287.52deg, #FF772F 0%, #FF5B03 100%);
}
.new-card-list.bog div {
    background-image: url(../Images/Common/CashierInternalTransfer/bank/bog.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 32px;
    height: 26px;
    margin: 0 14px 0 16px;
}
.new-card-list.other {
    background: #EBEEF0;
    border: 1px solid #DEDEDE;
    color: #000000;
}
.new-card-list.other div {
    background-image: url(../Images/Common/CashierInternalTransfer/bank/other.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 30px;
    height: 30px;
    margin: 0 15px 0 17px;
}
.new-card-list.other:after {
    color: rgba(0, 0, 0, 0.25);
}
.new-card-list.other.channel_disabled:after {
    color: rgba(255, 255, 255, 0.6);
}



/**/
.CashierInternalTransferUserControl--modal-content.delete-card {
    height: 290px;
}
.delete-card-text {
    width: 100%;
    text-align: center;
    color: #1A1A1A;
    font-size: 15px;
    font-family: 'CrystalNU4-Bold';
    padding: 38px 0 31px 0;
}

.delete-card-card {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.delete-card-card label {
    color: #000000;
    font-size: 16px;
    font-family: 'CrystalNU4-Bold';
    text-transform: uppercase;
}
.delete-card-number {
    position: relative;
    height: 15px;
    letter-spacing: 0.05em;
    font-size: 15px;
    color: #4D4D4D;
    font-family: 'CrystalBetUni-Medium';
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0 10px;
}
.delete-card-number div {
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background: #B7B7B7;
    float: left;
    margin-right: 3px;
}
.delete-card-type {
    width: 30px;
    height: 18px;
    background: #E1E8ED;
    border-radius: 4px;
    
    background-repeat: no-repeat;
    
    background-position: center;
}
.delete-card-type.visa {
    background-image: url(../Images/Common/CashierInternalTransfer/visa.svg);
    background-size: 19px 16px;
}
.delete-card-type.mastercard {
    background-image: url(../Images/Common/CashierInternalTransfer/mastercard.svg);
    background-size: 19px 16px;
}

.delete-card-bt-container {
    width: 100%;
    text-align: center;
    margin-top: 37px;
}
.delete-card-bt {
    width: 152px;
    height: 58px;
    background: #F0F3F5;
    border-radius: 6px;
    text-align: center;
    line-height: 58px;
    display: inline-block;
    color: #1A1A1A;
    font-size: 14px;
    font-family: 'CrystalBetUni-Medium';
    margin: 0 3px;
    cursor: pointer;
}

.CashierInternalTransferUserControl--card-footer {
    width: 100%;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    line-height: 15px;
    color: #666666;
    font-family: 'CrystalNU4-Regular';
    position: absolute;
    bottom: 21px;
}

.CashierInternalTransferUserControl--main-container.iPhone .CashierInternalTransferUserControl--card-footer {
    bottom: 51px;
}

.CashierInternalTransferUserControl--card-footer-line {
    width: 1px;
    height: 26px;
    background: #D9D9D9;
    margin: 0 16px;
}

.desc-mode .CashierInternalTransferUserControl--card-main-tab-payout-empty {
    width: 656px;
    margin: 81px auto 0 auto;
}

.CashierInternalTransferUserControl--card-main-tab-payout-empty {
    width: 300px;
    margin: 30px auto;
    text-align: center;
    position: relative;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    font-family: 'CrystalNU4-Regular';
}
.CashierInternalTransferUserControl--card-main-tab-payout-empty a {
    display: block;
    background: #33B52A;
    border-radius: 6px;
    width: 150px;
    margin: 30px auto;
    height: 58px;
    line-height: 58px;
    text-align: center;
    box-sizing: border-box;
    outline: none;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    font-family: 'CrystalBetUni-Medium';
    cursor: pointer;
}


/*info*/
.info-payIn-title-main, .info-payOut-title-main {
    height: 60px;
    line-height: 54px;
    padding-left: 20px;
    font-size: 15px;
    color: #ccc;
    font-family: 'CrystalBetUni-Medium';
    text-align: left;
}

.InfoPage-PayIn-container, .InfoPage-PayOut-container {
    background: #fff;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    height: auto;
    padding-top: 10px !important;
    display: block;
}
.close-payin, .close-payout {
    border-radius: 2px;
    background: none;
    width: calc(100% - 20px);
    height: 50px;
    line-height: 48px;
    font-size: 13px;
    font-family: "CrystalBetUni-Medium";
    color: #808080;
    text-align: center;
    display: block;
    text-decoration: none;
    position: relative;
    margin: 13px auto;
    border: 1px solid #D8D8D8;
    box-sizing: border-box;
}

.InfoPage-PayIn-container .info-payIn-title,
.InfoPage-PayOut-container .info-payOut-title {
    font-family: 'CrystalBetUni-Medium';
    text-align: left;
    height: 36px;
    font-size: 14px;
    color: #808080;
    border-bottom: 1px solid #CCCCCC;
    margin: 0 28px;
}


.info-payIn-title.ttl-1 {

}

.info-payOut-title.ttl-1 {

}

.InfoPage-PayIn-container .info-payIn-txt,
.InfoPage-PayOut-container .info-payOut-txt {
    font-family: 'CrystalNU4-Regular';
    font-size: 14px;
    padding-left: 28px;
    color: #1A1A1A;
    padding-bottom: 29px;
    width: 259px;
}

.InfoPage-PayIn-container .info-payIn-txt p,
.InfoPage-PayOut-container .info-payOut-txt p {
    font-family: 'CrystalNU4-Bold';
    margin-bottom: 9px;
}

.InfoPage-PayIn-container .info-payIn-txt span,
.InfoPage-PayOut-container .info-payOut-txt span {
    font-family: 'CrystalNU4-Bold';
}

/*end info*/

/*error success*/
.CashierInternalTransfer_error_text {
    display: none;
    position: fixed;
    top: 60px;
    z-index: 999999;
    width: 360px;
    left: calc(50% - 180px);
}
#body_body .CashierInternalTransfer_error_text {
    top: 0px;
}

.CashierInternalTransfer_error_text_text {
    width: 95%;
    height: 80px;
    background: #FFFFFF;
    /*box-shadow: 0px 0px 5px rgb(0 0 0 / 40%);*/
    border-radius: 4px;
    margin: 10px auto;
    text-align: left;
    box-sizing: border-box;
    font-size: 13px;
    line-height: 15px;
    font-family: 'CrystalNU4-Bold';
    position: relative;
    padding: 14px 0;
    padding-left: 67px;
    padding-right: 55px;
    color: #DC1A1A;
    display: table;
}

.waiting .CashierInternalTransfer_error_text_text span {
    color: #000;
}

.CashierInternalTransfer_error_text_text span {
    vertical-align: middle;
    display: table-cell;
/*    padding: 0 18px;*/
}
.desc-mode .CashierInternalTransfer_error_text_text span {
    text-align: center;
    padding: 0 18px;
}
.CashierInternalTransfer_error_text_text:before {
    content: '';
    display: block;
    width: 26px;
    height: 26px;
    position: absolute;
    left: 20px;
    top: calc(50% - 13px);
    background: url('../Images/Common/CashierInternalTransfer/message-error.svg') bottom;
}
.CashierInternalTransfer_error_text.green .CashierInternalTransfer_error_text_text {
    width: 95%;
    height: 80px;
    background: #FFFFFF;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
    border-radius: 4px;
    margin: 10px auto;
    text-align: left;
    box-sizing: border-box;
    font-size: 13px;
    line-height: 15px;
    font-family: 'CrystalNU4-Bold';
    position: relative;
    padding-left: 67px;
    padding-right: 55px;
    color: #1bce2c;
}
.CashierInternalTransfer_error_text.green .CashierInternalTransfer_error_text_text:before {
    content: '';
    display: block;
    width: 26px;
    height: 26px;
    position: absolute;
    left: 20px;
    top: calc(50% - 13px);
    background: url('../Images/Common/CashierInternalTransfer/message-success.svg') top;
}

.CashierInternalTransfer_error_text.waiting .CashierInternalTransfer_error_text_text {
    width: 95%;
    height: 80px;
    background: #FFFFFF;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
    border-radius: 4px;
    margin: 10px auto;
    text-align: left;
    box-sizing: border-box;
    font-size: 13px;
    line-height: 15px;
    font-family: 'CrystalNU4-Bold';
    position: relative;
    padding-left: 67px;
    padding-right: 55px;
    color: #FFCC00;
}
.CashierInternalTransfer_error_text.waiting .CashierInternalTransfer_error_text_text:before {
    content: '';
    display: block;
    width: 26px;
    height: 26px;
    position: absolute;
    left: 20px;
    top: calc(50% - 13px);
    background: url('../Images/Common/CashierInternalTransfer/message-waiting.svg') top;
    background-size: contain;
}

#CashierInternalTransfer_idMessageText a {
    position: absolute;
    width: 56px;
    height: 50px;
    right: 0;
    top: calc(50% - 25px);
    text-align: center;
    line-height: 50px;
    cursor: pointer;
}
#CashierInternalTransfer_idMessageText a:after {
    content: '\E818';
    font-family: 'cb-icons';
    font-size: 14px;
    color: #B2B2B2;
}

.desc-mode .CashierInternalTransfer_error_text.channel_disabled .CashierInternalTransfer_error_text_text {
    height: auto;
    min-height: 193px;
    padding: 10px 0;
}

.desc-mode .CashierInternalTransfer_error_text_text {
    width: 322px;
    height: 193px;
    background: #FFEBEB;
    border-radius: 10px;
    display: flex;
    padding: 0;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: 15px;
}
.desc-mode .CashierInternalTransfer_error_text_text:before {
    content: '';
    display: block;
    width: 32px;
    height: 32px;
    position: relative;
    left: 0;
    top: 0;
    margin-bottom: 16px;
    background-size: contain;
}

.desc-mode .CashierInternalTransfer_error_text {
    top: 269px;
    width: 340px;
    left: calc(50% - 343px/2);
}
.desc-mode #CashierInternalTransfer_idMessageText a {
    right: -6px;
    top: -6px;
}
.desc-mode #CashierInternalTransfer_idMessageText a:after {
    font-size: 12px;
}

.desc-mode .CashierInternalTransfer_error_text.green .CashierInternalTransfer_error_text_text {
    width: 340px;
    height: 199px;
    border-radius: 10px;
    background: #E4FFE2;
    display: flex;
    padding: 0;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: 15px;
    box-shadow: none;
}
.desc-mode .CashierInternalTransfer_error_text.green .CashierInternalTransfer_error_text_text:before {
    content: '';
    display: block;
    width: 32px;
    height: 32px;
    position: relative;
    left: 0;
    top: 0;
    margin-bottom: 16px;
    background-size: contain;
    background-image: url(../Images/Common/CashierInternalTransfer/message-success.svg);
}

.desc-mode .CashierInternalTransfer_error_text.waiting .CashierInternalTransfer_error_text_text {
    width: 340px;
    height: 199px;
    border-radius: 10px;
    background: #FFF7E1;
    display: flex;
    padding: 0;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: 15px;
    box-shadow: none;
}
.desc-mode .CashierInternalTransfer_error_text.waiting .CashierInternalTransfer_error_text_text:before {
    content: '';
    display: block;
    width: 32px;
    height: 32px;
    position: relative;
    left: 0;
    top: 0;
    margin-bottom: 16px;
    background-size: contain;
    background-image: url(../Images/Common/CashierInternalTransfer/message-waiting.svg);
}

#main.tablet .CashierInternalTransferUserControl-keyboard-content {
    left: 0;
}
#main.tablet .CashierInternalTransferUserControl-keyboard-button-line {
    margin: 0 auto;
}
#main.tablet .CashierInternalTransferUserControl-keyboard-button-cancel {
    /*margin-left: calc(50% - 180px);*/
}



.CashierInternalTransfer_loader {
    display: flex;
    position: fixed;
    top: 60px;
    z-index: 999999;
    width: 360px;
    left: calc(50% - 180px);
}
.CashierInternalTransfer_loader div {
    width: 95%;
    height: 80px;
    background: #FFFFFF;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 40%);
    border-radius: 4px;
    margin: 10px auto;
    text-align: left;
    box-sizing: border-box;
    font-size: 13px;
    line-height: 15px;
    font-family: 'CrystalNU4-Bold';
    position: relative;
    display: flex;
    color: #FFCC00;
    align-items: center;
    justify-content: center;
}
.CashierInternalTransfer_loader div:after {
    content: '';
    display: block;
    width: 26px;
    height: 26px;
    position: relative;
    background-size: contain;
    animation: rotation 0.7s infinite linear;
    background-image: url(../Images/Common/CashierInternalTransfer/message-loader.svg); 
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

.CashierInternalTransfer_loader a {
    position: absolute;
    width: 56px;
    height: 50px;
    right: 0;
    top: calc(50% - 25px);
    text-align: center;
    line-height: 50px;
    cursor: pointer;
}
.CashierInternalTransfer_loader a:after {
    content: '\E818';
    font-family: 'cb-icons';
    font-size: 14px;
    color: #B2B2B2;
}

.desc-mode .CashierInternalTransfer_loader {
    width: 322px;
    height: 193px;
    background: #FFF7E1;
    border-radius: 10px;
    display: flex;
    padding: 0;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: 15px;
    position: absolute;
    top: 269px;
    left: calc(50% - 322px/2);
}
.desc-mode .CashierInternalTransfer_loader div {
    background: initial;
    box-shadow: initial;
}
.CashierInternalTransfer_loader div:after {
    width: 50px;
    height: 50px;
}
.desc-mode .CashierInternalTransfer_loader a {
    right: -6px;
    top: -6px;
}


/*mob*/
.CashierInternalTransferUserControl-keyboard-content-bg-click {
    width: 100%;
    height: 100%;
    position: fixed;
    bottom: 0;
    background: none;
    /*background: rgba(0,0,0,0.3);*/
    z-index: 999;
    display: none;
    left: 0;
}
.CashierInternalTransferUserControl-keyboard-content-bg {
    width: 360px;
    height: fit-content;
    position: fixed;
    bottom: 0;
    background: none;
    /* background: rgba(0,0,0,0.3);*/
    z-index: 999999;
    display: none;
    left: calc(50% - 360px/2);
}
.CashierInternalTransferUserControl-keyboard-content {
    width: 100%;
    position: fixed;
    bottom: 0;
    height: 285px;
    background: #fff;
    filter: drop-shadow(0px -4px 15px rgba(0, 0, 0, 0.17));
    border-radius: 20px 20px 0px 0px;
    z-index: 1000;
    box-sizing: border-box;
    padding: 15px 15px 0 15px;
    animation: modeBottom 0.2s;
}
.CashierInternalTransferUserControl-keyboard-ver {
    display: block;
}
.CashierInternalTransferUserControl-keyboard-button-line {
    display: table;
    width: 360px;
    height: 48px;
}
.CashierInternalTransferUserControl-keyboard-button {
    display: inline-block;
    float: left;
    width: 110px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background: none;
    cursor: pointer;
    font-size: 20px;
    color: #000000;
    font-family: 'CrystalBetUni-Medium';
    position: relative;
    box-sizing: border-box;
    border-radius: 4px;
    margin: 0;
    transition: all 0.3s;
}
.CashierInternalTransferUserControl-keyboard-button.clicked {
    background: #F2F2F2;
    border-radius: 4px;
}

.CashierInternalTransferUserControl-keyboard-button.delete span {
    background: url(../Images/Common/CashierInternalTransfer/backspace-arrow.svg);
    width: 22px;
    height: 16px;
    background-size: 22px 16px;
    display: block;
    position: absolute;
    left: calc( 50% - 11px);
    top: calc( 50% - 8px);
}

.CashierInternalTransferUserControl-keyboard-button-cancel {
    display: inline-block;
    float: left;
    width: 110px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background: none;
    cursor: pointer;
    font-size: 20px;
    color: #000000;
    font-family: 'CrystalBetUni-Medium';
    position: relative;
    box-sizing: border-box;
    border-radius: 4px;
    margin: 0;

    color: #333333;
    font-size: 14px;
    text-transform: uppercase !important;
    background: #FBE0E0;
    border-radius: 10px;
    font-family: 'CrystalBetUni-Medium';
    /*width: 162px;*/
    width: calc(50% - 4px);
    margin-top: 15px;
}
.CashierInternalTransferUserControl-keyboard-button-ok {
    display: inline-block;
    float: left;
    width: 110px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background: none;
    cursor: pointer;
    font-size: 20px;
    color: #000000;
    font-family: 'CrystalBetUni-Medium';
    position: relative;
    box-sizing: border-box;
    border-radius: 4px;
    margin: 0;

    color: #29B520;
    background: #D9F2D0;
    font-size: 16px;
    margin-left: 6px;
    border-radius: 10px;
    font-family: CrystalBetUni-Bold;
    /*width: 162px;*/
    width: calc(50% - 4px);
    margin-top: 15px;
}

@media screen and (max-height: 600px) {
    .CashierInternalTransferUserControl-keyboard-button-line {
        height: 33px;
    }
    .CashierInternalTransferUserControl-keyboard-button,
    .CashierInternalTransferUserControl-keyboard-button-cancel,
    .CashierInternalTransferUserControl-keyboard-button-ok {
        height: 40px;
        line-height: 40px;
    }
    .CashierInternalTransferUserControl-keyboard-content {
        height: 245px;
    }
}

@media screen and (orientation:landscape) {
   .CashierInternalTransferUserControl-keyboard-content-bg {
        width: 100%;
        left: 0;
        max-width: 680px;
   }
   .CashierInternalTransferUserControl-keyboard-button {
        width: 33.3%;
    }
    .CashierInternalTransferUserControl-keyboard-button-line {
        width: fit-content;
        float: left;
        width: 33.3%;
    }
    .CashierInternalTransferUserControl-keyboard-button-cancel,
    .CashierInternalTransferUserControl-keyboard-button-ok {
        margin-top: 3px;
        width: 23%;
    }
    #main.tablet .CashierInternalTransferUserControl-keyboard-button-cancel {
        /*margin-left: calc(50% - 310px);*/
    }
    .CashierInternalTransferUserControl-keyboard-content {
        height: 96px;
        padding: 5px 5px 0 5px
    }
    .CashierInternalTransferUserControl--tab-container {
        width: calc(100% - 30px);
        margin: 0 auto;
    }
    .CashierInternalTransferUserControl-keyboard-button-cancel {
        margin-left: 20px;
    }
    .slo-body .client-popup.MainInternalTransferPopupControl .cp-body {
        height: calc(var(--vh, 1vh) * 100 - 0px) !important;;
    }
    .slo-body .CashierInternalTransferUserControl--main-container {
        min-height: 550px;
    }
    .sl-overlay.opened .mob-mode .CashierInternalTransferUserControl--modal-content {
        
        /*max-height: calc(var(--vh, 1vh) * 100 - 0px) !important;
        min-height: calc(100% - 30px) !important;
        
        bottom: -30px;*/
    }


}



/*CashierInternalTransferUserControl--card-tab-container.CashierInternalTransferUserControl--card-tab-list.pay {
    display: none;
}

.CashierInternalTransferUserControl--card-tab-list.pay.el-display-flex {
    display: flex;
}
*/




.CashierInternalTransferUserControl--main-container.Out .CashierInternalTransferUserControl--card-tab-list-tbc-content,
.CashierInternalTransferUserControl--main-container.Out .CashierInternalTransferUserControl--card-tab-list-pay-content {
    display: none !important;
}

.CashierInternalTransferUserControl--card-tab-list-tbc-content,
.CashierInternalTransferUserControl--card-tab-list-pay-content {
    width: 100%;
    height: 54px;
    padding-top: 10px;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    display: none;
    font-size: 14px;
    font-family: 'CrystalNU4-Regular';
    text-align: center;
}
.mob-mode .CashierInternalTransferUserControl--card-tab-list-tbc-content,
.mob-mode .CashierInternalTransferUserControl--card-tab-list-pay-content {
    width: 300px;
    margin: 0 auto;
}
.CashierInternalTransferUserControl--card-tab-list-tbc-content span,
.CashierInternalTransferUserControl--card-tab-list-pay-content span {
    font-family: 'CrystalNU4-Bold';
    display: contents;
}

.CashierInternalTransferUserControl--main-container.card-tab-list-tbc .CashierInternalTransferUserControl--card-main-container,
.CashierInternalTransferUserControl--main-container.card-tab-list-pay .CashierInternalTransferUserControl--card-main-container {
    display: none;
}
.CashierInternalTransferUserControl--main-container.card-tab-list-tbc .CashierInternalTransferUserControl--card-tab-list-tbc-content,
.CashierInternalTransferUserControl--main-container.card-tab-list-pay .CashierInternalTransferUserControl--card-tab-list-pay-content {
    display: flex;
}
.CashierInternalTransferUserControl--main-container.card-tab-list-tbc .CashierInternalTransferUserControl-payinbt:before,
.CashierInternalTransferUserControl--main-container.card-tab-list-pay .CashierInternalTransferUserControl-payinbt:before {
    display: none !important;
}


.desc-mode .CashierInternalTransferUserControl--card-tab-container {
    margin: 19px auto 0 auto;
}

.CashierInternalTransferUserControl--main-container.Out .CashierInternalTransferUserControl--card-tab-container {
    display: none;
}

.CashierInternalTransferUserControl--card-tab-container.card,
.CashierInternalTransferUserControl--card-tab-container.tbc,
.CashierInternalTransferUserControl--card-tab-container.pay {
    display: flex;
}

.CashierInternalTransferUserControl--card-tab-container {
    display: none;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 4px;
    box-sizing: border-box;
    margin: 16px auto 0 auto;
    width: fit-content;
    height: 44px;
    background: #F0F3F5;
    border-radius: 8px;
}
.CashierInternalTransferUserControl--card-tab-container.card .CashierInternalTransferUserControl--card-tab-list.card {
    display: flex;
}
.CashierInternalTransferUserControl--card-tab-container.tbc .CashierInternalTransferUserControl--card-tab-list.tbc {
    display: flex;
}
.CashierInternalTransferUserControl--card-tab-container.pay .CashierInternalTransferUserControl--card-tab-list.pay {
    display: flex;
}

.CashierInternalTransferUserControl--card-tab-list {
    height: 36px;
    position: relative;
    box-sizing: border-box;
    border-radius: 6px;
    cursor: pointer;
    display: none;
    margin: 0 2.5px;
    align-items: center;
    padding: 0 12px;
    color: #737F87;
    font-size: 13px;
    font-family: 'CrystalNU4-Regular';
}
.CashierInternalTransferUserControl--card-tab-list.card:after {
    display: none;
}
.CashierInternalTransferUserControl--card-tab-list:after {
    content: 'NEW';
    width: 27px;
    height: 12px;
    display: flex;
    position: absolute;
    color: #FFFFFF;
    font-family: 'CrystalBetUni-Medium';
    font-size: 8px;
    background: #DC1A1A;
    border-radius: 10px;
    top: -11px;
    left: calc(50% - 27px/2);
    justify-content: center;
    align-items: center;
}
.CashierInternalTransferUserControl--card-tab-list:before {
    content: '';
    
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    margin-right: 4px;
}
.CashierInternalTransferUserControl--card-tab-list.active {
    background: #FFFFFF;
    font-family: 'CrystalNU4-Bold';
    color: #000;
}

.desc-mode .CashierInternalTransferUserControl--card-tab-list.pay {
    display: none;
}


.CashierInternalTransferUserControl--card-tab-list.card:before {
    background-image: url(../Images/Common/CashierInternalTransfer/cardtbcpay/card-d.svg);
}
.CashierInternalTransferUserControl--card-tab-list.card.active:before {
    background-image: url(../Images/Common/CashierInternalTransfer/cardtbcpay/card.svg);
}

.CashierInternalTransferUserControl--card-tab-list.tbc:before {
    background-image: url(../Images/Common/CashierInternalTransfer/cardtbcpay/tbc-d.svg);
}
.CashierInternalTransferUserControl--card-tab-list.tbc.active:before {
    background-image: url(../Images/Common/CashierInternalTransfer/cardtbcpay/tbc.svg);
}

.CashierInternalTransferUserControl--card-tab-list.pay:before {
    background-image: url(../Images/Common/CashierInternalTransfer/cardtbcpay/pay-d.svg);
}
.CashierInternalTransferUserControl--card-tab-list.pay.active:before {
    background-image: url(../Images/Common/CashierInternalTransfer/cardtbcpay/pay.svg);
}

.CashierInternalTransfer_error_text_channel_disabled_bg {
    position: fixed;
    z-index: 0;
    background-color: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;  
}