/*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); left: auto; right: 6px; } .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 { display: flex; align-items: center; column-gap: 4px; } .cw_wallet_modal_item_indicator { transition: transform 0.2s; 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: 16px 0; } .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 { width: 32px; height: 18px; display: flex; cursor: pointer; } .cw_wallet_modal_content_toggle_box .modal_toggle_input { display: none; } .cw_wallet_modal_content_toggle_box .toggle_slider { position: relative; border-radius: 20px; transition: 0.3s; display: block; width: 100%; height: 100%; } .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: 16000005; 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: 55px; box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.20); height: 34px; z-index: 10; display: none; } .vip_badge .cw_lblBalance_drop_down_tooltip { top: 32px; } .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; } /*@media screen and (max-height: 420px) { .cw_wallet_modal_content_root { max-height: calc(100vh - 225px); } }*/ @media (orientation: landscape) { .cw_wallet_modal_content_root { max-height: calc(100vh - 245px); } .cw_wallet_drop_down_footer, .cw_wallet_modal_footer{ padding: 8px 16px; } .cw_wallet_drop_down_footer > a, .cw_wallet_drop_down_footer .cw_save_wallet_settings, .cw_wallet_drop_down_footer button, .cw_wallet_modal_footer .cw_save_wallet_settings{ height: 32px; } .cw_wallet_modal_search_root { padding: 4px 16px; } .cw_wallet_modal_search { height: 32px; margin-top: 0; } .cw_wallet_modal_root_inner{ row-gap: 4px; } .cw_wallet_drop_down_root .cw_wallet_modal_search > input{ height: 32px; min-height: auto; } .cw_wallet_modal_root_balance_wrapper { flex-direction: row; column-gap: 8px; padding: 4px; } .cw_wallet_modal_tabs_item { height: 24px; } .cw_wallet_modal_tabs_item span { transform: translateY(0); } .cw_wallet_modal_header > span { font-size: 16px; } .cw_wallet_modal_root { padding-top: 8px; } .cw_wallet_modal_item{ height: 32px; } .cw_wallet_modal_content_toggle_wrapper{ margin-bottom: 4px; display: flex; flex-direction: row; column-gap: 8px; } .cw_wallet_modal_content_toggle_box { padding: 6px 16px; flex-grow: 1; min-width: 1px; } .cw_wallet_modal_tabs_desc { line-height: 18px; font-size: 12px; } }