:root { --color1: #000; --color2: #fff; --color3: #6a718e; --color4: #F7EC56; --color5: #65C3EC; --color6: #C6BC4E; --color7: #529DBB; --color8: #a18782; --color9: #7d7d7d; --color10: #cbb698; --color11: #f8f9fb; --color12: #f91414; --color13: #bdbdbd; --color14: #2e2e2e; --color15: #AEDEF2; --color16: #1A44C8; --color17: #3B3F47; --colorop1: #dcb3ac5c; --filter1: brightness(0) saturate(100%) invert(97%) sepia(65%) saturate(5914%) hue-rotate(325deg) brightness(85%) contrast(86%); --gradient1: linear-gradient(#dcb3ac,var(--color6)); --gradient2: linear-gradient(#cfcfcf, #929292); --walOn: #3ec682; --walOff: #cd5c5c; --important: var(--red); --BODY_TXT_COLOR: #000000; --TXT_COLOR_1: #FFFFFF; --TXT_COLOR_2: #000000; --TXT_COLOR_3: #E4E6EA; --TXT_COLOR_4: #D5D7DC; --TXT_COLOR_5: #455E71; --ERROR_MSG_COLOR: #D90000; --IMPORTANT_COLOR: #D90000; --ACTIVE_BTN_BG: #06CC16; --INACTIVE_BTN_BG: #D90000; --SLIDESHOW_INACTIVE_BTN: #B8BABF; --NO_STATUS_COLOR: #D9D9D9; --STATUS_UNVERIFIED_COLOR: #686C77; --STATUS_PENDING_COLOR: #FF8C00; --STATUS_APPROVED_COLOR: #06CC16; --STATUS_REJECTED_COLOR: #D90000; --FAVOURITE_BG: rgba(0, 0, 0, 0.6); --FAVOURITE_BORDER: 2px solid rgba(255, 255, 255, 0.3); --FAVOURITE_COLOR: #ffffff; --FAVOURITE_BOX_SHADOW: 0 2px 10px rgba(0, 0, 0, 0.5); --FAVOURITE_HOVER_BG: rgba(0,0,0,0.8); --FAVOUTITE_HOVER_BORDER: 2px solid rgba(255,255,255,0.5); --FAVOURITE_HOVER_COLOR: #ffcc5c; --MAINTENANCE_TXT_COLOR: #ffffff; --THIRD_BTN_BG: #EEF2F6; --THIRD_BTN_COLOR: #4A5560; --THIRD_BTN_BORDER: none; --THIRD_BTN_SHADOW: 0px 0px 2px 0px #00000040; --THIRD_BTN_HOVER_BG: #E6F7FD; --THIRD_BTN_HOVER_COLOR: #63C2EE; --THIRD_BTN_HOVER_BORDER: 1px solid #63C2EE; --FOURTH_BTN_BG: linear-gradient(90deg, #213743 0%, #455E71 100%); --FOURTH_BTN_COLOR: #FFFFFF; --FOURTH_BTN_BORDER: none; --FOURTH_BTN_SHADOW: 0px 0px 4px 0px #00000040; --FOURTH_BTN_HOVER_BG: linear-gradient(90deg, #213743 0%, #63C2EE 100%); --FOURTH_BTN_HOVER_COLOR: #FFFFFF; --FOURTH_BTN_HOVER_BORDER: none; --FIFTH_BTN_BG: #455E71; --FIFTH_BTN_COLOR: #FFFFFF; --FIFTH_BTN_BORDER: none; --FIFTH_BTN_SHADOW: 0px 0px 4px 0px #00000040; --FIFTH_BTN_HOVER_FILTER_BG: none; --FIFTH_BTN_HOVER_BG: #213743; --FIFTH_BTN_HOVER_COLOR: #FFFFFF; --FIFTH_BTN_HOVER_BORDER: none; --PRIMARY_INACTIVE_BTN_BG: #3B3F47; --PRIMARY_INACTIVE_BTN_COLOR: #FFFFFF; --PRIMARY_INACTIVE_BTN_BORDER: none; --AFTER_LOGIN_WALLET_LIST_BG: #0F212E; --AFTER_LOGIN_WALLET_LIST_COLOR: #FFFFFF; --AFTER_LOGIN_WALLET_LIST_BORDER: none; --AFTER_LOGIN_WALLET_LIST_BOX_SHADOW: 0px 0px 5px 0px #00000040; --AFTER_LOGIN_WALLET_LIST_FOOTER_BG: #1A2C38; --AFTER_LOGIN_WALLET_LIST_FOOTER_COLOR: #FFFFFF; --FOOTER_BG: #C9D1D9; --FOOTER_TXT_COLOR: #FFFFFF; --TAB_BG: #EEF2F6; --TAB_TXT_COLOR: #4A5560; --TAB_BORDER: 1px solid transparent; --TAB_BOX_SHADOW: 0px 0px 2px 0px #00000040; --TAB_HOVER_BG: #E6F7FD; --TAB_HOVER_COLOR: #63C2EE; --TAB_HOVER_BORDER: 1px solid #63C2EE; --freeCredit3_CLAIM_ALL_CONTAINER_BG: #F3F4F5; --freeCredit3_CLAIM_ALL_CONTAINER_COLOR: var(--color1); --freeCredit3_CLAIM_ALL_BORDER_RADIUS: 10px; --freeCredit3_CLAIM_ALL_HEADER_BG: linear-gradient(90.75deg, #FFFFFF -15.84%, #E1E6EB 112.99%); --freeCredit3_CLAIM_ALL_HEADER_COLOR: var(--color1); --freeCredit3_CLAIM_ALL_HEADER_BORDER_RADIUS: 30px; --freeCredit3_CLAIM_ALL_CARD_BG: #EEF2F6; --freeCredit3_CLAIM_ALL_CARD_COLOR: var(--color1); --freeCredit3_CLAIM_ALL_CARD_BORDER_RADIUS: 10px; --freeCredit3_CLAIM_ALL_CARD_BOTTOM_HR: 2px dashed #C9D1D9; --freeCredit3_CLAIM_ALL_CARD_BOTTOM_MORE_INFO_COLOR: #63C2EE; --freeCredit3_CLAIM_ALL_CARD_BOTTOM_CLAIM_BTN_BG: var(--PRIMARY_BTN_BG); --freeCredit3_CLAIM_ALL_CARD_BOTTOM_CLAIM_BTN_COLOR: var(--PRIMARY_BTN_COLOR); --freeCredit3_CLAIM_ALL_CARD_BOTTOM_CLAIM_BTN_BORDER_RADIUS: 30px; --freeCredit3_CLAIM_ALL_CARD_BOTTOM_CLAIM_BTN_BORDER: var(--PRIMARY_BTN_BORDER); --freeCredit3_CLAIM_ALL_ARROW_COLOR: #63C2EE; --freeCredit3_CLAIM_ALL_ARROW_ACTIVE_HOVER_COLOR: #63C2EE; --freeCredit3_CLAIM_ALL_ARROW_DISABLED_COLOR: #C9D1D9; --freeCredit3_CLAIM_ALL_ARROW_DISABLED_ICON_BORDER: 2px solid #C9D1D9; --freeCredit3_CLAIM_ALL_ARROW_DISABLED_ICON_BG: #FFFFFF; --freeCredit3_CLAIM_ALL_ARROW_ACTIVE_HOVER_ICON_BORDER: 2px solid #63C2EE; --freeCredit3_CLAIM_ALL_ARROW_ACTIVE_HOVER_ICON_BG: #E6F7FD; --freeCredit3_CLAIM_ALL_OR_SEPARATOR_TXT_COLOR: #4A5560; --freeCredit3_CLAIM_ALL_OR_SEPARATOR_LINE_BG: #C9D1D9; --MODAL_BG: #FFFFFF; --MODAL_TXT_COLOR: #000000; --MODAL_BORDER: none; --MODAL_BOX_SHADOW: 0px 0px 4px 0px #00000040; --MODAL_HEADER_BG: #E6F7FD; --MODAL_HEADER_BORDER: 1px solid #63C2EE; --MODAL_HEADER_TXT_COLOR: #000000; --MODAL_CLOSE_BTN_BG: #FFFFFF; --MODAL_CLOSE_BTN_COLOR: #222222; --FORM_BG: #0F212E; --FORM_TXT_COLOR: #FFFFFF; --FORM_BORDER: none; --FORM_BOX_SHADOW: 0px 0px 5px 0px #00000040; --CARD_1_BG: #FFFFFF; --CARD_1_TXT_COLOR: #000000; --CARD_1_BOX_SHADOW: 0px 0px 4px 0px #5C5CFF40; --CARD_2_BG: #EEF2F6; --CARD_2_TXT_COLOR: #000000; --CARD_2_BOX_SHADOW: 0px 0px 5px 0px #557086; --CARD_3_BG: none; --CARD_3_TXT_COLOR: none; --CARD_3_BOX_SHADOW: 0px 0px 5px 0px #00000040; --CARD_4_BG: #46417C; --CARD_4_TXT_COLOR: var(--color5); --CARD_4_BOX_SHADOW: 0px 0px 5px 0px #00000040; --CARD_5_BG: #557086; --CARD_5_TXT_COLOR: #FFFFFF; --CARD_5_BOX_SHADOW: 0px 0px 5px 0px #00000040; --CARD_FILTER: brightness(1.1); --TABLE_HEADER_BG: #213743; --TABLE_BG: none; --TABLE_TXT_COLOR: #FFFFFF; --TABLE_BORDER: none; --ANNOUNCEMENT_BAR_BG: #E6F7FD; --ANNOUNCEMENT_BAR_COLOR: #000000; --ANNOUNCEMENT_BAR_BORDER: 1px solid #63C2EE; --INPUT_BG: #FFFFFF; --INPUT_TXT_COLOR: #393939; --INPUT_BORDER: 1px solid #4A5560; --INPUT_PLACEHOLDER_TXT_COLOR: #B2B2B2; --DISABLED_INPUT_BG: #3B3F47; --DISABLED_INPUT_COLOR: #FFFFFF; --DISABLED_INPUT_BORDER: 1px solid #3B3F47; --ICON_DISABLED_BG: #686C77; --SCROLLBAR_BG: #282A30; --SCROLLBAR_COLOR: #4F545F; --PRELOAD_BG: #171d22d1; --BODY_BG: #F3F4F5; --HEADER_BG:#F5F7FACC; --HEADER_TXT_COLOR: #000000; --HEADER_BOX_SHADOW: 0px 3px 4px 0px #00000040; --HEADER_NAV_BAR_BG: none; --HEADER_NAV_BAR_COLOR: none; --HEADER_NAV_BAR_HOVER_BG: none; --HEADER_NAV_BAR_HOVER_COLOR: none; --HEADER_NAV_ITEM_BG: none; --HEADER_NAV_ITEM_COLOR: none; --HEADER_NAV_ITEM_BORDER: none; --HEADER_NAV_ITEM_HOVER_BG: none; --HEADER_NAV_ITEM_HOVER_COLOR: none; --SIDE_NAV_BG: #0F212E; --SIDE_NAV_COLOR: #FFFFFF; --SIDE_NAV_HEADER_BG: #0F212E; --SIDE_NAV_HEADER_TXT_COLOR: #FFFFFF; --SIDE_NAV_MENU_LIST_BG: #1A2C38; --SIDE_NAV_MENU_LIST_COLOR: #FFFFFF; --SIDE_NAV_MENU_LIST_HOVER_BG: #213743; --SIDE_NAV_MENU_LIST_HOVER_COLOR: #FFFFFF; --FOOTER_SITEMAP_TXT_COLOR: #FFFFFF; --FOOTER_SITEMAP_TXT_HOVER_COLOR: #1FA2DE; --ICON_PRIMARY_FILTER: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(4354%) hue-rotate(81deg) brightness(112%) contrast(101%); --ICON_PRIMARY_HOVER_FILTER: none; --ICON_SECONDARY_FILTER: none; --ICON_SECONDARY_HOVER_FILTER: none; --PRIMARY_COLOR: #63C2EE; --PRIMARY_TXT_COLOR: #63C2EE; --SECONDARY_COLOR: #1FA2DE; --SECONDARY_TXT_COLOR: #FFFFFF; --PRIMARY_BTN_BG: #63C2EE; --PRIMARY_BTN_COLOR: #FFFFFF; --PRIMARY_BTN_BORDER: none; --PRIMARY_BTN_SHADOW:0px 0px 4px 0px #00000040; --PRIMARY_BTN_HOVER_FILTER_BG: none; --PRIMARY_BTN_HOVER_BG: #8ED4F5; --PRIMARY_BTN_HOVER_COLOR: #FFFFFF; --PRIMARY_BTN_HOVER_BORDER: none; --SECONDARY_BTN_BG: linear-gradient(90deg, #FFFFFF 0%, #E1E6EB 100%); --SECONDARY_BTN_COLOR: #000000; --SECONDARY_BTN_BORDER: 1px solid #C9D1D9; --SECONDARY_BTN_SHADOW: 0px 0px 8px 0px #5C5CFF; --SECONDARY_BTN_HOVER_FILTER_BG: none; --SECONDARY_BTN_HOVER_BG: linear-gradient(90deg, #F5F7FA 0%, #DDE3E9 100%); --SECONDARY_BTN_HOVER_COLOR: #000000; --SECONDARY_BTN_HOVER_BORDER: 1px solid #C9D1D9; --PRIMARY_BTN_BG_BOX_BG: linear-gradient(90deg, #302B63 0%, #4A4580 100%); --PRIMARY_BTN_BG_BOX_COLOR: #FFFFFF; --SECONDARY_BTN_BG_BOX_BG: linear-gradient(90deg, #5C5CFF 0%, #7A7AFF 100%); --SECONDARY_BTN_BG_BOX_COLOR: #FFFFFF; --THIRD_GRADIENT_BOX_BG: linear-gradient(180deg, #1A2C38 0%, #FFFFFF 100%); --THIRD_GRADIENT_BOX_COLOR: #FFFFFF; --FOURTH_GRADIENT_BOX_BG: linear-gradient(272.42deg, rgba(9, 145, 240, 0.3) 0%, rgba(104, 108, 119, 0.1) 100%); --FOURTH_GRADIENT_BOX_COLOR: #FFFFFF; --VIP_CONTAINER_FIRST_BG: linear-gradient(104.04deg, #292D2E 0%, rgba(41, 45, 46, 0.5) 100%); --VIP_CONTAINER_SECOND_BG: linear-gradient(103.6deg, #841F35 1.06%, rgba(41, 45, 46, 0.5) 98.89%); --VIP_CONTAINER_THIRD_BG: linear-gradient(104.04deg, #73120F 0%, rgba(41, 45, 46, 0.5) 100%); --VIP_CONTAINER_FOURTH_BG: linear-gradient(104.04deg, #483D9A 0%, rgba(41, 45, 46, 0.5) 100%); --VIP_CONTAINER_TOP_BG: linear-gradient(104.04deg, #3E1A65 0%, rgba(41, 45, 46, 0.5) 100%); --VIP_STATUS_BAR_FIRST_BG: #6B7280; --VIP_STATUS_BAR_SECOND_BG: #FFC6D3; --VIP_STATUS_BAR_THIRD_BG: #FFF7CE; --VIP_STATUS_BAR_FOURTH_BG: #8B5CF6; --VIP_STATUS_BAR_TOP_BG: #A855F7; --VIP_CURRENT_BAR_BG: #282A30; --VIP_ACHIEVE_TXT_COLOR: #FFE6A9; --ERROR_BG: #000C40; --ERROR_TXT_COLOR_1: #ffffff; --ERROR_TXT_COLOR_2: rgba(255, 255, 255, 0.75); --BADGE_BG: #FFFFFF; --BADGE_COLOR: #000000; --BADGE_BORDER: 1px solid #EEF2F6; --hgs_ACTION_BTN: var(--color4); --ecd_BG: var(--color4); --ecd_TXT: var(--color2); --adclose_BTN_RADIUS: 5px; --adclose_BTN_BG: var(--color4); --adclose_BTN_TXT: var(--color1); --ad_video_1_BTN_RADIUS: 5px; --ad_video_1_BTN_BG: var(--color1); --ad_video_1_BTN_TXT: var(--color2); --ecd_widget_2_BG: var(--color1); --ecd_widget_2_TXT: var(--color2); --ecd_widget_2_MARQUEE_BG: var(--color4); --ecd_widget_2_MARQUEE_TXT: var(--color1); --ecd_widget_2_IMGBG_TXT: var(--color2); --ecd_widget_2_BTN_BG: #f5ac00; --ecd_widget_2_BTN_TXT: var(--color1); --FLOATBTN1_FLOAT_CONTAINER_FLOATING_TIPS_1_MAX_WIDTH: 100px; --FLOATBTN1_FLOAT_CONTAINER_FLOATING_TIPS_1_TOP: 235px; --FLOATBTN1_FLOAT_CONTAINER_FLOATING_TIPS_1_RIGHT: 5px; --FLOATBTN1_FLOAT_CONTAINER_FLOATING_TIPS_1_ZINDEX: 10; --FLOATBTN1_FLOAT_CONTAINER_FLOATING_TIPS_1_ANIMATION: movemove 10s infinite; --FLOATBTN1_FLOAT_CONTAINER2_MAX_WIDTH: 75px; --FLOATBTN1_FLOAT_CONTAINER2_PADDING_RIGHT: 5px; --FLOATBTN1_FLOAT_CONTAINER2_FLOATING_TIPS_2_IMG_HEIGHT: 100%; --memberinfo4_KYCMODAL_TXT_COLOR: var(--color1); --memberinfo4_KYCMODAL_BG_COLOR: var(--color2); --memberinfo4_KYCMODAL_BTN_CLOSE_BG: var(--color4); --memberinfo4_KYCMODAL_BTN_CLOSE_COLOR: var(--color2); --memberinfo4_KYCMODAL_BTN_CLOSE_RADIUS: 5px; --memberinfo4_SECTION_BTN_RADIUS: 10px; --memberinfo4_SECTION_PADDING: unset; --memberinfo4_SECTION_BG: unset; --memberinfo4_SECTION_FONT_WEIGHT: 400; --memberinfo4_FORM_LABEL_TXT_COLOR: var(--color1); --memberinfo4_FORM_INPUT_SELECT_BG: var(--color11); --memberinfo4_FORM_INPUT_SELECT_BG_DISABLED: #e9ecef; --memberinfo4_FORM_INPUT_SELECT_ICON_COLOR: var(--color3); --memberinfo4_FORM_INPUT_SELECT_TXT_COLOR: var(--color3); --memberinfo4_FORM_INPUT_SELECT_TXT_COLOR_DISABLED: var(--color1); --memberinfo4_FORM_INPUT_SELECT_BORDER_COLOR: var(--color13); --memberinfo4_FORM_INPUT_SELECT_BORDER_COLOR_DISABLED: var(--color4); --memberinfo4_FORM_INPUT_SELECT_RADIUS: 0; --memberinfo4_FORM_INPUT_SELECT_HOVER_BOX_SHADOW: 0 0 0 .2rem var(--colorop1); --memberinfo4_FORM_OTP_TIMER_TXT_COLOR: var(--color1); --memberinfo4_FORM_BTN_SUBMIT_BG: var(--gradient1); --memberinfo4_FORM_BTN_SUBMIT_TXT_COLOR: var(--color2); --memberinfo4_FORM_BTN_SUBMIT_RADIUS: var(--memberinfo4_SECTION_BTN_RADIUS); --memberinfo4_FORM_BTN_SUBMIT_HOVER_FILTER: drop-shadow(0 0 4px var(--color10)); --memberinfo4_FORM_BTN_SUB_SUBMIT_BG: var(--color3); --memberinfo4_FORM_BTN_SUB_SUBMIT_TXT_COLOR: var(--color2); --memberinfo4_FORM_BTN_SUB_SUBMIT_RADIUS: var(--memberinfo4_SECTION_BTN_RADIUS); --memberinfo4_FORM_BTN_SUB_SUBMIT_HOVER_FILTER: drop-shadow(0 0 4px var(--color3)); --memberinfo4_FORM_UNDERLINE: inherit; --memberinfo4_FORM_IMPORTANT: var(--red); --memberinfo4_CONTENT_BG: var(--color5); --memberinfo4_CONTENT_TXT_COLOR: var(--color3); --memberinfo4_CONTENT_BOX_SHADOW: 0 0 6px 2px var(--color6); --memberinfo4_CONTENT_LBL_TXT_COLOR: var(--color3); --memberinfo4_CONTENT_LBL_BULLET: #63C2EE; --memberinfo4_CONTENT_LBL_INFO_COLOR: var(--color3); --memberinfo4_CONTENT_LBL_INFO_BG: var(--color2); --memberinfo4_CONTENT_LBL_INFO_CONTENT_TXT_COLOR: var(--color2); --memberinfo4_CONTENT_LBL_INFO_CONTENT_BG: var(--color3); --memberinfo4_CONTENT_LBL_TABLIST_BG: #F3F3F3; --memberinfo4_CONTENT_LBL_TABLIST_ACTIVE_BG: linear-gradient(#bde0fe,#a2d2ff,#8ec3ff); --memberinfo4_CONTENT_LBL_TABLIST_TXT_COLOR: var(--color1); --memberinfo4_CONTENT_LBL_TABLIST_ACTIVE_TXT_COLOR: var(--color1); --memberinfo4_CONTENT_LBL_TABLIST_BORDER_COLOR: none; --memberinfo4_CONTENT_LBL_TABLIST_ACTIVE_BORDER_COLOR: var(--color4); --memberinfo4_CONTENT_LBL_TABLIST_RADIUS: var(--memberinfo4_SECTION_BTN_RADIUS); --memberinfo4_PROFILE_VERIFY_ITEM_TXT_COLOR: var(--color12); --memberinfo4_PROFILE_VERIFY_ITEM_ICON_COLOR: var(--color4); --memberinfo4_PROFILE_BTN_DISABLE_BG: linear-gradient(180deg,rgba(170,167,167,1) 0%,rgba(105,105,105,1) 100%); --memberinfo4_PROFILE_VERIFY_OTP_BTN_BG: var(--gradient1); --memberinfo4_PROFILE_VERIFY_OTP_BTN_TXT_COLOR: var(--color2); --memberinfo4_PROFILE_VERIFY_OTP_TIMER_TXT_COLOR: var(--color1); --memberinfo4_PROFILE_VERIFY_ITEM_BORDER: 0px; --memberinfo4_KYC_ITEM_LBL_TXT_COLOR: var(--color1); --memberinfo4_KYC_ITEM_LBL_INFO_COLOR: var(--color3); --memberinfo4_KYC_ITEM_LBL_INFO_BG: var(--color2); --memberinfo4_KYC_ITEM_LBL_INFO_TXT_COLOR: var(--color2); --memberinfo4_KYC_ITEM_LBL_INFO_CONTENT_BG: var(--color3); --memberinfo4_KYC_ITEM_UPLOAD_BORDER_COLOR: var(--color13); --memberinfo4_KYC_ITEM_UPLOAD_BG: var(--color11); --memberinfo4_KYC_ITEM_UPLOAD_TXT_COLOR: var(--color3); --memberinfo4_KYC_ITEM_UPLOAD_ICON: var(--color3); --memberinfo4_KYC_ITEM_PREVIEW_BORDER_COLOR: var(--color13); --memberinfo4_KYC_ITEM_PREVIEW_BG: var(--color11); --memberinfo4_KYC_ITEM_PREVIEW_TXT_COLOR: var(--color3); --memberinfo4_KYC_ITEM_PREVIEW_BTN_RADIUS: var(--memberinfo4_SECTION_BTN_RADIUS); --memberinfo4_KYC_ITEM_PREVIEW_BTN_CHANGE_TXT_COLOR: var(--color2); --memberinfo4_KYC_ITEM_PREVIEW_BTN_CHANGE_BG: var(--color3); --memberinfo4_KYC_ITEM_PREVIEW_BTN_CHANGE_HOVER_FILTER: drop-shadow(0 0 4px var(--color3)); --memberinfo4_KYC_ITEM_PREVIEW_BTN_PREVIEW_TXT_COLOR: var(--color2); --memberinfo4_KYC_ITEM_PREVIEW_BTN_PREVIEW_BG: var(--color12); --memberinfo4_KYC_ITEM_PREVIEW_BTN_PREVIEW_HOVER_FILTER: drop-shadow(0 0 4px var(--color12)); --selfLimit2_FLAG_BG: linear-gradient(-240deg, var(--color6) 0%, rgba(193, 10, 10, 1) 50%, rgba(128, 0, 0, 1) 100%); --selfLimit2_WRAP_BORDER_COLOR: var(--color4); --selfLimit2_BORDER_COLOR: var(--color3); --selfLimit2_SET_LIMIT_BTN_BG: var(--gradient1); --selfLimit2_SET_LIMIT_BTN_BG_HOVER: linear-gradient(to bottom, var(--color7), var(--color6)); --selfLimit2_SUBMIT_BTN_BG: var(--gradient1); --selfLimit2_SUBMIT_BG_HOVER: linear-gradient(to bottom, var(--color7), var(--color6)); --selfLimit2_BTN_TXT_COLOR: var(--color2); --selfLimit2_TABLE_TH_TXT_COLOR: var(--color1); --selfLimit2_DATA_TABLE_BG: var(--color2); --selfLimit2_POPBOX_INPUT_BG: var(--color3); --selfLimit2_POPBOX_INPUT_TXT_COLOR: var(--color1); --selfLimit2_POPBOX_MSG_TXT_COLOR: var(--color3); --selfLimit2_POPBOX_TITLE_TXT_COLOR: var(--color1); --SELF_LIMIT_BTN_BG_ACTED: var(--color14); --SELF_LIMIT_BTN_TXT_COLOR_ACTED: var(--color2); --General_hotgamenaviitem_background: radial-gradient(circle, rgba(235, 235, 235, 1) 0%, rgba(179, 179, 179, 1) 100%); --General_hotgamenaviitem_active_background: var(--color4); --General_hotgamenaviitem_border: unset; --General_hotgameimg_playoverlay_background: rgb(33, 33, 33); --General_hotgameimg_playbtn_icon_color: var(--PRIMARY_BTN_BG); --General_hotgameimg_playbtn_icon_background: var(--color2); --General_hotgamesection_title_color: #0052E3; --login1_CONTENT_COLOR: var(--color3); --login1_CONTENT_BORDER: none; --login1_CONTENT_BORDER_RADIUS: 10px; --login1_CONTENT_BG: var(--color2); --login1_CONTENT_BOX_SHADOW: 0 2px 12px rgba(0, 0, 0, 0.08); --login1_FORM_LABEL_COLOR: #455E71; --login1_FORM_BTN_SUBMIT_DISABLED_COLOR: var(--color2); --login1_FORM_BTN_SUBMIT_DISABLED_BG: linear-gradient(to bottom, #aeadaa 5%, #706f6e 100%); --login1_FORM_OTP_COLOR: var(--color2); --login1_FORM_OTP_BG: #000000b3; --login1_FORM_LINK_COLOR: var(--color5); --login1_FORM_VISI_ICON_COLOR: var(--color3); --header_menu_BG: var(--color5); --afterlogin_form_BG: var(--color11); --main_profile_right_Color: var(--color5); --main_profile_right_BoxShadow: var(--color6); --update_body_name_Border: var(--color4); --main_profile_title_Color: var(--color3); --main_profile_title_before_BG: var(--color3); --update_page_submitbtn_Color: var(--color2); --update_page_submitbtn_BG: var(--gradient1); --update_page_submitbtn_BoxShadow: var(--color8); --update_page_important_icon_Color: rgb(212, 175, 55); --update_page_error_Color: #c15151; --update_page_preloader_BG: #171d22d1; --kyc_checkmark_color:#78b13f; --kyc_btn_remove_bg: #f30e0e; --sumsub-kyc-item-border-color:#313131; --sumsub-kyc-approved-icon-color: #26de81; --sumsub-kyc-rejected-icon-color: #fc5c65; --sumsub-kyc-pending-icon-color: #d1d8e0; --sumsub-kyc-toggle-checkbox-border-color: #ccc; --sumsub-kyc-checkbox-checked-bg: #F7ED48; --home-live-score-widget-bg: var(--color2); --t4-new-tab-active-bg: linear-gradient(#bde0fe,#a2d2ff,#8ec3ff); --vip3_STEP_CONTAINER_CIRCLE_BG: #e4a511; --vip3_STEP_CONTAINER_CIRCLE_COLOR: #fff; --vip3_STEP_CONTAINER_P_TXT_COLOR: #7d7d7d; --vip3_STEP_CONTAINER_CIRCLE_LINE_BG: rgb(228 165 17 / 50%); --vip3_COVER_BG: var(--CARD_1_BG); --vip3_COVER_BG_BORDER_RADIUS: 0 5px 5px 5px; --vip3_TABLIST_BG: var(--SECONDARY_BTN_BG); --vip3_TABLIST_BORDER: none; --vip3_TABLIST_BORDER_RADIUS: 5px 5px 0 0; --vip3_TABLIST_LI_COLOR: var(--SECONDARY_BTN_COLOR); --vip3_TABLIST_LI_FIRST_CHILD_BORDER_RADIUS: 5px 0 0 0; --vip3_TABLIST_LI_SECOND_CHILD_BORDER_RADIUS: 0 5px 0 0; --vip3_TABLIST_LI_ACTIVE_BG: var(--PRIMARY_BTN_BG); --vip3_TABLIST_LI_ACTIVE_COLOR: var(--PRIMARY_BTN_COLOR); --vip3_MEMBER_GRP_STATUS_SUB_HEADER_COLOR: #fff; --vip3_MEMBER_GRP_STATUS_GRP_NAME_COLOR: #fff; --vip3_MEMBER_GRP_STATUS_PROGRESS_TXT_COLOR: #fff; --vip3_MEMBER_GRP_STATUS_CURRENT_POINT_TXT_COLOR: #ffe6a9; --vip3_MEMBER_GRP_STATUS_CURRENT_LVL_FIRST_BG: #464646; --vip3_MEMBER_GRP_STATUS_CURRENT_LVL_FIRST_COLOR: #fff; --vip3_MEMBER_GRP_STATUS_CURRENT_LVL_SECOND_BG: #8F3146; --vip3_MEMBER_GRP_STATUS_CURRENT_LVL_SECOND_COLOR: #fff; --vip3_MEMBER_GRP_STATUS_CURRENT_LVL_THIRD_BG: #3B2F91; --vip3_MEMBER_GRP_STATUS_CURRENT_LVL_THIRD_COLOR: #fff; --vip3_MEMBER_GRP_STATUS_CURRENT_LVL_FOURTH_BG: #D12B2C; --vip3_MEMBER_GRP_STATUS_CURRENT_LVL_FOURTH_COLOR: #fff; --vip3_MEMBER_GRP_STATUS_CURRENT_LVL_TOP_BG: #4413A9; --vip3_MEMBER_GRP_STATUS_CURRENT_LVL_TOP_COLOR: #fff; --vip3_MEMBER_GRP_STATUS_MEMBER_CONTAINER_FIRST_BG: radial-gradient(circle at center, #A7A7A7, #656565); --vip3_MEMBER_GRP_STATUS_MEMBER_CONTAINER_SECOND_BG: radial-gradient(circle at center, #FC9A7E, #BA3026); --vip3_MEMBER_GRP_STATUS_MEMBER_CONTAINER_THIRD_BG: radial-gradient(circle at center, #C1C4E0, #8B86FF); --vip3_MEMBER_GRP_STATUS_MEMBER_CONTAINER_FOURTH_BG: radial-gradient(circle at center, #F5D28D, #D24003); --vip3_MEMBER_GRP_STATUS_MEMBER_CONTAINER_TOP_BG: radial-gradient(circle at center, #F1BEEE, #775EC3); --vip3_MEMBER_GRP_STATUS_MEMBER_PROGRESS_CONTAINER_BG: #fff; --vip3_MEMBER_GRP_STATUS_MEMBER_PROGRESS_BAR_FIRST_BG: #FDB813; --vip3_MEMBER_GRP_STATUS_MEMBER_PROGRESS_BAR_SECOND_BG: #96253E; --vip3_MEMBER_GRP_STATUS_MEMBER_PROGRESS_BAR_THIRD_BG: #372A8A; --vip3_MEMBER_GRP_STATUS_MEMBER_PROGRESS_BAR_FOURTH_BG: #bf2805; --vip3_MEMBER_GRP_STATUS_MEMBER_PROGRESS_BAR_TOP_BG: #4413A9; --TOUR7_CONTAINER_TITLE_COLOR: var(--color1); --TOUR7_TOTAL_ONGOING_TITLE_COLOR: #6A718E; --TOUR7_GRID_TOGGLE_COLOR: var(--color16); --TOUR7_CARD_BG: var(--color2); --TOUR7_STATUS_BADGE_BG: #26E72A; --TOUR7_STATUS_FISHED_BG: #393939; --TOUR7_INFO_ICON_COLOR: var(--color5); --TOUR7_DETAILS_TITLE_COLOR: var(--color1); --TOUR7_DETAILS_BTN_BG: var(--color4); --TOUR7_DETAILS_BTN_COLOR: var(--color1); --TOUR7_DETAILS_BTN_HOVER_BG: #DED44C; --TOUR7_CONTENT_RIGHT_BG: #F7F7F7; --TOUR7_LABEL_COLOR :#666666; --TOUR7_INPUT_BORDER: 1px solid #D9D9D9; --TOUR7_INPUT_COLOR: #0E2263; --TOUR7_WIDGET_ITEM_COLOR: #666666; --TOUR7_WIDGET_ITEM_INNER_BG: var(--color2); --TOUR7_WIDGET_ITEM_INNER_COLOR: #0E2263; --TOUR7_SLICK_BUTTON_BG: var(--color16); --TOUR7_SLICK_BUTTON_HOVER_BG: var(--color5); --TOUR7_SLICK_BUTTON_COLOR: var(--color2); --TOUR7_DESC_READ_MORE_COLOR: var(--color5); --TOUR7_INFO_TOOLTIP_BG: #313131; --TOUR7_BTN_BACK_BG: var(--color11); --TOUR7_BTN_BACK_COLOR: var(--color1); --TOUR7_BTN_BACK_HOVER_BG: var(--color5); --TOUR7_BTN_BACK_HOVER_COLOR: var(--color2); --TOUR7_RANK_LIST_BG: var(--color2); --TOUR7_RANK_LIST_TITLE_COLOR: var(--color1); --TOUR7_RANK_LIST_THEAD_COLOR: #7F7F7F; --TOUR7_RANK_LIST_TBODY_COLOR: var(--color1); --TOUR7_RANK_LIST_FIRST_PRIZE_BG: #D8EFF9; --TOUR7_RANK_LIST_SECOND_PRIZE_BG: #FDFAD3; --TOUR7_RANK_LIST_THRID_PRIZE_BG: #FEECC6; --TOUR7_RANK_LIST_COL_BG: #F5F1F1; --TOUR7_RANK_LIST_COL_INDEX_BG: var(--color2); --TOUR7_TOUR_CONTENT_TITLE_COLOR: var(--color1); --TOUR7_TOUR_BOTTOM_CONTENT_BG: #E8E8E8; --TOUR7_TOUR_BOTTOM_CONTENT_COLOR: #666666; --TOUR7_SLIDE_BTN_DISABLED_BG: #cccccc; --TOUR7_UPCOMING_BADGE_BG: var(--color7); --TOUR7_BADGE_COLOR: var(--color2); --LOGIN_MODAL5_BG: var(--color2); --LOGIN_MODAL5_TITLE_COLOR :var(--color1); --LOGIN_MODAL5_HEADER_BORDER: 2px dashed #a2a2a2; --LOGIN_MODAL5_BOX_SHADOW_BG: #00000040; --LOGIN_MODAL5_CLOSE_COLOR: var(--color1); --footer_bg:#D5D7DC; --minigame_btn_history_bg: var(--SECONDARY_BTN_BG); --minigame_btn_claim_reward_bg: var(--PRIMARY_BTN_BG); --REG_SUCCESS_MODAL_BG: var(--color2); --REIGSTER8_WRAP_BOX_SHADOW_BG: #00000040; --REGISTER8_WRAP_BG: var(--color2); --REGISTER8_OPTION_BG: #63C2EE80; --REGISTER8_OPTION_BG_HOVER_BG: var(--color5); --REGISTER8_OPTION_ACTIVE_BG: VAR(--color13); --REGISTER8_OPTION_COLOR: var(--color2); --REGISTER8_INPUT_BORDER: 1px solid var(--INPUT_BORDER_COLOR); --REGISTER8_TITLE_AFTER_BG: #1E40CB; --REGISTER8_TITLE_COLOR: var(--color1); --REGISTER8_SUBMIT_BTN_BG: #F7ED45; --REGISTER8_SUBMIT_BTN_HOVER_BG: #DED44C; --REGISTER8_TEXT_MARK_COLOR: #F7ED45; --REGISTER8_CAPTHA_BG: var(--color1); --TOOLTIP_ARROW_BG: var(--color1); --STEP_CIRCLE_BORDER: 1px solid var(--color1); --REG8_BTN_HOVER_BG: #DED44C; --REG8_TITLE_COLOR: var(--color1); --REG8_INPUT_BG: transparent; --REG8_SELECT2_BG: transparent; --REG8_INPUT_COLOR: var(--color1); --REG8_OPTION_BG: var(--color1); --REG8_CAPTCHA_FILTER: brightness(0) invert(1); --REGISTER8_INPUT_BORDER: 1px solid var(--color1); --prov_btn_hover_color1: #0991F0; --prov_btn_hover_color2: #0057F0; --TESTI_SLIDER_SECTION_TITLE_COLOR: var(--color1); --TESTI_SLIDER_SECTION_CARD_BG: linear-gradient(300deg, #36a5d9, #1b5876); --TESTI_SLIDER_SECTION_CARD_COLOR: var(--color2); --TESTI_SLIDER_SECTION_CONTENT_COLOR: var(--color2); --TESTI_SLIDER_SECTION_AUTHOR_COLOR: var(--color2); --TESTI_SLIDER_BULLET_BG: var(--color4); --TESTI_SLIDER_ACTIVE_BULLET_BG: var(--blue); --LIVECHAT_GREETING_MODAL_BG: linear-gradient(180deg, var(--color5) 0%, #ffffff 50%, #ffffff 100%) !important; --laydate-bg: #ffffff; --laydate-border-color: #e2e2e2; --laydate-radius: 2px; --laydate-shadow: 0 2px 8px rgba(0,0,0,0.1); --laydate-transition: 0.2s ease; --laydate-header-bg: #393D49; --laydate-header-text: #ffffff; --laydate-header-hover-opacity: 0.7; --laydate-text-main: #666666; --laydate-text-heading: #d2d2d2; --laydate-text-muted: #d2d2d2; --laydate-cell-hover-bg: #eeeeee; --laydate-cell-hover-text: #393d49; --laydate-primary-bg: #393d49; --laydate-primary-text: #ffffff; --laydate-footer-border: #e2e2e2; --laydate-btn-bg: #ffffff; --laydate-btn-border: #e2e2e2; --laydate-btn-text: #333333; --laydate-btn-hover-bg: #f2f2f2; --laydate-btn-hover-text: #393d49; --laydate-btn-hover-border: #393d49; --MUSIC_BUTTON_BORDER_COLOR: #ce9e49; --MUSIC_BUTTON_COLOR: #ce9e49; --MUSIC_BUTTON_SHADOW: #ce9e49; --MUSIC_BUTTON_BG_COLOR: rgba(0, 0, 0, 0.7); --herobanner1_BTN_COLOR: var(--color1); --herobanner1_BTN_BG: var(--color4); --herobanner1_BTN_HOVER_COLOR: var(--color1); --herobanner1_BTN_HOVER_BG: var(--color4); --herobanner1_SLICK_DOTS_ACTIVE_BG: var(--color4); --herobanner1_SLICK_DOTS_ACTIVE_HOVER_BG: var(--color4); --herobanner1_NAV_COLOR: var(--color2); --herobanner1_NAV_HOVER_COLOR: var(--color1); --herobanner1_NAV_NEXT_HOVER: var(--color4); --herobanner1_NAV_PREV_HOVER: var(--color4); --SA1_TITLE_BOX_ICON_BORDER_BTM: var(--color1); --SA1_APP_QR_IMG_BG:var(--color1); --SA1_APP_QR_BTN_BG:var(--color4); --video4_TITLE_TEXT: var(--color2); --video4_TITLE_BG: var(--color5); --video4_TITLE_RADIUS: 3px 3px 0 0; --video4_TITLE_FONT_SIZE: 2rem; --LIVECHAT_GREETING_USER_COLOR: var(--color1) !important; --LIVECHAT_GREETING_SUBTEXT_COLOR: var(--color1) !important; --LIVECHAT_FLOATING_CHAT_ICON_I_COLOR : var(--color1) !important; --HOT_GAME_PLAY_BTN_FONT_SIZE: 65px; --GENERAL_HOT_GAME_NAVI_TITLE_FONT_SIZE: var(--BODY_TXT_FONT_SIZE); --GENERAL_HOT_GAME_NAVI_TITLE_FONT_WEIGHT: var(--REG_FONT_WEIGHT); --commonFloat1_FLOATING_TOGGLE_ARROW_BG: var(--THIRD_BTN_BG); --commonFloat1_FLOATING_TOGGLE_ARROW_I_COLOR: var(--THIRD_BTN_COLOR); --commonFloat1_FLOATING_TOGGLE_ARROW_HOVER_BG: var(--THIRD_BTN_HOVER_BG); --commonFloat1_FREE_CREDIT_ICON_CIRCLE_BG: var(--PRIMARY_BTN_BG); --commonFloat1_MINI_GAME_ICON_CIRCLE_BG: var(--SECONDARY_BTN_BG); --commonFloat1_ICON_LABEL_COLOR: var(--BODY_TXT_COLOR); --LIVECHAT_FLOATING_CHAT_ICON_BG: var(--PRIMARY_BTN_BG) !important; --LIVECHAT_FLOATING_CHAT_ICON_BOX_SHADOW: var(--PRIMARY_BTN_BOX_SHADOW) !important; --LIVECHAT_FLOATING_CHAT_ICON_I_COLOR: var(--PRIMARY_BTN_COLOR) !important; --LIVECHAT_SEND_BTN_BG: var(--PRIMARY_BTN_BG) !important; --LIVECHAT_SEND_BTN_HOVER_BG: var(--PRIMARY_BTN_HOVER_BG) !important; } body { background: var(--BODY_BG); color: var(--BODY_TXT_COLOR) } .hotgame-menu .hotgame-wrapper .title_hotGameDesktop { color: var(--General_hotgamesection_title_color); } #loginmodal .nav-tabs .nav-link.active { background: var(--color5); color: var(--color2); } hr { border-top: 1px solid #D9D9D9; } h4, .english_text { color: var(--color3) } .buttonback { background: var(--SECONDARY_BTN_BG); border: var(--SECONDARY_BTN_BORDER); color: var(--SECONDARY_BTN_COLOR); box-shadow: var(--SECONDARY_BTN_BOX_SHADOW); bottom: 138px; } .buttonback::before { color: var(--SECONDARY_BTN_COLOR);) } .buttonback:active { background: var(--SECONDARY_BTN_HOVER_BG); border: 2px solid var(--SECONDARY_BTN_HOVER_BORDER); color: var(--SECONDARY_BTN_HOVER_COLOR); } .loading-panel { background-color: rgba(0,0,0,.5) } .social { background-color: var(--color2); border: none; -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.3); -moz-box-shadow: 0 0 4px 0 rgba(0,0,0,.3); box-shadow: 0 0 4px 0 rgba(0,0,0,.3); } span.np-ef { background: var(--color2); color: var(--color1); border: none; -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.3); -moz-box-shadow: 0 0 4px 0 rgba(0,0,0,.3); box-shadow: 0 0 4px 0 rgba(0,0,0,.3); } .social li { color: var(--color3) } .social li:hover { color: var(--color4) } .social li span { color: var(--color1) } .social li span:after { border-left: 10px solid var(--color4); border-right: 10px solid transparent; border-bottom: 10px solid transparent; border-top: 10px solid transparent } .np-ef_inner:hover { background-color: #eee; } .np-ef_inner:hover .np-ef_inner_link { color: var(--color5) } .np-ef_inner_link { color: var(--color3) } .np-ef_inner_title a.np-ef_inner_title_info { color: #cbb698 } .np-ef_inner_title a.np-ef_inner_title_info:hover { text-decoration: none; color: #dec4a0; background-color: #efefef } .icon-wrapper { border: 1px solid var(--color4) } ul#registerTab li a.nav-link, ul#loginTab li a.nav-link, ul#memberInfoTab li a.nav-link, ul#forgotPasswordTab li a.nav-link { color: var(--color2); border: none; background: var(--color15); } ul#registerTab li a.nav-link:hover, ul#loginTab li a.nav-link:hover, ul#memberInfoTab li a.nav-link:hover, ul#forgotPasswordTab li a.nav-link:hover { background: var(--color5); } ul#registerTab li a.nav-link.active, ul#loginTab li a.nav-link.active, ul#memberInfoTab li a.nav-link.active, ul#forgotPasswordTab li a.nav-link.active { color: var(--color2); background: var(--color5); } .header-menu { background: var(--HEADER_BG); border-bottom: 1px solid #E1E6EB; } .main-menu ul li { border-bottom: 3px solid transparent } .main-menu ul li.active, .main-menu ul li:hover { border-bottom: 3px solid var(--color4) } .main-menu ul li a { color: var(--color3) } .main-menu ul li:hover a, .main-menu ul li:hover a .chineseFont_text, #navMore:hover .more-selection{ color: var(--color4); text-decoration: none } .main-menu ul li.active a, .main-menu ul li.active a .chineseFont_text { color: var(--color3) } .more-list{ border: 1px solid var(--color4); background: white; } #navMore:hover .more-list li a{ color: var(--color3); } #navMore .more-list li:hover a , #navMore .more-list li.active a{ color:var(--color4); } #navMore .more-list li:hover, #navMore .more-list li.active{ background-color:var(--color5); border:none; border-radius:5px; } .register_left_custom { border-left: 1px solid var(--color3) } .login_header_before a { color: var(--color3); text-decoration: none } .register_left_custom a { color: var(--color3); border-bottom: 2px solid var(--color4); padding-bottom: 5px } .acc_login .option-drop .dropdown-toggle,.acc_login .balance-drop .dropdown-toggle{ padding: 5px 0; } .btn_acc { color: var(--color1); background: var(--color4); border:none; margin-bottom: 3px; } .btn_acc:hover { background: var(--color6); } .btn_logout { background: var(--color5); border: none; color: var(--color2) } .btn_logout:hover { background: var(--color7); } .btn_bal { background: var(--color5); color: var(--color2) } .dropdown-option { background: var(--color2); border-radius: 10px; box-shadow: rgba(0,0,0,.3) 0px 1px 4px 1px; } .member-container.firstRank { background: radial-gradient(circle at center, #A7A7A7, #656565); } .member-container.secondRank { background: radial-gradient(circle at center, #FC9A7E, #BA3026); } .member-container.thirdRank { background: radial-gradient(circle at center, #C1C4E0, #8B86FF); } .member-container.fourthRank { background: radial-gradient(circle at center, #F5D28D, #D24003); } .member-container.topRank { background: radial-gradient(circle at center, #F1BEEE, #775EC3); } .member-container .currentPoint { color: #ffe6a9; } .member-container.firstRank .currentLvlTxt { background-color: #464646; color: #fff; } .member-container.secondRank .currentLvlTxt { background-color: #8F3146; color: #fff; } .member-container.thirdRank .currentLvlTxt { background-color: #3B2F91; color: #fff; } .member-container.fourthRank .currentLvlTxt { background-color: #D12B2C; color: #fff; } .member-container.topRank .currentLvlTxt { background-color: #4413A9; color: #fff; } .member-container .dstg-info-memberGroup { color: #fff; } .member-container .member-progress-text { color: #fff; } .member-container .member-progress-container { background-color: #fff; } .member-container.firstRank .member-progress-container .member-progress-bar { background-color: #FDB813; } .member-container.secondRank .member-progress-container .member-progress-bar { background-color: #96253E; } .member-container.thirdRank .member-progress-container .member-progress-bar { background-color: #372A8A; } .member-container.fourthRank .member-progress-container .member-progress-bar { background-color: #bf2805; } .member-container.topRank .member-progress-container .member-progress-bar { background-color: #4413A9; } .rankUpgradeModal, .rankDowngradeModal { background-color: rgba(0, 0, 0, 0.6); } .rankUpgradeModal .modal-content { background: linear-gradient(162.92deg, #41B993 1.18%, #F7F7F7 98.95%); border: none; } .rankDowngradeModal .modal-content { background: linear-gradient(162.92deg, #E0E0E0 1.18%, #757575 98.95%); border: none; } .rankUpgradeModal .modal-content .modal-header { color: #fff; background: none; } .rankDowngradeModal .modal-content .modal-header { color: #000; background: none; } .rankUpgradeModal .modal-content .modal-close { color: #fff; background: none; border: 1px solid #fff; } .rankDowngradeModal .modal-content .modal-close { color: #000; background: none; border: 1px solid #000; } .rankUpgradeModal .modal-content .modal-text { color: #000; } .rankDowngradeModal .modal-content .modal-text { color: #fff; } .rankUpgradeModal .modal-content .modal-button, .rankDowngradeModal .modal-content .modal-button { background-color: #FDB813; color: #fff; } .rankUpgradeModal .modal-content .modal-button:hover, .rankDowngradeModal .modal-content .modal-button:hover { background-color: #ffa500; } .balance-drop .dropdown-balance { background: var(--color2); color: var(--color1); box-shadow: rgba(0,0,0,.3) 0px 1px 4px 1px; border-radius: 10px; } .balance-drop .dropdown-balance .summary-wrapper { border-top: 1px solid #D9D9D9; } .balance-drop .dropdown-balance .summary-wrapper::-webkit-scrollbar { background-color: rgba(255,255,255,.95) } .balance-drop .dropdown-balance .summary-wrapper::-webkit-scrollbar-thumb { background-color: #C9D1D9; } .balance-drop .dropdown-balance .summary-wrapper .list-item- .prov-amt { } .main_btn_short_custom a .main_text { color: #2e2e2e } .main_btn_short_custom:hover a .main_text { color: #63C2EE; } .main_btn_short_custom a.active .main_text { color: #63C2EE; } .menu_account a { color: #2e2e2e; border-left: 4px solid transparent; } .menu_account a.active { background-color: #eee; border-left: 4px solid var(--PRIMARY_BTN_BG); } .menu_account a.active .main_text { color: var(--color1) } .memberBank-wrapper { -webkit-box-shadow: none; box-shadow: none; } .memberBank-wrapper .memberBank-thead { border-bottom: 1px #D9D9D9 solid; } .memberBank-wrapper .memberBank-tbody .memberBank-separate .thead-col .col-btn .btn-delete { border: 1px solid #cba98c; background: var(--color11); color: var(--color3) } .memberBank-wrapper .memberBank-tbody .memberBank-separate .thead-col .col-btn .btn-delete:hover { background-image: linear-gradient(to bottom, var(--color3) 0%, #838db4 100%); color: var(--color2) } .bankInfo-3- .memberBank-wrapper .submit_btn, .bankInfo-3- .memberBank-wrapper .btn-delete { display: inline-flex; align-items: center; justify-content: center; border: var(--SECONDARY_BTN_BORDER) !important; border-radius: 30px !important; color: var(--SECONDARY_BTN_COLOR) !important; background: var(--SECONDARY_BTN_BG) !important; font-weight: var(--SEMIBOLD_FONT_WEIGHT); letter-spacing: 0; text-transform: none !important; } .bankInfo-3- .memberBank-wrapper .submit_btn:hover, .bankInfo-3- .memberBank-wrapper .submit_btn:active, .bankInfo-3- .memberBank-wrapper .btn-delete:hover, .bankInfo-3- .memberBank-wrapper .btn-delete:active { border: var(--SECONDARY_BTN_HOVER_BORDER) !important; color: var(--SECONDARY_BTN_HOVER_COLOR) !important; background: var(--SECONDARY_BTN_HOVER_BG) !important; filter: var(--SECONDARY_BTN_HOVER_FILTER_BG); background-image: none !important; } .bankInfo-3- .addBankForm .submit_btn { display: inline-flex; align-items: center; justify-content: center; border: var(--PRIMARY_BTN_BORDER) !important; border-radius: 30px !important; color: var(--PRIMARY_BTN_COLOR) !important; background: var(--PRIMARY_BTN_BG) !important; box-shadow: var(--PRIMARY_BTN_SHADOW); font-weight: var(--SEMIBOLD_FONT_WEIGHT); letter-spacing: 0; text-transform: none !important; } .bankInfo-3- .addBankForm .submit_btn:hover, .bankInfo-3- .addBankForm .submit_btn:active { border: var(--PRIMARY_BTN_HOVER_BORDER) !important; color: var(--PRIMARY_BTN_HOVER_COLOR) !important; background: var(--PRIMARY_BTN_HOVER_BG) !important; filter: var(--PRIMARY_BTN_HOVER_FILTER_BG); } .bankInfo-3- .addBankForm .form-group input.form-control:not([type=checkbox]):not([type=file]):not([type=radio]), .bankInfo-3- .addBankForm .form-group select.form-control { border: var(--INPUT_BORDER) !important; border-radius: 10px !important; color: var(--INPUT_TXT_COLOR) !important; background: var(--INPUT_BG) !important; padding: 10px 1rem !important; min-height: 42px !important; height: 42px !important; box-shadow: none !important; font-size: inherit; } .bankInfo-3- .addBankForm .form-group select.form-control { -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; background-color: var(--INPUT_BG) !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%234A5560' d='M1.4 0.6L6 5.2 10.6 0.6 12 2 6 8 0 2z'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: right 14px center !important; background-size: 12px 8px !important; padding-right: 2.25rem !important; } .bankInfo-3- .addBankForm .form-group select.form-control::-ms-expand { display: none !important; } .bankInfo-3- .addBankForm .form-group input.form-control::placeholder { color: var(--INPUT_PLACEHOLDER_TXT_COLOR) !important; } .bankInfo-3- .addBankForm .form-group input.form-control:disabled, .bankInfo-3- .addBankForm .form-group input.form-control[readonly], .bankInfo-3- .addBankForm .form-group select.form-control:disabled { border: var(--DISABLED_INPUT_BORDER) !important; color: var(--DISABLED_INPUT_COLOR) !important; background: var(--DISABLED_INPUT_BG) !important; } .index_home { background-repeat: repeat-y; background-position: top center } .announcement { background: var(--ANNOUNCEMENT_BAR_BG); color: var(--ANNOUNCEMENT_BAR_COLOR); border-bottom: var(--ANNOUNCEMENT_BAR_BORDER); } .announcementCustom i { color: var(--color1) } .announcementCustom #web_announcement p { margin-bottom: 0px !important; } .carousel-indicators li { background-color: var(--color9) } .carousel-indicators .active { background-color: var(--color5) } .slider ul li { border: 1px solid var(--color4); -webkit-box-shadow: 0 0 6px 0 var(--color7); -moz-box-shadow: 0 0 6px 0 var(--color7); box-shadow: 0 0 6px 0 var(--color7) } .text_game_title { color: #43475a } .chineseFont_text { color: #0052E3; } .bar_title .game-title { width: 100%; max-width: 100%; flex: 0 0 100%; position: relative; } .bar_title .game-title .title-wrap { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: center !important; width: 100% !important; column-gap: 40px !important; row-gap: 10px !important; } .bar_title .game-title .bar { position: relative !important; top: auto !important; left: auto !important; right: auto !important; bottom: auto !important; transform: none !important; height: 2px !important; flex: 1 1 0 !important; min-width: 0 !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background-color: #0052E3 !important; align-self: center !important; } .bar_title .game-title .bar img { display: none !important; } .bar_title .game-title .bar::before { content: "" !important; position: absolute !important; top: 50% !important; width: 12px !important; height: 12px !important; background-color: #0052E3 !important; margin-top: -6px !important; transform: rotate(45deg) !important; } .bar_title .game-title .bar.left { order: 1 !important; } .bar_title .game-title .bar.left::before { left: -6px !important; right: auto !important; } .bar_title .game-title .title-wrap > div:not(.bar) { order: 2 !important; flex: 0 0 auto !important; margin: 0 !important; padding: 0 8px !important; line-height: 1 !important; color: var(--BODY_TXT_COLOR) !important; text-align: center !important; white-space: nowrap !important; align-self: center !important; text-transform: uppercase; } .bar_title .game-title .title-wrap > div:not(.bar) .text_game_title, .bar_title .game-title .title-wrap > div:not(.bar) .chineseFont_text { line-height: 1 !important; margin: 0 !important; padding: 0 !important; color: var(--BODY_TXT_COLOR) !important; } .bar_title .game-title .bar.right { order: 3 !important; } .bar_title .game-title .bar.right::before { right: -6px !important; left: auto !important; } .bar_title .game-title .title-wrap > p, .bar_title .game-title .title-wrap > h1 { order: 4 !important; flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; margin-top: 10px !important; text-align: center !important; white-space: normal !important; color: #949ab3 !important; font-size: var(--SUBBODY_TXT_FONT_SIZE, 15px) !important; font-weight: var(--LIGHT_FONT_WEIGHT) !important; letter-spacing: 1px !important; } .quality-service-section- .bar_title .game-title .title-wrap { align-items: center !important; column-gap: 40px !important; row-gap: 10px !important; } .quality-service-section- .bar_title .game-title .title-wrap > div:not(.bar) { display: contents !important; margin: 0 !important; white-space: normal !important; } .quality-service-section- .bar_title .game-title .title-wrap .text_game_title { order: 2 !important; flex: 0 0 auto !important; margin: 0 !important; padding: 0 8px !important; line-height: 1 !important; color: #0052E3 !important; text-align: center !important; white-space: nowrap !important; align-self: center !important; font-size: var(--SECTION_HEADER_LARGE_FONT_SIZE) !important; font-weight: var(--REG_FONT_WEIGHT) !important; letter-spacing: 1px !important; } .quality-service-section- .bar_title .game-title .title-wrap .bar { align-self: center !important; } .quality-service-section- .bar_title .game-title .title-wrap p { order: 4 !important; flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; margin: 10px 0 0 0 !important; padding: 0 !important; text-align: center !important; white-space: normal !important; color: #949ab3 !important; font-size: var(--SUBBODY_TXT_FONT_SIZE, 15px) !important; font-weight: var(--LIGHT_FONT_WEIGHT) !important; letter-spacing: 1px !important; } .video-section .bar_title .game-title .bar.left, .video-section-1 .bar_title .game-title .bar.left, .video-section-2 .bar_title .game-title .bar.left, .home-hotgames-1 .bar_title .game-title .bar.left, .bar_title .game-title .bar.left { position: relative !important; top: auto !important; left: auto !important; right: auto !important; transform: none !important; } .video-section .bar_title .game-title .bar.right, .video-section-1 .bar_title .game-title .bar.right, .video-section-2 .bar_title .game-title .bar.right, .home-hotgames-1 .bar_title .game-title .bar.right, .bar_title .game-title .bar.right { position: relative !important; top: auto !important; left: auto !important; right: auto !important; transform: none !important; } .megamenu { color: #949ab3 } .wbg3 { background: rgba(255,255,255,.95); } .dropdown_btn_custom { background-color: transparent } .dropdown_btn_custom:hover { background-color: #efefef; cursor: pointer } .main_profile { background-color: var(--color5); -webkit-box-shadow: 0 0 6px 2px var(--color6); -moz-box-shadow: 0 0 6px 2px var(--color6); box-shadow: 0 0 6px 2px var(--color6) } .main_profile_right { background-color: var(--color2); -webkit-box-shadow: rgba(0,0,0,.3) 0px 0px 4px 0px; -moz-box-shadow: rgba(0,0,0,.3) 0px 0px 4px 0px; box-shadow: rgba(0,0,0,.3) 0px 0px 4px 0px; border-radius:8px; } .afterlogin_deposit.nav .nav-item .nav-link { background: var(--TAB_BG); color: var(--TAB_TXT_COLOR); border: var(--TAB_BORDER); box-shadow: var(--TAB_BOX_SHADOW); } .afterlogin_deposit.nav .nav-item .nav-link.active, .afterlogin_deposit.nav .nav-item .nav-link:hover { background: var(--TAB_HOVER_BG); color: var(--TAB_HOVER_COLOR); border: var(--TAB_HOVER_BORDER); box-shadow: var(--TAB_BOX_SHADOW); } .afterloginform .specificUploadBtn .btnDepositReceipt.btnSelect { background: var(--gradient1); color: var(--color2); border: none } .afterloginform .specificUploadBtn .btnDepositReceipt.btnRemove { background: var(--color11); color: var(--color3); border: 1px solid #c9b69a; } .main_profile_title { color: var(--color3) } .main_profile_title:before { background: #63C2EE; } .bank-type { color: #484848 } .bank-input-wrap label .bank-type { color: #b7b7b7 } .bank-input-wrap label [type=radio]:checked + .bank-type { border: 1px solid #cba98c; color: var(--color3); -webkit-box-shadow: 0 0 6px 0 rgba(203,182,152,.7); -moz-box-shadow: 0 0 6px 0 rgba(203,182,152,.7); box-shadow: 0 0 6px 0 rgba(203,182,152,.7) } .bnk-info { box-shadow: inset 0px 1px 5px -1px rgba(0,0,0,.62) } .bnk-info ul { color: var(--color3) } .afterloginform .form-control { background-color: var(--color11) } .submit_btn { color: var(--color1); background: var(--color4); } .submit_btn:hover, .submit_btn:active { background: var(--color6); } .copy_btn { color: var(--color2); background-color: var(--color3) } .allout_btn { color: var(--SECONDARY_BTN_COLOR); background: var(--SECONDARY_BTN_BG); border: var(--SECONDARY_BTN_BORDER); box-shadow: none; border-radius: 30px; } .allout_btn:hover { color: var(--SECONDARY_BTN_HOVER_COLOR); background: var(--SECONDARY_BTN_HOVER_BG); border: var(--SECONDARY_BTN_HOVER_BORDER); filter: var(--SECONDARY_BTN_HOVER_FILTER_BG); transition: .3s; } .box-prov ul li { border: 1px solid var(--color3); background-color: var(--color11); color: var(--color3) } .box-prov ul li.unlocked { background-image: linear-gradient(to bottom,#64f0aa 0,#3ec682 100%); border: 1px solid #35b475; color: var(--color2) } .box-prov ul li.locked { background-image: linear-gradient(to bottom,#f28585 0,#cd5c5c 100%); border: 1px solid #d15555; color: var(--color2) } .box-prov ul li .prov-btn .btn-allIn { background: var(--gradient2); color: var(--color2) } .box-prov ul li .prov-btn .btn-restore { background: linear-gradient(#eaddad, #fdc731); color: var(--color2) } .box-prov ul li .prov-btn .btn-quickPlay { background: var(--PRIMARY_BTN_BG); border: var(--PRIMARY_BTN_BORDER); color: var(--PRIMARY_BTN_COLOR); box-shadow: var(--PRIMARY_BTN_SHADOW); } .box-prov ul li .prov-btn .btn-quickPlay:hover { background: var(--PRIMARY_BTN_HOVER_BG); border: var(--PRIMARY_BTN_HOVER_BORDER); color: var(--PRIMARY_BTN_HOVER_COLOR); filter: var(--PRIMARY_BTN_HOVER_FILTER_BG); } .box-prov ul li .prov-maintenance { background: #b9b9b9; color: var(--color2) } .box-prov ul li .prov-bal { color: #4A5560; background: #EEF2F6; border: none; box-shadow: 0px 0px 2px 0px #00000040; } #provgamemodal .prov-img { background: #fff; border-color: var(--color4) } #provgamemodal .prov-img .maintenance- { color: #ef2626; background: #000000ad; text-shadow: 2px 2px black } #provgamemodal .prov-img img { filter: drop-shadow(2px 4px 2px var(--color1)) } #provgamemodal .prov-info { background: var(--color2); border-color: var(--color4) } #provgamemodal .prov-info .action- button { color: var(--color2) } #provgamemodal .prov-info .action- button:first-child { background: #19c703 } #provgamemodal .prov-info .action- button:last-child { background: #b70505 } #provgamemodal .prov-btn button { color: var(--color1); background: var(--color4); border: none; } #provgamemodal .prov-btn button:hover { background: var(--color6); } #provgamemodal .prov-notice { background: var(--color2); border-color: var(--color4) } .prov-amot { background: var(--color2); border: 2px solid var(--color4); color: var(--color3) } .maintenance-text { background: var(--color3); color: var(--color2) } .maintenance-border { border-top: 3px solid var(--color3); border-bottom: 3px solid var(--color3); color: var(--color3) } .transfer-mini-btn { border: 2px solid #ccad8d; -webkit-box-shadow: 0 0 6px 0 rgba(203,182,152,.7); -moz-box-shadow: 0 0 6px 0 rgba(203,182,152,.7); box-shadow: 0 0 6px 0 rgba(203,182,152,.7); background: #ccad8d; color: var(--color2) } .transfer-mini-btn:hover { border: 2px solid var(--color3); -webkit-box-shadow: 0px 0px 6px 0px #2125299e; -moz-box-shadow: 0 0 6px 0 rgba(203,182,152,.7); box-shadow: 0px 0px 6px 0px #2125299e; background: var(--color3); color: var(--color2) } .transfer_main label { color: var(--color3) } .form-inline .form-control { background-color: var(--color11) } .btn_transfer { border: var(--PRIMARY_BTN_BORDER) !important; color: var(--PRIMARY_BTN_COLOR) !important; background: var(--PRIMARY_BTN_BG)!important; box-shadow: var(--PRIMARY_BTN_SHADOW)!important; border-radius: 30px !important; width: 150px !important; } .btn_transfer:hover { border: var(--PRIMARY_BTN_HOVER_BORDER) !important; color: var(--PRIMARY_BTN_HOVER_COLOR) !important; background: var(--PRIMARY_BTN_HOVER_BG) !important; box-shadow: var(--PRIMARY_BTN_SHADOW) !important; filter: var(--PRIMARY_BTN_HOVER_FILTER_BG); } .toggle-btn .toggle-slider { background-color: var(--color11); -webkit-transition: .4s; transition: .4s; color: var(--color3); } .toggle-btn .toggle-slider .on { color: var(--color2) } .toggle-btn .toggle-slider .off { color: var(--color9) } .toggle-btn .toggle-slider:before { content: ""; background-color: var(--color9); -webkit-transition: .4s; transition: .4s } .toggle-btn .toggle-checkbox:checked + .toggle-slider { background: #3ec682; color: var(--color2) } .toggle-btn .toggle-checkbox:checked + .toggle-slider:before { background-color: var(--color2) } .nav-item .nav-link { color: var(--color2) } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: #495057; background-color: transparent; border-color: #dee2e6 #dee2e6 var(--color2) } .nav-item .nav-link.active, .nav-item .nav-link:hover { color: var(--color2) } .tabsection_main .nav-item .nav-link { color: var(--TAB_TXT_COLOR); } .tabsection_main .nav-item .nav-link.active, .tabsection_main .nav-item .nav-link:hover { color: var(--TAB_HOVER_COLOR); } .tabsection_main .nav-item .nav-link:hover .game_tab .game_tab_info img, .tabsection_main .nav-item .nav-link.active .game_tab .game_tab_info img { filter: brightness(0) saturate(100%) invert(69%) sepia(60%) saturate(606%) hue-rotate(169deg) brightness(97%) contrast(92%); } .tabsection_main .nav-item .nav-link .game_tab .game_tab_info img { filter: brightness(0) saturate(100%) invert(32%) sepia(19%) saturate(385%) hue-rotate(169deg) brightness(93%) contrast(92%); } .index_tab { } .index_tab_content { color: #3B3F47; } .tab_bar_tltle { color: var(--color3) } .tab_bar_tltle_sec { color: var(--color1); text-shadow: 2px 2px 5px #868a8ad4; } .tab_bar_tltle_sec_inner { color: var(--color4) } .qualityservice_inner_title { color: var(--color17) } .qualityservice_inner_content { color: #3B3F47; } .game_products_btntext_slot { color: var(--color1) } .game_products_btn { border: none; background: none } .game_products_btn:focus { background: none; border: none; } .game_products_btn:hover { filter: brightness(1) drop-shadow(0 0 4px var(--color10)) } .login_body { border-radius: 5px; background-position: top center; } .login_title { color: var(--color4); text-shadow: 2px 2px 5px #868a8ad4 } .login_form, .important-icon { color: var(--color3) } .form-group b { color: var(--CARD_1_TXT_COLOR); font-weight: var(--REG_FONT_WEIGHT) !important; font-size: var(--BODY_SMALL_TXT_FONT_SIZE); } .login_form .form-group .form-control { border: 1px solid var(--color1) } .login_form .form-group img { background-color: transparent; width: unset; } .form-control:focus { box-shadow: 0 0 0 0.2rem #d0bba45c } .btn_login { color: var(--color2); background: var(--gradient1); border: none; border-radius: 20px } .btn_login:active { filter: brightness(1) drop-shadow(0 0 4px var(--color10)) } .btn_download { color: var(--PRIMARY_BTN_COLOR); background: var(--PRIMARY_BTN_BG); border: var(--PRIMARY_BTN_BORDER); box-shadow: var(--PRIMARY_BTN_SHADOW); border-radius: 30px; height: 50px; width: 171px; box-sizing: border-box; } .btn_download:hover, .btn_download:active { color: var(--PRIMARY_BTN_HOVER_COLOR); background: var(--PRIMARY_BTN_HOVER_BG); border: var(--PRIMARY_BTN_HOVER_BORDER); filter: var(--PRIMARY_BTN_HOVER_FILTER_BG); } .downloadProducts .downloadItem .game_products_btn.download_btn { position: relative; display: flex; align-items: center; justify-content: center; width: 171px; height: 50px; margin: 10px auto 0; padding: 0; border: none; background: transparent; background-image: none; box-shadow: none; filter: none; overflow: visible; } .downloadProducts .downloadItem .game_products_btn.download_btn:hover, .downloadProducts .downloadItem .game_products_btn.download_btn:focus { filter: none; outline: none; background: transparent; background-image: none; } .downloadProducts .downloadItem .game_products_btn.download_btn > img, .downloadProducts .downloadItem .game_products_btn.download_btn > img.buttonbase, .downloadProducts .downloadItem .game_products_btn.download_btn .buttonbase, .downloadProducts .downloadItem .game_products_btn.download_btn .btn_download { opacity: 0; visibility: hidden; pointer-events: none; position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; z-index: 0; } .downloadProducts .downloadItem .game_products_btn.download_btn .game_products_btntext, .downloadProducts .downloadItem .game_products_btn.download_btn .game_products_btntext_slot { position: absolute; inset: 0; z-index: 2; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; margin: 0; padding: 0; border-radius: 30px; color: var(--SECONDARY_BTN_COLOR); background: var(--SECONDARY_BTN_BG); background-image: var(--SECONDARY_BTN_BG); border: var(--SECONDARY_BTN_BORDER); box-sizing: border-box; text-transform: capitalize; } .downloadProducts .downloadItem .game_products_btn.download_btn:hover .game_products_btntext, .downloadProducts .downloadItem .game_products_btn.download_btn:hover .game_products_btntext_slot { color: var(--SECONDARY_BTN_HOVER_COLOR); background: var(--SECONDARY_BTN_HOVER_BG); background-image: var(--SECONDARY_BTN_HOVER_BG); border: var(--SECONDARY_BTN_HOVER_BORDER); filter: var(--SECONDARY_BTN_HOVER_FILTER_BG); } .login_form_inner a { color: #757c96!important; font-weight: bold; border-bottom: 2px solid; } .btn_otp { box-shadow: none } .btn_otp:disabled { background: linear-gradient(to bottom,#aeadaa 5%,#706f6e 100%) } .promo-3- .pmbox { color: var(--TAB_TXT_COLOR); background: var(--TAB_BG); border: var(--TAB_BORDER); box-shadow: var(--TAB_BOX_SHADOW); } .promo-3- .pmbox:hover, .promo-3- .pmbox.active { color: var(--TAB_HOVER_COLOR); background: var(--TAB_HOVER_BG); border: var(--TAB_HOVER_BORDER); box-shadow: var(--TAB_BOX_SHADOW); } .mix { display: none } .promo-dl-date { background-color: rgba(255,255,255,.8); color: var(--color3) } .lotto_table { color: var(--color1) } .lotto_table table thead { background-color: #cbb698; color: var(--color2) } .lotto_table table thead tr td { border-right: 1px solid var(--color2) } .lotto_table table tbody { color: var(--color3) } .lotto_table table tbody tr td { border: 1px solid #ccad8d; text-transform: uppercase } .promotnc { background-image: linear-gradient(#eacdad, #c3aa8a); color: var(--color2); text-shadow: 0px 2px 3px #665641 } .blinking { animation: blinkingText 1.2s infinite } @keyframes blinkingText { 0% { color: #dc3545 } 49% { color: #dc3545 } 60% { color: #e2b3b7 } 99% { color: #e2b3b7 } 100% { color: #dc3545 } } .lotto_table span.lotto_extra { color: #dc3545 } .promotnccontent ul li::before { color: #c3aa8a } .sup_wrap_main { color: var(--color2) } .sub-side-nav { } .sub-side-nav li { background: var(--color15) } .sub-side-nav li:hover, .sub-side-nav li.active { background: var(--color5) } .sub-side-nav li a { color: var(--color2) } .sub-side-nav li.active a { color: var(--color2) } .sub-side-right { background: var(--color2); color: var(--color1); -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.3); -moz-box-shadow: 0 0 4px 0 rgba(0,0,0,.3); box-shadow: 0 0 4px 0 rgba(0,0,0,.3); border-radius: 8px; } .sub-side-right-title { border-bottom: 1px solid var(--color3) } .footer_section { background: var(--footer_bg); color: #81858E; margin-top: 30px; } .footer_section .footer_title,.menu-footer a { color: #686C77; } .footer_section hr { border-top: 1px solid var(--color2); } .footer_content_more_trigger span { border-bottom: 1px solid grey } .menu-footer a { border-left: 1px solid #333; } .menu-footer a:first-child { border-left: none } .footer-sitemap .f-sec-container:after { background: #00000014 } .footer-sitemap .sitemap-col:after { background: #00000014 } .footer-sitemap .sitemap-col .col-label { color: #686C77; } .footer-sitemap .sitemap-col .col-text a { color: var(--color2) } .footer-sitemap .sitemap-col .col-text ul li a { color: #8c90a3 } .footer-sitemap .sitemap-col .col-text ul li a:hover { color: var(--color2) } .hotGamesTab-content { box-shadow: 0px 0px 10px 0px #00000040; background-image: none !important; border-radius: 4px; } .game-page-label { color: var(--color3); border-bottom: 1px solid var(--color4) } .hotGames-tabs .nav-item .nav-link .game_tab { width: 155px !important; max-width: 155px !important; height: 52px !important; } .hotGames-tabs .noBtnBase, .hotGames-tabs .noHoverBtnBase { width: 155px !important; height: 52px !important; box-sizing: border-box !important; border-radius: 30px !important; } .hotGames-tabs .noBtnBase{ background: var(--TAB_BG); color: var(--TAB_TXT_COLOR); border: var(--TAB_BORDER); box-shadow: var(--TAB_BOX_SHADOW); } .hotGames-tabs .noHoverBtnBase{ background: var(--TAB_HOVER_BG); color: var(--TAB_HOVER_COLOR); border: var(--TAB_HOVER_BORDER); } .slot-content .tab-pane .topContent .leftContent .reglink { color: var(--color4); border-bottom: 1px solid transparent } .slot-content .tab-pane .topContent .leftContent .reglink:hover { border-bottom: 1px solid var(--color4) } .slot-content .tab-pane .topContent .leftContent .filter-menu-bar .slotbox, .lottery-content .tab-pane .topContent .leftContent .filter-menu-bar .lotterybox { color: var(--color2); border: none; background: var(--gradient2); box-shadow: 0 3px #7e7d7c } .slot-content .tab-pane .topContent .leftContent .filter-menu-bar .slotbox.active, .lottery-content .tab-pane .topContent .leftContent .filter-menu-bar .lotterybox.active { background: var(--gradient1); box-shadow: 0 3px var(--color8) } .slot-content .tab-pane .topContent .leftContent .form-group .addGenerate .generateBtn { color: var(--color2); background: var(--color4); } .slot-content .tab-pane .topContent .leftContent .form-group .addGenerate .generateBtn:hover { background: var(--gradient1); } .slot-content .tab-pane .topContent .leftContent .downloadProv .downloadItem .downloadLink button, .lottery-content .tab-pane .topContent .leftContent .downloadProv .downloadItem .downloadLink button { border: none; color: var(--color2); background: linear-gradient(#f6e061, #b4911a); filter: drop-shadow(0 3px 1px #f6e061); -webkit-filter: drop-shadow(0 3px 1px #f6e061) } .slot-content .tab-pane .topContent .leftContent .downloadProv .downloadItem .downloadLink button:hover, .lottery-content .tab-pane .topContent .leftContent .downloadProv .downloadItem .downloadLink button:hover { filter: brightness(1) drop-shadow(0 0 4px var(--color4)) } .slot-content .tab-pane .bottomContent .slot-list-content .slot-bx .game-boxer, .lottery-content .tab-pane .bottomContent .lottery-list-content .lottery-bx .game-boxer { -moz-box-shadow: 0 2px 3px 0 #8f7c5b; -webkit-box-shadow: 0 2px 3px 0 #8f7c5b; box-shadow: 0 2px 3px 0 #8f7c5b } .slot-content .tab-pane .bottomContent .slot-list-content .slot-bx .game-boxer .gameimg, .lottery-content .tab-pane .bottomContent .lottery-list-content .lottery-bx .game-boxer .gameimg { border: 1px solid #f6e061; border-bottom: none } .slot-content .tab-pane .bottomContent .slot-list-content .slot-bx .game-boxer .gamename, .lottery-content .tab-pane .bottomContent .lottery-list-content .lottery-bx .game-boxer .gamename { color: var(--color2); background: linear-gradient(180deg, #f6e061, #b4911a) } table.dataTable tbody tr, table.dataTable tbody td { color: black } .highlight { color: var(--color4) } .highlight.underline { border-bottom: 1px solid var(--color4) } .registrationPassIcon { color: var(--color3) } .jackpot-bar { } .dstg-jackpot-wrap { height: 250px } .dstg-jackpot-wrap .dstg-jackpot-title { color: transparent } .dstg-jackpot-wrap .dstg-jackpot-content { margin: auto } .dstg-jackpot-wrap .dstg-jackpot-content .dstg-jackpot-amount { position: absolute; width: 100%; top: 50%; color: var(--color2); text-align: center } .dstg-jackpot-wrap .dstg-jackpot-content .dstg-jackpot-currency { margin-right: 10px } .modal-content { color: var(--MODAL_TXT_COLOR); background: var(--MODAL_BG); border: var(--MODAL_BORDER); box-shadow: var(--MODAL_BOX_SHADOW); border-radius: 10px; overflow: hidden; } .modal-content .modal-header { position: relative; display: flex; align-items: center; justify-content: center; height: 68px; min-height: 68px; padding: 0 28px; margin: 0; box-sizing: border-box; border: none; border-bottom: var(--MODAL_HEADER_BORDER); border-radius: 10px 10px 0 0; color: var(--MODAL_HEADER_TXT_COLOR); background: var(--MODAL_HEADER_BG); } .modal-content .modal-header .close, .modal-content .modal-header .btn-modalClose { width: 36px; height: 36px; border-radius: 50%; background: var(--MODAL_CLOSE_BTN_BG); color: var(--MODAL_CLOSE_BTN_COLOR); border: none; outline: none; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.14); display: inline-flex; align-items: center; justify-content: center; padding: 0; margin: 0; opacity: 1; text-shadow: none; flex-shrink: 0; line-height: 1; position: absolute; right: 28px; top: 50%; transform: translateY(-50%); } .modal-content .modal-header .close:hover, .modal-content .modal-header .btn-modalClose:hover { opacity: 1; color: var(--MODAL_CLOSE_BTN_COLOR); } .modal-content .modal-header .close span, .modal-content .modal-header .close i, .modal-content .modal-header .btn-modalClose i { font-size: 16px; line-height: 1; font-weight: 900; color: inherit; } .modal-content .modal-header .close i, .modal-content .modal-header .btn-modalClose i { font-family: "Font Awesome 6 Free", "Font Awesome 5 Free"; font-style: normal; } .modal-content .modal-header .close i::before, .modal-content .modal-header .btn-modalClose i::before { content: "\f00d"; } .downloadmodal .modal-header { padding: 0px } .download_box_column { box-shadow: 0 0 6px 0 rgb(165 179 186); } .download_scan { background-color: var(--color2); } .download_icon { color: #63C2EE; background: #E6F7FD; border: 1px solid #63C2EE; } .download_toptitle { border: 1px solid #63C2EE; background-color: #E6F7FD; color: #63C2EE; font-size: 11px; padding: 20px 5px; } .download_table table { -webkit-box-shadow: 0 0 6px 0 rgba(203,182 ,52,.7); -moz-box-shadow: 0 0 6px 0 rgba(203,182 ,52,.7); box-shadow: 0 0 6px 0 rgba(203,182 ,52,.7) } .download_table table thead { background-color: #c5ac8c; color: var(--color2); border: 1px solid #c5ac8c } .download_table table tbody tr td { border: 1px solid #c5ac8c } .promoModal .modal-body { color: var(--color3) } .promoModal .modal-body table tbody tr td, .promoModal .modal-body table tr td { color: var(--color3); border: 1px solid var(--color3) } .btn-promo-back { border: none; color: #c5c5c5; background-color: transparent } .btn-promo-back:hover { color: var(--color2); background-image: var(--gradient1) } #languagemodal .modal-content { border-radius: 10px; overflow: hidden; } #languagemodal .modal-header { display: flex !important; align-items: center !important; justify-content: center !important; height: 68px !important; min-height: 68px !important; padding: 0 28px !important; margin: 0 !important; box-sizing: border-box !important; border: none !important; border-bottom: var(--MODAL_HEADER_BORDER) !important; border-radius: 10px 10px 0 0 !important; background: var(--MODAL_HEADER_BG) !important; color: var(--MODAL_HEADER_TXT_COLOR) !important; } #languagemodal .modal-header .label { margin: 0; padding: 0; color: var(--MODAL_HEADER_TXT_COLOR) !important; font-family: var(--PRIMARY_FONT_FAMILY); font-size: var(--BODY_TXT_FONT_SIZE, 16px); font-weight: var(--MED_FONT_WEIGHT, 500); line-height: 1; letter-spacing: 0; } #languagemodal .modal-header .close { width: 36px !important; height: 36px !important; border-radius: 50% !important; background: var(--MODAL_CLOSE_BTN_BG) !important; color: var(--MODAL_CLOSE_BTN_COLOR) !important; border: none !important; outline: none !important; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.14) !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; margin: 0 !important; opacity: 1 !important; text-shadow: none !important; position: absolute !important; right: 28px !important; top: 50% !important; transform: translateY(-50%) !important; float: none !important; } #languagemodal .modal-header .close i { font-family: "Font Awesome 6 Free", "Font Awesome 5 Free" !important; font-weight: 900 !important; font-style: normal !important; font-size: 16px !important; line-height: 1 !important; color: inherit !important; } #languagemodal .modal-header .close i::before { content: "\f00d" !important; } #languagemodal .modal-header .close span { display: inline-flex !important; align-items: center !important; justify-content: center !important; line-height: 1 !important; } #angpowmodal .modal-header { position: relative; background: var(--MODAL_HEADER_BG); border-bottom: var(--MODAL_HEADER_BORDER); color: var(--MODAL_HEADER_TXT_COLOR); } #angpowmodal .modal-header .close { width: 36px !important; height: 36px !important; border-radius: 50% !important; background: var(--MODAL_CLOSE_BTN_BG) !important; color: var(--MODAL_CLOSE_BTN_COLOR) !important; border: none !important; outline: none !important; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.14) !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; margin: 0 !important; opacity: 1 !important; text-shadow: none !important; position: absolute !important; right: 28px !important; top: 50% !important; transform: translateY(-50%) !important; float: none !important; } #angpowmodal .modal-header .close:hover { opacity: 1 !important; color: var(--MODAL_CLOSE_BTN_COLOR) !important; } #angpowmodal .modal-header .close i { font-family: "Font Awesome 6 Free", "Font Awesome 5 Free" !important; font-weight: 900 !important; font-style: normal !important; font-size: 16px !important; line-height: 1 !important; color: inherit !important; } #angpowmodal .modal-header .close i::before { content: "\f00d" !important; } #angpowmodal .modal-header .close span { display: inline-flex !important; align-items: center !important; justify-content: center !important; line-height: 1 !important; } #languagemodal .modal-dialog .modal-content ul li:hover a { color: var(--PRIMARY_COLOR); } .language-content { border-bottom: 2px solid var(--color3) } .language-content .language-label .language-text { color: var(--color3) } #restorelistmodal.modal .modal-body .restore_main .restoreListTable .t-row { border: 1px solid var(--color4); border-top: none; } #restorelistmodal.modal .modal-body .restore_main .restoreListTable .t-row:last-child { border-bottom: 1px solid var(--color4) } #restorelistmodal.modal .modal-body .restore_main .restoreListTable .t-row.t-header { border: none } #restorelistmodal.modal .modal-body .restore_main .restoreListTable .t-row div { color: var(--color3); background: var(--color2) } #restorelistmodal.modal .modal-body .restore_main .restoreListTable .t-row.t-header div { color: var(--color2); background: linear-gradient(180deg, #f6e061, #b4911a) } #transferplaymodal.modal .modal-body .provider_main .providerimg, #slotplaymodal.modal .modal-body .provider_main .providerimg { background-repeat: no-repeat; background-position: center; background-size: cover; border: 1px solid var(--color4) } #transferplaymodal.modal .modal-body .provider_main .providerinfo { box-shadow: 0 3px 7px 0 var(--color4); background-color: var(--color11); color: var(--color3) } #transferplaymodal.modal .modal-body .provider_main .providerinfo .maintenance div { background: #cd5c5c; color: var(--color2) } #transferplaymodal.modal .modal-body .provider_main .providerautoinfo .restoreListTable .t-row { border: 1px solid var(--color4); border-top: none } #transferplaymodal.modal .modal-body .provider_main .providerautoinfo .restoreListTable .t-row:last-child { border-bottom: 1px solid var(--color4) } #transferplaymodal.modal .modal-body .provider_main .providerautoinfo .restoreListTable .t-row div { color: var(--color3); background: var(--color2) } #transferplaymodal.modal .modal-body .provider_main .providerautoinfo .restoreListTable .t-row.t-header { border: none } #transferplaymodal.modal .modal-body .provider_main .providerautoinfo .restoreListTable .t-row.t-header div { color: var(--color2); background: linear-gradient(180deg, #f6e061, #b4911a) } #transferplaymodal.modal .modal-body .provider_main .providerbtn button, #slotplaymodal.modal .modal-body .provider_main .providerbtn button { color: var(--color2); border: 1px solid var(--color8); background: linear-gradient(180deg, #facf41, #d7b238) } #transferplaymodal.modal .modal-body .provider_main .providerbtn button:hover, #slotplaymodal.modal .modal-body .provider_main .providerbtn button:hover { filter: brightness(1) drop-shadow(0 0 4px var(--color10)) } #transferplaymodal.modal .modal-body .provider_main .providernotice { box-shadow: inset 0 1px 5px -1px rgba(0,0,0,.62); background-color: var(--color2) } #transferplaymodal.modal .modal-body .provider_main .providernotice ul { color: var(--color3) } .text-error, .error { color: #c15151 } .history-list.dataTable thead { background: #E4E6EA; } .history-list.dataTable thead tr td { color: var(--color1) } .history-list.dataTable .btn-detail { background-color: var(--color4); color: var(--color2); border: none } .msgBox-wrap { border: 1px solid var(--color4); background: var(--color5); color: var(--color3); -webkit-box-shadow: 0 0 6px 0 rgba(212,175,55,.7); -moz-box-shadow: 0 0 6px 0 rgba(212,175,55,.7); box-shadow: 0 0 6px 0 rgba(212,175,55,.7) } .msgBox-wrap .msgtitle { border-bottom: 1px solid var(--color4) } .msgBox-wrap .msgContent .error-btn { color: var(--color2); box-shadow: 0 3px 11px -5px rgb(0 0 0 / 58%); background: var(--gradient1); background: var(--gradient1); background: var(--gradient1); border: 1px solid var(--color8); text-shadow: 0 4px 4px #8f7c5b } .msgBox-wrap .msgContent .error-btn:hover { background: var(--gradient2); background: var(--gradient2); background: var(--gradient2); } #btn-freecredit-close, #btn-minigame-close{ color: var(--color2); background-color: var(--color16); border: none; padding: 3px 11px; } #angpowmodal .login-box .login-wrap .login_form_inner { background: var(--gradient1); border: 1px solid var(--color8); } #angpowmodal .login-box .login-wrap .login_form_inner a { color: var(--color2) !important } #angpowclaimmodal .modal-content { color: var(--color2); border: none; background-color: var(--color2); } #angpowclaimmodal .modal-content .modal-header { background: var(--color5); color: var(--color2); border: none; } .bonusList-wrapper .btnBox .claimBtn { color: var(--color2); } .bonus-wrapper .home-packet .freeCreditList { background: linear-gradient(90deg, #FFFFFF 0%, #E1E6EB 100%) !important; background-image: linear-gradient(90deg, #FFFFFF 0%, #E1E6EB 100%) !important; border: 1px solid #C9D1D9; border-radius: 10px; color: var(--color1); } .bonus-wrapper .home-packet { gap: 20px; } .bonus-wrapper .home-packet .freeCreditList .freeCreditItems { grid-template-columns: 35% 36% 29%; } .bonus-wrapper .home-packet .freeCreditList .freeCreditItems .left { color: var(--color1); padding-top: 5px; } .bonus-wrapper .home-packet .freeCreditList .freeCreditItems .left .currencyCode { margin: unset; text-align: left; padding-left: 75px; font-size: var(--SUBHEADER_FONT_SIZE); font-weight: var(--SEMIBOLD_FONT_WEIGHT); } .bonus-wrapper .home-packet .freeCreditList .freeCreditItems .left .amount-info { margin: unset; text-align: left; padding-left: 75px; font-size: 26px; font-weight: var(--SEMIBOLD_FONT_WEIGHT); width: auto; } .bonus-wrapper .home-packet .freeCreditList .freeCreditItems .center { color: var(--color1); } .bonus-wrapper .home-packet .freeCreditList .freeCreditItems .center .title { color: var(--color1); font-weight: var(--MED_FONT_WEIGHT); font-size: var(--HEADER_FONT_SIZE); text-transform: uppercase; } .bonus-wrapper .home-packet .freeCreditList .freeCreditItems .center .moreInfo-btn { color: var(--color1); } .bonus-wrapper .home-packet .freeCreditList .freeCreditItems .right { margin: 20px 50px 20px 0; } .bonus-wrapper .home-packet .freeCreditList .freeCreditItems .right .claim-btn { color: var(--PRIMARY_BTN_COLOR); background: var(--PRIMARY_BTN_BG); border: var(--PRIMARY_BTN_BORDER); box-shadow: var(--PRIMARY_BTN_SHADOW); text-transform: capitalize !important; width: 100%; margin: 0 10px; } .bonus-wrapper .home-packet .freeCreditList .freeCreditItems .right .claim-btn:hover { color: var(--PRIMARY_BTN_HOVER_COLOR); background: var(--PRIMARY_BTN_HOVER_BG); border: var(--PRIMARY_BTN_HOVER_BORDER); filter: var(--PRIMARY_BTN_HOVER_FILTER_BG); box-shadow: var(--PRIMARY_BTN_SHADOW); } .transaction-list.masked .maskedText { color: var(--color2) } .referralChangeTab-btn .active { background: var(--PRIMARY_BTN_BG); } .historyChangeTab-btn { display: inline-flex !important; align-items: stretch; width: fit-content !important; max-width: 100%; flex: 0 0 auto !important; padding: 0; gap: 0; overflow: visible; border-radius: 10px; border: var(--SECONDARY_BTN_BORDER); background: var(--SECONDARY_BTN_BG); box-shadow: none; margin: 10px 10px 20px 10px; } .historyChangeTab-btn .historyBtn { flex: 0 0 180px; width: 180px; min-width: 0; padding: 12px 1rem; margin: 0; border: none; border-radius: 0; background: var(--SECONDARY_BTN_BG); color: var(--SECONDARY_BTN_COLOR); box-shadow: none; font-weight: var(--SEMIBOLD_FONT_WEIGHT); font-size: var(--BODY_SMALL_TXT_FONT_SIZE); letter-spacing: 0; text-transform: none !important; cursor: pointer; transition: background 0.2s ease, color 0.2s ease; } .historyChangeTab-btn .historyBtn:first-child { border-radius: 9px 0 0 9px; } .historyChangeTab-btn .historyBtn:last-child { border-radius: 0 9px 9px 0; position: relative; left: 0; } .historyChangeTab-btn .historyBtn.active { background: var(--PRIMARY_BTN_BG); color: var(--PRIMARY_BTN_COLOR); border: var(--PRIMARY_BTN_BORDER); box-shadow: none; font-weight: var(--SEMIBOLD_FONT_WEIGHT); } .historyChangeTab-btn .historyBtn:hover:not(.active) { background: var(--SECONDARY_BTN_HOVER_BG); color: var(--SECONDARY_BTN_HOVER_COLOR); filter: var(--SECONDARY_BTN_HOVER_FILTER_BG); } .historyChangeTab-btn .historyBtn.active:hover { background: var(--PRIMARY_BTN_HOVER_BG); color: var(--PRIMARY_BTN_HOVER_COLOR); filter: var(--PRIMARY_BTN_HOVER_FILTER_BG); } .historyChangeTab-btn .claimRewardBtn { left: 0; position: relative; } .transactionChangeTab-btn { display: inline-flex !important; align-items: stretch; width: fit-content !important; max-width: 100%; flex: 0 0 auto !important; padding: 0; gap: 0; overflow: visible; border-radius: 10px; border: var(--SECONDARY_BTN_BORDER); background: var(--SECONDARY_BTN_BG); box-shadow: none; } .transactionChangeTab-btn .transactionBtn { flex: 0 0 180px; width: 180px; min-width: 0; padding: 12px 1rem; margin: 0; border: none; border-radius: 0; background: var(--SECONDARY_BTN_BG); color: var(--SECONDARY_BTN_COLOR); box-shadow: none; font-weight: var(--SEMIBOLD_FONT_WEIGHT); font-size: var(--BODY_SMALL_TXT_FONT_SIZE); letter-spacing: 0; text-transform: none !important; cursor: pointer; transition: background 0.2s ease, color 0.2s ease; } /* freeCredit_3 — tab nav same width as claim freeCreditList boxes (1000px) */ .freeCredit-area .freeCredit-tab-navigation { width: 1000px !important; max-width: 1000px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 0 !important; padding-right: 0 !important; box-sizing: border-box !important; } .freeCredit-area .freeCredit-tab-navigation .transactionChangeTab-btn, .freeCredit-area #transactionChangeTab-btn.transactionChangeTab-btn { display: flex !important; align-items: stretch; justify-content: stretch; width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; padding: 0 !important; margin: 0 !important; box-sizing: border-box !important; } .freeCredit-area .freeCredit-tab-navigation .transactionChangeTab-btn .transactionBtn, .freeCredit-area #transactionChangeTab-btn .transactionBtn { flex: 1 1 50% !important; width: 50% !important; max-width: 50% !important; min-width: 0 !important; font-weight: 500 !important; } .freeCredit-area .freeCredit-tab-navigation .transactionChangeTab-btn .transactionBtn.active, .freeCredit-area #transactionChangeTab-btn .transactionBtn.active { font-weight: 500 !important; } .transactionChangeTab-btn .transactionBtn:first-child { border-radius: 9px 0 0 9px; } .transactionChangeTab-btn .transactionBtn:last-child { border-radius: 0 9px 9px 0; position: relative; left: 0; } .transactionChangeTab-btn .transactionBtn.active { background: var(--PRIMARY_BTN_BG); color: var(--PRIMARY_BTN_COLOR); border: var(--PRIMARY_BTN_BORDER); box-shadow: none; font-weight: var(--SEMIBOLD_FONT_WEIGHT); } .transactionChangeTab-btn .transactionBtn:hover:not(.active) { background: var(--SECONDARY_BTN_HOVER_BG); color: var(--SECONDARY_BTN_HOVER_COLOR); filter: var(--SECONDARY_BTN_HOVER_FILTER_BG); } .transactionChangeTab-btn .transactionBtn.active:hover { background: var(--PRIMARY_BTN_HOVER_BG); color: var(--PRIMARY_BTN_HOVER_COLOR); filter: var(--PRIMARY_BTN_HOVER_FILTER_BG); } .transactionChangeTab-btn .freeCreditBtn { left: 0; position: relative; } .transactionChangeTab-btn .notification { position: absolute; top: -8px !important; right: -8px !important; left: auto; width: 22px; height: 22px; border-radius: 50%; background-color: #dc3545; background-repeat: no-repeat; background-size: 100%; color: #fff; font-size: 12px; font-weight: 700; line-height: 22px; text-align: center; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); } .freeCreditTransfer-wrap .moreInfoBtn { color: var(--color1); } .freeCreditTransfer-wrap .transaction-freeCredit-title .voucher-wrap .redeemBtn, .freeCreditTransfer-wrap .unClaim_voucher-wrap .redeemBtn { background: var(--PRIMARY_BTN_BG); color: var(--PRIMARY_BTN_COLOR); border: var(--PRIMARY_BTN_BORDER); box-shadow: var(--PRIMARY_BTN_SHADOW); border-radius: 30px; } .freeCreditTransfer-wrap .transaction-freeCredit-title .voucher-wrap .redeemBtn:hover, .freeCreditTransfer-wrap .unClaim_voucher-wrap .redeemBtn:hover { background: var(--PRIMARY_BTN_HOVER_BG); color: var(--PRIMARY_BTN_HOVER_COLOR); border: var(--PRIMARY_BTN_HOVER_BORDER); filter: var(--PRIMARY_BTN_HOVER_FILTER_BG); box-shadow: var(--PRIMARY_BTN_SHADOW); } .rewardPoint { color: #2e2e2e } .memberPoint-wrap .refreshBtn-box div { color:#2e2e2e; } .memberPoint-wrap .refreshBtn-box div:hover i { color: var(--color4); } .memberUpdate_body .updateName { border: 1px solid var(--color4) } .referralChangeTab-btn { display: inline-flex !important; align-items: stretch; width: fit-content !important; max-width: 100%; flex: 0 0 auto !important; padding: 0; gap: 0; overflow: visible; border-radius: 10px; border: var(--SECONDARY_BTN_BORDER); background: var(--SECONDARY_BTN_BG); box-shadow: none; margin-bottom: 10px; } .referralChangeTab-btn button { flex: 0 0 180px; width: 180px; min-width: 0; padding: 12px 1rem; margin: 0; border: none; border-radius: 0; background: var(--SECONDARY_BTN_BG); color: var(--SECONDARY_BTN_COLOR); box-shadow: none; font-weight: var(--SEMIBOLD_FONT_WEIGHT); font-size: var(--BODY_SMALL_TXT_FONT_SIZE); letter-spacing: 0; text-transform: none !important; cursor: pointer; position: relative; left: 0 !important; transition: background 0.2s ease, color 0.2s ease; } .referralChangeTab-btn button:first-child { border-radius: 9px 0 0 9px; } .referralChangeTab-btn button:last-child { border-radius: 0 9px 9px 0; left: 0 !important; } .referralChangeTab-btn button.active { background: var(--PRIMARY_BTN_BG) !important; color: var(--PRIMARY_BTN_COLOR) !important; border: var(--PRIMARY_BTN_BORDER); box-shadow: none; font-weight: var(--SEMIBOLD_FONT_WEIGHT); } .referralChangeTab-btn button:hover:not(.active) { background: var(--SECONDARY_BTN_HOVER_BG); color: var(--SECONDARY_BTN_HOVER_COLOR); filter: var(--SECONDARY_BTN_HOVER_FILTER_BG); } .referralChangeTab-btn button.active:hover { background: var(--PRIMARY_BTN_HOVER_BG) !important; color: var(--PRIMARY_BTN_HOVER_COLOR) !important; filter: var(--PRIMARY_BTN_HOVER_FILTER_BG); } .referralBtnBox .referralShareBtn { border: none; background: transparent } .QRtext { background-color: var(--PRIMARY_BTN_BG); color: var(--PRIMARY_BTN_COLOR) } .referral-flow-box .content .referral-flow-desc { color: var(--color2) } .referral-flow-box .item { border: 1px solid #63C2EE !important; background: #E6F7FD !important; color: var(--color1) !important; border-radius: 10px; } .info-wrapper.afterloginform .form-group input.form-control:not([type=checkbox]):not([type=file]):not([type=radio]), .info-wrapper.afterloginform .form-group select.form-control, .history-wrapper.afterloginform .form-group input.form-control:not([type=checkbox]):not([type=file]):not([type=radio]), .history-wrapper.afterloginform .form-group select.form-control { border: var(--INPUT_BORDER) !important; border-radius: 10px !important; color: var(--INPUT_TXT_COLOR) !important; background: var(--INPUT_BG) !important; padding: 10px 1rem !important; min-height: 42px !important; height: 42px !important; box-shadow: none !important; font-size: inherit; } .info-wrapper.afterloginform .form-group select.form-control, .history-wrapper.afterloginform .form-group select.form-control { -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; background-color: var(--INPUT_BG) !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%234A5560' d='M1.4 0.6L6 5.2 10.6 0.6 12 2 6 8 0 2z'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: right 14px center !important; background-size: 12px 8px !important; padding-right: 2.25rem !important; } .info-wrapper.afterloginform .form-group select.form-control::-ms-expand, .history-wrapper.afterloginform .form-group select.form-control::-ms-expand { display: none !important; } .info-wrapper.afterloginform .form-group input.form-control::placeholder, .history-wrapper.afterloginform .form-group input.form-control::placeholder { color: var(--INPUT_PLACEHOLDER_TXT_COLOR) !important; } .info-wrapper.afterloginform .form-group input.form-control:disabled, .info-wrapper.afterloginform .form-group input.form-control[readonly], .info-wrapper.afterloginform .form-group select.form-control:disabled, .history-wrapper.afterloginform .form-group input.form-control:disabled, .history-wrapper.afterloginform .form-group input.form-control[readonly], .history-wrapper.afterloginform .form-group select.form-control:disabled { border: var(--DISABLED_INPUT_BORDER) !important; color: var(--DISABLED_INPUT_COLOR) !important; background: var(--DISABLED_INPUT_BG) !important; } .ref-box{ background: var(--color5); border: 1px solid var(--color4); box-shadow: 0 0 6px 0 var(--color7); } .ref-box .ref-logo , .ref-box .ref-details .ref-desc-1 , .ref-box .referral-code-box .share-btn { color: var(--color3); } .ref-box .referral-code-box .share-btn, .ref-box .referral-code-box .myDownline-btn, .ref-box .referral-code-box .copyLink-btn{ border: 1px solid var(--color3); } .ref-box .ref-details .ref-desc-2{ color: var(--color9); } .ref-box .referral-code-box .copyIcon{ color: var(--color9); } .ref-box .referral-code-box #refCode{ background: #dedede; } #announcementmodal .announce-item { border: 2px solid var(--color3) } #announcementmodal .announce-item .message { border-top: 1px solid var(--color3) } #advertisementmodal .modal-content { border: none; background-color: transparent } .btn-modalClose { border: none; color: var(--MODAL_CLOSE_BTN_COLOR); background: var(--MODAL_CLOSE_BTN_BG); } .countdown-widget>div { background: var(--color5); color: var(--color3); border: 2px solid var(--color4); } .flip-card { box-shadow: 0 2px 3px 0 rgba(0,0,0,.2); color: var(--color1) } .flip-card .top, .flip-card .top-flip { background-color: #f7f7f7; border-bottom: 1px solid rgba(0,0,0,.1) } .upcomingList .title, .ongoingList .title, .completedList .title, .winnerList .title { color: #013b7a; text-shadow: 0px 1px #bcc0d3; border-bottom: 1px solid var(--color1); } .ongoingList .title .total span, .upcomingList .title .total span, .completedList .title .total span { background: var(--color5); color: var(--color2); } .tour-filter-box- { display: flex !important; align-items: stretch; width: 100%; margin-bottom: 40px; padding: 0 !important; gap: 0; overflow: visible; list-style: none; border-radius: 10px; border: var(--SECONDARY_BTN_BORDER); background: var(--SECONDARY_BTN_BG); box-shadow: none !important; } .tour-filter-box- .filter-item- { flex: 1; min-width: 0; padding: 12px 1rem !important; margin: 0; border: none !important; border-radius: 0 !important; background: var(--SECONDARY_BTN_BG) !important; color: var(--SECONDARY_BTN_COLOR) !important; box-shadow: none !important; font-weight: var(--SEMIBOLD_FONT_WEIGHT); font-size: var(--BODY_SMALL_TXT_FONT_SIZE); letter-spacing: 0; text-transform: none !important; text-align: center; cursor: pointer; transform: none !important; transition: background 0.2s ease, color 0.2s ease; } .tour-filter-box- .filter-item-:first-child { border-radius: 9px 0 0 9px !important; } .tour-filter-box- .filter-item-:last-child { border-radius: 0 9px 9px 0 !important; } .tour-filter-box- .filter-item-.active { background: var(--PRIMARY_BTN_BG) !important; color: var(--PRIMARY_BTN_COLOR) !important; border: var(--PRIMARY_BTN_BORDER) !important; box-shadow: none !important; font-weight: var(--SEMIBOLD_FONT_WEIGHT); transform: none !important; } .tour-filter-box- .filter-item-:hover:not(.active) { background: var(--SECONDARY_BTN_HOVER_BG) !important; color: var(--SECONDARY_BTN_HOVER_COLOR) !important; filter: var(--SECONDARY_BTN_HOVER_FILTER_BG); transform: none !important; } .tour-filter-box- .filter-item-.active:hover { background: var(--PRIMARY_BTN_HOVER_BG) !important; color: var(--PRIMARY_BTN_HOVER_COLOR) !important; filter: var(--PRIMARY_BTN_HOVER_FILTER_BG); transform: none !important; } .tournament-section.tour-6 .tour-title, .tour-details-header- h2 { position: relative; display: block; font-family: var(--SECONDARY_FONT_FAMILY) !important; font-size: var(--HEADER_FONT_SIZE) !important; font-weight: var(--REG_FONT_WEIGHT) !important; letter-spacing: var(--SECONDARY_FONT_LETTER_SPACING) !important; color: var(--color3) !important; margin: 5px 0 30px; padding-left: 10px; } .tournament-section.tour-6 .tour-title:before { content: ""; position: absolute; width: 3px; height: 90%; left: 0; top: 50%; transform: translateY(-50%); border-radius: 10px; background: #63C2EE; } .tournament_main:after { background: #00000073 } .tournament_main .main-content .countdown-container .container-segment .segment-title { text-shadow: 2px 2px 2px #000000c4; color: #fcb913 } .tournament_main .main-content .upComing-item { color: var(--color2) } .flip-card { box-shadow: 0 2px 3px 0 rgba(0,0,0,.2); color: var(--color1) } .flip-card .top, .flip-card .bottom, .flip-card .top-flip, .flip-card .bottom-flip { background-color: var(--color2) } .flip-card .top, .flip-card .top-flip { border-bottom: 1px solid rgba(0,0,0,.1) } .tournament-carousel-area { background: transparent; } .tour-carousel-item:after { background: #000000ab } .tour-carousel-item .main-content .countdown-container .container-segment .segment-title { text-shadow: 2px 2px 2px #000000c4; color: #fcb913 } .tour-carousel-item .main-content .detailsBox { color: var(--color2); } .tour-carousel-item .main-content .detailsBox .main-title { color: var(--color2) } .tour-carousel-item .main-content .detailsBox .main-title:before { background: var(--color4) } .tour-carousel-item .main-content .detailsBox .desc .btn-moreInfo:hover { color: var(--color4) } .tournament-section .tournament-box-action i { color: var(--color3) } .tournament-section .tournament-box-action i:hover { color: var(--color4) } .tournament-bx { box-shadow: 0 0 4px 0 rgba(0,0,0,.3); background: var(--color2) } .tournament-bx .box-hover { background-color: #000000ab } .tournament-bx .box-hover .name { color: var(--color2) } .tournament-bx .box-hover .date { color: #bdbdbd } .tournament-bx .box-hover button { color: #222; border: none; background-color: var(--color4) } .tournament-bx .box-hover button:hover { filter: brightness(.6) drop-shadow(0 0 5px transparent) } .tournament-bx.bx-2:hover { filter: drop-shadow(2px 2px 4px var(--color4)) } .tournament-bx.bx-2 img { background-color: #F89880 } .ranking-section .section-title{ color: #013b7a; text-shadow: 0px 1px #bcc0d3; border-bottom: 1px solid var(--color1); } .ranking-section .boxAction { color: var(--color3); } .ranking-section .boxAction i:hover{ color: var(--color4); } .ranking-section .tournament-type { color: #013b7a; text-shadow: 0 1px #bcc0d3; border-bottom: 2px solid #013b7a; } .ranking-section .rank-tab li { color: var(--color3); border: 2px solid var(--color4); cursor: pointer; } .ranking-section .rank-tab li.active { color: var(--color1); background-color: var(--color4); } .ranking-section .tab-box .title { color: #013b7a; text-shadow: 0 1px #bcc0d3; } .ranking-section .rank-tab-content button { color: var(--color3); border: none; background: 0 0; } .rank-list .list-item { background: var(--color4); color: var(--color1); } .rank-list .list-item:nth-child(1) .index, .rank-list .list-item:nth-child(2) .index, .rank-list .list-item:nth-child(3) .index { text-shadow: none } .rank-list .list-item .index { text-shadow: 2px 2px 6px #000000b8; } .winnerList .nav-tabs { border: none } .winnerList .nav-tabs .nav-item .nav-link { color: var(--color3); border: 2px solid var(--color4) } .winnerList .nav-tabs .nav-item .nav-link.active, .winnerList .nav-tabs .nav-item .nav-link:hover { color: var(--color2); background-color: var(--color4) } .winnerList .winner-boxes .groupList .tournament_name { color: #013b7a; text-shadow: 0px 1px #bcc0d3 } .winnerList .winner-boxes .groupList .rankingList .winner-bx .details { background: var(--color4); box-shadow: 2px 3px #b1796f; color: var(--color2) } .winnerList .winner-boxes .groupList .rankingList .winner-bx .details .index { text-shadow: 2px 2px 3px #000000b8 } .winnerList .winner-boxes .groupList button { color: var(--color3); border: none; background: transparent } .winnerList .winner-boxes .groupList button:hover { text-decoration: underline } #tournamentmodal .modal-content { color: #07213c; } #tournamentmodal .modal-header { background: unset } #tournamentmodal .modal-header .popTitle-wrap { font-weight: 600; color: #625e5e } #tournamentmodal .upperTitle { color: #013b7a } #tournamentmodal .tournament-title { color: var(--color2); background: #00000080 } #tournamentmodal .btn-box button { color: #222; background: var(--color4); border: 2px solid var(--color4); box-shadow: 2px 2px #888888 } #tournamentmodal .btn-box button:hover { filter: drop-shadow(2px 2px 4px var(--color4)) } #tournamentmodal .tour-play { color: #222; text-shadow: 1px 1px 2px var(--color9) } #tourrankingmodal .modal-content { color: #07213c; } #tourrankingmodal .modal-header { background: unset } #tourrankingmodal .modal-header .popTitle-wrap { font-weight: 600; color: #625e5e } #tourrankingmodal .upperTitle { color: #013b7a } #tourrankingmodal .rank-title h2 { color: #013b7a; text-shadow: 0 1px #bcc0d3 } #tourrankingmodal .rank-title button { color: #222; background: var(--color4); border: 2px solid var(--color4); box-shadow: 2px 2px #888888 } #tourrankingmodal .rank-title button:hover { filter: drop-shadow(2px 2px 4px var(--color4)) } #tourrankingmodal .tournament-rank .rank-item { color: var(--color1); background: var(--color4); } #tourrankingmodal .tournament-rank .rank-item .index { text-shadow: 2px 2px 3px #000000b8 } .deposit-option button { color: var(--color2); background: var(--gradient1); box-shadow: 0 3px var(--color8); } .deposit-form .btn-back .deposittype { background: var(--gradient1); color: var(--color2); } #content_inputAmount .choose-box .style-add-amount{ background: transparent; color: var(--color1); border: 1px solid var(--color1); border-radius: 8px; } #content_inputAmount .choose-box .style-add-amount:hover { border-color: var(--color5); background: linear-gradient(to bottom,var(--color5),var(--color15)); transition: .3s; color: var(--color2); } #shareReferralmodal .modal-body .share-option .referralShareBtn .text{ color: var(--color3) } .Announcement-container{ background-color: var(--color2); -webkit-box-shadow:0 0 4px 0 rgba(0,0,0,.3); -moz-box-shadow: 0 0 4px 0 rgba(0,0,0,.3); box-shadow: 0 0 4px 0 rgba(0,0,0,.3); border-radius: 8px; } .Announcement-container section .announcement-info .announce-bx{ border: 2px solid #63c2ee; } @keyframes ldio-gblex47ykrc-c { 0% { background: #626dfc } 25% { background: #a1a7f9 } 50% { background: #fcc972 } 75% { background: var(--color4) } 100% { background: #626dfc } } .ldio-gblex47ykrc div { background: #626dfc } .ldio-gblex47ykrc div:nth-child(1) { background: var(--color4) } .ldio-gblex47ykrc div:nth-child(2) { background: #626dfc } .ldio-gblex47ykrc div:nth-child(4) { background: #fcc972 } .ldio-gblex47ykrc div:nth-child(5) { background: #a1a7f9 } .liveScoreWidget { box-shadow: rgba(0,0,0,.3) 0px 1px 4px 1px; border-radius: 10px; } .liveScoreWidget .ls-header .filter-select .input { color: #222; background: #f8f9fa; border: 2px solid var(--color1) } .liveScoreWidget .ls-header .filter-select select::-webkit-scrollbar-track { background-color: var(--color9); color: var(--color9) } .liveScoreWidget .ls-header .filter-select select::-webkit-scrollbar-thumb { background-color: var(--color4); color: var(--color4) } .liveScoreWidget .ls-header .filter-select .icon { color: var(--color1) } .liveScoreWidget .ls-header .date-option li button { color: var(--color1); background: var(--color4); border: 2px solid var(--color4) } .liveScoreWidget .ls-header .date-option li button:hover { filter: drop-shadow(0 0 4px var(--color4)) } .liveScoreWidget .ls-header .date-option li button.active { filter: none; background: #333; color: var(--color2); } .liveScoreWidget .ls-body .b-msg { background: var(--color1); color: #f8f9fa; } .liveScoreWidget .ls-body .b-mask { background: #000000ba } .liveScoreWidget .ls-body .b-getResult .msg { color: var(--color4); } .liveScoreWidget .league-section { background: #F3F4F5; } .liveScoreWidget .league-fixture-list .fixture-drop { background: var(--color5); } .liveScoreWidget .league-fixture-list .cat-name { color: var(--color2); } .liveScoreWidget .league-fixture-list .fixture-item-list .item { color: #bdbdbd; background: #222 } .liveScoreWidget .league-fixture-list .fixture-item-list .item:hover, .liveScoreWidget .league-fixture-list .fixture-item-list .item.active { background: #333 } .liveScoreWidget .league-fixture-list .fixture-item-list .item .f-team .win { color: var(--color2) } .liveScoreWidget .league-fixture-list .fixture-item-list .item .f-score { color: var(--color2) } .liveScoreWidget .league-fixture-content hr { border: none; border-bottom: 1px solid #B8BABF } .liveScoreWidget .league-fixture-content .fc-label { color: var(--color2); background: var(--color5); } .liveScoreWidget .league-fixture-content .fc-team .fc-home div:last-child, .liveScoreWidget .league-fixture-content .fc-team .fc-away:last-child { color: var(--color1) } .liveScoreWidget .league-fixture-content .fc-team .fc-short-info .fc-score { color: var(--color1); } .liveScoreWidget .league-fixture-content .fc-team .fc-short-info .fc-score .win { color: #ffd5ce } .liveScoreWidget .league-fixture-content .fc-team .fc-short-info .fc-score i { color: #ffd5ce } .liveScoreWidget .league-fixture-content .fc-team .fc-short-info .fc-date { color: var(--color1); } .liveScoreWidget .league-fixture-content .fc-team .fc-short-info .fc-status { color: #333; } .liveScoreWidget .league-fixture-content .fc-team .fc-short-info .fc-btn button { color: var(--color2); background: var(--color4); border: 2px solid var(--color4) } .liveScoreWidget .league-fixture-content .fc-team .fc-short-info .fc-btn button:hover { filter: drop-shadow(0 0 4px var(--color4)) } .liveScoreWidget .league-fixture-content .fc-info .info-row .info-column { background: #D5D7DC; } .liveScoreWidget .league-fixture-content .fc-info .info-row .info-column span:first-child { color: #686C77; font-size: 14px; font-weight: 600; } .liveScoreWidget .league-fixture-content .fc-info .info-row .info-column span:last-child { color: var(--color1); font-size: 14px; } .liveScoreWidget .league-fixture-content .fc-score-details .score-section { background: var(--color6); border: 1px solid var(--color8); } .liveScoreWidget .league-fixture-content .score-section .label { color: var(--color1) } .liveScoreWidget .league-fixture-content .score-section .score-board { color: var(--color2) } .tab-content .fav-icon:hover { color: red; } .tab-content .addfav{ color: red; } .tab-content .addfav:hover{ color: var(--color3); } #favouritemodal .modal-body { } #preloader { background-color: #171d22d1 !important } .header-menu .login_header a:after { background: var(--color3) } .header-menu .login_header a:last-child:after { background: var(--color4) } .header-menu .main-menu ul li.active, .header-menu .main-menu ul li:hover { border-color: var(--PRIMARY_COLOR); } .header-menu .main-menu ul li a { color: var(--color1) } .header-menu .main-menu ul li > .megamenu { color: #949ab3; background: #ffffffeb } .header-menu .main-menu ul li>.megamenu::-webkit-scrollbar { background-color: #ffffffeb } .header-menu .main-menu ul li>.megamenu::-webkit-scrollbar-thumb { background-color: #cba98c; color: #cba98c } .header-menu .main-menu .navi-sub-list { background: #ffffffdb } .header-menu .main-menu .navi-sub-list .provItem- .locked- { color: #fdb354; border-color: #fdb354; background: #000000c7 } .header-menu .main-menu .navi-sub-list .provItem- .prov-click-wrap-:hover { background: #bdbdbd } .member-tnc-container { border: 1px solid var(--color4); background: #fcfcfc } .member-tnc-container hr { border-top: 1px solid #00000024 } .member-tnc-container .member-tnc-title { color: var(--color3) } .member-tnc-container .member-tnc-content { color: var(--color1) } .member-tnc-container .member-tnc-content .btn-box button:first-child { border: none; color: var(--color2); background: #ff6464 } .member-tnc-container .member-tnc-content .btn-box button:first-child:hover, .member-tnc-container .member-tnc-content .btn-box button:first-child:focus { filter: drop-shadow(0 0 6px #ff6464); -webkit-filter: drop-shadow(0 0 6px #ff6464) } .member-tnc-container .member-tnc-content .btn-box button:last-child { border: none; color: var(--color2); background: #64ff77 } .member-tnc-container .member-tnc-content .btn-box button:last-child:hover, .member-tnc-container .member-tnc-content .btn-box button:last-child:focus { filter: drop-shadow(0 0 6px #64ff77); -webkit-filter: drop-shadow(0 0 6px #64ff77) } .spinwheel-container .spin-container .spin-selector .spin-selector-box { border: 1px solid #63C2EE; background: #E6F7FD; color: var(--color1); } .spinwheel-btn--shockwave.is-active, .spin-button.spinwheel-btn--shockwave.is-active { -webkit-animation: shockwaveJump 1s ease-in-out infinite alternate; animation: shockwaveJump 1s ease-in-out infinite alternate; background: var(--PRIMARY_BTN_BG) !important; color: var(--PRIMARY_BTN_COLOR) !important; border: var(--PRIMARY_BTN_BORDER) !important; box-shadow: var(--PRIMARY_BTN_SHADOW); border-radius: 30px; } .spinwheel-btn--shockwave.is-active:hover, .spinwheel-btn--shockwave.is-active:active, .spinwheel-btn--shockwave.is-active:focus, .spin-button.spinwheel-btn--shockwave.is-active:hover, .spin-button.spinwheel-btn--shockwave.is-active:active, .spin-button.spinwheel-btn--shockwave.is-active:focus { background: var(--PRIMARY_BTN_HOVER_BG) !important; color: var(--PRIMARY_BTN_HOVER_COLOR) !important; border: var(--PRIMARY_BTN_HOVER_BORDER) !important; filter: var(--PRIMARY_BTN_HOVER_FILTER_BG); } @-webkit-keyframes shockwaveJump { from { -webkit-transform: scale(0.8, 0.8); } 50% { -webkit-transform: scale(1, 1); } to { -webkit-transform: scale(1, 1); } } @keyframes shockwaveJump { from { transform: scale(0.8, 0.8); } to { transform: scale(1, 1); } } .container.minigame .spinwheel_tab.spinwheel_main, .container.minigame .spinwheel_tab { background: linear-gradient(90deg, #FFFFFF 0%, #E1E6EB 100%) !important; background-image: linear-gradient(90deg, #FFFFFF 0%, #E1E6EB 100%) !important; border: 1px solid #C9D1D9; border-radius: 10px; } .btn-box .claimed-reward { background: var(--PRIMARY_BTN_BG) !important; color: var(--PRIMARY_BTN_COLOR) !important; border: var(--PRIMARY_BTN_BORDER) !important; box-shadow: var(--PRIMARY_BTN_SHADOW); border-radius: 30px; } .btn-box .btn-history { background: var(--SECONDARY_BTN_BG) !important; color: var(--SECONDARY_BTN_COLOR) !important; border: var(--SECONDARY_BTN_BORDER) !important; border-radius: 30px; } .btn-box .btn-history:active, .btn-box .btn-history:focus, .btn-box .btn-history:hover { background: var(--SECONDARY_BTN_HOVER_BG) !important; color: var(--SECONDARY_BTN_HOVER_COLOR) !important; border: var(--SECONDARY_BTN_HOVER_BORDER) !important; filter: var(--SECONDARY_BTN_HOVER_FILTER_BG); } .spinwheel-container .msg-box .button-box button { background: var(--PRIMARY_BTN_BG); color: var(--PRIMARY_BTN_COLOR); } .btn-box .claimed-reward:active, .btn-box .claimed-reward:focus, .btn-box .claimed-reward:hover, .spinwheel-container .msg-box .button-box button:focus, .spinwheel-container .msg-box .button-box button:active, .spinwheel-container .msg-box .button-box button:hover { background: var(--PRIMARY_BTN_HOVER_BG) !important; color: var(--PRIMARY_BTN_HOVER_COLOR) !important; border: var(--PRIMARY_BTN_HOVER_BORDER) !important; filter: var(--PRIMARY_BTN_HOVER_FILTER_BG); } @keyframes glowing-box { 0% { box-shadow: 0 0 5px 2px rgba(99, 194, 238, 0.7); } 20% { box-shadow: 0 0 10px 4px rgba(99, 194, 238, 0.8); } 40% { box-shadow: 0 0 20px 8px rgba(99, 194, 238, 0.9); } 60% { box-shadow: 0 0 30px 12px rgba(99, 194, 238, 1); } 80% { box-shadow: 0 0 20px 8px rgba(99, 194, 238, 0.9); } 100% { box-shadow: 0 0 5px 2px rgba(99, 194, 238, 0.7); } } @keyframes lights { 0% { color: #cf8477; text-shadow: 0 0 1em #dcb3ac82, 0 0 0.125em var(--color7), -1em -0.125em 0.5em hsl(40deg 100% 60% / 0%), 1em 0.125em 0.5em hsl(200deg 100% 60% / 0%); } 30% { color: #cf8477; text-shadow: 0 0 1em #dcb3acba, 0 0 0.125em #dcb3ac91, -0.5em -0.125em 0.25em hsl(0deg 100% 60% / 20%), 0.5em 0.125em 0.25em #dcb3acbd; } 40% { color: hsl(63deg 6% 76%); text-shadow: 0 0 1em hsl(0deg 51% 71% / 50%), 0 0 0.125em hsl(320deg 100% 90% / 50%), -0.25em -0.125em 0.125em hsl(0deg 100% 60% / 20%), 0.25em 0.125em 0.125em hsl(0deg 44% 65% / 40%); } 70% { color: #cf8477; text-shadow: 0 0 1em hsl(0deg 51% 65% / 50%), 0 0 0.125em hsl(0deg 55% 73% / 50%), 0.5em -0.125em 0.25em hsl(0deg 91% 78% / 20%), -0.5em 0.125em 0.25em hsl(0deg 48% 65% / 40%); } 100% { color: #cf8477; text-shadow: 0 0 1em hsl(0deg 46% 61% / 20%), 0 0 0.125em hsl(0deg 52% 63% / 30%), 1em -0.125em 0.5em hsl(0deg 100% 60% / 0%), -1em 0.125em 0.5em hsl(0deg 100% 60% / 0%); } } @keyframes glowing { 0% { box-shadow: 0 0 5px #c89087; background: #e2c4bf; } 50% { box-shadow: 0 0 20px #db7a69; background: #eccdc7; } 100% { box-shadow: 0 0 5px #da9387; background: #e7d2ce; } } .reward-frame{ } .reward-frame::before{ } .reward-details-wrap{ background-color: #F3F4F5; box-shadow: rgba(0,0,0,.3) 0px 1px 4px 1px; color:var(--color1); } .member-daily-reward-container, .daily-reward-container{ background-size: 1110px 600px; } .daily-reward-title{ color: var(--color1); } .check-in-day{ color: var(--color3); } .reward-amount{ border-top: 2px dotted #ddd; } .reward-check-in-button{ background: var(--color4); border:none; } .reward-check-in-button:hover { background: var(--color6); } .claimed-btn:disabled{ background-color: #838db56e; color: var(--color3); border: 2px solid var(--color3); } .claim-next:disabled{ background-color: #cccccc; color: #666666; border: 2px solid #666666; } .claim-today{ color: var(--color1); } .dailyRewardContent-wrapper{ border: 1px solid transparent; } .dailyRewardContent-wrapper .reward-pop .description-content .success-icon i, .dailyRewardContent-wrapper .reward-pop .description-content .please-login-icon i{ color: rgba(252,185,19,1); } .dailyRewardContent-wrapper .reward-pop .dailyRewardPop-btn button{ border: none; color: var(--color1); background: var(--color4); } .dailyRewardContent-wrapper .reward-pop .dailyRewardPop-btn button:hover{ background: var(--color2); color:var(--color4); } #dailyRewardLaterBtn{ background: var(--color5); color: var(--color2); } #dailyRewardLaterBtn:hover{ background: var(--color7); } .daily-progress{ background-color: var(--color2); border: solid 2px var(--color1); color: #ccc; } .daily-progress-bar{ color: var(--color2); background-color: var(--color16); box-shadow: inset 0 -1px 0 rgb(0 0 0 / 15%); } .progress-message{ color:#bdbdbd; } .dailyRewardPop-box .dailyRewardContent-wrapper .reward-pop .description-content .text a{ color: var(--color4); } .dailyRewardPop-box .dailyRewardContent-wrapper .reward-pop .description-content .text a:hover{ border-bottom: 2px solid var(--color4); } .tab-content .tab-pane .game-play-button .loading{ background-color: rgb(188 188 188 / 85%); } .tab-content .tab-pane .game-play-button .locked{ background-color: rgb(188 188 188 / 85%); } .btn.disabled, .btn:disabled, .btn:disabled:hover { color: #bdbdbd; background-color: #505050 !important; background: #505050 !important; filter: brightness(1) drop-shadow(0 0 5px transparent); } .common-prov-content-area .game_products .nav-item .loading{ background-color: rgb(0 0 0 / 85%); } .common-prov-content-area .game_products .nav-item .locked{ background-color: rgb(0 0 0 / 85%); } .hotGamesTab-content .tab-pane .row .index_tab_content .game_products .hot-games-navi-wrap .loading{ background-color: rgb(0 0 0 / 85%); } .hotGamesTab-content .tab-pane .row .index_tab_content .game_products .hot-games-navi-wrap .locked{ background-color: rgb(0 0 0 / 85%); } .slot-content .tab-pane .bottomContent .slot-list-content .slot-bx .loading, .lottery-content .tab-pane .bottomContent .lottery-list-content .lottery-bx .loading{ background-color: rgb(0 0 0 / 85%); } .slot-content .tab-pane .bottomContent .slot-list-content .slot-bx .locked, .lottery-content .tab-pane .bottomContent .lottery-list-content .lottery-bx .locked{ background-color: rgb(0 0 0 / 85%); } .megamenu .menu-in .navi-provider-wrap .locked{ background-color: rgb(195 195 195 / 85%); } .megamenu .menu-in .navi-provider-wrap .loading{ background-color: rgb(195 195 195 / 85%); } .megamenu .menu-in .navi-provider-wrap .locked .wrap{ color:#484848; } .prov-list-wrap- .tablist-carousel- .paddle- button { color: var(--color4); border: none; background: transparent } .prov-list-wrap- .tablist-carousel- .paddle- button:hover { filter: drop-shadow(0 0 6px var(--color4)) } .prov-list-wrap- .tablist-carousel- .paddle- button:disabled { filter: brightness(.5) } .prov-list-wrap- .gametabcontent- .tabcontent- h3 { color: var(--color3) } .prov-list-wrap- .gametabcontent- .tabcontent- h4 { color: var(--color1) } .prov-list-wrap- .gametabcontent- .tabcontent- .locked- { color: #fdb354; border-color: #fdb354; background: #000000c7 } .prov-list-wrap- .gametabcontent- .tabcontent- .maintenance- { color: var(--color1) } .prov-list-wrap- .gametabcontent- .tabcontent- .maintenance-:before, .prov-list-wrap- .gametabcontent- .tabcontent- .maintenance-:after { background: var(--color1) } .prov-list-wrap- .gametabcontent- .tabcontent- .btn-prov-play-.provPromoCheck- .btn-nobg { color: var(--PRIMARY_BTN_COLOR); background: var(--PRIMARY_BTN_BG); border: var(--PRIMARY_BTN_BORDER); box-shadow: var(--PRIMARY_BTN_SHADOW); text-shadow: none; height: 39px; text-transform: capitalize; } .prov-list-wrap- .gametabcontent- .tabcontent- .btn-prov-play-.provPromoCheck- .btn-nobg:hover { filter: var(--PRIMARY_BTN_HOVER_FILTER_BG); color: var(--PRIMARY_BTN_HOVER_COLOR); background: var(--PRIMARY_BTN_HOVER_BG); border: var(--PRIMARY_BTN_HOVER_BORDER); } .prov-list-wrap- .gametabcontent- .tabcontent- .btn-prov-play-.provPromoCheck- .btn-bg span { color: var(--PRIMARY_BTN_COLOR); text-shadow: none; } .prov-list-wrap- .gametabcontent- .tabcontent- .btn-prov-play-:not(.provPromoCheck-) .btn-nobg { color: var(--SECONDARY_BTN_COLOR); background: var(--SECONDARY_BTN_BG); border: var(--SECONDARY_BTN_BORDER); box-shadow: none; text-shadow: none; } .prov-list-wrap- .gametabcontent- .tabcontent- .btn-prov-play-:not(.provPromoCheck-) .btn-nobg:hover { filter: var(--SECONDARY_BTN_HOVER_FILTER_BG); color: var(--SECONDARY_BTN_HOVER_COLOR); background: var(--SECONDARY_BTN_HOVER_BG); border: var(--SECONDARY_BTN_HOVER_BORDER); } .prov-list-wrap- .gametabcontent- .tabcontent- .btn-prov-play-:not(.provPromoCheck-) .btn-bg span { color: var(--SECONDARY_BTN_COLOR); text-shadow: none; } .prov-list-wrap- .gametabcontent- .tabcontent- .prov-filter-list- button { color: var(--TAB_TXT_COLOR); background: var(--TAB_BG); border: var(--TAB_BORDER); box-shadow: var(--TAB_BOX_SHADOW); } .prov-list-wrap- .gametabcontent- .tabcontent- .search-bar{ color: var(--color1); } .prov-list-wrap- .gametabcontent- .tabcontent- .search-bar .searchInputBox{ outline: none; border: none; background: transparent; color: var(--color1); } .prov-list-wrap- .gametabcontent- .tabcontent- .prov-filter-list- button:hover, .prov-list-wrap- .gametabcontent- .tabcontent- .prov-filter-list- button.active { color: var(--TAB_HOVER_COLOR); background: var(--TAB_HOVER_BG); border: var(--TAB_HOVER_BORDER); box-shadow: var(--TAB_BOX_SHADOW); } .prov-list-wrap- .gametabcontent- .tabcontent- .provItem- .prov-img- { border-color: var(--color4) } .prov-list-wrap- .gametabcontent- .tabcontent- .provItem- .prov-img- .prov-btn-wrap- { background: #000000b3 } .prov-list-wrap- .gametabcontent- .tabcontent- .provItem- .prov-img- .prov-btn-wrap- button { color: var(--PRIMARY_BTN_COLOR); background: var(--PRIMARY_BTN_BG); border: var(--PRIMARY_BTN_BORDER); box-shadow: var(--PRIMARY_BTN_SHADOW); text-shadow: none; } .prov-list-wrap- .gametabcontent- .tabcontent- .provItem- .prov-img- .prov-btn-wrap- button:hover { color: var(--PRIMARY_BTN_HOVER_COLOR); background: var(--PRIMARY_BTN_HOVER_BG); border: var(--PRIMARY_BTN_HOVER_BORDER); filter: var(--PRIMARY_BTN_HOVER_FILTER_BG); } .prov-list-wrap- .gametabcontent- .tabcontent- .provItem- .prov-img- .prov-btn-wrap- button[data-selecttype="demoplay"] { color: var(--SECONDARY_BTN_COLOR); background: var(--SECONDARY_BTN_BG); border: var(--SECONDARY_BTN_BORDER); box-shadow: none; } .prov-list-wrap- .gametabcontent- .tabcontent- .provItem- .prov-img- .prov-btn-wrap- button[data-selecttype="demoplay"]:hover { color: var(--SECONDARY_BTN_HOVER_COLOR); background: var(--SECONDARY_BTN_HOVER_BG); border: var(--SECONDARY_BTN_HOVER_BORDER); filter: var(--SECONDARY_BTN_HOVER_FILTER_BG); } .prov-list-wrap- .gametabcontent- .tabcontent- .provItem- .prov-name- { color: var(--SECONDARY_BTN_COLOR); background: var(--SECONDARY_BTN_BG); border: var(--SECONDARY_BTN_BORDER); box-shadow: var(--SECONDARY_BTN_SHADOW); } .prov-list-wrap- .gametabcontent- .tabcontent- .usrpswd-notice- a { color: var(--color4) } .prov-list-wrap- .gametabcontent- .tabcontent- .usrpswd-field- .input- input { border: 2px solid; border-color: var(--color4); background: #f7f7f7 } .prov-list-wrap- .gametabcontent- .tabcontent- .usrpswd-field- button { color: var(--color2); background: var(--color4); text-shadow: 2px 2px var(--color1) } .prov-list-wrap- .gametabcontent- .tabcontent- .usrpswd-field- button:hover { filter: drop-shadow(0 0 6px var(--color4)) } .prov-list-wrap- .gametabcontent- .tabcontent- .usrpswd-download- .down-item .lbl { color: var(--color1); background: var(--color4) } .sidenav-area::after{ background: #D9D9D9; } .sidenav-background-color { background: #313131; } .player-sidenav { background-color: var(--color2); -webkit-box-shadow: rgba(0,0,0,.3) 0px 0px 4px 0px; -moz-box-shadow: rgba(0,0,0,.3) 0px 0px 4px 0px; box-shadow: rgba(0,0,0,.3) 0px 0px 4px 0px; border-radius: 8px; } .main_btn_short_custom a .main_text { color: #2e2e2e; } .main_btn_short_custom a.active .main_text { color: #63C2EE; } .sidenav-area:not(.sidenav-money) li::after { background-color: #ea464f; } .link-member-bank .sidenav-icon::after, .link-bonuswallet .sidenav-icon::after, .link-my-wallet .sidenav-icon::after, .link-transaction-record .sidenav-icon::after, .link-turnover .sidenav-icon::after { background-color: #5dadff; } .link-friend .sidenav-icon::after, .link-gift .sidenav-icon::after, .link-mail .sidenav-icon::after, .link-password .sidenav-icon::after, .link-profile .sidenav-icon::after, .link-verify .sidenav-icon::after, .link-vip .sidenav-icon::after { background-color: #ff9f5d; } .sidenav-area:not(.sidenav-money) li.active, .sidenav-area:not(.sidenav-money) li:hover { background-color: rgba(0,0,0,.2); } .prov-filter-list- .filter-header{ color: var(--color2); text-shadow: 1px 1px 2px var(--color1); background: #bdbdbd; border-color: var(--color9); box-shadow: 0 2px var(--color9); } .prov-filter-list- .filter-header.active{ background: var(--color4); border-color: #664844; box-shadow: 0 2px #664844; } .subNaviItem .icon{ filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(248deg) brightness(106%) contrast(106%); } .main_profile_right .deposit-tab-container .deposit-tab-header p { color: #000; font-size: 16px; padding: 0 0 15px; margin: 0 0 0 0.05rem; } .main_profile_right .deposit-tab-container .deposit-tab-header .deposit-tittle:after { color: #e0082d; content: "*"; margin-left: 0.04rem; padding: 0 0.04rem 0 0; font-size: 16px; } .main_profile_right .standard-tab-container .tab-header, .main_profile_right .deposit-channel-container .deposit-select-box .tab-header { color: #0f161f; } .main_profile_right .standard-tab-container .tab-header .img-container, .main_profile_right .deposit-channel-container .deposit-select-box .tab-header .img-container { background: var(--color2); } .main_profile_right .standard-tab-container .tab-header.active .img-container, .main_profile_right .standard-tab-container .tab-header .img-container:hover { border: 2px solid var(--color5); border-radius:5px; position: relative; } .main_profile_right .standard-tab-container .tab-header.active .img-container::after, .main_profile_right .deposit-channel-container .deposit-select-box .tab-header .channel-img.active::after{ content: '\f00c'; position: absolute; top: -8px; right: -7px; background: var(--color5); color: var(--color2); height: 25px; width: 25px; border-radius: 30px; font-family: 'Font Awesome 6 Free'; padding: 1px 0; } .main_profile_right .deposit-channel-container .deposit-select-box .tab-header .channel-img:hover, .main_profile_right .deposit-channel-container .deposit-select-box .tab-header .channel-img.active { background: var(--color2); border: 2px solid var(--color5); } .main_profile_right .deposit-channel-container .deposit-select-box .tab-header .channel-img img { filter: grayscale(100%) opacity(.5) brightness(100%); } .main_profile_right .deposit-channel-container .deposit-select-box .tab-header .channel-img.active img, .main_profile_right .deposit-channel-container .deposit-select-box .tab-header .channel-img:hover img { filter: grayscale(0%); } .main_profile_right .standard-tab-container .tab-header .img-container img, .main_profile_right .deposit-channel-container .deposit-select-box .tab-header .img-container img { width: 50%; } .main_profile_right .standard-tab-container .tab-header .deposit-option-tittle, .main_profile_right .deposit-channel-container .deposit-select-box .deposit-option { color: #000; } .main_profile_right .deposit-channel-container p { color: #000; } .main_profile_right .deposit-channel-container .deposit-channel-tittle:after { color: #e0082d; content: "*"; margin-left: 0.04rem; padding: 0 0.04rem 0 0; font-size: 16px; } .main_profile_right .bank-list-container { background: var(--color2); } .nav-tabs .nav-link { color: var(--TAB_TXT_COLOR); font-size: 13px; word-break: break-word; margin: 0 0 0 0.1rem; text-align: center; background: #F5F1F1; border-radius: 8px; } .nav-tabs .nav-link:hover{ border: unset; color: #0f161f; } .nav-tabs .nav-link.active { color: #0f161f; border-color: unset; border: unset; } .form-group .choose-box li { background: #585858; color: #fff; } .form-group .col-form-label b { color: #000; } .form-group button { color: var(--color1); background: var(--color4); } .form-group button:hover { background: var(--color6); } .form-group input, .form-group select { background-color: #f8f9fb; } .form-group .form-input .deposit-amount-input span i { font-size: 16px; color: #f35e5e; } .form-group .form-input .minmax-input span { color: #000; font-size: 13px; } .form-group .copyIcon { width: fit-content; height: fit-content; font-size: 1rem; cursor: pointer; margin-left: 5px; color: #1973c5; } .region-qr-container .bank-qrcode .frame { position: relative; margin: 0 0 0.25rem; padding: 15px; border: 3px solid #8697a2; border-radius: 10px; } .region-qr-container .bank-qrcode .frame .top-mask { background: #f2f2f2; position: absolute; top: -4px; left: 25%; height: 0.025rem; width: 50%; border: 3px solid #f2f2f2; } .region-qr-container .bank-qrcode .frame .right-mask { background: #f2f2f2; position: absolute; top: 25%; right: -4px; height: 50%; width: 0.025rem; border: 3px solid #f2f2f2; } .region-qr-container .bank-qrcode .frame .bottom-mask { background: #f2f2f2; position: absolute; bottom: -4px; left: 25%; height: 0.025rem; width: 50%; border: 3px solid #f2f2f2; } .region-qr-container .bank-qrcode .frame .left-mask { background: #f2f2f2; position: absolute; top: 25%; left: -4px; height: 50%; width: 0.025rem; border: 3px solid #f2f2f2; } .region-qr-container .bank-qrcode .frame img { width: 10rem; } .form-group .specificUploadBtn .btnDepositReceipt.btnSelect { background: #81cafc; color: var(--color2); border: none; cursor: pointer; } .form-group .specificUploadBtn .btnDepositReceipt.btnRemove { background: #ff0000; color: var(--color2); border: none; } .form-group .depositReceiptImg .receipt-img img { width: 50%; } .form-group .depositNotice { border-radius: 5px; border: 2px solid #7293e1; background-color: rgba(114,147,225,.4); color: #fff; } .form-group.manual-btn { text-align: -webkit-center; } .form-group .exchangeIcon { color: #000; font-size: 2rem; top: 30px; display: flex; justify-content: center; } .important-icon { color: var(--color12); } .nav-tabs .nav-link .paymentgateway-name { color: #000; word-break: break-word; margin: 0 0 0 0.1rem; } .bank-list-container .nav-item .nav-link img { width: 14%; filter: grayscale(100%) opacity(.5) brightness(100%); } .bank-list-container .nav-item .nav-link.active img, .bank-list-container .nav-item:hover .nav-link img { filter: grayscale(0%); } .bank-list-container .nav-item .nav-link.active .paymentgateway-name, .bank-list-container .nav-item:hover .nav-link .paymentgateway-name { color: var(--color1); } .slogan-banner{ display: flex; align-items: center; justify-content: space-around; } .slogan-banner img{ max-width: 750px; max-height: 100px; } .memberUpdate-menu.header-menu { min-height: 46px } .memberUpdate-menu .login_header_afterlogin { float: right } .memberUpdate_body.index_home { background-size: cover } .memberUpdate_body.index_body_custom { padding: 0 0 290px } .memberUpdate_body .main_profile_right { text-align: center; margin: 5rem auto 2rem } .memberUpdate_body .updateName { border-radius: 20px; height: 32px; max-width: 300px; margin: auto } .login_form .confirmation-wrap{ display: flex; align-items: center; gap: 20px; width: 70%; margin: 20px auto; } .login_form .confirmation-wrap .confirm-check input{ width: 20px; height: 20px; } .login_form .confirmation-wrap .confirm-msg{ font-size: 13px; } .login_form .confirmation-wrap .confirm-msg a{ color: var(--color4) } #restoreMsgmodal .modal-body .description-title { font-size: 14px; text-align: center; } #restoreMsgmodal .modal-body .restoreMsgPop-btn { margin-top: 40px; text-align: -webkit-center; } #restoreMsgmodal .modal-body .restoreMsgPop-btn .restoreMsgOkBtn { padding: 10px 0; border-radius: 20px; width: 25%; border: none; background: var(--color4); color: var(--color2); } #restoreMsgmodal .modal-body .restoreMsgPop-btn #restoreMsgLaterBtn { margin-left: 10px; background: var(--color3); color: var(--color2); } .contactBox_left, .contactBox_right { background: var(--color4); color: var(--color2); } .contact-tab-text-1, .contact-tab-text-2 { color: var(--color2); } .hotgames3-container .folder.folder-blue { border: 3px solid #1A44C8; border-radius: 0px 10px 10px 10px !important; } .hotgames3-container .folder.folder-blue:before { background: #1A44C8 !important; left: -2.2px !important; } .hotgames3-container .folder.folder-blue{ background: var(--color2) !important; } .hotgames3-container .navbar-home .nav-pills .nav-item .nav-link.active{ background: none !important; color: #1A44C8 !important; } .hotgameNaviItem { width: 155px !important; height: 52px !important; box-sizing: border-box !important; justify-content: center !important; padding: 0 12px !important; background: var(--TAB_BG) !important; color: var(--TAB_TXT_COLOR) !important; border: var(--TAB_BORDER) !important; box-shadow: var(--TAB_BOX_SHADOW) !important; } .hotgameNaviItem.active, .hotgameNaviItem:hover{ background: var(--TAB_HOVER_BG) !important; color: var(--TAB_HOVER_COLOR) !important; border: var(--TAB_HOVER_BORDER) !important; } .login-1- .tablist- ul { justify-content: center; } .login-1- .page-content- { box-shadow: var(--CARD_1_BOX_SHADOW) !important; border: var(--login1_CONTENT_BORDER) !important; border-radius: var(--login1_CONTENT_BORDER_RADIUS) !important; background: var(--CARD_1_BG) !important; } .login-1- .tablist- ul li a { box-shadow: none !important; background: var(--login1_TABLIST_ITEM_BG) !important; } .login-1- .tablist- ul li a:hover, .login-1- .tablist- ul li a.active { background: var(--login1_TABLIST_ITEM_HOVER_BG) !important; } input,select { border: 1px solid var(--color1) !important; border-radius: 5px !important; background: var(--color2) !important; } input:disabled { background: #ccc !important; } input:focus,select:focus, input:hover,select:hover { box-shadow: none !important; } .header-menu .menu-top { padding: 30px 0 20px; } .usr-online-trace { background: #313131; color: var(--color2); } .claim-credit .amountColumn,.claim-credit .freeCreditTitle { color: var(--color1); } .transfer-3- .freeCreditWrapper .transaction-list, .freeCreditTransfer-wrap .freeCreditWrapper .transaction-list { width: 100%; height: auto; min-height: 140px; padding: 16px 30px; margin-bottom: 20px; border-radius: 10px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; position: relative; box-sizing: border-box; background: linear-gradient(90deg, #FFFFFF 0%, #E1E6EB 100%) !important; background-image: linear-gradient(90deg, #FFFFFF 0%, #E1E6EB 100%) !important; border: 1px solid #C9D1D9; color: var(--color1); overflow: hidden; } .transfer-3- .claim-credit-background, .freeCreditTransfer-wrap .claim-credit-background, .freeCreditWrapper .claim-credit-background { display: none !important; } .transfer-3- .claim-credit-background img, .freeCreditTransfer-wrap .claim-credit-background img, .freeCreditWrapper .claim-credit-background img { display: none !important; visibility: hidden !important; opacity: 0 !important; width: 0 !important; height: 0 !important; } .transfer-3- .freeCreditWrapper .transaction-list .row.claim-credit { width: 100%; display: flex; flex-direction: row; align-items: center; position: relative; z-index: 1; margin: 0; } .transfer-3- .claim-credit .amountColumn { color: var(--color1); padding-top: 5px; text-align: left; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; } .transfer-3- .claim-credit .amountColumn .currency-code { display: block; margin: unset; text-align: left; font-size: var(--SUBHEADER_FONT_SIZE); font-weight: var(--SEMIBOLD_FONT_WEIGHT); } .transfer-3- .claim-credit .amountColumn .freeCreditAmt { display: block; margin: unset; text-align: left; font-size: 26px; font-weight: var(--SEMIBOLD_FONT_WEIGHT); line-height: 1.15; } .transfer-3- .claim-credit .freeCreditTitle { color: var(--color1); font-weight: var(--MED_FONT_WEIGHT); font-size: var(--HEADER_FONT_SIZE); text-transform: uppercase; } .transfer-3- .claim-credit .freeCreditContent, .transfer-3- .claim-credit #labelTransferTo { color: var(--color1); } .transfer-3- .claim-credit .moreInfoBtn { color: var(--color1); } .transfer-3- .claim-credit .provPromoCheck-, .freeCreditTransfer-wrap .claim-credit .provPromoCheck- { display: grid; grid-template-columns: auto 1fr; grid-template-areas: "icon label" "select select" "btn btn"; align-items: center; column-gap: 4px; row-gap: 8px; } .transfer-3- .claim-credit .provPromoCheck- .important-icon, .freeCreditTransfer-wrap .claim-credit .provPromoCheck- .important-icon { grid-area: icon; margin: 0; line-height: 1.2; } .transfer-3- .claim-credit .provPromoCheck- #labelTransferTo, .freeCreditTransfer-wrap .claim-credit .provPromoCheck- #labelTransferTo { grid-area: label; margin: 0; line-height: 1.2; } .transfer-3- .claim-credit .provPromoCheck- .freeCreditProviderOption, .freeCreditTransfer-wrap .claim-credit .provPromoCheck- .freeCreditProviderOption { grid-area: select; width: 100%; margin: 0; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; background-color: var(--INPUT_BG) !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%234A5560' d='M1.4 0.6L6 5.2 10.6 0.6 12 2 6 8 0 2z'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: right 14px center !important; background-size: 12px 8px !important; padding-right: 2.25rem !important; box-sizing: border-box; } .transfer-3- .claim-credit .provPromoCheck- .freeCreditProviderOption::-ms-expand, .freeCreditTransfer-wrap .claim-credit .provPromoCheck- .freeCreditProviderOption::-ms-expand { display: none !important; } .transfer-3- .claim-credit .provPromoCheck- .btn_transfer, .freeCreditTransfer-wrap .claim-credit .provPromoCheck- .btn_transfer { grid-area: btn; width: 100% !important; max-width: 100%; margin: 0; text-transform: capitalize !important; box-sizing: border-box; } .bank-list-container .nav-link.active { background: linear-gradient(#FEFDD1,#F7ED48); } .member-info-4- .content-block- { background: var(--color2)!important; border:none !important; box-shadow: rgba(0,0,0,.3) 0px 0px 4px 0px !important; border-radius: 8px; } .member-info-4- .btn-submit- { display: flex; align-items: center; justify-content: center; border: var(--PRIMARY_BTN_BORDER) !important; border-radius: 30px !important; color: var(--PRIMARY_BTN_COLOR) !important; background: var(--PRIMARY_BTN_BG) !important; box-shadow: var(--PRIMARY_BTN_SHADOW) !important; font-weight: var(--SEMIBOLD_FONT_WEIGHT); letter-spacing: 0; text-transform: none; } .member-info-4- .btn-submit-:hover, .member-info-4- .btn-submit-:active { border: var(--PRIMARY_BTN_HOVER_BORDER) !important; color: var(--PRIMARY_BTN_HOVER_COLOR) !important; background: var(--PRIMARY_BTN_HOVER_BG) !important; box-shadow: var(--PRIMARY_BTN_SHADOW) !important; filter: var(--PRIMARY_BTN_HOVER_FILTER_BG) !important; } .member-info-4- .content-tablist-block- .tablist- { display: inline-flex !important; align-items: stretch; width: fit-content !important; max-width: 100%; margin: 0 0 1.5rem; padding: 0 !important; gap: 0; overflow: visible; list-style: none; border-radius: 10px; border: var(--SECONDARY_BTN_BORDER); background: var(--SECONDARY_BTN_BG); box-shadow: none !important; } .member-info-4- .content-tablist-block- .tablist- li { flex: 0 1 auto; min-width: 180px; padding: 12px 1rem !important; margin: 0 !important; border: none !important; border-radius: 0 !important; background: var(--SECONDARY_BTN_BG) !important; color: var(--SECONDARY_BTN_COLOR) !important; box-shadow: none !important; font-weight: var(--SEMIBOLD_FONT_WEIGHT); font-size: var(--BODY_SMALL_TXT_FONT_SIZE); letter-spacing: 0; text-transform: none !important; text-align: center; cursor: pointer; transform: none !important; transition: background 0.2s ease, color 0.2s ease; } .member-info-4- .content-tablist-block- .tablist- li:first-child { border-radius: 9px 0 0 9px !important; } .member-info-4- .content-tablist-block- .tablist- li:last-child { border-radius: 0 9px 9px 0 !important; } .member-info-4- .content-tablist-block- .tablist- li.active { background: var(--PRIMARY_BTN_BG) !important; color: var(--PRIMARY_BTN_COLOR) !important; border: var(--PRIMARY_BTN_BORDER) !important; box-shadow: none !important; font-weight: var(--SEMIBOLD_FONT_WEIGHT); transform: none !important; } .member-info-4- .content-tablist-block- .tablist- li:hover:not(.active) { background: var(--SECONDARY_BTN_HOVER_BG) !important; color: var(--SECONDARY_BTN_HOVER_COLOR) !important; filter: var(--SECONDARY_BTN_HOVER_FILTER_BG); transform: none !important; } .member-info-4- .content-tablist-block- .tablist- li.active:hover { background: var(--PRIMARY_BTN_HOVER_BG) !important; color: var(--PRIMARY_BTN_HOVER_COLOR) !important; filter: var(--PRIMARY_BTN_HOVER_FILTER_BG); transform: none !important; } .login-1- .linkredirect- a { color: var(--color5) !important; } .menu_account_inner img.beforeactive { filter: brightness(0) saturate(100%) invert(89%) sepia(1%) saturate(11%) hue-rotate(15deg) brightness(93%) contrast(91%); } #announcemodal .modal-footer{ color: var(--color1) !important; } .btn-disCheck { background: var(--color4); color: var(--color1); } .nav-tabs .nav-link { border-radius: 10px !important; } .promoModal .modal-footer .btn { color: var(--SECONDARY_BTN_COLOR); background: var(--SECONDARY_BTN_BG); border: var(--SECONDARY_BTN_BORDER); border-radius: 30px; } .promoModal .modal-footer .btn:hover { color: var(--SECONDARY_BTN_HOVER_COLOR); background: var(--SECONDARY_BTN_HOVER_BG); border: var(--SECONDARY_BTN_HOVER_BORDER); filter: var(--SECONDARY_BTN_HOVER_FILTER_BG); } .balance-drop .dropdown-balance { padding: 10px; } .freeCreditTransfer-wrap .transaction-freeCredit-title .voucher-wrap .voucherCode { border: var(--INPUT_BORDER) !important; border-radius: 10px !important; color: var(--INPUT_TXT_COLOR) !important; background: var(--INPUT_BG) !important; padding: 10px 1rem !important; min-height: 42px !important; height: 42px !important; box-shadow: none !important; } .tournament-bx.bx-1 img { height: 100%; object-fit:cover; } .header-menu .login_header a:nth-child(1) { background: var(--SECONDARY_BTN_BG); color: var(--SECONDARY_BTN_COLOR); border: var(--SECONDARY_BTN_BORDER); } .header-menu .login_header a:nth-child(2) { background: var(--PRIMARY_BTN_BG); color: var(--PRIMARY_BTN_COLOR); border: var(--PRIMARY_BTN_BORDER); } .header-menu .login_header a:nth-child(1):hover { filter: var(--SECONDARY_BTN_HOVER_FILTER_BG); background: var(--SECONDARY_BTN_HOVER_BG); color: var(--SECONDARY_BTN_HOVER_COLOR); border: var(--SECONDARY_BTN_HOVER_BORDER); } .header-menu .login_header a:nth-child(2):hover { filter: var(--PRIMARY_BTN_HOVER_FILTER_BG); background: var(--PRIMARY_BTN_HOVER_BG); color: var(--PRIMARY_BTN_HOVER_COLOR); border: var(--PRIMARY_BTN_HOVER_BORDER); } .header-menu .login_header a:after { opacity: 0; } .claim-today{ animation: none !important; } .mobile_prefix_selection .select2-selection--single { border: 1px solid var(--color1) !important; border-radius: 5px !important; } .mobile_prefix_dropdown.select2-dropdown { border:1px solid var(--color1) !important; } .menu_account a.menu_account_inner:hover .main_text { color: var(--color1) !important; } .main_btn_short_custom:hover .main_text, .main_btn_short_custom:hover a .main_text, .main_btn_short_custom a.active .main_text { color: #63C2EE !important; } .liveScoreWidget .league-fixture-content .fc-main { background-color: #F3F4F5 !important; } .liveScoreWidget .league-fixture-list .layer::-webkit-scrollbar-track { background-color: #E4E6EA; } .liveScoreWidget .league-fixture-list .layer::-webkit-scrollbar-thumb { background-color: #001976; border-radius: 4px; } .liveScoreWidget .league-fixture-list .layer::-webkit-scrollbar-track { background-color: #E4E6EA; } .liveScoreWidget .league-fixture-list .layer::-webkit-scrollbar { width: 5px; } .member-info-4- .profile-block- .profile-info- .info-item- .val- { color: var(--color1); } #sum-sub-kyc-block .sumsub-kyc-container .drop-down-item .toggle-doc-dropdown { background-color: #f8f8f8 !important; } #sum-sub-kyc-block .sumsub-kyc-container .drop-down-item .toggle-doc-dropdown .doc_checkbox::after { background-color: var(--color2); } .register-btn-wrap button,.whatsapp-tele-register-wrap button,.register-form-wrap button { background-color: var(--color4); } .cricket-title { padding-bottom: 0px !important; } .cricket-menu .cricketlist-content { padding: 8px 0 0 8px !important; } #cr-modal-content .cr-modal-header { padding-top: 40px !important; } .cricket-menu .cricket-wrapper { margin-bottom: 0px !important; } .cricketNavi-All { border: none !important; border-radius: 28.5px !important; color: var(--color1) !important; background: #EEF2F6 !important; box-shadow: rgba(0, 0, 0, .3) 0px 1px 4px 1px; } .dropdown-toggle, .cricket-scroll { box-shadow: rgba(0, 0, 0, .3) 0px 1px 4px 1px; } .ts7-prev, .ts7-next{ color: var(--color1) !important; } .video-area-4 .video-wrap-.videos- { grid-template-columns: 1fr 1fr !important; gap: 15px !important; } .video-area-4 .video-wrap- iframe { min-height: 300px !important; height: 300px !important; } .video-area-4 .container { padding-left: 15px !important; padding-right: 15px !important; } .video-9 .dstg-video-wrapper iframe, .video-9 .dstg-subSlider-wrapper .dstg-sub-slider img { height: 290px !important; width: 100% !important; object-fit: cover !important; } .provGame-wrapper .provGame-list { --grid-cols: 7.5 !important; } @media (max-width: 1680px) { .provGame-wrapper .provGame-list { --grid-cols: 6.5 !important; } } @media (max-width: 1366px) { .provGame-wrapper .provGame-list { --grid-cols: 5.5 !important; } } @media (max-width: 1200px) { .provGame-wrapper .provGame-list { --grid-cols: 4.5 !important; } } @media (max-width: 1024px) { .provGame-wrapper .provGame-list { --grid-cols: 3.5 !important; } } .provGame-wrapper .provGame-list .provGameItem .provGameImg { aspect-ratio: 3 / 4 !important; border-radius: 16px !important; } .provGame-wrapper .provGame-list .provGameItem .provGameImg img { object-fit: cover !important; } .provGame-wrapper .provGame-header .title { color: var(--color1) !important; } .provGame-wrapper.is-temp4 { position: relative !important; padding-bottom: 8px !important; } .provGame-wrapper.is-temp4 .provGame-header { position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 20px 0 20px 0 !important; } .provGame-wrapper.is-temp4 .provGame-header .title { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; margin: 0 !important; box-sizing: border-box !important; column-gap: 40px !important; } .provGame-wrapper.is-temp4 .provGame-header .title .title-wrap { flex: 0 0 auto !important; text-transform: uppercase !important; color: var(--color1) !important; margin: 0 !important; padding: 0 8px !important; text-align: center !important; white-space: nowrap !important; line-height: 1 !important; font-size: var(--SECTION_HEADER_LARGE_FONT_SIZE); font-weight: var(--REG_FONT_WEIGHT); letter-spacing: 1px; } .provGame-wrapper.is-temp4 .provGame-header .title .bar { position: relative !important; height: 2px !important; flex: 1 1 0 !important; min-width: 0 !important; width: auto !important; max-width: none !important; margin: 0 !important; background-color: #0052E3 !important; align-self: center !important; } .provGame-wrapper.is-temp4 .provGame-header .title .bar::before { content: "" !important; position: absolute !important; top: 50% !important; width: 12px !important; height: 12px !important; background-color: #0052E3 !important; margin-top: -6px !important; } .provGame-wrapper.is-temp4 .provGame-header .title .bar.left::before { left: -6px !important; transform: rotate(45deg) !important; } .provGame-wrapper.is-temp4 .provGame-header .title .bar.right::before { right: -6px !important; transform: rotate(45deg) !important; } .provGame-wrapper.is-temp4 .provGame-list { position: relative !important; padding-top: 8px !important; padding-bottom: 8px !important; } .provGame-wrapper.is-temp4 .provGame-list .provGameItem { margin-top: 0 !important; } .provGame-wrapper.is-temp4 .provGame-carousel { position: relative !important; width: 100% !important; } .provGame-wrapper.is-temp4 .provGame-carousel .provGame-controls { position: absolute !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; width: auto !important; height: auto !important; display: block !important; pointer-events: none !important; z-index: 20 !important; } .provGame-wrapper.is-temp4 .provGame-carousel .provGame-controls .scroll-btn { position: absolute !important; top: 50% !important; transform: translateY(-50%) !important; pointer-events: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 40px !important; height: 40px !important; box-sizing: border-box !important; border-radius: 30px !important; background: var(--THIRD_BTN_BG) !important; color: var(--THIRD_BTN_COLOR) !important; box-shadow: var(--THIRD_BTN_SHADOW) !important; border: 1px solid transparent !important; transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease !important; cursor: pointer !important; } .provGame-wrapper.is-temp4 .provGame-carousel .provGame-controls .scroll-btn i { color: inherit !important; font-size: 14px !important; } .provGame-wrapper.is-temp4 .provGame-carousel .provGame-controls .scroll-btn.left- { left: 0 !important; } .provGame-wrapper.is-temp4 .provGame-carousel .provGame-controls .scroll-btn.right- { right: 0 !important; } .provGame-wrapper.is-temp4 .provGame-carousel .provGame-controls .scroll-btn.all- { display: none !important; } .provGame-wrapper.is-temp4 .provGame-carousel .provGame-controls .scroll-btn:hover { background: var(--THIRD_BTN_HOVER_BG) !important; color: var(--THIRD_BTN_HOVER_COLOR) !important; border-color: #63C2EE !important; box-shadow: var(--THIRD_BTN_SHADOW) !important; } .provGame-wrapper.is-temp4 .provGame-carousel .provGame-controls .scroll-btn.disabled { opacity: 0.4 !important; cursor: not-allowed !important; pointer-events: none !important; } .provGame-wrapper.is-temp4 .provGame-viewAll { display: flex !important; align-items: center !important; justify-content: center !important; width: fit-content !important; min-width: 127px !important; margin: 28px auto 12px !important; padding: 12px 30px !important; box-sizing: border-box !important; border-radius: 30px !important; background: var(--THIRD_BTN_BG) !important; color: var(--THIRD_BTN_COLOR) !important; border: 1px solid transparent !important; box-shadow: var(--THIRD_BTN_SHADOW) !important; cursor: pointer !important; font-size: var(--BUTTON_MED_FONT_SIZE) !important; font-weight: var(--REG_FONT_WEIGHT) !important; letter-spacing: 0.2px !important; line-height: 1.2 !important; transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease !important; } .provGame-wrapper.is-temp4 .provGame-viewAll:hover { background: var(--THIRD_BTN_HOVER_BG) !important; color: var(--THIRD_BTN_HOVER_COLOR) !important; border-color: #63C2EE !important; box-shadow: var(--THIRD_BTN_SHADOW) !important; } .livescore-menu { padding-left: 0 !important; padding-right: 0 !important; } .livescore-menu .livescore-wrapper > .livescore-title, .livescore-menu .livescore-wrapper > .livescoreNavi-wrapper, .livescore-menu .livescore-wrapper > .livescore-controls { display: none !important; } .livescore-menu .livescore-wrapper { display: none !important; } .livescore-menu > .bar_title.d-none { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; max-width: 100% !important; margin: 20px 0 15px 0 !important; } .livescore-menu > .bar_title .game-title { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; margin: 0 !important; } .livescore-menu > .bar_title .game-title .title-wrap { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: center !important; width: 100% !important; max-width: 100% !important; column-gap: 40px !important; } .livescore-menu > .bar_title .game-title .bar { display: block !important; position: relative !important; top: auto !important; left: auto !important; right: auto !important; bottom: auto !important; transform: none !important; height: 2px !important; flex: 1 1 0 !important; min-width: 0 !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background-color: #0052E3 !important; align-self: center !important; } .livescore-menu > .bar_title .game-title .bar::before { content: "" !important; position: absolute !important; top: 50% !important; width: 12px !important; height: 12px !important; background-color: #0052E3 !important; margin-top: -6px !important; transform: rotate(45deg) !important; } .livescore-menu > .bar_title .game-title .bar.left { order: 1 !important; } .livescore-menu > .bar_title .game-title .bar.left::before { left: -6px !important; right: auto !important; } .livescore-menu > .bar_title .game-title .title-wrap > div:not(.bar) { order: 2 !important; flex: 0 0 auto !important; color: var(--BODY_TXT_COLOR) !important; } .livescore-menu > .bar_title .game-title .bar.right { order: 3 !important; } .livescore-menu > .bar_title .game-title .bar.right::before { right: -6px !important; left: auto !important; } .livescore-menu .livescore-bottom-nav.d-none { display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 8px !important; margin-top: -30px !important; padding-bottom: 8px !important; } .livescore-menu .livescore-bottom-nav .livescoreNavi-wrapper { padding: 0 !important; } .livescore-menu .livescore-bottom-nav .livescoreNavi_Container { justify-content: flex-end !important; } .afterloginform .btn_transfer{ font-size: 12px !important; height: 32px !important; } .daily-reward-6-title { background: linear-gradient(90.75deg, #FFFFFF -15.84%, #E1E6EB 112.99%) !important; border: 1px solid #C9D1D9 !important; color: var(--color1) !important; box-shadow: 0px 0px 2px 0px #00000040 !important; font-family: var(--PRIMARY_FONT_FAMILY) !important; } .daily-reward-section.daily-reward-6- { background: linear-gradient(0deg, #F3F4F5, #F3F4F5),linear-gradient(98.34deg, rgba(255, 255, 255, 0.04) 0%, rgba(198, 201, 205, 0.2) 10.45%, rgba(255, 255, 255, 0.04) 19.11%, rgba(255, 255, 255, 0.04) 32.26%, rgba(198, 201, 205, 0.2) 40.54%, rgba(255, 255, 255, 0.04) 50.63%, rgba(198, 201, 205, 0.2) 72.15%, rgba(255, 255, 255, 0.04) 80.76%, rgba(198, 201, 205, 0.04) 93.04%) !important; box-shadow: 0px 0px 5px 0px #00000040 !important; } .daily-reward-6-box { overflow: visible !important; } .daily-reward-6-cards { padding: 8px 6px !important; box-sizing: border-box !important; } .daily-reward-6-card { background: #EEF2F6 !important; box-shadow: 0px 0px 4px 0px #00000040 !important; } .daily-reward-6-claim-btn { background: #63C2EE !important; color: var(--color2) !important; border-radius: 30px !important; } .freeCredit-area .claimAllContainer { background: linear-gradient(0deg, #F3F4F5, #F3F4F5), linear-gradient(98.34deg, rgba(255, 255, 255, 0.04) 0%, rgba(198, 201, 205, 0.2) 10.45%, rgba(255, 255, 255, 0.04) 19.11%, rgba(255, 255, 255, 0.04) 32.26%, rgba(198, 201, 205, 0.2) 40.54%, rgba(255, 255, 255, 0.04) 50.63%, rgba(198, 201, 205, 0.2) 72.15%, rgba(255, 255, 255, 0.04) 80.76%, rgba(198, 201, 205, 0.04) 93.04%) !important; box-shadow: 0px 0px 5px 0px #00000040 !important; border-radius: 10px; color: var(--color1); } .freeCredit-area .claimAllContainer .claim-all-header { background: linear-gradient(90.75deg, #FFFFFF -15.84%, #E1E6EB 112.99%) !important; border: 1px solid #C9D1D9 !important; color: var(--color1) !important; box-shadow: 0px 0px 2px 0px #00000040 !important; border-radius: 30px !important; } .freeCredit-area .claimAllContainer .all-card-container .claim-all-card { background: #EEF2F6 !important; box-shadow: 0px 0px 4px 0px #00000040 !important; border-radius: 10px !important; color: var(--color1) !important; } .freeCredit-area .claimAllContainer .all-card-container .claim-all-card .card-bottom .more-info { color: #63C2EE !important; } .freeCredit-area .claimAllContainer .claim-btn { background: var(--PRIMARY_BTN_BG) !important; color: var(--PRIMARY_BTN_COLOR) !important; border: var(--PRIMARY_BTN_BORDER) !important; box-shadow: var(--PRIMARY_BTN_SHADOW); border-radius: 30px !important; } .freeCredit-area .claimAllContainer .claim-btn:hover, .freeCredit-area .claimAllContainer .claim-btn:active { background: var(--PRIMARY_BTN_HOVER_BG) !important; color: var(--PRIMARY_BTN_HOVER_COLOR) !important; border: var(--PRIMARY_BTN_HOVER_BORDER) !important; filter: var(--PRIMARY_BTN_HOVER_FILTER_BG); } .freeCredit-area .claimAllContainer .arrow i { border: 2px solid #63C2EE !important; background: #FFFFFF !important; color: #63C2EE; } .freeCredit-area .claimAllContainer .arrow:hover i, .freeCredit-area .claimAllContainer .arrow:active i { border: 2px solid #63C2EE !important; background: #E6F7FD !important; } .freeCredit-area .or-separator { color: #4A5560; } .freeCredit-area .or-separator .line { background-color: #C9D1D9; } .header-menu .login_header a{ border-radius: 30px; width: 109px; height: 39px; text-align: center; } .match-header .league-name, .match-header .season, .score-box-center, .team-name, .livescore-all-match-header .league-name, .livescore-all-match-header .season{ color: var(--CARD_1_TXT_COLOR) !important; } .match-date-box, .elapsed-box, .match-footer .value, .livescore-all-match-footer .value{ color: var(--CARD_2_TXT_COLOR) !important; } .match-footer .label, .livescore-all-match-footer .label{ color: #81858E !important; } .match-card:hover, .livescore-all-match-card:hover{ filter: unset !important; } .match-card{ border-radius: 10px !important; box-shadow: unset !important; } .livescoreNavi-Search, .livescoreNavi-Search-btn, .livescoreNavi-All, .livescore-scroll{ box-shadow: var(--THIRD_BTN_SHADOW); border-radius: 28.5px !important; } .livescoreNavi-Search:hover, .livescoreNavi-All:hover, .livescore-scroll:hover{ background: var(--THIRD_BTN_HOVER_BG); color: var(--THIRD_BTN_HOVER_COLOR); border: var(--THIRD_BTN_HOVER_BORDER); } .live-title{ color: var(--BODY_TXT_COLOR) !important; } .livescore-all-match-card{ color: var(--CARD_1_TXT_COLOR) !important; } .hotgame-menu{ margin-bottom: 5rem; } .hotgame-menu .hotgame-wrapper { flex-wrap: wrap !important; align-items: center !important; gap: 0 !important; } .hotgame-menu .hotgame-wrapper .hotgame-title, .hotgame-menu .hotgame-wrapper .title_hotGameDesktop { display: none !important; } .hotgame-menu .hotgame-wrapper .bar_title { display: flex !important; flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; margin: 20px 0 15px 0 !important; } .hotgame-menu .hotgame-wrapper .bar_title .game-title { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; } .hotgame-menu .hotgame-wrapper .hotgameNavi-wrapper { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; display: flex !important; justify-content: flex-end !important; padding: 0 !important; margin-top: -10px !important; margin-bottom: 8px !important; } .hotgame-menu .hotgame-wrapper .hotgameNavi_Container { justify-content: flex-start; width: 100% !important; } .hotgameNaviItem:hover .icon img, .hotgameNaviItem.active .icon img { filter: unset; } .hotgameNaviItem .icon{ filter: brightness(0) saturate(100%) invert(32%) sepia(19%) saturate(385%) hue-rotate(169deg) brightness(93%) contrast(92%); } .hotgameNaviItem .icon.active, .hotgameNaviItem:hover .icon { filter: brightness(0) saturate(100%) invert(69%) sepia(60%) saturate(606%) hue-rotate(169deg) brightness(97%) contrast(92%); } .hotgameNaviItem:hover .hotgameNaviName, .hotgameNaviItem.active .hotgameNaviName { color: var(--TAB_HOVER_COLOR) !important; } .nav-tabs.tabsection_main{ justify-content: left; } .tabsection_main .nav-item .nav-link .game_tab .game_tab_info .game_tab_info_text{ font-size: var(--BODY_TXT_FONT_SIZE); font-weight: var(--REG_FONT_WEIGHT); font-family: var(--PRIMARY_FONT_FAMILY); letter-spacing: 0; } .outer-circle:hover{ background: #63C2EE; } .inner-circle:hover{ background: linear-gradient(0deg, #FFFFFF 0%, #A6D6EB 102%); } .daily-reward-6-day{ font-weight: var(--MED_FONT_WEIGHT) !important; } .daily-reward-6-amount{ font-weight: var(--REG_FONT_WEIGHT) !important; } .qualityservice_inner_img{ width: 99px; height: 99px; } #ls-modal-content .ls-modal-header .league-name{ color: var(--MODAL_HEADER_TXT_COLOR) !important; } #ls-modal-content .ls-modal-header { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 25px 28px 0 28px !important; height: 68px !important; min-height: 68px !important; margin-bottom: 0 !important; box-sizing: border-box !important; border-bottom: var(--MODAL_HEADER_BORDER) !important; } #ls-modal-content .ls-modal-header .left, #ls-modal-content .ls-modal-header .right, #ls-modal-content .ls-modal-header .round-group { display: flex !important; align-items: center !important; } #ls-modal-content .ls-modal-header .left { gap: 8px !important; } #ls-modal-content .ls-modal-header .right { gap: 36px !important; } #ls-modal-content .ls-modal-header .round-group { gap: 8px !important; } #ls-modal-content .ls-modal-header .round { color: var(--MODAL_HEADER_TXT_COLOR) !important; white-space: nowrap !important; } #ls-modal-content .ls-modal-header .ls-modal-close { width: 36px !important; height: 36px !important; border-radius: 50% !important; background: var(--MODAL_CLOSE_BTN_BG) !important; color: var(--MODAL_CLOSE_BTN_COLOR) !important; border: none !important; outline: none !important; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.14) !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; margin: 0 !important; flex-shrink: 0 !important; line-height: 1 !important; } #ls-modal-content .ls-modal-header .ls-modal-close i { font-size: 16px !important; line-height: 1 !important; font-weight: 400 !important; } #ls-modal-content .score-box{ background: var(--BADGE_BG) !important; border: var(--BADGE_BORDER) !important; color: var(--BADGE_COLOR) !important } #ls-modal-content .info-grid b{ color: #81858E !important; } #ls-modal-content .ls-modal-header .league-logo{ filter: unset !important; } .quality-service-section-{ margin: 80px auto; } .floating-toggle-arrow{ border: var(--THIRD_BTN_BORDER) !important; box-shadow: var(--THIRD_BTN_SHADOW) !important; color: var(--THIRD_BTN_COLOR) !important; } .floating-toggle-arrow:hover{ border: var(--THIRD_BTN_HOVER_BORDER) !important; box-shadow: var(--THIRD_BTN_SHADOW) !important; color: var(--THIRD_BTN_HOVER_COLOR) !important; } .send-btn:hover:{ filter: var(--PRIMARY_BTN_HOVER_FILTER_BG) !important; } .login-1- { background: #F5F5F5; } .login-1- > .section-wrap- > .bar_title.d-none { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; max-width: 1100px !important; margin: 10px auto 24px auto !important; } .login-1- > .section-wrap- > .bar_title .game-title { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; margin: 0 !important; } .login-1- > .section-wrap- > .bar_title .game-title .title-wrap { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: center !important; width: 100% !important; max-width: 100% !important; column-gap: 40px !important; } .login-1- > .section-wrap- > .bar_title .game-title .bar { display: block !important; position: relative !important; top: auto !important; left: auto !important; right: auto !important; bottom: auto !important; transform: none !important; height: 2px !important; flex: 1 1 0 !important; min-width: 0 !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background-color: #0052E3 !important; align-self: center !important; } .login-1- > .section-wrap- > .bar_title .game-title .bar::before { content: "" !important; position: absolute !important; top: 50% !important; width: 12px !important; height: 12px !important; background-color: #0052E3 !important; margin-top: -6px !important; transform: rotate(45deg) !important; } .login-1- > .section-wrap- > .bar_title .game-title .bar.left { order: 1 !important; } .login-1- > .section-wrap- > .bar_title .game-title .bar.left::before { left: -6px !important; right: auto !important; } .login-1- > .section-wrap- > .bar_title .game-title .bar.right { order: 3 !important; } .login-1- > .section-wrap- > .bar_title .game-title .bar.right::before { right: -6px !important; left: auto !important; } .login-1- .page-content- { max-width: 1100px !important; margin-left: auto !important; margin-right: auto !important; padding: 2.25rem 2.5rem 2rem !important; } .login-1- .tabcontent- > .col-9 { max-width: 86% !important; flex: 0 0 86% !important; } .login-1- .tablist- { margin: 0 0 1.75rem !important; } .login-1- .tablist- ul { justify-content: center !important; gap: .75rem !important; } .login-1- .tablist- ul li a { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: .45rem !important; min-width: 140px !important; padding: 10px 1.5rem !important; border: 1px solid transparent !important; border-radius: 2rem !important; color: var(--TAB_TXT_COLOR) !important; background: var(--TAB_BG) !important; box-shadow: var(--TAB_BOX_SHADOW) !important; letter-spacing: 0 !important; text-transform: none !important; box-sizing: border-box !important; } .login-1- .tablist- ul li a .login-tab-icon-.d-none { display: inline-block !important; font-size: .95rem !important; } .login-1- .tablist- ul li a:hover, .login-1- .tablist- ul li a.active { border: var(--TAB_HOVER_BORDER) !important; color: var(--TAB_HOVER_COLOR) !important; background: var(--TAB_HOVER_BG) !important; box-shadow: var(--TAB_BOX_SHADOW) !important; } .login-1- .form-group.row { justify-content: flex-start !important; margin-left: 0 !important; margin-right: 0 !important; } .login-1- .form-group > label.col-3, .login-1- .login-options- > .col-3 { flex: 1 0 130px !important; padding-left: 0 !important; padding-right: 1rem !important; } .login-1- .form-group > .col-8, .login-1- .form-group > .col-6, .login-1- .form-group > .col-5 { flex: 1 1 0 !important; max-width: none !important; width: auto !important; padding-right: 0 !important; } .login-1- .form-group > .col-2 { flex: 0 0 110px !important; max-width: 110px !important; width: 110px !important; padding-right: .15rem !important; } .login-1- .form-group > .col-2 + .col-6 { padding-left: .15rem !important; } .login-1- .form-group > .col-3.p-relative { flex: 0 0 auto !important; max-width: none !important; width: auto !important; min-width: 140px !important; padding-left: .5rem !important; padding-right: 0 !important; } .login-1- .form-group input:not([type=checkbox]), .login-1- .form-group select { border: var(--INPUT_BORDER) !important; border-radius: 10px !important; color: var(--INPUT_TXT_COLOR) !important; background: var(--INPUT_BG) !important; padding: 10px 1rem !important; min-height: 50px !important; height: 50px !important; } .login-1- .form-group select { -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; background-color: var(--INPUT_BG) !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%234A5560' d='M1.4 0.6L6 5.2 10.6 0.6 12 2 6 8 0 2z'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: right 14px center !important; background-size: 12px 8px !important; padding-right: 2.25rem !important; } .login-1- .form-group select::-ms-expand { display: none !important; } .login-1- .form-group input:not([type=checkbox])::placeholder, .login-1- .form-group select::placeholder { color: var(--INPUT_PLACEHOLDER_TXT_COLOR) !important; } .login-1- .form-group input:disabled, .login-1- .form-group select:disabled { border: var(--DISABLED_INPUT_BORDER) !important; color: var(--DISABLED_INPUT_COLOR) !important; background: var(--DISABLED_INPUT_BG) !important; } .login-1- .form-group input.icons- { padding-right: 3rem !important; } .login-1- .form-group .select2-container { width: 100% !important; } .login-1- .form-group .select2-container .select2-selection--single, .login-1- .mobile_prefix_selection .select2-selection--single { border: var(--INPUT_BORDER) !important; border-radius: 10px !important; background: var(--INPUT_BG) !important; height: 50px !important; min-height: 50px !important; box-sizing: border-box !important; } .login-1- .form-group .select2-container .select2-selection--single .select2-selection__rendered { color: var(--INPUT_TXT_COLOR) !important; line-height: 48px !important; padding-left: 10px !important; padding-right: 28px !important; } .login-1- .form-group .select2-container .select2-selection--single .select2-selection__arrow { height: 48px !important; right: 10px !important; width: 20px !important; } .login-1- .login-options- { margin-top: .15rem !important; } .login-1- .login-options-inner- { justify-content: space-between !important; flex-wrap: nowrap !important; width: 100% !important; margin: 0 !important; } .login-1- .login-rmbme- { order: 1 !important; color: var(--login1_FORM_LABEL_COLOR) !important; } .login-1- .login-forgot- { flex: 0 0 auto !important; order: 2 !important; margin: 0 0 0 auto !important; text-align: right !important; } .login-1- .login-rmbme- label { color: var(--login1_FORM_LABEL_COLOR) !important; font-size: var(--SUBHEADER_FONT_SIZE) !important; font-weight: var(--REG_FONT_WEIGHT) !important; } .login-1- .login-forgot- a, .login-1- .linkredirect- a { color: var(--login1_FORM_LINK_COLOR) !important; font-weight: 500 !important; font-size: var(--BODY_SMALL_TXT_FONT_SIZE) !important; } .login-1- .linkredirect- { color: var(--color3) !important; } .login-1- .login-submit- { display: flex !important; align-items: center !important; justify-content: center !important; width: 280px !important; max-width: 280px !important; height: 39px !important; margin: 1rem auto 0 !important; padding: 0 1.5rem !important; border: var(--PRIMARY_BTN_BORDER) !important; border-radius: 30px !important; color: var(--PRIMARY_BTN_COLOR) !important; background: var(--PRIMARY_BTN_BG) !important; box-shadow: var(--PRIMARY_BTN_SHADOW) !important; font-weight: var(--SEMIBOLD_FONT_WEIGHT) !important; font-size: var(--BUTTON_LARGE_FONT_SIZE) !important; letter-spacing: 0 !important; } .login-1- .login-submit-:hover { border: var(--PRIMARY_BTN_HOVER_BORDER) !important; color: var(--PRIMARY_BTN_HOVER_COLOR) !important; background: var(--PRIMARY_BTN_HOVER_BG) !important; box-shadow: var(--PRIMARY_BTN_SHADOW) !important; filter: var(--PRIMARY_BTN_HOVER_FILTER_BG) !important; } .login-1- .login-subsubmit- { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 50px !important; min-height: 50px !important; padding: 0 12px !important; border-radius: 10px !important; color: var(--SECONDARY_BTN_COLOR) !important; background: var(--SECONDARY_BTN_BG) !important; box-shadow: none !important; border: var(--SECONDARY_BTN_BORDER) !important; white-space: nowrap !important; font-size: 13px !important; line-height: 1.2 !important; letter-spacing: 0 !important; } .login-1- .login-subsubmit-:hover { border: var(--SECONDARY_BTN_HOVER_BORDER) !important; color: var(--SECONDARY_BTN_HOVER_COLOR) !important; background: var(--SECONDARY_BTN_HOVER_BG) !important; filter: var(--SECONDARY_BTN_HOVER_FILTER_BG) !important; } .login-1- .loginPswdVisi- { right: 1.25rem !important; color: var(--INPUT_TXT_COLOR) !important; } .register-4- { background: #F5F5F5; padding-bottom: 2rem; } .register-4- > .bar_title.d-none { display: flex !important; align-items: center; justify-content: center; width: 100%; max-width: 1100px; margin: 10px auto 24px auto; } .register-4- > .bar_title .game-title { width: 100%; max-width: 100%; flex: 0 0 100%; margin: 0; } .register-4- > .bar_title .game-title .title-wrap { display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; width: 100%; column-gap: 40px; } .register-4- .login_body { max-width: 1100px; margin: 0 auto; padding: 2.25rem 2.5rem 2rem; background: var(--CARD_1_BG); background-image: none; border: var(--login1_CONTENT_BORDER); border-radius: var(--login1_CONTENT_BORDER_RADIUS); box-shadow: var(--CARD_1_BOX_SHADOW); } .register-4- #registerTab { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: .75rem; border: none; margin: 0 0 1.75rem; padding: 0; } .register-4- #registerTab .nav-item { margin: 0; } .register-4- #registerTab .nav-link { display: inline-flex; align-items: center; justify-content: center; gap: .45rem; min-width: 140px; padding: 10px 1.5rem; border: 1px solid transparent; border-radius: 2rem !important; color: var(--TAB_TXT_COLOR); background: var(--TAB_BG); box-shadow: none; font-weight: 600; box-sizing: border-box; text-transform: none; } .register-4- #registerTab .nav-link .register-tab-icon-.d-none { display: inline-block !important; font-size: .95rem; } .register-4- #registerTab .nav-link:hover, .register-4- #registerTab .nav-link.active { border: var(--TAB_HOVER_BORDER); color: var(--TAB_HOVER_COLOR); background: var(--TAB_HOVER_BG); box-shadow: none; } .register-4- .login_form { max-width: 100%; flex: 0 0 100%; width: 100%; padding: 0; margin: 0; color: var(--BODY_TXT_COLOR); } .register-4- .login_form.tab-content > form#defaultRegister.tab-pane.active, .register-4- .login_form.tab-content > form#defaultRegister.tab-pane.show { display: grid; grid-template-columns: 1fr 1fr; column-gap: 2rem; row-gap: 1rem; } .register-4- .login_form.tab-content > form#smsRegister.tab-pane.active, .register-4- .login_form.tab-content > form#smsRegister.tab-pane.show, .register-4- .login_form.tab-content > form#whatsappRegister.tab-pane.active, .register-4- .login_form.tab-content > form#whatsappRegister.tab-pane.show, .register-4- .login_form.tab-content > form#telegramRegister.tab-pane.active, .register-4- .login_form.tab-content > form#telegramRegister.tab-pane.show { display: flex; flex-direction: column; align-items: stretch; max-width: 520px; width: 100%; margin-left: auto; margin-right: auto; row-gap: 1rem; } .register-4- .login_form.tab-content > form#smsRegister .btn_login_main, .register-4- .login_form.tab-content > form#whatsappRegister .btn_login_main, .register-4- .login_form.tab-content > form#telegramRegister .btn_login_main { grid-column: auto; } .register-4- .login_form .form-group.row { display: flex; flex-wrap: wrap; align-items: center; margin-left: 0; margin-right: 0; margin-bottom: 0; } .register-4- .login_form .form-group.row > label.col-form-label, .register-4- .login_form .form-group.row > label { flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important; padding: 0 0 .35rem 0; margin: 0; text-align: left; font-size: var(--SUBHEADER_FONT_SIZE); font-weight: var(--REG_FONT_WEIGHT); color: var(--BODY_TXT_COLOR); white-space: normal; } .register-4- .login_form .form-group.row > label b, .register-4- .login_form .form-group.row > .col-form-label b { font-size: var(--SUBHEADER_FONT_SIZE); font-weight: var(--REG_FONT_WEIGHT); color: var(--BODY_TXT_COLOR); } .register-4- .login_form .form-group.row > .col-sm-9, .register-4- .login_form .form-group.row > .col-md-9 { flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important; padding: 0; position: relative; } .register-4- .login_form .form-group.row > .col-md-3 { flex: 0 0 110px !important; max-width: 110px !important; width: 110px !important; padding: 0 .15rem 0 0; } .register-4- .login_form .form-group.row > .col-sm-6 { flex: 1 1 0 !important; max-width: none !important; width: auto !important; padding: 0 0 0 .15rem; } .register-4- .login_form .form-group.row > .col-sm-2, .register-4- .login_form .form-group.row > .vcode { flex: 0 0 auto !important; min-width: 140px; max-width: none !important; width: auto !important; padding: 0 0 0 .5rem; margin: 0; align-self: stretch; } .register-4- .login_form .form-group.row.captchaRow { flex-direction: row; flex-wrap: wrap; align-items: center; } .register-4- .login_form .form-group.row.captchaRow > .register-captcha-label-.d-none { display: block !important; flex: 0 0 100%; max-width: 100%; width: 100%; padding: 0 0 .35rem 0; font-size: var(--SUBHEADER_FONT_SIZE); font-weight: var(--REG_FONT_WEIGHT); } .register-4- .login_form .form-group.row.captchaRow > .register-captcha-img- { flex: 0 0 120px; max-width: 120px; width: 120px; padding: 0 .75rem 0 0; margin-right: .5rem; display: flex; align-items: center; } .register-4- .login_form .form-group.row.captchaRow > .register-captcha-img- .important-icon { display: none; } .register-4- .login_form .form-group.row.captchaRow > .register-captcha-img- img, .register-4- .login_form .form-group.row.captchaRow > .register-captcha-img- i { display: block; height: 50px; width: 120px; max-width: 120px; } .register-4- .login_form .form-group.row.captchaRow > .register-captcha-img- img { object-fit: cover; border-radius: 10px; background: #bdbdbd; } .register-4- .login_form .form-group.row.captchaRow > .col-sm-9 { flex: 1 1 0 !important; max-width: calc(100% - 148px) !important; min-width: 0; width: auto !important; padding: 0; } .register-4- .login_form .form-group .form-control { border: var(--INPUT_BORDER) !important; border-radius: 10px !important; color: var(--INPUT_TXT_COLOR) !important; background: var(--INPUT_BG) !important; height: 50px; min-height: 50px; padding: 10px 1rem; box-shadow: none; } .register-4- .login_form .form-group .form-control::placeholder { color: var(--INPUT_PLACEHOLDER_TXT_COLOR); } .register-4- .login_form .form-group textarea.form-control { height: auto; min-height: 80px; } .register-4- .login_form .form-group select.form-control { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: var(--INPUT_BG) !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%234A5560' d='M1.4 0.6L6 5.2 10.6 0.6 12 2 6 8 0 2z'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: right 14px center !important; background-size: 12px 8px !important; padding-right: 2.25rem; } .register-4- .login_form .form-group select.form-control::-ms-expand { display: none; } .register-4- .login_form .select2-container { width: 100%; } .register-4- .login_form .select2-container .select2-selection--single, .register-4- .mobile_prefix_selection .select2-selection--single { border: var(--INPUT_BORDER) !important; border-radius: 10px !important; background: var(--INPUT_BG) !important; height: 50px; min-height: 50px; box-sizing: border-box; } .register-4- .login_form .select2-container .select2-selection--single .select2-selection__rendered { color: var(--INPUT_TXT_COLOR); line-height: 48px; padding-left: 10px; padding-right: 28px; } .register-4- .login_form .select2-container .select2-selection--single .select2-selection__arrow { height: 48px; right: 10px; width: 20px; } .register-4- .important-icon { color: #f91414; } .register-4- .register-dob-icon-.d-none { display: block !important; position: absolute; right: 1rem; top: 15px; color: var(--INPUT_TXT_COLOR); pointer-events: none; z-index: 2; font-size: 1rem; } .register-4- #regDob { padding-right: 2.5rem; } .register-4- .registrationPassIcon { right: 1rem; top: 15px; color: var(--INPUT_TXT_COLOR); font-size: 1rem; } .register-4- .login_form .btn_otp, .register-4- .login_form .btn_email { display: flex; align-items: center; justify-content: center; width: 100%; height: 50px; min-height: 50px; padding: 0 12px; border-radius: 10px; border: var(--SECONDARY_BTN_BORDER); color: var(--SECONDARY_BTN_COLOR); background: var(--SECONDARY_BTN_BG); box-shadow: none; white-space: nowrap; font-size: 13px; letter-spacing: 0; } .register-4- .login_form .btn_otp:hover, .register-4- .login_form .btn_email:hover { border: var(--SECONDARY_BTN_HOVER_BORDER); color: var(--SECONDARY_BTN_HOVER_COLOR); background: var(--SECONDARY_BTN_HOVER_BG); filter: var(--SECONDARY_BTN_HOVER_FILTER_BG); } .register-4- .login_form .btn_login_main, .register-4- .login_form .login_form_inner { grid-column: 1 / -1; margin-top: .75rem; } .register-4- .login_form .btn_login_main .btn_login:not(.btn_otp):not(.btn_email):not(.btn_copy) { display: flex; align-items: center; justify-content: center; width: 280px; max-width: 280px; height: 39px; margin: 0 auto; padding: 0 1.5rem; border: var(--PRIMARY_BTN_BORDER); border-radius: 30px; color: var(--PRIMARY_BTN_COLOR); background: var(--PRIMARY_BTN_BG); box-shadow: var(--PRIMARY_BTN_SHADOW); font-weight: var(--SEMIBOLD_FONT_WEIGHT); font-size: var(--BUTTON_LARGE_FONT_SIZE); } .register-4- .login_form .btn_login_main .btn_login:not(.btn_otp):not(.btn_email):not(.btn_copy):hover { border: var(--PRIMARY_BTN_HOVER_BORDER); color: var(--PRIMARY_BTN_HOVER_COLOR); background: var(--PRIMARY_BTN_HOVER_BG); filter: var(--PRIMARY_BTN_HOVER_FILTER_BG); } .register-4- .login_form .btn_copy { border: var(--SECONDARY_BTN_BORDER); border-radius: 30px; color: var(--SECONDARY_BTN_COLOR); background: var(--SECONDARY_BTN_BG); box-shadow: none; padding: 8px 1.5rem; } .register-4- .login_form .btn_copy:hover { border: var(--SECONDARY_BTN_HOVER_BORDER); color: var(--SECONDARY_BTN_HOVER_COLOR); background: var(--SECONDARY_BTN_HOVER_BG); filter: var(--SECONDARY_BTN_HOVER_FILTER_BG); } .register-4- .login_form_inner { color: var(--color3); margin-top: 1rem; } .register-4- .login_form_inner a { color: var(--color5); font-weight: 600; border-bottom: none; cursor: pointer; } .register-4- .tutorial { display: none; } .forgotPswd-3- { background: #F5F5F5; padding-bottom: 2rem; } .forgotPswd-3- > .bar_title.d-none { display: flex !important; align-items: center; justify-content: center; width: 100%; max-width: 1100px; margin: 10px auto 24px auto; } .forgotPswd-3- > .bar_title .game-title { width: 100%; max-width: 100%; flex: 0 0 100%; margin: 0; } .forgotPswd-3- > .bar_title .game-title .title-wrap { display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; width: 100%; column-gap: 40px; } .forgotPswd-3- .login_body { max-width: 1100px; margin: 0 auto; padding: 2.25rem 2.5rem 2rem; background: var(--CARD_1_BG); background-image: none; border: var(--login1_CONTENT_BORDER); border-radius: var(--login1_CONTENT_BORDER_RADIUS); box-shadow: var(--CARD_1_BOX_SHADOW); } .forgotPswd-3- #forgotPasswordTab { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: .75rem; border: none; margin: 0 0 1.75rem; padding: 0; } .forgotPswd-3- #forgotPasswordTab .nav-item { margin: 0; } .forgotPswd-3- #forgotPasswordTab .nav-link { display: inline-flex; align-items: center; justify-content: center; gap: .45rem; min-width: 140px; padding: 10px 1.5rem; border: 1px solid transparent; border-radius: 2rem !important; color: var(--TAB_TXT_COLOR); background: var(--TAB_BG); box-shadow: none; font-weight: 600; letter-spacing: 0; text-transform: none; box-sizing: border-box; } .forgotPswd-3- #forgotPasswordTab .nav-link .forgot-tab-icon-.d-none { display: inline-block !important; font-size: .95rem; } .forgotPswd-3- #forgotPasswordTab .nav-link:hover, .forgotPswd-3- #forgotPasswordTab .nav-link.active { border: var(--TAB_HOVER_BORDER); color: var(--TAB_HOVER_COLOR); background: var(--TAB_HOVER_BG); box-shadow: none; } .forgotPswd-3- .login_form { max-width: 86%; flex: 0 0 86%; width: 86%; padding: 0; margin: 0 auto; color: var(--BODY_TXT_COLOR); float: none; } .forgotPswd-3- .forgot-request-title- { font-weight: 700; font-size: 1.125rem; color: var(--BODY_TXT_COLOR); margin: 0 0 .5rem; } .forgotPswd-3- .forgot-request-info- { font-size: var(--BODY_SMALL_TXT_FONT_SIZE); font-weight: var(--REG_FONT_WEIGHT); color: var(--color3); margin: 0 0 1.5rem; padding: 0; } .forgotPswd-3- .login_form .form-group.row { display: flex; flex-wrap: nowrap; align-items: center; justify-content: flex-start; margin-left: 0; margin-right: 0; margin-bottom: 1rem; } .forgotPswd-3- .login_form .form-group.row > label.col-form-label, .forgotPswd-3- .login_form .form-group.row > label { flex: 0 0 160px !important; max-width: 160px !important; width: 160px !important; padding-left: 0; padding-right: 1rem; margin: 0; text-align: right; font-size: var(--SUBHEADER_FONT_SIZE); font-weight: var(--REG_FONT_WEIGHT); } .forgotPswd-3- .login_form .form-group.row > label b, .forgotPswd-3- .login_form .form-group.row > .col-form-label b { font-size: var(--SUBHEADER_FONT_SIZE); font-weight: var(--REG_FONT_WEIGHT) !important; } .forgotPswd-3- .login_form .form-group.row > [class*="col-"] { padding-left: 0; padding-right: 0; } .forgotPswd-3- .login_form .form-group.row > .col-sm-8, .forgotPswd-3- .login_form .form-group.row > .col-sm-6, .forgotPswd-3- .login_form .form-group.row > .col-sm-5, .forgotPswd-3- .login_form .form-group.row > .col-8, .forgotPswd-3- .login_form .form-group.row > .col-6, .forgotPswd-3- .login_form .form-group.row > .col-5 { flex: 1 1 0 !important; max-width: none !important; width: auto !important; min-width: 0; } .forgotPswd-3- .login_form .form-group.row > .col-md-3, .forgotPswd-3- .login_form .form-group.row > .col-2 { flex: 0 0 110px !important; max-width: 110px !important; width: 110px !important; padding-right: .15rem; } .forgotPswd-3- .login_form .form-group.row > .col-2 + .col-6, .forgotPswd-3- .login_form .form-group.row > .col-2 + .col-sm-6 { padding-left: .15rem; } .forgotPswd-3- .login_form .form-group.row > .col-sm-3.vcode, .forgotPswd-3- .login_form .form-group.row > .col-3.vcode, .forgotPswd-3- .login_form .form-group.row > .vcode { flex: 0 0 140px !important; max-width: 140px !important; width: 140px !important; min-width: 140px; padding-left: .35rem; margin: 0; align-self: stretch; display: flex; align-items: center; } .forgotPswd-3- .important-icon { color: #f91414; } .forgotPswd-3- .login_form .form-group .form-control { border: var(--INPUT_BORDER) !important; border-radius: 10px !important; color: var(--INPUT_TXT_COLOR) !important; background: var(--INPUT_BG) !important; height: 50px; min-height: 50px; padding: 10px 1rem; box-shadow: none; } .forgotPswd-3- .login_form .form-group .form-control::placeholder { color: var(--INPUT_PLACEHOLDER_TXT_COLOR); } .forgotPswd-3- .login_form .form-group select.form-control { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: var(--INPUT_BG) !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%234A5560' d='M1.4 0.6L6 5.2 10.6 0.6 12 2 6 8 0 2z'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: right 14px center !important; background-size: 12px 8px !important; padding-right: 2.25rem; } .forgotPswd-3- .login_form .form-group select.form-control::-ms-expand { display: none; } .forgotPswd-3- .login_form .select2-container { width: 100%; } .forgotPswd-3- .login_form .select2-container .select2-selection--single, .forgotPswd-3- .mobile_prefix_selection .select2-selection--single { border: var(--INPUT_BORDER) !important; border-radius: 10px !important; background: var(--INPUT_BG) !important; height: 50px; min-height: 50px; box-sizing: border-box; } .forgotPswd-3- .login_form .select2-container .select2-selection--single .select2-selection__rendered { color: var(--INPUT_TXT_COLOR); line-height: 48px; padding-left: 10px; padding-right: 28px; } .forgotPswd-3- .login_form .select2-container .select2-selection--single .select2-selection__arrow { height: 48px; right: 10px; width: 20px; } .forgotPswd-3- .login_form .btn_otp { display: flex; align-items: center; justify-content: center; width: 100%; height: 50px; min-height: 50px; padding: 0 12px; border-radius: 10px; border: var(--SECONDARY_BTN_BORDER); color: var(--SECONDARY_BTN_COLOR); background: var(--SECONDARY_BTN_BG); box-shadow: none; white-space: nowrap; font-size: 13px; line-height: 1.2; } .forgotPswd-3- .login_form .btn_otp:hover { border: var(--SECONDARY_BTN_HOVER_BORDER); color: var(--SECONDARY_BTN_HOVER_COLOR); background: var(--SECONDARY_BTN_HOVER_BG); filter: var(--SECONDARY_BTN_HOVER_FILTER_BG); } .forgotPswd-3- .login_form .btn_login_main { margin-top: 1rem; } .forgotPswd-3- .login_form .btn_login_main .btn_login:not(.btn_otp) { display: flex; align-items: center; justify-content: center; width: 280px; max-width: 280px; height: 39px; margin: 0 auto; padding: 0 1.5rem; border: var(--PRIMARY_BTN_BORDER); border-radius: 30px; color: var(--PRIMARY_BTN_COLOR); background: var(--PRIMARY_BTN_BG); box-shadow: var(--PRIMARY_BTN_SHADOW); font-weight: var(--SEMIBOLD_FONT_WEIGHT); font-size: var(--BUTTON_LARGE_FONT_SIZE); letter-spacing: 0; } .forgotPswd-3- .login_form .btn_login_main .btn_login:not(.btn_otp):hover { border: var(--PRIMARY_BTN_HOVER_BORDER); color: var(--PRIMARY_BTN_HOVER_COLOR); background: var(--PRIMARY_BTN_HOVER_BG); filter: var(--PRIMARY_BTN_HOVER_FILTER_BG); box-shadow: var(--PRIMARY_BTN_SHADOW); } .pmbox{ font-size: var(--SUBHEADER_FONT_SIZE); font-weight: var(--REG_FONT_WEIGHT); font-family: var(--PRIMARY_FONT_FAMILY); text-transform: capitalize; height: 52px; } .login_header_afterlogin .afterlogin-user-info-old { display: none; } .login_header_afterlogin .afterlogin-user-info.d-none { display: flex !important; flex-direction: column; align-items: flex-start; justify-content: center; gap: 2px; min-width: 0; line-height: 1.25; color: var(--HEADER_TXT_COLOR); text-align: left; padding-right: 20px; } .login_header_afterlogin .afterlogin-member-group, .login_header_afterlogin .afterlogin-user-name { font-size: var(--BODY_SMALL_TXT_FONT_SIZE); font-weight: var(--REG_FONT_WEIGHT); color: var(--HEADER_TXT_COLOR); white-space: nowrap; } .login_header_afterlogin .acc_login { display: flex; flex-direction: row; align-items: center; gap: 8px; } .login_header_afterlogin .acc_login .balance-drop { order: 1; } .login_header_afterlogin .acc_login .option-drop { order: 2; } .login_header_afterlogin .acc_login .option-drop .dropdown-toggle, .login_header_afterlogin .acc_login .balance-drop .dropdown-toggle { padding: 5px 15px; margin-bottom: 0; } .login_header_afterlogin .btn_acc { width: auto; min-width: 120px; color: var(--SECONDARY_BTN_COLOR); background: var(--SECONDARY_BTN_BG); border: var(--SECONDARY_BTN_BORDER); text-transform: capitalize; } .login_header_afterlogin .btn_acc:hover { color: var(--SECONDARY_BTN_HOVER_COLOR); background: var(--SECONDARY_BTN_HOVER_BG); border: var(--SECONDARY_BTN_HOVER_BORDER); filter: var(--SECONDARY_BTN_HOVER_FILTER_BG); } .login_header_afterlogin .btn_bal { min-width: 120px; color: var(--PRIMARY_BTN_COLOR); background: var(--PRIMARY_BTN_BG); border: var(--PRIMARY_BTN_BORDER); box-shadow: var(--PRIMARY_BTN_SHADOW); } .login_header_afterlogin .btn_bal:hover { color: var(--PRIMARY_BTN_HOVER_COLOR); background: var(--PRIMARY_BTN_HOVER_BG); border: var(--PRIMARY_BTN_HOVER_BORDER); filter: var(--PRIMARY_BTN_HOVER_FILTER_BG); } .menu_account a.menu_account_inner:hover { background: linear-gradient(90deg, #FFFFFF 0%, #E1E6EB 100%); border-left: 4px solid #C9D1D9; color: var(--color1) !important; } .menu_account a.menu_account_inner:hover .main_text { color: var(--color1) !important; } .menu_account_inner img.beforeactive { filter: brightness(0) saturate(100%) invert(94%) sepia(14%) saturate(313%) hue-rotate(181deg) brightness(89%) contrast(90%); } .menu_account a.menu_account_inner:hover img.afteractive, .menu_account_inner img.afteractive { filter: brightness(0) saturate(100%) invert(85%) sepia(31%) saturate(6338%) hue-rotate(174deg) brightness(106%) contrast(87%); } .main_btn_short_custom img.beforeactive { filter: brightness(0) saturate(100%) invert(94%) sepia(14%) saturate(313%) hue-rotate(181deg) brightness(89%) contrast(90%); } .main_btn_short_custom:hover img.afteractive, .main_btn_short_custom a.active img.afteractive { filter: brightness(0) saturate(100%) invert(85%) sepia(31%) saturate(6338%) hue-rotate(174deg) brightness(106%) contrast(87%); } .main_btn_short_custom a .main_text { color: #2e2e2e; } .main_btn_short_custom:hover a .main_text, .main_btn_short_custom a.active .main_text { color: #63C2EE; } .deposit-3- .afterlogin_deposit.nav-tabs { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; grid-template-columns: none; grid-gap:10px; border: none; margin: 1rem 0 1.5rem; padding: 0; } .deposit-3- .afterlogin_deposit.nav-tabs .nav-item { margin: 0; } .deposit-3- .afterlogin_deposit.nav .nav-item .nav-link { display: inline-flex; align-items: center; justify-content: center; gap: 0.45rem; width: auto; min-width: 140px; min-height: 0; height: auto; padding: 10px 1.5rem; margin: 0; border-radius: 2rem !important; color: var(--TAB_TXT_COLOR); background: var(--TAB_BG); border: var(--TAB_BORDER); box-shadow: var(--TAB_BOX_SHADOW); font-size: inherit; font-weight: 600; letter-spacing: 0; line-height: 1.2; text-align: center; text-transform: none; text-decoration: none; box-sizing: border-box; white-space: nowrap; } .deposit-3- .afterlogin_deposit.nav .nav-item .nav-link .deposit-tab-icon-.d-none { display: inline-block !important; font-size: 0.95rem; } .deposit-3- .afterlogin_deposit.nav .nav-item .nav-link .deposit-tab-label { color: inherit; font-size: inherit; font-weight: inherit; } .deposit-3- .afterlogin_deposit.nav .nav-item .nav-link.active, .deposit-3- .afterlogin_deposit.nav .nav-item .nav-link:hover { color: var(--TAB_HOVER_COLOR); background: var(--TAB_HOVER_BG); border: var(--TAB_HOVER_BORDER); box-shadow: var(--TAB_BOX_SHADOW); font-weight: 600; text-decoration: none; } .deposit-3- .afterloginform .form-group input.form-control:not([type=checkbox]):not([type=file]):not([type=radio]), .deposit-3- .afterloginform .form-group select.form-control, .transfer-3- .afterloginform .form-group input.form-control:not([type=checkbox]):not([type=file]):not([type=radio]), .transfer-3- .afterloginform .form-group select.form-control, .transfer-3- .afterloginform input.form-control:not([type=checkbox]):not([type=file]):not([type=radio]), .transfer-3- .afterloginform select.form-control, .transfer-3- .afterloginform input.text-input, .withdraw-3- .afterloginform .form-group input.form-control:not([type=checkbox]):not([type=file]):not([type=radio]), .withdraw-3- .afterloginform .form-group select.form-control, .history-3- .afterloginform .form-group input.form-control:not([type=checkbox]):not([type=file]):not([type=radio]), .history-3- .afterloginform .form-group select.form-control { border: var(--INPUT_BORDER) !important; border-radius: 10px !important; color: var(--INPUT_TXT_COLOR) !important; background: var(--INPUT_BG) !important; padding: 10px 1rem !important; min-height: 42px !important; height: 42px !important; box-shadow: none !important; font-size: inherit; } .deposit-3- .afterloginform .form-group select.form-control, .transfer-3- .afterloginform .form-group select.form-control, .transfer-3- .afterloginform select.form-control, .withdraw-3- .afterloginform .form-group select.form-control, .history-3- .afterloginform .form-group select.form-control { -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; background-color: var(--INPUT_BG) !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%234A5560' d='M1.4 0.6L6 5.2 10.6 0.6 12 2 6 8 0 2z'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: right 14px center !important; background-size: 12px 8px !important; padding-right: 2.25rem !important; } .deposit-3- .afterloginform .form-group select.form-control::-ms-expand, .transfer-3- .afterloginform .form-group select.form-control::-ms-expand, .transfer-3- .afterloginform select.form-control::-ms-expand, .withdraw-3- .afterloginform .form-group select.form-control::-ms-expand, .history-3- .afterloginform .form-group select.form-control::-ms-expand { display: none !important; } .deposit-3- .afterloginform .form-group input.form-control::placeholder, .transfer-3- .afterloginform .form-group input.form-control::placeholder, .transfer-3- .afterloginform input.form-control::placeholder, .transfer-3- .afterloginform input.text-input::placeholder, .withdraw-3- .afterloginform .form-group input.form-control::placeholder, .history-3- .afterloginform .form-group input.form-control::placeholder { color: var(--INPUT_PLACEHOLDER_TXT_COLOR) !important; } .deposit-3- .afterloginform .form-group input.form-control:disabled, .deposit-3- .afterloginform .form-group select.form-control:disabled, .transfer-3- .afterloginform .form-group input.form-control:disabled, .transfer-3- .afterloginform .form-group select.form-control:disabled, .transfer-3- .afterloginform input.form-control:disabled, .transfer-3- .afterloginform select.form-control:disabled, .withdraw-3- .afterloginform .form-group input.form-control:disabled, .withdraw-3- .afterloginform .form-group select.form-control:disabled, .history-3- .afterloginform .form-group input.form-control:disabled, .history-3- .afterloginform .form-group select.form-control:disabled { border: var(--DISABLED_INPUT_BORDER) !important; color: var(--DISABLED_INPUT_COLOR) !important; background: var(--DISABLED_INPUT_BG) !important; } .deposit-3- .afterloginform .form-group .select2-container, .transfer-3- .afterloginform .form-group .select2-container, .transfer-3- .afterloginform .select2-container, .withdraw-3- .afterloginform .form-group .select2-container { width: 100%; } .deposit-3- .afterloginform .form-group .select2-container .select2-selection--single, .transfer-3- .afterloginform .form-group .select2-container .select2-selection--single, .transfer-3- .afterloginform .select2-container .select2-selection--single, .withdraw-3- .afterloginform .form-group .select2-container .select2-selection--single { border: var(--INPUT_BORDER) !important; border-radius: 10px !important; background: var(--INPUT_BG) !important; height: 42px !important; min-height: 42px !important; box-sizing: border-box !important; } .deposit-3- .afterloginform .form-group .select2-container .select2-selection--single .select2-selection__rendered, .transfer-3- .afterloginform .form-group .select2-container .select2-selection--single .select2-selection__rendered, .transfer-3- .afterloginform .select2-container .select2-selection--single .select2-selection__rendered, .withdraw-3- .afterloginform .form-group .select2-container .select2-selection--single .select2-selection__rendered { color: var(--INPUT_TXT_COLOR) !important; line-height: 40px !important; padding-left: 10px !important; padding-right: 28px !important; } .deposit-3- .afterloginform .form-group .select2-container .select2-selection--single .select2-selection__arrow, .transfer-3- .afterloginform .form-group .select2-container .select2-selection--single .select2-selection__arrow, .transfer-3- .afterloginform .select2-container .select2-selection--single .select2-selection__arrow, .withdraw-3- .afterloginform .form-group .select2-container .select2-selection--single .select2-selection__arrow { height: 40px !important; right: 10px !important; width: 20px !important; } .deposit-3- .afterloginform .form-group .specificUploadBtn { width: 100%; position: relative; display: block; margin-top: 0; align-self: center; } .deposit-3- .afterloginform .specificUploadBtn .btnDepositReceipt.btnSelect, .deposit-3- .afterloginform .specificUploadBtn .btnDepositReceipt.btnRemove { display: flex; align-items: center; justify-content: center; width: 100%; height: 39px; padding: 0 1.25rem; margin: 0; border-radius: 30px; border: var(--SECONDARY_BTN_BORDER); color: var(--SECONDARY_BTN_COLOR); background: var(--SECONDARY_BTN_BG); box-shadow: none; font-size: var(--BODY_SMALL_TXT_FONT_SIZE); font-weight: var(--SEMIBOLD_FONT_WEIGHT); letter-spacing: 0; text-transform: none; cursor: pointer; box-sizing: border-box; transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease; } .deposit-3- .afterloginform .specificUploadBtn:hover .btnDepositReceipt.btnSelect, .deposit-3- .afterloginform .specificUploadBtn:hover .btnDepositReceipt.btnRemove, .deposit-3- .afterloginform .specificUploadBtn .btnDepositReceipt.btnSelect:hover, .deposit-3- .afterloginform .specificUploadBtn .btnDepositReceipt.btnRemove:hover { border: var(--SECONDARY_BTN_HOVER_BORDER) !important; color: var(--SECONDARY_BTN_HOVER_COLOR) !important; background: var(--SECONDARY_BTN_HOVER_BG) !important; filter: var(--SECONDARY_BTN_HOVER_FILTER_BG); } .deposit-3- .afterloginform .specificUploadBtn input[type=file], .deposit-3- .afterloginform .specificUploadBtn .form-control#depositReceipt, .deposit-3- .afterloginform .specificUploadBtn .form-control#usdtDepositReceipt { position: absolute; opacity: 0; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; margin: 0; } .deposit-3- .afterloginform .submit_btn { display: flex; align-items: center; justify-content: center; width: 280px; max-width: 280px; height: 39px; min-height: 39px; margin: 1rem auto 0; padding: 0 1.5rem; border: var(--PRIMARY_BTN_BORDER); border-radius: 30px; color: var(--PRIMARY_BTN_COLOR); background: var(--PRIMARY_BTN_BG); box-shadow: var(--PRIMARY_BTN_SHADOW); font-weight: var(--SEMIBOLD_FONT_WEIGHT); font-size: var(--BUTTON_LARGE_FONT_SIZE); letter-spacing: 0; text-transform: none; } .deposit-3- .afterloginform .submit_btn:hover, .deposit-3- .afterloginform .submit_btn:active { border: var(--PRIMARY_BTN_HOVER_BORDER); color: var(--PRIMARY_BTN_HOVER_COLOR); background: var(--PRIMARY_BTN_HOVER_BG); box-shadow: var(--PRIMARY_BTN_SHADOW); filter: var(--PRIMARY_BTN_HOVER_FILTER_BG); } .withdraw-3- .afterloginform .submit_btn { display: flex; align-items: center; justify-content: center; width: 280px; max-width: 280px; height: 39px; min-height: 39px; margin: 1rem auto 0; padding: 0 1.5rem; border: var(--PRIMARY_BTN_BORDER); border-radius: 30px; color: var(--PRIMARY_BTN_COLOR); background: var(--PRIMARY_BTN_BG); box-shadow: var(--PRIMARY_BTN_SHADOW); font-weight: var(--SEMIBOLD_FONT_WEIGHT); font-size: var(--BUTTON_LARGE_FONT_SIZE); letter-spacing: 0; text-transform: none; } .withdraw-3- .afterloginform .submit_btn:hover, .withdraw-3- .afterloginform .submit_btn:active { border: var(--PRIMARY_BTN_HOVER_BORDER); color: var(--PRIMARY_BTN_HOVER_COLOR); background: var(--PRIMARY_BTN_HOVER_BG); box-shadow: var(--PRIMARY_BTN_SHADOW); filter: var(--PRIMARY_BTN_HOVER_FILTER_BG); } .history-3- .history-filter-wrap- { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 16px; row-gap: 12px; align-items: center; margin-bottom: 12px; } .history-3- .history-filter-wrap- > .history-filter-old { display: contents; } .history-3- .history-filter-wrap- > .history-filter-old > [class*="col-"] { width: 100%; max-width: 100%; flex: 0 0 100%; padding-left: 0; padding-right: 0; } .history-3- .afterloginform .history-filter-old .form-group.row { display: grid; grid-template-columns: 120px minmax(0, 1fr); align-items: center; column-gap: 10px; margin-bottom: 0; } .history-3- .afterloginform .history-filter-old .form-group.row > [class*="col-"] { width: 100%; max-width: 100%; flex: none; padding-left: 0; padding-right: 0; } .history-3- .afterloginform .history-filter-old .form-group.row > label { margin-bottom: 0; line-height: 1.2; } .history-3- .history-filter-search-old > [class*="col-"] { display: grid; grid-template-columns: 120px minmax(0, 1fr); column-gap: 10px; align-items: center; } .history-3- .history-filter-search-old .btn_transfer { grid-column: 2; } .history-3- .history-filter-spacer-.d-none { display: block !important; min-height: 1px; } .history-3- .afterloginform .btn_transfer { display: flex; align-items: center; justify-content: center; width: 100% !important; max-width: 100%; height: 42px !important; min-height: 42px; margin: 0 !important; padding: 0 1rem; font-size: var(--BODY_SMALL_TXT_FONT_SIZE) !important; font-weight: var(--SEMIBOLD_FONT_WEIGHT); letter-spacing: 0; text-transform: none; } .claim-credit{ margin-top: 0; } .freeCreditWrapper .transaction-list{ height: auto; min-height: 140px; } .freeCreditList{ margin: 20px 0; } .freeCreditTransfer-wrap .transaction-freeCredit-title .freeCreditTitle{ font-size: var(--BODY_SMALL_TXT_FONT_SIZE); } .freeCredit-area .freeCreditTransfer-wrap .transaction-freeCredit-title .voucher-wrap .redeemBtn{ border-radius: 30px !important; } .bonus-wrapper{ margin-bottom: 50px; } .referral-flow-box .index{ text-shadow: 1px 1px #000 !important; } .mini-game-icon .icon-circle{ border: 1px solid #C9D1D9; } .mini-game-icon .icon-circle img { filter: brightness(0); } .tour-content-box- .content-item- > h3, .tour-card- .card-action- .counter-box- .lbl-, .tour-card- .card-content- .desc- .date-, .tour-card- .card-action- .counter-box- .counter-block- > div:last-child, .tour-card- .card-content- .desc-, .tour-details-body- .how-to-play-card- h4, .tour-details-body- .how-to-play-card- .how-to-play-content-{ color: var(--color1) !important; } .tour-details-body- .ranking-card- .rank-row-.rank-gold-, .tour-details-body- .ranking-card- .rank-row-.rank-silver-, .tour-details-body- .ranking-card- .rank-row-.rank-bronze-{ background: #E6F7FD !important; color:#63C2EE !important; border: 1px solid #63C2EE !important; } .tour-details-header- .btn-back-{ border-radius: 30px !important; } .steps-container .step .circle{ background: #E6F7FD !important; color:#63C2EE !important; border: 1px solid #63C2EE !important; } .line{ background-color: #63C2EE !important; } .allGames-title--temp4{ display: flex !important; } .provGame-wrapper .provGame-list .overlay-game-name{ color: var(--color2) !important; } .provGame-wrapper.is-temp4 .provGame-carousel .provGame-controls .scroll-btn.right-{ right: -2% !important; } .provGame-wrapper.is-temp4 .provGame-carousel .provGame-controls .scroll-btn.left-{ left: -2% !important; } .spinwheel-container .msg-box .error-msg-label{ color: #000; } .referral-flow-box .item{ text-align: start !important; } .prov-list-5 .provItem-{ background-color: #bdbdbd !important; } .downloadmodal .modal-header img { max-width: 68px; } #freeCreditBanner1 img { padding: 0; border-radius: 10px; }