﻿/*start header drop down*/
.cw_headerDropDown_mob .cw_headerDropDown_mob_balance_box {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    border-radius: var(--cwButtonSecondaryRadius,8px );
    border-end-end-radius: 0px;
    border-start-end-radius: 0px;
    height: 36px;
    column-gap: 4px;
    padding-inline-end: 4px;
}

.cw_headerDropDown_mob .cw_headerDropDown_mob_depositBtn {
    background: var(--cwDepositButtonG, #2E7B2F);
    color: var(--cwDepositButtonTxt, #FFFFFF);
    border-radius: var(--cwButtonSecondaryRadius,8px );
    padding: 8px;
    border-start-start-radius: 0px;
    border-end-start-radius: 0px;
    height: 36px;
}

    .cw_headerDropDown_mob .cw_headerDropDown_mob_depositBtn:before {
        content: "\E080";
        font-family: "iconsDinamicMenu";
        display: inline-block;
        width: 16px;
        height: 16px;
        font-size: 32px;
        line-height: 18px;
    }

.cw_headerDropDown_mob_balance_box .cw_lblBalance_drop_down_icon {
    font-size: 20px;
    line-height: 22px;
}
.cw_wallet_modal_tabs_content.variant_details .cw_wallet_drop_down_footer.variant_deposit {
    display: none;
}
.cw-rtl-global .topheader_user_id {
    direction: rtl;
    unicode-bidi: plaintext;
}

.cw_headerDropDown_mob .topheader_user_id span,
.cw_headerDropDown_mob .vip_badge_1 span,
.cw_headerDropDown_mob_balance_box .vip_badge_2 span {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    line-height: 12px;
    font-size: 12px;
    width: 100%;
    font-weight: 400;
}

.cw_headerDropDown_mob .topheader_user_id,
.cw_headerDropDown_mob .vip_badge_1,
.cw_headerDropDown_mob_balance_box .vip_badge_2 {
    row-gap: 4px;
    align-items: center;
    justify-content: center;
    column-gap: 8px;
}

.topheader_user_id_box {
    row-gap: 4px;
}

.cw_depositDialog_balance_image {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    border-radius: 50%;
}

.cw_headerDropDown_mob_balance_box .cw_headerDropDown_currency_box {
    column-gap: 8px;
    margin-inline-start: auto;
}

.cw-rtl-global .cw_headerDropDown_mob_balance_box .cw_headerDropDown_currency_box {
    flex-direction: row-reverse;
}

.cw-rtl-global #playerBalance {
    direction: rtl;
    unicode-bidi: plaintext;
}

.cw_headerDropDown_mob_balance_box .cw_headerDropDown_currency_box span {
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
    white-space: nowrap;
}
/*end header drop down*/


/**/
.cw_wallet_drop_down_parent {
    position: relative;
}

.cw_wallet_drop_down_root {
    border-radius: 16px 16px 0 0;
    width: 100%;
    display: none;
    bottom: 0;
    right: 0;
    left: 0;
    flex-direction: column;
    align-items: stretch;
    padding-top: 16px;
    margin-top: auto;
    position: relative;
    z-index: 10;
}

.state_visible.cw_wallet_drop_down_root {
    display: flex;
}

.cw_wallet_drop_down_search {
    height: 36px;
    cursor: pointer;
    border-radius: 8px;
    display: flex;
    align-items: center;
    column-gap: 8px;
    padding: 0 8px;
    position: relative;
}

.cw_wallet_drop_down_search_root {
    padding: 0 16px 16px 16px;
}

.cw_wallet_drop_down_search > input {
    height: 36px;
    width: 100%;
    background: none;
    appearance: none;
    -webkit-appearance: none;
    outline: 0;
    border: 0;
    padding: 0 8px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-indent: 44px;
}

.cw_wallet_drop_down_search > i {
    --icoSize: 24px;
    font-size: 32px;
}

.cw_wallet_drop_down_content {
    overflow-y: auto;
    height: 100%;
    padding-inline-end: 4px;
    display: flex;
    align-items: stretch;
    flex-direction: column;
    padding-bottom: 8px;
}

.cw_wallet_drop_down_root .is_drop_down .cw_no_search_result {
    padding-bottom: 8px;
}

    .cw_wallet_drop_down_root .is_drop_down .cw_no_search_result:empty {
        padding-bottom: 0;
    }

.cw_wallet_drop_down_root .is_drop_down {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.cw_wallet_modal_root .is_modal {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    flex-grow: 1;
    min-height: 1px;
}

.cw_wallet_drop_down_content_root {
    padding: 0 16px;
    flex-grow: 1;
    min-height: 1px;
    overflow-y: auto;
    overscroll-behavior: contain;
    display: flex;
    flex-direction: column;
    row-gap: 16px;
}

.cw_wallet_drop_down_footer {
    display: flex;
    align-items: center;
    column-gap: 16px;
    padding: 16px;
}

    .cw_wallet_drop_down_footer button {
        height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .cw_wallet_drop_down_footer button i {
            --icoSize: 20px;
        }

.cw_wallet_drop_down_btn_set {
    padding: 12px;
    border-radius: 8px;
}

.cw_wallet_drop_down_item {
    width: 100%;
    height: 44px;
    padding: 8px;
    display: flex;
    align-items: center;
    column-gap: 16px;
    border-radius: 8px;
    cursor: pointer;
    transition: 0.2s background;
}

    .cw_wallet_drop_down_item > .cw_wallet_drop_down_item_icon {
        --w: 24px;
        flex-shrink: 0;
        width: var(--w);
        height: var(--w);
        background: currentColor;
        border-radius: 50%;
        flex-shrink: 0;
    }

    .cw_wallet_drop_down_item > span {
        font-size: 14px;
        width: max-content;
        flex-shrink: 0;
        text-transform: uppercase;
    }

    .cw_wallet_drop_down_item > .cw_wallet_drop_down_item_amount_wrapper {
        display: flex;
        align-items: center;
        column-gap: 16px;
        font-size: 14px;
        flex-grow: 1;
        min-width: 1px;
    }

.cw_wallet_modal_item_start > .cw_wallet_drop_down_item_icon {
    --w: 20px;
    flex-shrink: 0;
    width: var(--w);
    height: var(--w);
    background: currentColor;
    border-radius: 50%;
    flex-shrink: 0;
}

.cw_wallet_drop_down_item_icon {
    cursor: pointer;
    transition: color 0.2s;
    color: inherit;
    color: var(--color);
    font-size: 38px;
}

.cw_wallet_drop_down_item_tooltip_root {
    --display: none;
    position: relative;
    flex-shrink: 0;
}

    .cw_wallet_drop_down_item_tooltip_root:hover {
        --color: #FFA500;
        --display: flex;
    }

.cw_wallet_drop_down_item_tooltip {
    --cwTooltipRadius: 2px;
    position: absolute;
    display: var(--display);
    padding: 8px 12px;
    border-radius: 6px;
    font-size: 12px;
    line-height: 12px;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    row-gap: 4px;
    width: max-content;
    bottom: 28px;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.20);
    z-index: 10;
}

 /*   .cw_wallet_drop_down_item_tooltip::before {
        content: "";
        border: 6px solid transparent;
        top: 0px;
        transform: translateY(-100%);
        left: calc(var(--cwTooltipRadius) / 2 + 4px);
        position: absolute;
    }*/

.cw-rtl-global .cw_wallet_drop_down_item_tooltip::before {
    left: calc(var(--cwTooltipRadius) / 2 + 80px);
}
.cw-rtl-global .cw_wallet_modal_item_cont_open .cw_wallet_drop_down_item_tooltip::before {
    left: auto; 
    right: 6px;
}
.cw_wallet_drop_down_item_tooltip span {
    height: 18px;
}

.cw_wallet_drop_down_item_amount_wrapper > strong {
    font-size: 14px;
    flex-grow: 1;
    min-width: 1px;
}

.cw_wallet_drop_down_items_group_heading {
    font-size: 14px;
    height: 22px;
    text-transform: capitalize;
    flex-shrink: 0;
    min-height: 1px;
}

.cw_wallet_drop_down_devider {
    margin: 4px 0;
    display: block;
    height: 1px;
    flex-shrink: 0;
    min-height: 1px;
}

.cw_wallet_drop_down_items_group {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    flex-shrink: 0;
    min-height: 1px;
}
/*wallet details*/
.cw_wallet_modal_overlay {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.40);
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    overscroll-behavior: none;
}

.cw_wallet_modal_root {
    width: 368px;
    max-height: 608px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    overflow: hidden;
}

.cw_wallet_modal_root_inner {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    row-gap: 18px;
    padding-bottom: 0;
    flex-grow: 1;
    min-height: 1px;
}

.cw_wallet_modal_header {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 32px;
    column-gap: 2px;
    padding: 0 16px;
}

    .cw_wallet_modal_header > span {
        flex-grow: 1;
        min-height: 1px;
        font-size: 20px;
        font-weight: 700;
        line-height: 20px;
        align-items: center;
        text-align: center;
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.cw_wallet_modal_header_spacer {
    width: 32px;
    height: 32px;
    flex-shrink: 0;
}

button.cw_wallet_modal_header_spacer {
    appearance: none;
    -webkit-appearance: none;
    outline: 0;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
}

    button.cw_wallet_modal_header_spacer > i {
        font-size: 24px;
        line-height: 24px;
    }
/*select*/
.cw_wallet_modal_tabs_root {
    display: flex;
    align-items: center;
    padding: 0 16px;
}

.cw_wallet_modal_tabs_content {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    flex-grow: 1;
    min-height: 1px;
}

.cw_wallet_modal_tabs_item {
    appearance: none;
    -webkit-appearance: none;
    outline: 0;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    color: var(--text-color);
    cursor: pointer;
    width: 50%;
    flex-shrink: 0;
    height: 36px;
    border-bottom: 2px solid var(--border-color);
    transition: color 0.2s, border-color 0.2s;
}

.cw_wallet_modal_content_padded {
    display: flex;
    align-items: stretch;
    flex-direction: column;
    flex-grow: 1;
    min-height: 1px;
}

.cw_wallet_modal_tabs_item span {
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    transform: translateY(-8px);
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cw_wallet_modal_root_balance_wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 8px;
    padding: 8px;
}

    .cw_wallet_modal_root_balance_wrapper span {
        font-size: 12px;
        line-height: 12px;
    }

.cw_wallet_modal_root_balance_count {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 8px
}

    .cw_wallet_modal_root_balance_count > i {
        font-size: 38px;
    }

    .cw_wallet_modal_root_balance_count > span {
        font-size: 18px;
        line-height: 18px;
        font-weight: 500;
        height: 18px;
    }
/*.cw_wallet_modal_search_root {
    margin-bottom:16px;
}*/
.cw_wallet_modal_search {
    height: 36px;
    cursor: pointer;
    border-radius: 8px;
    display: flex;
    align-items: center;
    column-gap: 8px;
    padding: 0 12px;
    position: relative;
    margin-top: 8px;
}

.cw_wallet_drop_down_root .cw_wallet_modal_search > input {
    height: 36px;
    width: 100%;
    background: none;
    appearance: none;
    -webkit-appearance: none;
    outline: 0;
    border: 0;
    padding: 0 8px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    min-height: 36px;
    font-size: 14px;
    padding-inline-start: 40px;
}

.cw_wallet_modal_search > i {
    --icoSize: 24px;
    font-size: 32px;
    line-height: 26px;
    position: absolute;
    inset-inline-start: 10px;
    top: 5px;
}

.cw_wallet_modal_search > i {
    right: 0;
    inset-inline-end: 10px
}

.cw_wallet_modal_search_root {
    padding: 0 16px 8px;
}

.cw_wallet_modal_content_root {
    flex-grow: 1;
    min-height: 1px;
    padding: 0 16px;
    overscroll-behavior: none;
    overflow-y: auto;
    max-height: calc(100vh - 313px);
}

.cw_wallet_modal_items_group {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    flex-shrink: 0;
    min-height: 1px;
    row-gap: 4px;
}

.cw_wallet_drop_modal_group_heading {
    font-size: 14px;
    height: 22px;
    text-transform: capitalize;
    flex-shrink: 0;
    min-height: 1px;
    margin-bottom: 4px;
    display: flex;
    align-items: center;
    margin-top: 16px;
}

.cw_wallet_modal_item {
    width: 100%;
    height: 48px;
    padding: 0 12px;
    display: flex;
    align-items: center;
    column-gap: 16px;
    background: var(--bg);
    border-radius: 8px;
    cursor: pointer;
    transition: 0.2s background;
}

.cw_wallet_modal_item_start {
    display: flex;
    align-items: center;
    column-gap: 8px;
    flex-grow: 1;
    min-width: 1px;
}

    .cw_wallet_modal_item_start span,
    .cw_wallet_modal_item_end strong {
        font-size: 14px;
        line-height: 22px;
        font-weight: 400;
    }

.cw_wallet_modal_content_root .cw_wallet_drop_down_item_tooltip span:first-child {
    color: var(--text-level-high);
    font-size: 12px;
}

.cw_wallet_modal_item_end {
    display: flex;
    align-items: center;
    column-gap: 8px;
    flex-shrink: 0;
}

.cw_wallet_modal_icons_wrapper {
    margin: 0 8px;
    display: flex;
    align-items: center;
    column-gap: 16px;
}

.cw_wallet_modal_item_indicator {
    transition: transform 0.2s;
    .cw_wallet_modal_cont_open_item transform:rotate(var(--deg));
    flex-shrink: 0;
}

    .cw_wallet_modal_item_indicator > i {
        --icoSize: 24px;
        font-size: 24px;
        line-height: 24px;
    }
/**/

.cw_wallet_modal_item_collaps_cont.state_opened .cw_wallet_modal_item {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.cw_wallet_modal_footer {
    padding: 16px;
}

    .cw_wallet_modal_footer button {
        width: calc(50% - 8px);
    }

.cw_wallet_deposit_btn {
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 500;
    border-radius: 8px;
}

.cw_wallet_modal_item_cont_open {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 4px;
    padding: 16px;
    margin-top: -4px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.cw_wallet_modal_item_cont_open_item {
    display: flex;
    align-items: center;
    column-gap: 8px;
    height: 36px;
    width: 100%;
}

.cw_wallet_modal_cont_open_item {
    flex-grow: 1;
    display: flex;
    align-items: center;
    column-gap: 8px;
    min-width: 0;
}

    .cw_wallet_modal_cont_open_item i {
        font-size: 40px;
    }

    .cw_wallet_modal_cont_open_item span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        flex-grow: 1;
        min-width: 0;
    }

.cw_wallet_modal_cont_open_item_count {
    white-space: nowrap;
}

.cw_wallet_modal_cont_open_item span,
.cw_wallet_modal_cont_open_item_count {
    font-size: 14px;
    line-height: 14px;
}

.cw_no_search_result {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 14px;
    color: var(--cwModalTxt2, var(--text-level-medium));
    padding-top: 16px;
}

    .cw_no_search_result:empty {
        padding: 0;
    }
/*settings*/
.cw_wallet_modal_item_collaps_cont_set {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 4px;
}

.cw_wallet_drop_down_content_set {
    overflow-y: auto;
    height: 100%;
    padding-inline-end: 4px;
    display: flex;
    align-items: stretch;
    flex-direction: column;
    padding-bottom: 8px;
    padding-top: 8px;
    row-gap: 10px;
}

    .cw_wallet_drop_down_content_set.search_cont_empty {
        padding: 0;
    }

.cw_wallet_modal_tabs_txt {
    display: flex;
    flex-direction: column;
    row-gap: 4px;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 4px;
    padding: 0 16px;
}

.cw_wallet_modal_tabs_desc {
    line-height: 22px;
}
/*toggle box*/
.cw_wallet_modal_content_toggle_wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 4px;
    margin-bottom: 32px;
    padding: 0 16px;
}

.cw_wallet_modal_content_toggle_box {
    display: flex;
    align-items: center;
    column-gap: 8px;
    padding: 12px 16px;
    border-radius: 8px;
}

.cw_wallet_modal_content_toggle_box_txt {
    display: flex;
    align-items: center;
    flex-grow: 1;
    height: 22px;
    font-size: 14px;
    line-height: 14px;
}

.cw_wallet_modal_content_toggle_box .modal_toggle {
    position: relative;
    width: 32px;
    height: 18px;
    display: inline-block;
    cursor: pointer;
}

.cw_wallet_modal_content_toggle_box .modal_toggle_input {
    display: none;
}

.cw_wallet_modal_content_toggle_box .toggle_slider {
    position: absolute;
    inset: 0;
    border-radius: 20px;
    transition: 0.3s;
}

    .cw_wallet_modal_content_toggle_box .toggle_slider::before {
        content: "";
        position: absolute;
        width: 16px;
        height: 16px;
        left: 1px;
        top: 1px;
        border-radius: 50%;
        transition: 0.3s;
    }


.cw_wallet_modal_content_toggle_box .modal_toggle_input:checked + .toggle_slider::before {
    transform: translateX(13px);
}

.cw_wallet_drop_down_root_inner {
    display: flex;
    align-items: stretch;
    flex-direction: column;
    height: 100%;
}

/*@media screen and (max-width: 300px) {
    .LogoMobilePlatform {
        width: 50px;
    }
}*/
.cw_wallet_cover {
    display: none;
    position: fixed;
    /* --z_ind: calc(var(--toast-zIndex) - 1);*/
    --z_ind: calc(var(--cwZIndexFooter) + 1);
    z-index: var(--z_ind);
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*transform: translateY(100%);*/
    transition: all 0.3s;
    /*background: var(--cwOverlayBg, rgba(0, 0, 0, .7));*/
}

    .cw_wallet_cover.cw_wallet_cover_open {
        /*transform: translateY(0);*/
        display: flex;
    }

    .cw_wallet_cover .cw_wallet_drop_down_root {
    }

    .cw_wallet_cover.cw_wallet_cover_open .cw_wallet_drop_down_root {
        animation: wallet_reveal 0.2s;

    }

.cw_wallet_modal_root {
    border-radius: 16px 16px 0 0;
    position: absolute;
    width: 100%;
    /*max-height: calc(100vh - 175px);*/
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 145;
    padding-top: 16px;
    overscroll-behavior: none;
}

@keyframes wallet_reveal {
    from {
        transform: translateY(100%)
    }

    to {
        transform: translateY(0)
    }
}

.cw_wallet_currency_item_cont {
    width: 100%;
}

.cw_wallet_drop_down_footer .cw_save_wallet_settings,
.cw_wallet_modal_footer .cw_save_wallet_settings,
.cw_wallet_drop_down_footer .tl_btn.cw_cashier_popup {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 500;
    height: 44px;
    border-radius: 8px;
}

.cw_wallet_modal_footer .save_btn {
    width: 100%;
}

.cw_lblBalance_drop_down_tooltip {
    --cwTooltipRadius: 6px;
    position: absolute;
    display: flex;
    padding: 8px 12px;
    border-radius: 6px;
    font-size: 12px;
    line-height: 12px;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    row-gap: 4px;
    width: max-content;
    top: 50px;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.20);
    height: 34px;
    z-index: 10;
    display: none;
}

.js_show_real_bl {
    display: flex;
    align-items: center;
    justify-content: center;
}

.cw_lblBalance_drop_down_tooltip::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -100%);
}

/*fa*/
.cw-rtl-global .cw_wallet_drop_down_parent,
.cw-rtl-global .cw_wallet_modal_root_balance_count > span,
.cw-rtl-global .cw_wallet_modal_item_start span,
.cw-rtl-global .cw_wallet_modal_cont_open_item_count {
    direction: ltr;
}

.cw-rtl-global .cw_wallet_drop_down_root {
    direction: rtl;
}

.cw-rtl-global .cw_wallet_modal_item .cw_wallet_modal_item_indicator,
.cw-rtl-global .cw_wallet_modal_header_spacer .cw_icon_arrow_left_v4 {
    rotate: 180deg;
}

.cw-rtl-global .cw_wallet_modal_item_end strong,
.cw-rtl-global .cw_lblBalance_drop_down_tooltip {
    direction: rtl;
    unicode-bidi: plaintext;
}

.cw_wallet_modal_item_collaps_cont.state_opened .cw_wallet_modal_item_indicator {
    rotate: 90deg;
}

.cw_overlay_dimm {
    background: var(--cwOverlayBg,rgba(0, 0, 0, .7)) !important;
    backdrop-filter: blur(var(--cwOverlayBlur));
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.js_real_balance_tooltip{
    display: flex;
    align-items: center;
    justify-content: center;
}