:root { --color1: #000; /* black */ --color2: #fff; /* white */ --filterW: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2%) hue-rotate(229deg) brightness(103%) contrast(102%); --filterB: brightness(0) saturate(100%) invert(0%) sepia(100%) saturate(7490%) hue-rotate(138deg) brightness(100%) contrast(102%); --color3: #7d7d7d; --color4: #4f46e5; /*primary*/ --color5: #1e3a8a; /*secondary*/ --color6: #1d995c; --color7: #263b7c; --color8: #b90000; --color9: #7e0707; --color10: #494949; --color11: #fc4e4d; --color12: #746cf7; --filter1: brightness(0) saturate(100%); --filter2: brightness(0) saturate(100%) invert(22%) sepia(64%) saturate(850%) hue-rotate(30deg) brightness(101%) contrast(99%); --filter3: brightness(0) saturate(100%) invert(87%) sepia(90%) saturate(2%) hue-rotate(184deg) brightness(111%) contrast(97%); --gradient1: linear-gradient(136deg, #f6f4f4, #dddddf); --gradient2: linear-gradient(to bottom, #aaa7a7, #696969); --gradient3: linear-gradient(-240deg, var(--color5) 0%, rgb(193 97 10) 50%, rgb(128 90 0) 100%); --gradient4: linear-gradient(to bottom, #4f46e5, #1e3a8a); --walOn: #3ec682; --walOff: #cd5c5c; --important: #ce0f10; --ecd_BG: #013b7a; --ecd_TXT: #fff; --adclose_BTN_RADIUS: 5px; --adclose_BTN_BG: var(--color4); --adclose_BTN_TXT: var(--color1); --reg2_DSTG_BG_GRADIENT_SECONDARY_BG: linear-gradient(to bottom, var(--color5), var(--color7)); --reg2_DSTG_BG_GRADIENT_SECONDARY_HOVER_ACTIVE_BG: linear-gradient(to bottom, var(--color7), var(--color5)); --reg2_DSTG_BG_GRADIENT_THIRD_BG: linear-gradient(to bottom, var(--color8), var(--color9)); --reg2_DSTG_BG_GRADIENT_THIRD_HOVER_ACTIVE_BG: var(--reg2_DSTG_BG_GRADIENT_THIRD_BG); --reg2_DSTG_BG_GRADIENT_GRAY_BG: var(--gradient2); --reg2_DSTG_REGISTER_WRAP_BOX_CONTENT_ACTIVE_BG: rgba(220,65,228,1); --reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_CAPTCHA_LABEl_BG: #fff; --reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_OTP_RIGHT_BORDER: none; --reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_OTP_RIGHT_DISABLED_BG: linear-gradient(180deg, rgba(170,167,167,1) 0%, rgba(105,105,105,1) 100%); --reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_TELEGRAM_BTN_BORDER: none; --reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_TELEGRAM_BTN_TXT: #fff; --reg2_DSTG_REGISTER_WRAP_TITLE_BOX_FLAG_BG: var(--color5); --reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_LABEL_TITLE_TXT: var(--color3); --reg2_DSTG_IMPORTANT_ICON_TXT: var(--color4); --reg2_DSTG_TEXT_BLUE_TXT: var(--color4); --reg2_DSTG_REGISTER_WRAP_BOX_CONTENT_MEMBER_BENEFITS_BORDER_LEFT: solid 3px var(--color4); --reg2_DSTG_REGISTER_WRAP_BOX_CONTENT_MEMBER_BENEFITS_BG: #353638; --reg2_DSTG_REGISTER_WRAP_BOX_CONTENT_TAB_UL_BORDER_LEFT: solid 4px var(--color4); --reg2_DSTG_REGISTER_WRAP_BOX_CONTENT_TAB_UL_BG: #cfcfcf; --reg2_DSTG_REGISTER_WRAP_BOX_CONTENT_TAB_UL_HOVER_ACTIVE_BG: var(--gradient4); --reg2_DSTG_REGISTER_WRAP_BOX_CONTENT_TAB_UL_ACTIVE_BG: var(--gradient4); --reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_INPUT_BG: #fffdfd; --reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_INPUT_BORDER: solid 1px #bdbdbd; --reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_INPUT_OTP_RIGHT_TXT: var(--color2); --reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_INPUT_HOVER_FOCUS_BORDER: solid 1px var(--color4); --reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_INPUT_SELECT_SELECTED_TXT: var(--color2); --reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_INPUT_SELECT_SELECTED_BORDER: 1px solid #bdbdbd; --reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_INPUT_SELECT_SELECTED_BG: rgba(28,28,29,1); --reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_INPUT_SELECT_SELECTED_HOVER_BORDER: solid 1px var(--color4); --reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_INPUT_SELECT_SELECTED_AFTER_BORDER: 6px solid transparent; --reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_INPUT_SELECT_SELECTED_AFTER_BORDER_COLOR: var(--color4) transparent transparent transparent; --reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_INPUT_ARROW_ACTIVE_BORDER: solid 1px var(--color4); --reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_INPUT_SELECT_ITEM_TXT: var(--color2); --reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_INPUT_SELECT_ITEM_BORDER: 1px solid var(--color4); --reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_INPUT_SELECT_ITEM_DIV_TXT: var(--color2); --reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_INPUT_SELECT_ITEM_DIV_BG: rgba(0,0,0,.9); --reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_INPUT_SELECT_ITEM_DIV_HOVER_BG: var(--gradient4); --reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_INPUT_SELECT_TXT: var(--color3); --reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_INPUT_SELECT_BG: #fffdfd; --reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_INPUT_SELECT_BORDER: solid 1px #bdbdbd; --reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_INPUT_SELECT_HOVER_BORDER: solid 1px #d4af37; --reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_INPUT_TIP_TXT: var(--color3); --reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_INPUT_ERROR_TXT: var(--color8); --reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_BTN_BUTTON_TXT: var(--color2); --reg2_TELEGRAM_REG_BTN_DISABLED_BG: var(--color3); --reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_BTN_REGISTER_SUBMIT_BG: var(--gradient4); --reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_BTN_REGISTER_SUBMIT_HOVER_BG: linear-gradient(to bottom, var(--color5), var(--color4)); --reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_TEXT_REGISTER_TXT: var(--color4); --reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_TEXT_REGISTER_BORDER_BOTTOM: 1px solid; --reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_REGISTER_BTN_BUTTON_BORDER: none; --reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_REGISTER_INPUT_TEXT_OTP_TXT: rgb(212, 175, 55); --reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_REGISTER_INPUT_BORDER_RADIUS: 0px; --reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_REGISTER_INPUT_SELECT_BORDER_RADIUS: 0px; --reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_INPUT_OTP_LEFT_WIDTH: 25% !important; --reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_REGISTER_INPUT_OTP_RIGHT_BORDER: 0px; --reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_REGISTER_BTN_BUTTON_BORDER_RADIUS: 0px; --reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_REGISTER_INPUT_OTP_RIGHT_WIDTH: 27%; /* registerSuccess_2 */ --regSucc2_DSTG_REGISTER_SUCCESS_WRAP_TITLE_BOX_BG: var(--gradient4); --regSucc2_DSTG_REGISTER_SUCCESS_WRAP_BOX_BG: var(--gradient1); --regSucc2_DSTG_REGISTER_SUCCESS_BOX_CONTENT_BENEFITS_BG: rgba(255,253,253,1); --regSucc2_DSTG_REGISTER_SUCCESS_BOX_CONTENT_BENEFITS_BORDER_LEFT: solid 5px var(--color4); --regSucc2_DSTG_REGISTER_SUCCESS_WRAP_BOX_CONTENT_MEMBER_BENEFITS_BORDER_LEFT: none; --regSucc2_DSTG_REGISTER_SUCCESS_WRAP_BOX_CONTENT_MEMBER_BENEFITS_BG: transparent; --regSucc2_DSTG_REGISTER_SUCCESS_WRAP_BOX_CONTENT_BENEFITS_MEMBER_TITLE_TXT: var(--color3); --regSucc2_DSTG_REGISTER_SUCCESS_WRAP_BOX_CONTENT_MSG_TXT: var(--color3); --regSucc2_DSTG_REGISTER_SUCCESS_WRAP_BOX_CONTENT_MSG_TITLE_TXT: var(--color5); --regSucc2_DSTG_REGISTER_SUCCESS_WRAP_BOX_CONTENT_MSG_TEXT_BLUE: var(--color3); --regSucc2_DSTG_REGISTER_SUCCESS_WRAP_BOX_CONTENT_MSG_HIGHLIGHT_TXT: rgb(212, 175, 55); /* info_2 */ --memberinfo2_KYCMODAL_TXT_COLOR: var(--color2); --memberinfo2_KYCMODAL_BG_COLOR: var(--gradient1); --memberinfo2_KYCMODAL_BTN_CLOSE_BG: var(--color5); --memberinfo2_KYCMODAL_BTN_CLOSE_COLOR: var(--color2); --memberinfo2_KYCMODAL_BTN_CLOSE_RADIUS: 5px; --memberinfo2_FORM_LABEL_TXT_COLOR: var(--color2); --memberinfo2_FORM_INPUT_SELECT_BG: var(--color2); --memberinfo2_FORM_INPUT_SELECT_BG_DISABLED: var(--color4); --memberinfo2_FORM_INPUT_SELECT_ICON_COLOR: var(--color3); --memberinfo2_FORM_INPUT_SELECT_TXT_COLOR: var(--color1); --memberinfo2_FORM_INPUT_SELECT_TXT_COLOR_DISABLED: var(--color2); --memberinfo2_FORM_INPUT_SELECT_BORDER_COLOR: var(--color10); --memberinfo2_FORM_INPUT_SELECT_BORDER_COLOR_HOVER: var(--color4); --memberinfo2_FORM_INPUT_SELECT_BORDER_COLOR_DISABLED: var(--color5); --memberinfo2_FORM_INPUT_SELECT_RADIUS: 0; --memberinfo2_FORM_INPUT_SELECT_FONT_WEIGHT: 600; --memberinfo2_FORM_OTP_TIMER_TXT_COLOR: var(--color3); --memberinfo2_FORM_BTN_SUBMIT_BG: var(--gradient4); --memberinfo2_FORM_BTN_SUBMIT_TXT_COLOR: var(--color2); --memberinfo2_FORM_BTN_SUBMIT_RADIUS: 0; --memberinfo2_FORM_BTN_SUB_SUBMIT_BG: var(--color5); --memberinfo2_FORM_BTN_SUB_SUBMIT_DISABLED_BG: var(--color3); --memberinfo2_FORM_BTN_SUB_SUBMIT_TXT_COLOR: var(--color2); --memberinfo2_FORM_BTN_SUB_SUBMIT_DISABLED_TXT_COLOR: var(--color2); --memberinfo2_FORM_BTN_SUB_SUBMIT_RADIUS: 0; --memberinfo2_FORM_UNDERLINE: var(--color4); --memberinfo2_SECTION_PADDING: 0 15px; --memberinfo2_SECTION_BG: transparent; --memberinfo2_SECTION_FONT_WEIGHT: 600; --memberinfo2_SECTION_PAGE_LBL_COLOR: var(--color2); --memberinfo2_SECTION_PAGE_LBL_BG: transparent; --memberinfo2_SECTION_PAGE_LBL_BULLET: var(--gradient3); --memberinfo2_CONTENT_BG: #2f2f2f; --memberinfo2_CONTENT_TXT_COLOR: var(--color2); --memberinfo2_CONTENT_RADIUS: 0; --memberinfo2_CONTENT_LBL_TXT_COLOR: var(--color3); --memberinfo2_CONTENT_LBL_BORDER_COLOR: var(--color3); --memberinfo2_CONTENT_LBL_BULLET: var(--color4); --memberinfo2_CONTENT_LBL_BULLET_RADIUS: 0; --memberinfo2_CONTENT_LBL_BULLET_TRANSFORM: translateY(-50%) rotateZ(45deg); --memberinfo2_CONTENT_LBL_INFO_COLOR: #0eb2f3; --memberinfo2_CONTENT_LBL_INFO_BG: var(--color2); --memberinfo2_CONTENT_LBL_INFO_CONTENT_TXT_COLOR: var(--color1); --memberinfo2_CONTENT_LBL_INFO_CONTENT_BG: var(--color10); --memberinfo2_CONTENT_LBL_TABLIST_BG: var(--color3); --memberinfo2_CONTENT_LBL_TABLIST_ACTIVE_BG: var(--color5); --memberinfo2_CONTENT_LBL_TABLIST_TXT_COLOR: var(--color2); --memberinfo2_CONTENT_LBL_TABLIST_ACTIVE_TXT_COLOR: var(--color2); --memberinfo2_CONTENT_LBL_TABLIST_RADIUS: 10px; --memberinfo2_PROFILE_BORDER_COLOR: var(--color4); --memberinfo2_PROFILE_ITEM_LBL_TXT_COLOR: var(--color4); --memberinfo2_PROFILE_ITEM_VAL_TXT_COLOR: var(--color2); --memberinfo2_PROFILE_KYC_ITEM_RADIUS: 0; --memberinfo2_PROFILE_KYC_ITEM_TXT_COLOR: var(--color1); --memberinfo2_PROFILE_KYC_ITEM_BG: var(--color2); --memberinfo2_PROFILE_KYC_ITEM_BORDER_COLOR: var(--color3); --memberinfo2_PROFILE_KYC_ITEM_INFO_BG: var(--color2); --memberinfo2_PROFILE_KYC_ITEM_INFO_COLOR: var(--color3); --memberinfo2_PROFILE_KYC_ITEM_INFO_CONTENT_BG: var(--color10); --memberinfo2_PROFILE_KYC_ITEM_INFO_CONTENT_TXT_COLOR: var(--color1); --memberinfo2_PROFILE_KYC_ITEM_ACTION_BG: #cfcfcf; --memberinfo2_PROFILE_KYC_ITEM_ACTION_TXT_COLOR: var(--color1); --memberinfo2_PROFILE_KYC_ITEM_ACTION_BORDER_COLOR: #cfcfcf; --memberinfo2_KYC_ITEM_PREVIEW_BTN_RADIUS: 0; --memberinfo2_KYC_ITEM_PREVIEW_BTN_CHANGE_TXT_COLOR: var(--color2); --memberinfo2_KYC_ITEM_PREVIEW_BTN_CHANGE_BG: var(--color3); --memberinfo2_KYC_ITEM_PREVIEW_BTN_PREVIEW_TXT_COLOR: var(--color2); --memberinfo2_KYC_ITEM_PREVIEW_BTN_PREVIEW_BG: var(--color8); --memberinfo2_KYC_REFRESH_BTN_BG: transparent !important; --memberinfo2_KYC_REFRESH_BTN_COLOR: var(--color1) !important; --memberinfo2_KYC_REFRESH_BTN_BORDER: none !important; --memberinfo2_KYC_REFRESH_BTN_HOVER_COLOR: var(--color3) !important; /* info_6 */ --memberinfo6_KYCMODAL_TXT_COLOR: var(--color2); --memberinfo6_KYCMODAL_BG_COLOR: var(--gradient1); --memberinfo6_KYCMODAL_BTN_CLOSE_BG: var(--color5); --memberinfo6_KYCMODAL_BTN_CLOSE_COLOR: var(--color2); --memberinfo6_KYCMODAL_BTN_CLOSE_RADIUS: 5px; --memberinfo6_FORM_LABEL_TXT_COLOR: var(--color1); --memberinfo6_FORM_INPUT_SELECT_BG: var(--color2); --memberinfo6_FORM_INPUT_SELECT_BG_DISABLED: var(--color5); --memberinfo6_FORM_INPUT_SELECT_ICON_COLOR: var(--color3); --memberinfo6_FORM_INPUT_SELECT_TXT_COLOR: var(--color1); --memberinfo6_FORM_INPUT_SELECT_TXT_COLOR_DISABLED: var(--color2); --memberinfo6_FORM_INPUT_SELECT_BORDER_COLOR: var(--color10); --memberinfo6_FORM_INPUT_SELECT_BORDER_COLOR_HOVER: var(--color4); --memberinfo6_FORM_INPUT_SELECT_BORDER_COLOR_DISABLED: var(--color5); --memberinfo6_FORM_INPUT_SELECT_RADIUS: 0; --memberinfo6_FORM_INPUT_SELECT_FONT_WEIGHT: 600; --memberinfo6_FORM_OTP_TIMER_TXT_COLOR: var(--color3); --memberinfo6_FORM_BTN_SUBMIT_BG: var(--color5); --memberinfo6_FORM_BTN_SUBMIT_TXT_COLOR: var(--color2); --memberinfo6_FORM_BTN_SUBMIT_RADIUS: 0; --memberinfo6_FORM_BTN_SUB_SUBMIT_BG: var(--color5); --memberinfo6_FORM_BTN_SUB_SUBMIT_DISABLED_BG: var(--color3); --memberinfo6_FORM_BTN_SUB_SUBMIT_TXT_COLOR: var(--color2); --memberinfo6_FORM_BTN_SUB_SUBMIT_DISABLED_TXT_COLOR: var(--color2); --memberinfo6_FORM_BTN_SUB_SUBMIT_RADIUS: 0; --memberinfo6_FORM_UNDERLINE: var(--color4); --memberinfo6_SECTION_PADDING: 0 15px; --memberinfo6_SECTION_BG: transparent; --memberinfo6_SECTION_FONT_WEIGHT: 600; --memberinfo6_SECTION_PAGE_LBL_COLOR: var(--color2); --memberinfo6_SECTION_PAGE_LBL_BG: transparent; --memberinfo6_SECTION_PAGE_LBL_BULLET: var(--color5); --memberinfo6_CONTENT_BG: var(--gradient2); --memberinfo6_CONTENT_TXT_COLOR: var(--color1); --memberinfo6_CONTENT_RADIUS: 0; --memberinfo6_CONTENT_LBL_TXT_COLOR: var(--color4); --memberinfo6_CONTENT_LBL_UNDERLINE: var(--color4); --memberinfo6_CONTENT_LBL_UNDERLINE_HEIGHT: 2px; --memberinfo6_CONTENT_LBL_INFO_COLOR: #0eb2f3; --memberinfo6_CONTENT_LBL_INFO_BG: var(--color2); --memberinfo6_CONTENT_LBL_INFO_CONTENT_TXT_COLOR: var(--color1); --memberinfo6_CONTENT_LBL_INFO_CONTENT_BG: var(--color10); --memberinfo6_CONTENT_LBL_TABLIST_BG: var(--color2); --memberinfo6_CONTENT_LBL_TABLIST_ACTIVE_BG: var(--gradient4); --memberinfo6_CONTENT_LBL_TABLIST_TXT_COLOR: var(--color1); --memberinfo6_CONTENT_LBL_TABLIST_ACTIVE_TXT_COLOR: var(--color1); --memberinfo6_CONTENT_LBL_TABLIST_BORDER_COLOR: var(--color5); --memberinfo6_CONTENT_LBL_TABLIST_ACTIVE_BORDER_COLOR: transparent; --memberinfo6_CONTENT_LBL_TABLIST_RADIUS: 10px; --memberinfo6_PROFILE_BORDER_COLOR: var(--color4); --memberinfo6_PROFILE_MAIN_SEPERATE_LINE: var(--color4); --memberinfo6_PROFILE_MAIN_TXT_COLOR: var(--color1); --memberinfo6_PROFILE_MAIN_H3: var(--color4); --memberinfo6_PROFILE_MAIN_LOGIN_LBL_COLOR: var(--color3); --memberinfo6_PROFILE_INFO_BG: var(--color5); --memberinfo6_PROFILE_INFO_TXT_COLOR: var(--color2); --memberinfo6_PROFILE_INFO_SEPERATE_LINE: var(--color2); --memberinfo6_KYC_VERIFIED_ITEM_BG: var(--color1); --memberinfo6_KYC_ITEM_LBL_TXT_COLOR: var(--color1); --memberinfo6_KYC_ITEM_LBL_INFO_COLOR: var(--color3); --memberinfo6_KYC_ITEM_LBL_INFO_BG: var(--color2); --memberinfo6_KYC_ITEM_LBL_INFO_TXT_COLOR: var(--color1); --memberinfo6_KYC_ITEM_LBL_INFO_CONTENT_BG: var(--color10); --memberinfo6_KYC_ITEM_UPLOAD_BORDER_COLOR: var(--color3); --memberinfo6_KYC_ITEM_UPLOAD_BG: var(--color2); --memberinfo6_KYC_ITEM_UPLOAD_TXT_COLOR: var(--color1); --memberinfo6_KYC_ITEM_UPLOAD_ICON: var(--color4); --memberinfo6_KYC_ITEM_PREVIEW_BORDER_COLOR: var(--color3); --memberinfo6_KYC_ITEM_PREVIEW_BG: var(--color2); --memberinfo6_KYC_ITEM_PREVIEW_TXT_COLOR: var(--color1); --memberinfo6_KYC_ITEM_PREVIEW_BTN_RADIUS: 0; --memberinfo6_KYC_ITEM_PREVIEW_BTN_CHANGE_TXT_COLOR: var(--color2); --memberinfo6_KYC_ITEM_PREVIEW_BTN_CHANGE_BG: var(--color3); --memberinfo6_KYC_ITEM_PREVIEW_BTN_PREVIEW_TXT_COLOR: var(--color2); --memberinfo6_KYC_ITEM_PREVIEW_BTN_PREVIEW_BG: var(--color8); /*announcement bar */ --bar2_MARQUEE_BAR_TXT: var(--color2); --bar2_MARQUEE_BAR_BORDER: 2px solid var(--color10); --bar2_MARQUEE_BAR_BG: var(--color10); /* Update Password */ --update_psw_input_BG: rgba(28,28,29,1); --update_psw_input_Border: var(--color3); --update_psw_input_Color: var(--color2); --update_psw_content_Color: rgb(212, 175, 55); --update_psw_content_detail_Color: var(--color3); --update_psw_content_detail_highlight_Color: rgb(212, 175, 55); --update_psw_btn_Color: var(--color2); --update_psw_preloader_BG: #171d22d1; /* General HOtGame */ --General_hotgamenaviitem_background: transparent; --General_hotgamenaviitem_active_background: linear-gradient(to bottom, var(--color4), var(--color5)); --General_hotgamenaviitem_border: 1px solid var(--color4); --General_hotgamenaviname_color: var(--color2); --General_hotgameimg_playoverlay_background: rgb(33, 33, 33); --General_hotgameimg_playbtn_icon_color: #f9d834; --General_hotgameimg_playbtn_icon_background: var(--color1); /* Self limit */ --selfLimit1_FLAG_BG: var(--gradient4); --selfLimit1_WRAP_BORDER_COLOR: var(--color10); --selfLimit1_BORDER_COLOR: var(--color10); --selfLimit1_SET_LIMIT_BTN_BG: var(--color6); --selfLimit1_SET_LIMIT_BTN_BG_HOVER: var(--color6); --selfLimit1_SUBMIT_BTN_BG: var(--color6); --selfLimit1_SUBMIT_BG_HOVER: var(--color6); --selfLimit1_TABLE_TH_TXT_COLOR: var(--color3); --selfLimit1_DATA_TABLE_BG: var(--color2); --selfLimit1_POPBOX_INPUT_BG: var(--color10); --selfLimit1_POPBOX_INPUT_TXT_COLOR: var(--color1); --selfLimit1_POPBOX_MSG_TXT_COLOR: var(--color3); --selfLimit1_POPBOX_TITLE_TXT_COLOR: var(--color3); --selfLimit1_BTN_BG_ACTED: var(--gradient4); --selfLimit1_BTN_TXT_COLOR: var(--color2); --selfLimit1_BTN_TXT_COLOR_ACTED: var(--color2); /* transfer_2 */ --trans2_FORM_INPUT_BTN_SUBMIT_BG: var(--gradient4); --trans2_FORM_INPUT_BTN_SUBMIT_TXT_COLOR: var(--color2); --trans2_FORM_INPUT_BTN_SUBMIT_BORDER: none; --trans2_FORM_INPUT_BTN_SUBMIT_HOVER_BG: var(--color5); --trans2_FORM_INPUT_BTN_SUBMIT_HOVER_TXT_COLOR: var(--color2); --trans2_FORM_INPUT_BTN_SUBMIT_HOVER_BORDER: none; --trans2_FORM_INPUT_BTN_SUBSUBMIT_TXT_COLOR: var(--color2); --trans2_FORM_INPUT_BTN_SUBSUBMIT_BORDER: none; --trans2_FORM_INPUT_BTN_SUBSUBMIT_BG: var(--color5); --trans2_FORM_INPUT_BTN_SUBSUBMIT_HOVER_TXT_COLOR: var(--color2); --trans2_FORM_INPUT_BTN_SUBSUBMIT_HOVER_BORDER: none; --trans2_FORM_INPUT_BTN_SUBSUBMIT_HOVER_BG: var(--gradient4); --trans2_FORM_PROV_SWITCH_TXT_COLOR: var(--color2); --trans2_FORM_PROV_SWITCH_HOVER_TXT_COLOR: var(--color4); --trans2_CONTENT_TITLE_TXT_COLOR: var(--color2); --trans2_CONTENT_TITLE_DISC_BG: var(--gradient4); --trans2_CONTENT_TXT_COLOR: var(--color2); --trans2_CONTENT_BG: var(--color12); --trans2_CONTENT_BORDER_SEPERATE_LINE: 2px dashed var(--color2); --trans2_PROV_BOX_TITLE_TXT_COLOR: var(--color2); --trans2_PROV_BOX_TITLE_DISC_BG: var(--gradient4); --trans2_PROV_BOX_PROV_ITEM_INFO_TXT_COLOR: var(--color2); --trans2_PROV_BOX_PROV_ITEM_INFO_BG: var(--gradient4); --trans2_PROV_BOX_PROV_ITEM_INFO_HOVER_TXT_COLOR: var(--color2); --trans2_PROV_BOX_PROV_ITEM_INFO_HOVER_BG: var(--color5); --trans2_CREDITS_BOX_H4_TXT_COLOR: var(--color2); --trans2_CREDITS_BOX_CREDITS_ITEM_INFO_BTN_BG: var(--gradient4); --trans2_CREDITS_BOX_CREDITS_ITEM_INFO_BTN_HOVER_BOX_SHADOW: 3px 3px 0 0 var(--color5); /* prov_list_3 */ --prov3_CAROUSEL_PADDLE_BTN_TXT_COLOR: var(--color4); --prov3_FORM_INPUT_DISABLED_BG: var(--gradient4); --prov3_FORM_INPUT_DISABLED_BORDER: 2px solid var(--color5); --prov3_FORM_INPUT_DISABLED_TXT_COLOR: var(--color2); --prov3_FORM_INPUT_COPY_COLOR: var(--color2); --prov3_PROVITEM_IMG_BG: transparent; --prov3_PROVITEM_IMG_BORDER: none; --prov3_PROVITEM_LBL_LOBBY_BG: var(--gradient4); --prov3_PROVITEM_LBL_GAMELIST_BG: var(--color5); --prov3_PROVITEM_BTN_BG: var(--color5); --prov3_PROVITEM_BTN_TXT_COLOR: var(--color2); --prov3_PROVITEM_BTN_BORDER: none; --prov3_PROVITEM_BTN_HOVER_BG: var(--gradient4); --prov3_PROVITEM_BTN_HOVER_TXT_COLOR: var(--color2); --prov3_PROVITEM_BTN_HOVER_BORDER: none; --prov3_USRPSWDBOX_BTN_BG: var(--color5); --prov3_USRPSWDBOX_BTN_HOVER_BG: var(--gradient4); --prov3_USRPSWDBOX_QR_BG: var(--color12); --prov3_FAVBOX_TITLE_TXT_COLOR: var(--color2); --prov3_FAVBOX_ITEM_LBL_BG: var(--color5); /* h3 */ --h3_NAVI_ITEM_TXT_COLOR: var(--color2); --h3_NAVI_ITEM_BG: 0 0; --h3_NAVI_ITEM_ICON: var(--filterW); --h3_NAVI_ITEM_HOVER_TXT_COLOR: var(--color2); --h3_NAVI_ITEM_HOVER_BG: var(--color12); --h3_NAVI_ITEM_HOVER_ICON: var(--filterW); --h3_NAVI_ITEM_DROPDOWN_TXT_COLOR: var(--color2); --h3_NAVI_ITEM_DROPDOWN_BG: var(--color12); --h3_NAVI_ITEM_DROPDOWN_BORDER: none; --h3_NAVI_ITEM_DROPDOWN_ITEM_TXT_COLOR: var(--color2); --h3_NAVI_ITEM_DROPDOWN_ITEM_BG: 0 0; --h3_NAVI_ITEM_DROPDOWN_ITEM_HOVER_TXT_COLOR: var(--color2); --h3_NAVI_ITEM_DROPDOWN_ITEM_HOVER_BG: var(--gradient4); /* prov_cat_menu_1 */ --provcatmenu1_MENU_ITEM_BTN_BG: var(--color5); --provcatmenu1_MENU_ITEM_BTN_TXT: var(--color2); --provcatmenu1_MENU_ITEM_BTN_HOVER_BG: var(--color4); --provcatmenu1_MENU_ITEM_BTN_HOVER_TXT: var(--color2); /*Floating button*/ --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%; --FLOATBTN1_FLOAT_CONTAINER_FLOATING_TIPS_3_MAX_WIDTH: 100px; --FLOATBTN1_FLOAT_CONTAINER_FLOATING_TIPS_3_TOP: 235px; --FLOATBTN1_FLOAT_CONTAINER_FLOATING_TIPS_3_LEFT: 5px; --FLOATBTN1_FLOAT_CONTAINER_FLOATING_TIPS_3_ZINDEX: 10; --FLOATBTN1_FLOAT_CONTAINER_FLOATING_TIPS_3_ANIMATION: movemove 10s infinite; } * { scrollbar-width: thin; scrollbar-color: var(--color4) var(--color3) } *::-webkit-scrollbar-track { background-color: #bdbdbd; color: #bdbdbd } *::-webkit-scrollbar-thumb { background-color: var(--color4); color: var(--color4); border-radius: 10px } *::-ms-scrollbar-track-piece { background-color: #bdbdbd; color: #bdbdbd } *::-ms-scrollbar-thumb { background-color: var(--color4); color: var(--color4); border-radius: 10px } .background-primary { background-color: var(--color1) } .header-menu { background: var(--color2) } body { color: var(--color2) } .dstg-bg-gradual-black { background: #746cf7; } .dstg-bg-gradient-primary { background: var(--gradient4) } .dstg-bg-gradient-primary:hover, .dstg-bg-gradient-primary:focus, .dstg-bg-gradient-primary:active { background: var(--color5) } .dstg-bg-gradient-secondary { background: var(--color5) } .dstg-bg-gradient-secondary:hover, .dstg-bg-gradient-secondary:focus, .dstg-bg-gradient-secondary:active { background: var(--gradient4) } .dstg-bg-gradient-third { background: var(--color8) } .dstg-bg-gradient-third:hover, .dstg-bg-gradient-third:focus, .dstg-bg-gradient-third:active { background: var(--color9) } .dstg-bg-gradient-gray { background: linear-gradient(to bottom, #aaa7a7, #696969) } .dstg-text-blue, .dstg-text-primary { color: var(--color2) } .dstg-text-yellow, .dstg-text-secondary { color: var(--color5) } .dstg-text-error ,.error { color: #b90000 } .dstg-btn-play.dstg-yellow { border: 1px solid var(--color5); background-color: var(--color5); color: var(--color2); transition: .3s } .dstg-btn-play:not(.dstg-gray ):hover { border: 1px solid var(--color4); background-color: var(--color4); color: var(--color2); transition: .3s } .dstg-btn-play.dstg-red { border: 1px solid var(--color8); background-color: var(--color8); color: var(--color2); transition: .3s } .dstg-btn-play.dstg-red:not(.dstg-gray ):hover { border: 1px solid var(--color8); background-color: var(--color8); color: var(--color2); transition: .3s } /* main loader */ @keyframes spinner-animation { 0% { transform: rotate(0) } 100% { transform: rotate(360deg) } } .dstg-spinner-animation div { box-sizing: border-box !important } .dstg-spinner-animation > div { position: absolute; width: 72px; height: 72px; top: 14px; left: 14px; border-radius: 50%; border: 8px solid var(--color1); border-color: var(--color4) transparent var(--color4) transparent; animation: spinner-animation 1s linear infinite } .dstg-spinner-animation > div:nth-child(2), .dstg-spinner-animation > div:nth-child(4) { width: 54px; height: 54px; top: 23px; left: 23px; animation: spinner-animation 1s linear infinite reverse } .dstg-spinner-animation > div:nth-child(2) { border-color: transparent var(--color5) transparent var(--color4) } .dstg-spinner-animation > div:nth-child(3) { border-color: transparent } .dstg-spinner-animation > div:nth-child(3) div { position: absolute; width: 100%; height: 100%; transform: rotate(45deg) } .dstg-spinner-animation > div:nth-child(3) div:before, .dstg-spinner-animation > div:nth-child(3) div:after { content: ""; display: block; position: absolute; width: 8px; height: 8px; top: -8px; left: 24px; background: var(--gradient4); border-radius: 50%; box-shadow: 0 64px 0 0 var(--color4) } .dstg-spinner-animation > div:nth-child(3) div:after { left: -8px; top: 24px; box-shadow: 64px 0 0 0 var(--color4) } .dstg-spinner-animation > div:nth-child(4) { border-color: transparent } .dstg-spinner-animation > div:nth-child(4) div { position: absolute; width: 100%; height: 100%; transform: rotate(45deg) } .dstg-spinner-animation > div:nth-child(4) div:before, .dstg-spinner-animation > div:nth-child(4) div:after { content: ""; display: block; position: absolute; width: 8px; height: 8px; top: -8px; left: 15px; background: var(--gradient4); border-radius: 50%; box-shadow: 0 46px 0 0 var(--color4) } .dstg-spinner-animation > div:nth-child(4) div:after { left: -8px; top: 15px; box-shadow: 46px 0 0 0 var(--color4) } .dstg-spinner-double-ring { width: 100%; height: 100%; display: inline-block; overflow: hidden; background: none } .dstg-spinner-animation { width: 80px; height: 80px; position: relative; transform: translateZ(0) scale(0.dstg-8); backface-visibility: hidden; transform-origin: 0 0; margin: 300px auto } .dstg-spinner-animation div { box-sizing: content-box } /* main loader */ .dstg-important-icon { color: var(--color4) } /* MODAL */ .modal-content { background: var(--color2); color: var(--color1); border: unset; } .modal-header { border: none; color: var(--color2); background: var(--color4); } .modal-header:after { border-bottom: 2px solid var(--color4) } .modal-header .diamond { background: unset } .modal-header .btn-modalClose { color: var(--color2) } .modal-footer { color: var(--color1)! important; } /* admodal */ .admodal- .modal-header .btn-modalClose { color: var(--color4) } #announcemodal .modal-header { border: 2px solid var(--color4); justify-content: center; } #announcemodal .modal-header:after { border-bottom: unset !important; } #announcemodal .announce-item { border: 2px solid var(--color4); } #announcemodal .announce-item .title, #announcemodal .announce-item .message { margin: 5px; } #announcemodal .announce-item .title i { color: var(--color4); } /* loginmodal */ #loginmodal .form-text .title { color: var(--color2) } #loginmodal .nav-tabs { border-color: transparent } #loginmodal .nav-tabs .nav-link { color: var(--color3); background: #cfcfcf } #loginmodal .nav-tabs .nav-link.active, #loginmodal .nav-tabs .nav-link:hover { color: var(--color2); background: var(--gradient4); } #loginmodal .input- i.left- { color: var(--color4) } #loginmodal .forgot-field { color: inherit } #loginmodal .forgot-field:hover color: var(--color5) } #loginmodal .loginBtn { color: var(--color2); background: var(--gradient4); } #loginmodal .loginBtn:hover { color: var(--color2); background: var(--color5) } #loginmodal .input- i.loginPswdVisi- { color: var(--color1); } /* donwloadmodal */ #downloadmodal .downloadQR-content { border-top: dashed 2px var(--color3) } #downloadmodal .downloadQR-content .downloadQR-item:nth-child(2) { border-left: dashed 2px var(--color3) } #downloadmodal .downloadQR-content .user-wrap { border-left: dashed 2px var(--color3) } #downloadmodal .downloadQR-content .btn-download { color: var(--color1) } #downloadmodal .downloadQR-content .btn-download:hover { color: var(--color2) } /* HEADER */ .dstg-header { background-color: var(--color1) } .dstg-header .dstg-header-content { /* background-image: url('/images/templates/Template 2/Header_background.dstg-png'); */ background-position: center } .dstg-header-content .dstg-header-left .dstg-logo { /* width: 250px; */ } .dstg-header-content .dstg-header-center .dstg-member-box .dstg-member-content { color: var(--color2); } .dstg-header-content .dstg-header-center .dstg-member-box .dstg-member-content .dstg-member-name { color: var(--color4); } .dstg-header-content .dstg-header-center .dstg-balance-box .wallet-balance, .dstg-header-content .dstg-header-center .dstg-navi-box { color: var(--color2); } .dstg-header-content .dstg-header-center .dstg-navi-box .dstg-navi-content:hover { color: var(--color5); transition: .3s } .dstg-header-content .dstg-header-center .btn-box button { color: var(--color3); } .dstg-header-content .dstg-header-center .btn-box button:hover i { /* color: rgba(7,33,60,1); */ } .dstg-header-content .dstg-header-center .language-box:hover .title { color: var(--color4); } .dstg-header-right .buttons .dstg-bg-gradient-primary{ background: var(--gradient4); } .dstg-header-content .dstg-header-right .buttons .button-big { color: var(--color2); } .dstg-header-content .dstg-header-right .buttons .button-big:hover { color: var(--color2); } .dstg-header-content .dstg-header-right .buttons .dstg-bg-gradient-secondary{ border: 2px solid var(--color5); background: var(--color5); color: var(--color1) } .dstg-header-content .dstg-header-right .buttons .dstg-bg-gradient-secondary:hover{ background:var(--color5); border: 2px solid var(--color5); } .dstg-countdown-widget>div { background: var(--gradient4); color: var(--color2); } .dstg-countdown-widget .dstg-countdowm-letter:first-child { font-family: cursive; } /* refresh button */ .dstg-btn-box .dstg-refreshBtn { background-color: #fcb913 } /* header deposit and withdraw button */ .dstg-hdepositBtn { color: var(--color2); background-color: var(--color4); } .dstg-hdepositBtn:before, .dstg-hdepositBtn:after { background-color: var(--color5) } .dstg-hdepositBtn:hover{ background-color: var(--color5); color: var(--color2) !important; } .dstg-header .dstg-header-content .btn-action-box- .btn-login- { border: none; color: var(--color2); background: var(--gradient4) } .dstg-header .dstg-header-content .btn-action-box- .btn-login-:hover { color: var(--color2); background: var(--color5) } .dstg-header .dstg-header-content .btn-action-box- .btn-reg- { border: none; color: var(--color4); background: var(--color2) } .dstg-header .dstg-header-content .btn-action-box- .btn-reg-:hover { color: var(--color2); background: #b3adad; } .dstg-header .dstg-header-content .btn-action-box- .btn-logout- { border: none; color: var(--color4); background: var(--color2) } .dstg-header .dstg-header-content .btn-action-box- .btn-logout-:hover { color: var(--color2); background: #b3adad; } /* HEADER */ /* FOOTER */ footer { background: var(--color1) } footer .dstg-footer-top .dstg-footer-separate .dstg-description-item .dstg-title{ color: var(--color2) } footer .dstg-footer-top .dstg-footer-separate .dstg-description-item { color: var(--color2) } footer .dstg-footer-bottom .dstg-bottom-wrap { border-top: solid 1px var(--color3) } footer .dstg-footer-bottom .dstg-bottom-wrap .dstg-footer-bottom-bar .dstg-copy-right { color: var(--color3) } footer .dstg-footer-bottom .dstg-bottom-wrap .dstg-footer-bottom-bar ul li { border-right: 1px solid var(--color2); color: var(--color2); transition: .3s ease } footer .dstg-footer-bottom .dstg-bottom-wrap .dstg-footer-bottom-bar ul li:hover, footer .dstg-footer-bottom .dstg-bottom-wrap .dstg-footer-bottom-bar ul li:focus, footer .dstg-footer-bottom .dstg-bottom-wrap .dstg-footer-bottom-bar ul li:active { color: var(--color5); transition: .3s ease } footer .dstg-img-wrapper { border: 2px dashed var(--color2) } footer .dstg-img-wrapper .dstg-title-box { border-bottom: 2px dashed var(--color2); color: var(--color2) } /* FOOTER */ /* navi bar */ #more-list .dstg-new { background-color:var(--color4); } #more-list .dstg-new a { color: var(--color2) } #more-list .dstg-new a.is-acted { color:var(--color4) } .dstg-navi-content .bottom-nav .navi-list .nav-item:hover, .dstg-navi-content .bottom-nav .navi-list .nav-item .is-acted, #more-list .dstg-new a:hover { background: var(--color12) } .dstg-navi-content .bottom-nav .navi-list .nav-item a { color: var(--color2); -webkit-transition: .3s; transition: .3s } .dstg-navi-content .bottom-nav .navi-list .nav-item a .navi-icon{ filter: var(--filter3) } .dstg-navi-content .bottom-nav .navi-list .nav-item:hover a, .dstg-navi-content .bottom-nav .navi-list .nav-item.is-acted a { text-decoration: none; color: var(--color2); -webkit-transition: .3s; transition: .3s } .dstg-navi-content .bottom-nav .navi-list .nav-item.is-acted a .navi-icon, .dstg-navi-content .bottom-nav .navi-list .nav-item:hover a .navi-icon { filter: var(--filter3) } .dstg-navi-content .bottom-nav .navi-list .brand-item .brand-selection li { background: var(--color12); color: var(--color2); transition: .3s } .dstg-navi-content .bottom-nav .navi-list .brand-item .brand-selection li:hover { background: var(--gradient4); color: var(--color2); } .dstg-navi-bar .navi-bar-bg { background: var(--gradient4); } /* navi bar */ /* side menu bar */ .dstg-sideMenuLeftContainer .dstg-sideMenuTop{ background: var(--gradient4); } .dstg-sideMenuLeftContainer .dstg-sideMenuTop .dstg-logo-box { border-bottom: 1px solid var(--color1) } .dstg-sideMenuLeftContainer .dstg-sideMenuTop .dstg-logo-box .dstg-logo-img img { width: fit-content; height: 100%; margin: 0 10px } .dstg-sideMenuLeftContainer .dstg-sideMenuTop .dstg-logo-box .dstg-icon-img { color: var(--color2); transition: all .dstg-3s ease-in-out } .dstg-sideMenuLeftContainer .dstg-sideMenuTop .dstg-member-box { background: linear-gradient(141deg, #2f2f2f, #000000); } .dstg-sideMenuLeftContainer .dstg-sideMenuTop .dstg-member-box .dstg-member-memberPoint { color: var(--color4); } .dstg-sideMenuLeftContainer .dstg-sideMenuTop .dstg-member-box .dstg-member-memberPoint .dstg-btn-box button { color: var(--color4); } .dstg-sideMenuLeftContainer .dstg-sideMenuTop .dstg-member-box .dstg-member-memberPoint .dstg-btn-box button:hover i { color: var(--color3); } .dstg-sideMenuLeftContainer .dstg-sideMenuMiddle .dstg-menu-box{ width: 100%; } .dstg-sideMenuLeftContainer .dstg-sideMenuMiddle .dstg-menu-box.off .dstg-menu-hover{ background: var(--gradient4) } .dstg-sideMenuLeftContainer .dstg-sideMenuMiddle .dstg-menu-box .dstg-menu-label{ color: var(--color2); background: var(--gradient4); border-bottom: dashed 1px #bdbdbd } .dstg-sideMenuLeftContainer .dstg-sideMenuMiddle .dstg-menu-box ul li{ color: var(--color2); background: var(--color5); } .dstg-sideMenuLeftContainer .dstg-sideMenuMiddle .dstg-menu-box ul li:hover, .dstg-sideMenuLeftContainer .dstg-sideMenuMiddle .dstg-menu-box ul li:focus{ background: var(--gradient4); color: var(--color2); } .dstg-sideMenuLeftContainer .dstg-sideMenuMiddle .dstg-menu-box ul li:hover .dstg-icon, .dstg-sideMenuLeftContainer .dstg-sideMenuMiddle .dstg-menu-box ul li:focus .dstg-icon{ color: var(--color2); } .dstg-sideMenuLeftContainer .dstg-sideMenuMiddle .dstg-menu-box ul li:hover .dstg-title, .dstg-sideMenuLeftContainer .dstg-sideMenuMiddle .dstg-menu-box ul li:focus .dstg-title{ color: var(--color2); } .dstg-sideMenuLeftContainer .dstg-sideMenuMiddle ul li.noSubNavi { color: var(--color2); background: var(--color5); } .dstg-sideMenuLeftContainer .dstg-sideMenuMiddle ul li.noSubNavi:hover{ background: var(--gradient4); color: var(--color2); } /* old sidemenu css */ /* .dstg-sideMenu.dstg-sideMenuLeftContainer { background: var(--gradient4) } .dstg-sideMenuLeftContainer .dstg-sideMenuTop .dstg-logo-box { border-bottom: 1px solid var(--color1) } .dstg-sideMenuLeftContainer .dstg-sideMenuTop .dstg-logo-box .dstg-logo-img img { width: fit-content; height: 100%; margin: 0 10px } .dstg-sideMenuLeftContainer .dstg-sideMenuTop .dstg-logo-box .dstg-icon-img { color: var(--color1); transition: all .dstg-3s ease-in-out } .dstg-sideMenuLeftContainer .dstg-sideMenuTop .dstg-member-box { background: var(--gradient1); color: var(--color1) } .dstg-sideMenuLeftContainer .dstg-sideMenuTop .dstg-member-box .dstg-member-memberPoint { color: var(--color4); } .dstg-sideMenuLeftContainer .dstg-sideMenuTop .dstg-member-box .dstg-member-memberPoint .dstg-btn-box button { color: var(--color4); } .dstg-sideMenuLeftContainer .dstg-sideMenuTop .dstg-member-box .dstg-member-memberPoint .dstg-btn-box button:hover i { color: var(--color3); } .dstg-sideMenuLeftContainer .dstg-sideMenuTop .dstg-funds-menu-box, .dstg-sideMenuLeftContainer .dstg-sideMenuTop .dstg-minigames-menu-box { border-bottom: dashed 1px var(--color1) } .dstg-sideMenuLeftContainer .dstg-sideMenuTop .dstg-funds-menu-box.off .dstg-funds-menu-hover, .dstg-sideMenuLeftContainer .dstg-sideMenuTop .dstg-minigames-menu-box.off .dstg-minigames-menu-hover { background: var(--gradient4) } .dstg-sideMenuLeftContainer .dstg-sideMenuTop .dstg-funds-menu-box .dstg-funds-menu-label, .dstg-sideMenuLeftContainer .dstg-sideMenuTop .dstg-minigames-menu-box .dstg-minigames-menu-label { color: var(--color1); } .dstg-sideMenuLeftContainer .dstg-sideMenuTop .dstg-funds-menu-box ul li, .dstg-sideMenuLeftContainer .dstg-sideMenuTop .dstg-minigames-menu-box ul li { color: var(--color1); transition: .3s } .dstg-sideMenuLeftContainer .dstg-sideMenuTop .dstg-funds-menu-box ul li:hover .dstg-icon, .dstg-sideMenuLeftContainer .dstg-sideMenuTop .dstg-funds-menu-box ul li:focus .dstg-icon, .dstg-sideMenuLeftContainer .dstg-sideMenuTop .dstg-minigames-menu-box ul li:hover .dstg-icon, .dstg-sideMenuLeftContainer .dstg-sideMenuTop .dstg-minigames-menu-box ul li:focus .dstg-icon { color: var(--color2); transition: .3s } .dstg-sideMenuLeftContainer .dstg-sideMenuTop .dstg-funds-menu-box ul li:hover .dstg-title, .dstg-sideMenuLeftContainer .dstg-sideMenuTop .dstg-funds-menu-box ul li:focus .dstg-title, .dstg-sideMenuLeftContainer .dstg-sideMenuTop .dstg-minigames-menu-box ul li:hover .dstg-title, .dstg-sideMenuLeftContainer .dstg-sideMenuTop .dstg-minigames-menu-box ul li:focus .dstg-title { color: var(--color2); transition: .3s } .dstg-sideMenuLeftContainer .dstg-sideMenuMiddle ul li { color: var(--color1); transition: .3s } .dstg-sideMenuLeftContainer .dstg-sideMenuMiddle ul li:hover, .dstg-sideMenuLeftContainer .dstg-sideMenuTop .dstg-funds-menu-box ul li:hover, .dstg-sideMenuLeftContainer .dstg-sideMenuTop .dstg-funds-menu-box ul li:focus, .dstg-sideMenuLeftContainer .dstg-sideMenuTop .dstg-minigames-menu-box ul li:hover, .dstg-sideMenuLeftContainer .dstg-sideMenuTop .dstg-minigames-menu-box ul li:focus { background: var(--color1); color: var(--color2); transition: .3s } */ /* old sidemenu css */ /* .dstg-sideMenuRightContainer.show { background: rgba(246,244,244,1) } .dstg-sideMenuRightContainer .dstg-sideMenuTop .dstg-title-box .dstg-title { color: var(--color2) } .dstg-sideMenuRightContainer.dstg-show .dstg-sideMenuTop .dstg-title-box .dstg-title { color: #7b7b7b } .dstg-sideMenuRightContainer .dstg-sideMenuTop .dstg-title-box .dstg-icon { color: var(--color2); transition: transform .dstg-3s ease-in-out } .dstg-sideMenuRightContainer .dstg-sideMenuMiddle .dstg-balance-box { background: var(--gradient4) } .dstg-sideMenuRightContainer .dstg-sideMenuMiddle .dstg-balance-box .dstg-balance-amt { color: var(--color2) } .dstg-sideMenuRightContainer .dstg-sideMenuMiddle .dstg-balance-box .dstg-balance-timer .dstg-timer-title { color: var(--color2) } .dstg-sideMenuRightContainer .dstg-sideMenuMiddle .dstg-balance-box .dstg-balance-timer .dstg-timer-val { color: var(--color2) } .dstg-sideMenuRightContainer .dstg-sideMenuMiddle .dstg-balance-box .dstg-balance-timer .dstg-timer-val .dstg-highlight { font-weight: bold; color: var(--color4) } .dstg-fastTransfer-box .dstg-input-container .dstg-directAllIn-wrapper .dstg-toggle-btn .dstg-toggle-slider { background-color: rgba(207,207,207,1); -webkit-transition: .4s; transition: .4s } .dstg-fastTransfer-box .dstg-input-container .dstg-directAllIn-wrapper .dstg-toggle-btn .dstg-toggle-slider:before { content: ""; background-color: var(--color3); -webkit-transition: .4s; transition: .4s } .dstg-fastTransfer-box .dstg-input-container .dstg-directAllIn-wrapper .dstg-toggle-btn .dstg-toggle-slider .dstg-on { color: var(--color2) } .dstg-fastTransfer-box .dstg-input-container .dstg-directAllIn-wrapper .dstg-toggle-btn .dstg-toggle-slider .dstg-off { color: var(--color3) } .dstg-fastTransfer-box .dstg-input-container .dstg-directAllIn-wrapper .dstg-toggle-btn .dstg-toggle-checkbox:checked + .dstg-toggle-slider { background: var(--gradient4) } .dstg-fastTransfer-box .dstg-input-container .dstg-directAllIn-wrapper .dstg-toggle-btn .dstg-toggle-checkbox:checked + .dstg-toggle-slider:before { background-color: var(--color2) } .dstg-fastTransfer-box .dstg-input-container .dstg-select-input .dstg-select-selected { color: var(--color3); background: rgba(255,253,253,1); border: 1px solid #bdbdbd } .dstg-fastTransfer-box .dstg-input-container .dstg-select-input .dstg-select-selected:after { content: ""; border-color: var(--color4) transparent transparent transparent } .dstg-fastTransfer-box .dstg-input-container .dstg-select-input .dstg-select-items { color: var(--color2); background: rgba(125,125,125,1) } .dstg-fastTransfer-box .dstg-input-container .dstg-select-input .dstg-select-items div:hover { background: var(--gradient4); transition: .3s } .dstg-fastTransfer-box .dstg-input-container .dstg-text-input input { background: rgba(255,253,253,1); border: 1px solid #bdbdbd; color: var(--color3) } .dstg-fastTransfer-box .dstg-input-container .dstg-text-input input:disabled { background: rgba(7,33,60,1); color: var(--color2) } .dstg-fastTransfer-box .dstg-input-container .dstg-text-input select { background: rgba(255,253,253,1); border: 1px solid #bdbdbd; color: var(--color3) } .dstg-fastTransfer-box .dstg-input-container .dstg-btn-box button { color: var(--color2); transition: .3s } .dstg-fastTransfer-box .dstg-input-container #toogle-Transfer{ text-decoration: underline solid var(--color4); color: var(--color4); } */ .dstg-sideBtn-wrapper .dstg-btn-box button { color: var(--color2) } /* side menu bar */ /* marquee */ .dstg-announcement-marquee { background: rgba(7,33,60,1) } .dstg-announcement-marquee .dstg-marquee-icon { color: var(--color2) } .dstg-announcement-marquee .dstg-marquee-content { color: var(--color2) } /* marquee */ /* home page */ .dstg-bonus-wrapper .dstg-home-packet .dstg-angpow-wrap .dstg-title-info .dstg-title { color: #fcbc1d; font-weight: 700; } .dstg-content-wrapper .dstg-video-wrap .dstg-title-box, .dstg-content-wrapper .dstg-video-wrap2 .dstg-title-box{ border-bottom: 2px dashed var(--color3) } .dstg-content-wrapper .dstg-menu-wrap .dstg-menu-item { background-color: transparent } .dstg-content-wrapper .dstg-menu-wrap .dstg-menu-item .dstg-mask .dstg-menu-detail .dstg-title-info .dstg-word { color: var(--color2) } .dstg-sub-slider-wrapper .dstg-title-box { border-bottom: 2px dashed var(--color3) } .dstg-sub-slider-wrapper .dstg-subSlider-wrapper .dstg-game-slider { height: 257px } .dstg-sub-slider-wrapper .dstg-subSlider-wrapper .dstg-game-slider .dstg-imgContainer .dstg-imgItem { width: 230px } .dstg-sub-slider-wrapper .dstg-subSlider-wrapper .dstg-game-slider .dstg-imgContainer .dstg-imgItem .dstg-img { width: 230px; height: 257px; border-bottom: 7px solid var(--color4) } .dstg-other-slider-wrapper .dstg-other-wrapper .dstg-jackpot-wrap { display: grid; grid-template-columns: 40% 60% } .dstg-other-slider-wrapper .dstg-other-wrapper .dstg-jackpot-wrap .dstg-jackpot-title { color: transparent } .dstg-other-slider-wrapper .dstg-other-wrapper .dstg-jackpot-wrap .dstg-jackpot-content .dstg-jackpot-amount { color: var(--color2); font-size: 50px; text-align: center; margin-top: -0.2rem; margin-left: -2rem; } @media ( max-width :1400px) { .dstg-other-slider-wrapper .dstg-other-wrapper .dstg-jackpot-wrap .dstg-jackpot-content .dstg-jackpot-amount { font-size: 40px } } @media ( max-width :1250px) { .dstg-other-slider-wrapper .dstg-other-wrapper .dstg-jackpot-wrap .dstg-jackpot-content .dstg-jackpot-amount { font-size: 35px } } .dstg-join-wrap .dstg-join-img .dstg-title, .dstg-join-wrap .dstg-join-arrow { color: var(--color4) } /* home page */ /* casino page */ .dstg-casino-promo-wrap .dstg-casinoSlider-wrapper .dstg-title-box { border-bottom: 2px dashed var(--color3) } /* casino page */ /* slots page */ .dstg-slots-container .dstg-slotProviderNavi-wrap .dstg-providerNaviControl button { background: transparent; color: var(--color3); transition: .3s } .dstg-slots-container .dstg-slotProviderNavi-wrap .dstg-providerNaviControl button:hover { color: var(--color4); transition: .3s } .dstg-slots-container .dstg-slotProviderNavi-wrap .dstg-providerNaviControl button:disabled { color: #bdbdbd; cursor: default; transition: .3s } .dstg-slots-container .dstg-slotProviderNavi-wrap .dstg-providerNaviItem .dstg-providerNavi-box .dstg-providerNavi-option .dstg-provider-img { border-top: 6px solid var(--color4) } .dstg-slots-container .dstg-slotProviderNavi-wrap .dstg-providerNaviItem .dstg-providerNavi-box .dstg-providerNavi-option .dstg-provider-name { color: var(--color3); background: rgba(234,234,234,1); transition: .3s } .dstg-slots-container .dstg-slotProviderNavi-wrap .dstg-providerNaviItem .dstg-providerNavi-box .dstg-providerNavi-option:hover .dstg-provider-name, .dstg-slots-container .dstg-slotProviderNavi-wrap .dstg-providerNaviItem .dstg-providerNavi-box .dstg-providerNavi-option .dstg-provider-name.is-acted { color: var(--color2); background: var(--gradient4); transition: .3s } /* slots page */ /* promotion page */ .promoFilter-wrapper .promoFilter-separate .promoFilter-title { color: var(--color3) } .promoFilter-wrapper .promoFilter-separate .promoFilter-option .promoFilter-list li .option { background: rgba(234,234,234,1); color: var(--color1); transition: .3s } .promoFilter-wrapper .promoFilter-separate .promoFilter-option .promoFilter-list li:hover .option, .promoFilter-wrapper .promoFilter-separate .promoFilter-option .promoFilter-list li .option.is-acted { background: var(--gradient4); color: var(--color2); transition: .3s } .promoList-wrapper .promoList-separate { border: solid 3px #dcdcdc; border-top-right-radius: 15px; border-bottom-right-radius: 15px } .promoList-separate .promoContent-right .promo-description .description-left .description-title .flag { background: var(--gradient4) } .promoList-separate .promoContent-right .promo-description .description-left .description-title .text { color: var(--color3); background: rgba(252,185,19,.dstg-2) } .promoList-separate .promoContent-right .promo-btn button { color: var(--color2); transition: .3s } .promoList-separate .promoContent-right .promo-info .info-wrap { background: #dcdcdc; margin-bottom: 10px; margin-right: 10px; border-radius: 15px; border-top-left-radius: 0px; } .promoList-separate .promoContent-right .promo-info .info-wrap .info-content table td { border: 1px solid var(--color1); background: var(--color2); color: #222 } .promoList-separate .promoContent-right .promo-info .info-wrap .info-content table th, .promoList-separate .promoContent-right .promo-info .info-wrap .info-content table .head { border: 1px solid var(--color2); background: #ff8a00; color: var(--color2) } .promoList-separate .promoContent-right .promo-info .info-wrap .info-content h3 { color: var(--color3) } .promoList-separate .promoContent-right .promo-info .info-wrap .info-content { color: #292929; } .promoList-separate .promoContent-right .promo-description .description-right .description-date .date-title{ background: var(--gradient4); color:var(--color2) } /* promotion page */ /* download page/download list */ .dstg-download-wrapper .dstg-download-item, .dstg-downloadList-wrapper .dstg-download-item { background: rgba(207,207,207,1) } .dstg-download-wrapper .dstg-download-item .dstg-content-box .dstg-img-box, .dstg-downloadList-wrapper .dstg-download-item .dstg-content-box .dstg-img-box { background-color: transparent } .dstg-download-wrapper .dstg-download-item .dstg-content-box .dstg-title-box span, .dstg-downloadList-wrapper .dstg-download-item .dstg-content-box .dstg-title-box span { color: var(--color3) } /* download page/download list */ /* info content base */ .dstg-article-wrap .dstg-title-box .dstg-flag { background: var(--color5) } /* info content base */ /* seo content */ .dstg-article-wrap .dstg-seo-btn button { color: var(--color2) } .dstg-article-wrap .dstg-article-box .dstg-seo-info { color: var(--color3) } .dstg-article-wrap .dstg-article-box .dstg-seo-info strong { color: rgb(0, 0, 0) } .dstg-article-wrap .dstg-article-box .dstg-seo-info a { color: var(--color1)0ff; border-bottom: 1px solid var(--color1)0ff } .dstg-article-wrap .dstg-article-box .dstg-seo-info a:hover { color: #013D7A; border-bottom: 1px solid #013D7A; transition: .3s } .dstg-seo-wrapper { color: var(--color3) } .dstg-seo-wrapper strong { color: rgb(0, 0, 0) } .dstg-seo-wrapper a { color: var(--color1)0ff; border-bottom: 1px solid var(--color1)0ff } .dstg-seo-wrapper a:hover { color: #013D7A; border-bottom: 1px solid #013D7A; transition: .3s } /* seo content */ /* about us page */ .dstg-article-wrap .dstg-article-box .dstg-about-info { color: var(--color2) } .dstg-article-wrap .dstg-article-box .dstg-about-info strong { color: var(--color4) } /* about us page */ /* contact us page */ .dstg-article-wrap .dstg-article-box .dstg-contact-info { color: var(--color3) } .dstg-article-wrap .dstg-article-box .dstg-contact-info .dstg-contact-list { background: rgba(255,253,253,1) } .dstg-article-wrap .dstg-article-box .dstg-contact-info .dstg-contact-list tr .dstg-primary-col i { color: var(--color4) } .dstg-article-wrap .dstg-article-box .dstg-contact-info .dstg-contact-list tr .dstg-value-col { color: var(--color3) } .dstg-article-wrap .dstg-article-box .dstg-contact-info .dstg-contact-list tr .dstg-value-col a { color: var(--color3); border-bottom: solid 1px transparent; transition: .3s } .dstg-article-wrap .dstg-article-box .dstg-contact-info .dstg-contact-list tr .dstg-value-col a:hover { color: var(--color4); border-bottom: solid 1px var(--color4); transition: .3s } #contactmodal .modal-body tr .dstg-primary-col i { font-size: 25px; color: var(--color4); } #contactmodal .modal-body tr .dstg-value-col { color: var(--color2); } #contactmodal .modal-body tr .dstg-value-col a { color: var(--color3); border-bottom: solid 1px transparent; transition: .3s; } /* contact us page */ /* terms n conditions page */ .dstg-article-wrap .dstg-article-box .dstg-term-info { color: var(--color2) } .dstg-article-wrap .dstg-article-box .dstg-term-info strong { color: var(--color4) } .dstg-article-wrap .dstg-article-box .dstg-term-info .dstg-info-cover { border-bottom: 1px dashed var(--color2); } /* terms n conditions page */ /* marquee pop & announce pop */ .dstg-marqueePop-box .dstg-marqueePop-wrapper .dstg-popContent-wrap .dstg-announce-cover, .dstg-announcePop-box .dstg-announcePop-wrapper .dstg-announceContent-wrap .dstg-announce-cover { border-bottom: 1px dashed var(--color3) } .dstg-marqueePop-box .dstg-marqueePop-wrapper .dstg-popContent-wrap .dstg-announce-cover .dstg-announce-content, .dstg-announcePop-box .dstg-announcePop-wrapper .dstg-announceContent-wrap .dstg-announce-cover .dstg-announce-content { color: var(--color3) } /* marquee pop & announce pop */ /* contact us pop */ .dstg-contactUsPop-box .dstg-contactUsPop-wrapper .dstg-contact-wrap { background: rgba(255,253,253,1) } .dstg-contactUsPop-box .dstg-contactUsPop-wrapper .dstg-contact-wrap tr .dstg-primary-col i { color: var(--color4) } .dstg-contactUsPop-box .dstg-contactUsPop-wrapper .dstg-contact-wrap tr .dstg-value-col { color: var(--color3) } .dstg-contactUsPop-box .dstg-contactUsPop-wrapper .dstg-contact-wrap tr .dstg-value-col a { color: var(--color3); border-bottom: solid 1px transparent; transition: .3s } .dstg-contactUsPop-box .dstg-contactUsPop-wrapper .dstg-contact-wrap tr .dstg-value-col a:hover { color: var(--color4); border-bottom: solid 1px var(--color4); transition: .3s } /* contact us pop */ /* member tnc page */ .dstg-pageContent .dstg-tnc-wrap .dstg-register-separate .dstg-register-input input { background: rgba(255,253,253,1); border: 1px solid #bdbdbd; color: var(--color3)!important; -webkit-transition: .3s ease; transition: .3s ease; } .dstg-tnc-wrap .dstg-tnc-content ul { color: var(--color4) } .dstg-tnc-wrap .dstg-tnc-content ul li .dstg-tnc-details { color: var(--color3) } .dstg-tnc-wrap .dstg-tnc-content ul li .dstg-tnc-details .dstg-highlight { color: var(--color4) } .dstg-tnc-wrap .dstg-tnc-btn button { color: var(--color2) } /* member tnc page */ /* error page */ .dstg-error-wrap .dstg-error-content .dstg-error-description { color: var(--color3) } .dstg-error-wrap .dstg-error-content .dstg-error-btn button { color: var(--color2) } /* error page */ /* maintenance page */ .dstg-maintenance-wrap .dstg-maintenance-content .dstg-maintenance-description { color: var(--color2) } /* maintenance page */ /* vip page */ .dstg-vip-banner-wrap .dstg-vip-banner .dstg-img-box { background: rgba(7,33,60,1) } /* vip page */ /* reward page */ .dstg-reward-banner-wrap .dstg-reward-banner .dstg-img-box { background: rgba(7,33,60,1) } /* reward page */ /* luckydraw page */ .dstg-luckydraw-banner-wrap .dstg-luckydraw-banner .dstg-img-box { background: rgba(7,33,60,1) } /* luckydraw page */ /* login pop */ .dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-tab ul li { border-bottom: solid 4px var(--color4); background: rgba(207,207,207,1); transition: .3s } .dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-tab ul li:hover, .dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-tab ul li:active, .dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-tab ul li:focus, .dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-tab ul .dstg-active { background: var(--gradient4); color: var(--color2); transition: .3s } .dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-inputBox { background: rgba(255,253,253,1); border: 1px solid #bdbdbd; -webkit-transition: .3s ease; transition: .3s ease } .dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-inputBox .dstg-inputField input { color: var(--color3); } .dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-inputBox .dstg-inputField .dstg-input-icon i { color: var(--color3); -webkit-transition: .3s ease; transition: .3s ease } .dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-inputBox:hover .dstg-inputField .dstg-input-icon i { color: var(--color4); -webkit-transition: .3s ease; transition: .3s ease } .dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-loginMobileInput .dstg-inputField .dstg-select-input .dstg-select-selected { border: 1px solid #bdbdbd; border-right: none; background: rgba(255,253,253,1); color: var(--color3) } .dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-loginMobileInput .dstg-inputField .dstg-select-input .dstg-select-selected:after { content: ""; border: 6px solid transparent; border-color: var(--color4) transparent transparent transparent } .dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-loginMobileInput .dstg-inputField .dstg-select-input .dstg-select-items { background: rgba(125,125,125,1); color: var(--color2); transition: .3s } .dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-loginMobileInput .dstg-inputField .dstg-select-input .dstg-select-items div:hover { background: var(--gradient4); transition: .3s } .dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-loginMobileInput .dstg-inputField input { background: rgba(255,253,253,1); border: solid 1px #bdbdbd; color: var(--color3); -webkit-transition: .3s ease; transition: .3s ease } .dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-loginMobileInput .dstg-inputField select { color: var(--color3); background: rgba(255,253,253,1); border: solid 1px #bdbdbd } .dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-otp-right-input-login { color: var(--color2) } .dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-btnBox .dstg-loginBtn { color: var(--color2); -webkit-transition: .3s ease; transition: .3s ease } .dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-forgot-box .dstg-forgot-wrap .dstg-text { color: var(--color3) } .dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-forgot-box .dstg-forgot-wrap .dstg-text:hover { color: var(--color4); -webkit-transition: .3s ease; transition: .3s ease } .dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-forgot-box .dstg-inputField .dstg-select-input .dstg-select-selected { color: var(--color3); background: var(--color2); border: 1px solid #bdbdbd } .dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-forgot-box .dstg-inputField .dstg-select-input .dstg-select-selected:after { content: ""; border: 6px solid transparent; border-color: var(--color4) transparent transparent transparent } .dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-forgot-box .dstg-inputField .dstg-select-input .dstg-select-items { background: var(--color3); color: var(--color3) } .dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-forgot-box .dstg-inputField .dstg-select-input .dstg-select-items div { color: var(--color2) } .dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-forgot-box .dstg-inputField .dstg-select-input .dstg-select-items div:hover { background: var(--gradient4); transition: .3s } .dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-forgot-box .dstg-inputField select { color: var(--color3); background: rgba(255,253,253,1); border: solid 1px #bdbdbd } .dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-forgot-box .dstg-inputField button { color: var(--color2) } .dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-register-box { border-top: dashed 2px var(--color3) } .dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-register-box .dstg-register-wrap .dstg-text { color: var(--color3) } .dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-register-box .dstg-register-wrap .dstg-text .dstg-register-btn:hover { border-bottom: solid 1px var(--color4); -webkit-transition: .3s; transition: .3s } .dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-ad-banner-box .dstg-banner-wrap { background-color: var(--color3) } .dstg-inputIconHover i { color: var(--color4) !important; -webkit-transition: .3s ease; transition: .3s ease } .dstg-loginBtnHover { background: rgba(7,33,60,1) !important; -webkit-transition: .3s ease; transition: .3s ease } /* login pop */ /* language pop */ .dstg-languagePop-box .dstg-languagePop-wrapper .dstg-language-wrap .dstg-language-seperate { border-bottom: 1px dashed var(--color3) } .dstg-languagePop-box .dstg-languagePop-wrapper .dstg-language-wrap .dstg-language-seperate .dstg-language-country { color: var(--color3) } .dstg-languagePop-box .dstg-languagePop-wrapper .dstg-language-wrap .dstg-language-seperate .dstg-language-option li { color: var(--color3); border-right: 1px solid var(--color3); transition: .3s } .dstg-languagePop-box .dstg-languagePop-wrapper .dstg-language-wrap .dstg-language-seperate .dstg-language-option li:hover, .dstg-languagePop-box .dstg-languagePop-wrapper .dstg-language-wrap .dstg-language-seperate .dstg-language-option li:focus, .dstg-languagePop-box .dstg-languagePop-wrapper .dstg-language-wrap .dstg-language-seperate .dstg-language-option li:active { color: var(--color4); transition:var(--color4) } #langmodal .lang- .lang-option li:hover{ color: var(--color4) } #langmodal .lang- .lang-option li:after{ color: var(--color2) } /* language pop */ /* register page */ .dstg-register-wrap .dstg-title-box .dstg-flag { background: var(--color5) } .dstg-register-wrap .dstg-register-box .dstg-register-content .dstg-register-tab ul li { border-left: solid 4px var(--color4); background: rgba(207,207,207,1); color: var(--color3); transition: .3s } .dstg-register-wrap .dstg-register-box .dstg-register-content .dstg-register-tab ul li:hover, .dstg-register-wrap .dstg-register-box .dstg-register-content .dstg-register-tab ul li:active, .dstg-register-wrap .dstg-register-box .dstg-register-content .dstg-register-tab ul li:focus, .dstg-register-wrap .dstg-register-box .dstg-register-content .dstg-register-tab ul .active { background: var(--gradient4); color: var(--color2); transition: .3s } .dstg-register-box .dstg-register-content .dstg-register-form .dstg-register-separate .dstg-register-input input { background: rgba(255,253,253,1); border: 1px solid #bdbdbd; color: var(--color3)!important; -webkit-transition: .3s ease; transition: .3s ease } .dstg-register-box .dstg-register-content .dstg-register-form .dstg-register-separate .dstg-register-input .dstg-otp-right-input { color: var(--color2) } .dstg-register-box .dstg-register-content .dstg-register-form .dstg-register-separate .dstg-register-input .dstg-select-input .dstg-select-selected { color: var(--color3); background: rgba(255,253,253,1); border: 1px solid #bdbdbd } .dstg-register-box .dstg-register-content .dstg-register-form .dstg-register-separate .dstg-register-input .dstg-select-input .dstg-select-selected:after { content: ""; border-color: var(--color4) transparent transparent transparent } .dstg-register-box .dstg-register-content .dstg-register-form .dstg-register-separate .dstg-register-input .dstg-select-input .dstg-select-items { background: rgba(125,125,125,1); color: var(--color3) } .dstg-register-box .dstg-register-content .dstg-register-form .dstg-register-separate .dstg-register-input .dstg-select-input .dstg-select-items div { color: var(--color2); transition: .3s } .dstg-register-box .dstg-register-content .dstg-register-form .dstg-register-separate .dstg-register-input .dstg-select-input .dstg-select-items div:hover { background: var(--gradient4); transition: .3s } .dstg-register-box .dstg-register-content .dstg-register-form .dstg-register-separate .dstg-register-input select { color: var(--color3); background: var(--color2); border: 1px solid #bdbdbd } .dstg-register-box .dstg-register-content .dstg-register-form .dstg-register-separate .dstg-register-input select.dstg-select-combine { border-right: none } .dstg-register-box .dstg-register-content .dstg-register-form .dstg-register-separate .inputMsg.tipMsg { color: var(--color1) } .dstg-register-box .dstg-register-content .dstg-register-form .dstg-register-separate .inputMsg.error { color: var(--color8) } .dstg-register-box .dstg-register-content .dstg-register-form .dstg-register-separate .dstg-register-btn button { color: var(--color2) } #telegramRegBtn:disabled { background:var(--color3); cursor: no-drop; } /* register page */ /* register success page *//* .dstg-registerSuccess-wrap .dstg-title-box .dstg-flag { background: var(--gradient4) } .dstg-registerSuccess-wrap .dstg-registerSuccess-box .dstg-registerSuccess-content .dstg-member-benefits { background: rgba(255,253,253,1); border-left: solid 5px var(--color4) } .dstg-registerSuccess-wrap .dstg-registerSuccess-box .dstg-registerSuccess-content .dstg-registerSuccess-msg { color: var(--color3) } .dstg-registerSuccess-wrap .dstg-registerSuccess-box .dstg-registerSuccess-content .dstg-registerSuccess-msg .dstg-msg-content .dstg-highlight { color: var(--color4) } */ /* register success page */ /* member pages base */ .dstg-page-content-wrap .dstg-title-box .dstg-flag { background: var(--gradient4) } /* member pages base */ /* transfer page */ .dstg-shortcut-seperate .dstg-shortcut-title { border-bottom: 2px dashed var(--color3) } .dstg-shortcut-seperate .dstg-shortcut-title .dstg-flag { background: var(--gradient4) } .dstg-shortcut-seperate .dstg-shortcut-provider .provider-content .provider-logo .logo-name { color: var(--color3); background: #d0d0d0 } .dstg-shortcut-seperate .dstg-shortcut-provider .provider-content .provider-bal { color: var(--color1); background: #d0d0d0; box-shadow: inset 0 0 8px 2px var(--color3) } .dstg-shortcut-seperate .dstg-shortcut-provider .provider-content .provider-bal .balanceActive { color: var(--walOn) } .dstg-shortcut-seperate .dstg-shortcut-provider .provider-content .provider-bal .balanceLocked { color: var(--walOff) } .dstg-shortcut-seperate .dstg-shortcut-provider .provider-content .provider-btn button, .dstg-shortcut-seperate .dstg-shortcut-provider .provider-content .provider-btn .maintenance-text, .dstg-shortcut-seperate .dstg-shortcut-provider .provider-content .provider-btn .locked-text, .dstg-shortcut-seperate .dstg-shortcut-provider .provider-content .provider-btn .directAllIn-text { color: var(--color2) } .dstg-timer-wrapper .dstg-timer-val .dstg-withdrawLimitInfo { border-bottom: 2px solid var(--color1) } .dstg-timer-wrapper .dstg-btn-box button { color: var(--color2) } .dstg-timer-wrapper .dstg-btn-box button:hover { color: var(--color2) } .dstg-timer-wrapper .dstg-toggle-btn .dstg-toggle-slider { background-color: rgba(207,207,207,1); -webkit-transition: .4s; transition: .4s } .dstg-timer-wrapper .dstg-toggle-btn .dstg-toggle-slider:before { content: ""; background-color: var(--color3); -webkit-transition: .4s; transition: .4s } .dstg-timer-wrapper .dstg-toggle-btn .dstg-toggle-slider .on { color: var(--color2) } .dstg-timer-wrapper .dstg-toggle-btn .dstg-toggle-slider .off { color: var(--color3) } .dstg-timer-wrapper .dstg-toggle-btn .dstg-toggle-checkbox:checked + .dstg-toggle-slider { background: #241cd9; } .dstg-timer-wrapper .dstg-toggle-btn .dstg-toggle-checkbox:checked + .dstg-toggle-slider:before { background-color: var(--color2); } /* transfer page */ /* deposit page */ .dstg-deposit-box .dstg-transaction-wrapper .dstg-transaction-seperate .dstg-transaction-option .dstg-transaction-list li .fileupload-box, .dstg-deposit-box .dstg-transaction-wrapper .dstg-transaction-seperate .dstg-transaction-option .dstg-transaction-list li .dstg-btn-wrapper .btn-remove, .dstg-deposit-box .dstg-transaction-wrapper .dstg-transaction-seperate .dstg-transaction-option .dstg-transaction-list li .dstg-transaction-btn .btn-deposit { color: var(--color2); transition: .3s } .dstg-deposit-box .dstg-deposit-description { color: var(--color2); border: 1px solid var(--color2) } .dstg-deposit-box .dstg-h2p-message-wrapper .dstg-h2p-message-box .dstg-message-text, .dstg-deposit-box .dstg-h2p-message-wrapper .dstg-h2p-message-box .dstg-message-description { color: var(--color3) } .dstg-deposit-box .dstg-h2p-message-wrapper .dstg-h2p-message-box .dstg-message-description .dstg-h2p-summary { border: solid 1px #cfcfcf } .dstg-deposit-box .dstg-h2p-message-wrapper .dstg-h2p-message-box .dstg-timer-redirect { color: var(--color3) } /* deposit page */ /* withdraw page */ .dstg-withdraw-box .dstg-transaction-wrapper .dstg-transaction-seperate .dstg-transaction-option .dstg-transaction-list li .dstg-transaction-btn .btn-withdraw { color: var(--color2) } .dstg-withdraw-box .dstg-transaction-wrapper .dstg-transaction-seperate .dstg-transaction-option .dstg-transaction-list li .dstg-transaction-btn .btn-withdraw:hover{ color: var(--color1) } .dstg-withdraw-box .dstg-withdraw-form .dstg-summary-wrapper .dstg-summary-content .dstg-content-separate:last-child { border-top: 2px dashed #cfcfcf; border-bottom: 2px dashed #cfcfcf } .dstg-withdraw-box .dstg-withdraw-form .dstg-summary-wrapper .dstg-summary-content .dstg-content-separate:last-child .dstg-content-info .dstg-content-text span { color: var(--color4) } /* withdraw page */ /* history page */ .dstg-history-wrap .dstg-history-box .dstg-table-wrapper .dstg-history-list { background: rgba(255,253,253,1) } .dstg-history-box .dstg-table-wrapper .dstg-history-list thead tr td, .dstg-history-box .dstg-table-wrapper .dstg-claimhistory-list thead tr td { color: var(--color3) } .dstg-history-box .dstg-table-wrapper .dstg-history-list tr td .dstg-btn-detail, .dstg-history-box .dstg-table-wrapper .dstg-claimhistory-list tr td .dstg-btn-detail { border: none; color: var(--color2) } .dstg-history-box .dstg-table-wrapper .dstg-history-list tbody tr td, .dstg-history-box .dstg-table-wrapper .dstg-claimhistory-list tbody tr td { border-top: solid 2px #4a4a4a; color: var(--color1); } .dstg-history-box .dstg-table-wrapper .dstg-history-list tbody tr, .dstg-history-box .dstg-table-wrapper .dstg-claimhistory-list tbody tr { border: 2px solid #4a4a4a; } .dstg-history-box .dstg-table-wrapper .dstg-history-list tbody tr:first-child td, .dstg-history-box .dstg-table-wrapper .dstg-claimhistory-list tbody tr:first-child td { border-top: solid 2px #4a4a4a; color: var(--color1); } .dstg-history-box .dstg-table-wrapper .dstg-dataTables_wrapper .dstg-dataTables_length, .dstg-history-box .dstg-table-wrapper .dstg-dataTables_wrapper .dstg-dataTables_filter { color: var(--color3) } .dstg-history-box .dstg-table-wrapper .dstg-dataTables_wrapper .dstg-dataTables_filter label input { background: rgba(255,253,253,1); border: 1px solid #bdbdbd; color: var(--color3) } .dstg-history-box .dstg-table-wrapper .dstg-dataTables_wrapper .dstg-dataTables_paginate .dstg-paginate_button { background: rgba(255,253,253,1); color: #bdbdbd !important } .dstg-history-box .dstg-table-wrapper .dstg-dataTables_wrapper .dstg-dataTables_paginate .dstg-paginate_button:hover, .dstg-history-box .dstg-table-wrapper .dstg-dataTables_wrapper .dstg-dataTables_paginate .dstg-paginate_button:focus, .dstg-history-box .dstg-table-wrapper .dstg-dataTables_wrapper .dstg-dataTables_paginate .dstg-paginate_button.dstg-current, .dstg-history-box .dstg-table-wrapper .dstg-dataTables_wrapper .dstg-dataTables_paginate .dstg-paginate_button.dstg-current:hover { background: var(--gradient4); color: var(--color2) !important; transition: .3s } .dstg-history-box .dstg-table-wrapper .dstg-dataTables_wrapper .dstg-dataTables_paginate .dstg-paginate_button.dstg-disabled, .dstg-history-box .dstg-table-wrapper .dstg-dataTables_wrapper .dstg-dataTables_paginate .dstg-paginate_button.dstg-disabled:hover, .dstg-history-box .dstg-table-wrapper .dstg-dataTables_wrapper .dstg-dataTables_paginate .dstg-paginate_button.dstg-disabled:focus, .dstg-history-box .dstg-table-wrapper .dstg-dataTables_wrapper .dstg-dataTables_paginate .dstg-paginate_button.dstg-disabled:active { background: transparent; color: var(--color3) !important } /* history page */ /* member bank info page */ .dstg-memberBank-wrapper { background: var(--gradient2) } .dstg-memberBank-wrapper .dstg-memberBank-thead { border-bottom: 2px #cfcfcf solid } .dstg-memberBank-wrapper .dstg-memberBank-thead .dstg-thead-col span { color: var(--color4) } .dstg-memberBank-wrapper .dstg-memberBank-tbody .dstg-memberBank-separate .dstg-thead-col .dstg-col-btn button { color: var(--color2); transition: .3s } .dstg-bankSetting-wrapper .dstg-form-wrap .dstg-form-seperate .dstg-input-title{ color:var(--color2); } .dstg-bankSetting-wrapper .dstg-form-wrap .dstg-select-input .dstg-select-selected { color: var(--color3) } .dstg-bankSetting-wrapper .dstg-form-wrap .dstg-select-input .dstg-select-selected:after { content: ""; border-color: var(--color4) transparent transparent transparent } .dstg-bankSetting-wrapper .dstg-form-wrap .dstg-select-input .dstg-select-items { color: var(--color2); background: rgba(125,125,125,1) } .dstg-bankSetting-wrapper .dstg-form-wrap .dstg-select-input .dstg-select-items div:hover { background: var(--gradient4); transition: .3s } .dstg-bankSetting-wrapper .dstg-form-wrap .dstg-form-seperate .dstg-formGroup { background: rgba(255,253,253,1); border: 1px solid #bdbdbd; } .dstg-bankSetting-wrapper .dstg-form-wrap .dstg-form-seperate .dstg-formGroup.dstg-disabled { background: var(--color5) } .dstg-bankSetting-wrapper .dstg-form-wrap .dstg-form-seperate .dstg-formGroup .dstg-input-field { color: var(--color3) } .dstg-bankSetting-wrapper .dstg-form-wrap .dstg-form-seperate .dstg-formGroup select { border: none; color: var(--color3); background: var(--color2) } .dstg-bankSetting-wrapper .dstg-form-wrap .dstg-form-seperate .dstg-formGroup.dstg-disabled .dstg-input-field { color: var(--color2) } .dstg-bankSetting-wrapper .dstg-form-wrap .dstg-form-btn button { color: var(--color2); transition: .3s } /* member bank info page */ /* member info page */ .dstg-memberInfo-box .dstg-info-wrapper .dstg-basic-info { background: var(--gradient2) } .dstg-memberInfo-box .dstg-password-wrapper .dstg-form-wrap .dstg-form-seperate .dstg-formGroup { background: rgba(255,253,253,1); border: 1px solid #bdbdbd } .dstg-memberInfo-box .dstg-password-wrapper .dstg-form-wrap .dstg-form-seperate .dstg-formGroup.dstg-disabled { background: var(--color5) } .dstg-memberInfo-box .dstg-password-wrapper .dstg-form-wrap .dstg-form-seperate .dstg-formGroup .dstg-input-field, .dstg-memberInfo-box .dstg-password-wrapper .dstg-form-wrap .dstg-form-seperate .dstg-formGroup .dstg-input-icon { color: var(--color3) } .dstg-memberInfo-box .dstg-password-wrapper .dstg-form-wrap .dstg-form-seperate .dstg-formGroup.dstg-disabled .dstg-input-field { color: var(--color2) } .dstg-memberInfo-box .dstg-password-wrapper .dstg-form-wrap .dstg-form-seperate .dstg-formGroup:hover .dstg-input-icon, .dstg-memberInfo-box .dstg-password-wrapper .dstg-form-wrap .dstg-form-seperate .dstg-formGroup:focus .dstg-input-icon { color: var(--color4); -webkit-transition: .3s; transition: .3s } .dstg-memberInfo-box .dstg-password-wrapper .dstg-form-wrap .dstg-form-seperate .dstg-formGroup .dstg-iconHover { color: var(--color4) !important; -webkit-transition: .3s; transition: .3s } .dstg-memberInfo-box .dstg-password-wrapper .dstg-form-wrap .dstg-form-seperate .dstg-formGroup select { border: none; color: var(--color3) !important; background: rgba(255,253,253,1) } .dstg-memberInfo-box .dstg-password-wrapper .dstg-form-wrap .dstg-form-btn button { color: var(--color2); transition: .3s } .dstg-memberInfo-box .dstg-password-wrapper .dstg-form-wrap .dstg-select-input .dstg-select-selected { color: var(--color3) } .dstg-memberInfo-box .dstg-password-wrapper .dstg-form-wrap .dstg-select-input .dstg-select-selected:after { content: ""; border-color: var(--color4) transparent transparent transparent } .dstg-memberInfo-box .dstg-password-wrapper .dstg-form-wrap .dstg-select-input .dstg-select-items { color: var(--color2); background: rgba(125,125,125,1) } .dstg-memberInfo-box .dstg-password-wrapper .dstg-form-wrap .dstg-select-input .dstg-select-items div:hover { background: var(--gradient4); transition: .3s } /* member info page */ /* download pop */ .dstg-downloadPop-box .dstg-downloadPop-wrapper .dstg-provider-img-wrap .dstg-img-box { background-color: transparent } .dstg-downloadPop-box .dstg-downloadPop-wrapper .dstg-link-wrap { border-top: dashed 2px var(--color3) } .dstg-downloadPop-box .dstg-downloadPop-wrapper .dstg-link-wrap .dstg-separate-line { border-right: dashed 2px var(--color3) } .dstg-downloadPop-box .dstg-downloadPop-wrapper .dstg-link-wrap .dstg-link-separate .dstg-link-title .dstg-icon { color: var(--color3) } .dstg-downloadPop-box .dstg-downloadPop-wrapper .dstg-link-wrap .dstg-link-separate .dstg-link-title .dstg-text { color: var(--color3) } .dstg-downloadPop-box .dstg-downloadPop-wrapper .dstg-link-wrap .dstg-link-separate .dstg-content-separate .dstg-content-value{ background: rgba(7,33,60,1); color: var(--color2); transition: .3s; } /* download pop */ /* provider pop */ .dstg-providerPop-box .dstg-providerPop-wrapper .dstg-providerGame-wrap .dstg-providerGame-item { background-color: var(--color3) } /* provider pop */ /* restore list pop */ .dstg-restoreListPop-box .dstg-restoreListPop-wrapper .dstg-listItem-wrap { background: rgba(125,125,125,1) } .dstg-restoreListPop-box .dstg-restoreListPop-wrapper .dstg-listItem-wrap .dstg-listHeader { border-bottom: 1px solid #4a4a4a } .dstg-restoreListPop-box .dstg-restoreListPop-wrapper .dstg-listItem-wrap .dstg-listBody .dstg-listTr .dstg-listTd span { color: #cfcfcf } /* restore list pop */ /* direct all in pop */ .dstg-directAllInPop-box .dstg-directAllInPop-wrapper .dstg-directProviderGame-wrap .dstg-providerGame-item { background-color: var(--color3) } .dstg-directAllInPop-box .dstg-directAllInPop-wrapper .dstg-restoredList-title { border-bottom: dashed 2px var(--color3); color: var(--color3) } .dstg-directAllInPop-box .dstg-directAllInPop-wrapper .dstg-listItem-wrap { background: rgba(255,253,253,1) } .dstg-directAllInPop-box .dstg-directAllInPop-wrapper .dstg-listItem-wrap .dstg-listHeader { border-bottom: 1px solid #cfcfcf } .dstg-directAllInPop-box .dstg-directAllInPop-wrapper .dstg-listItem-wrap .dstg-listBody .dstg-listTr .dstg-listTd span { color: var(--color3) } .dstg-directAllInPop-box .dstg-directAllInPop-wrapper .dstg-directProviderInfo-wrap { color: var(--color3) } /* referral button */ .dstg-referralChangeTab-btn { display: flex; padding: 1px; border-bottom: dashed 2px var(--color4); } .dstg-referralInfo{ width: 180px; border: none; padding: 10px 0; margin: 10px; margin-right: 2px; font-weight: 700; cursor: pointer; transition: .3s; color: var(--color2); border-top-left-radius: 25px; } .dstg-referralReport{ width: 180px; border: none; padding: 10px 0; margin: 10px; font-weight: 700; cursor: pointer; transition: .3s; color: var(--color2); border-top-right-radius: 25px; } /* end for referral button */ /* direct all in pop */ /* referral pop */ .dstg-referralPop-box .dstg-referralPop-wrapper .dstg-referralinfo { color: var(--color3) } .dstg-referralPop-box .dstg-referralPop-wrapper .dstg-referral-table .dstg-dataTables_wrapper .dstg-dataTables_length, .dstg-referralPop-box .dstg-referralPop-wrapper .dstg-referral-table .dstg-dataTables_wrapper .dstg-dataTables_filter { color: var(--color3) } .dstg-referralPop-box .dstg-referralPop-wrapper .dstg-referral-table .dstg-dataTables_wrapper .dstg-dataTables_filter label input { background: rgba(255,253,253,1); color: var(--color3); border: solid 1px #bdbdbd } .dstg-referralPop-box .dstg-referralPop-wrapper .dstg-referral-table .dstg-dataTables_wrapper table.dstg-dataTable { border-bottom: none; background: rgba(255,253,253,1) } .dstg-referralPop-box .dstg-referralPop-wrapper .dstg-referral-table .dstg-dataTables_wrapper table.dstg-dataTable thead tr td { color: var(--color3) } .dstg-referralPop-box .dstg-referralPop-wrapper .dstg-referral-table .dstg-dataTables_wrapper table.dstg-dataTable tbody tr { background: 0 0 } .dstg-referralPop-box .dstg-referralPop-wrapper .dstg-referral-table .dstg-dataTables_wrapper table.dstg-dataTable tbody tr:first-child td { border-top: solid 2px #4a4a4a } .dstg-referralPop-box .dstg-referralPop-wrapper .dstg-referral-table .dstg-dataTables_wrapper .dstg-dataTables_paginate .dstg-paginate_button { border: none; background: rgba(255,253,253,1); color: #bdbdbd !important } .dstg-referralPop-box .dstg-referralPop-wrapper .dstg-referral-table .dstg-dataTables_wrapper .dstg-dataTables_paginate .dstg-paginate_button:hover, .dstg-referralPop-box .dstg-referralPop-wrapper .dstg-referral-table .dstg-dataTables_wrapper .dstg-dataTables_paginate .dstg-paginate_button:focus, .dstg-referralPop-box .dstg-referralPop-wrapper .dstg-referral-table .dstg-dataTables_wrapper .dstg-dataTables_paginate .dstg-paginate_button.dstg-current, .dstg-referralPop-box .dstg-referralPop-wrapper .dstg-referral-table .dstg-dataTables_wrapper .dstg-dataTables_paginate .dstg-paginate_button.dstg-current:hover { border: none; box-shadow: none; transition: .3s; background: var(--gradient4); color: var(--color2)! important } .dstg-referralPop-box .dstg-referralPop-wrapper .dstg-referral-table .dstg-dataTables_wrapper .dstg-dataTables_paginate .dstg-paginate_button.dstg-disabled, .dstg-referralPop-box .dstg-referralPop-wrapper .dstg-referral-table .dstg-dataTables_wrapper .dstg-dataTables_paginate .dstg-paginate_button.dstg-disabled:hover, .dstg-referralPop-box .dstg-referralPop-wrapper .dstg-referral-table .dstg-dataTables_wrapper .dstg-dataTables_paginate .dstg-paginate_button.dstg-disabled:focus, .dstg-referralPop-box .dstg-referralPop-wrapper .dstg-referral-table .dstg-dataTables_wrapper .dstg-dataTables_paginate .dstg-paginate_button.dstg-disabled:active { border: none; background: transparent; color: var(--color3) !important } /* referral pop */ /* pop box */ .dstg-pop-box .dstg-pop-inner .dstg-popBtn-wrap button { color: var(--color3); background: transparent } .dstg-pop-box .dstg-pop-inner .dstg-popTitle-wrap .dstg-flag { background: var(--gradient4) } .dstg-pop-box .dstg-pop-inner .dstg-popTitle-wrap { border-bottom: solid 2px var(--color3) } /* pop box */ /* adPop box */ .dstg-ad-pop-box .dstg-ad-pop-inner .dstg-adPopBtn-wrap button { color: var(--color3) } /* adPop box */ /* game list tab loader */ @keyframes gameListSpin { 0% { opacity: 1; backface-visibility: hidden; transform: translateZ(0) scale(1.dstg-5,1.dstg-5) } 100% { opacity: 0; backface-visibility: hidden; transform: translateZ(0) scale(1,1) } } .dstg-gameListSpin div > div { position: absolute; width: 12px; height: 12px; border-radius: 50%; animation: gameListSpin 1s linear infinite } .dstg-gameListSpin div:nth-child(1) > div { left: 79px; top: 44px; animation-delay: -0.dstg-9s } .dstg-gameListSpin > div:nth-child(1) { transform: rotate(0deg); transform-origin: 85px 50px } .dstg-gameListSpin div:nth-child(2) > div { left: 72px; top: 65px; animation-delay: -0.dstg-8s } .dstg-gameListSpin > div:nth-child(2) { transform: rotate(36deg); transform-origin: 78px 71px } .dstg-gameListSpin div:nth-child(3) > div { left: 55px; top: 77px; animation-delay: -0.dstg-7s } .dstg-gameListSpin > div:nth-child(3) { transform: rotate(72deg); transform-origin: 61px 83px } .dstg-gameListSpin div:nth-child(4) > div { left: 33px; top: 77px; animation-delay: -0.dstg-6s } .dstg-gameListSpin > div:nth-child(4) { transform: rotate(108deg); transform-origin: 39px 83px } .dstg-gameListSpin div:nth-child(5) > div { left: 16px; top: 65px; animation-delay: -0.dstg-5s } .dstg-gameListSpin > div:nth-child(5) { transform: rotate(144deg); transform-origin: 22px 71px } .dstg-gameListSpin div:nth-child(6) > div { left: 9px; top: 44px; animation-delay: -0.dstg-4s } .dstg-gameListSpin > div:nth-child(6) { transform: rotate(180deg); transform-origin: 15px 50px } .dstg-gameListSpin div:nth-child(7) > div { left: 16px; top: 23px; animation-delay: -0.dstg-3s } .dstg-gameListSpin > div:nth-child(7) { transform: rotate(216deg); transform-origin: 22px 29px } .dstg-gameListSpin div:nth-child(8) > div { left: 33px; top: 11px; animation-delay: -0.dstg-2s } .dstg-gameListSpin > div:nth-child(8) { transform: rotate(252deg); transform-origin: 39px 17px } .dstg-gameListSpin div:nth-child(9) > div { left: 55px; top: 11px; animation-delay: -0.dstg-1s } .dstg-gameListSpin > div:nth-child(9) { transform: rotate(288deg); transform-origin: 61px 17px } .dstg-gameListSpin div:nth-child(10) > div { left: 72px; top: 23px; animation-delay: 0s } .dstg-gameListSpin > div:nth-child(10) { transform: rotate(324deg); transform-origin: 78px 29px } .dstg-gameListTabLoader { width: 100%; height: 100px; display: inline-block; overflow: hidden; background: transparent } .dstg-gameListSpin { width: 100px; height: 100%; position: relative; transform: translateZ(0) scale(1); backface-visibility: hidden; transform-origin: 0 0; margin: 0 auto } .dstg-gameListSpin div { box-sizing: content-box } /* game list tab loader */ /* spin color */ .dstg-spin-blue div > div { background: var(--gradient4) } .dstg-spin-pink div > div { background: #fd6585 } .dstg-spin-yellow div > div { background: var(--color5) } /* spin color */ /* transfer loader */ @keyframes spin { 0% { opacity: 1; backface-visibility: hidden; transform: translateZ(0) scale(1.5,1.5) } 100% { opacity: 0; backface-visibility: hidden; transform: translateZ(0) scale(1,1) } } .dstg-spin div > div { position: absolute; width: 12px; height: 12px; border-radius: 50%; animation: spin 1s linear infinite } .dstg-spin div:nth-child(1) > div { left: 74px; top: 44px; animation-delay: -0.9s } .dstg-spin > div:nth-child(1) { transform: rotate(0deg); transform-origin: 80px 50px } .dstg-spin div:nth-child(2) > div { left: 68px; top: 62px; animation-delay: -0.8s } .dstg-spin > div:nth-child(2) { transform: rotate(36deg); transform-origin: 74px 68px } .dstg-spin div:nth-child(3) > div { left: 53px; top: 73px; animation-delay: -0.7s } .dstg-spin > div:nth-child(3) { transform: rotate(72deg); transform-origin: 59px 79px } .dstg-spin div:nth-child(4) > div { left: 35px; top: 73px; animation-delay: -0.6s } .dstg-spin > div:nth-child(4) { transform: rotate(108deg); transform-origin: 41px 79px } .dstg-spin div:nth-child(5) > div { left: 20px; top: 62px; animation-delay: -0.5s } .dstg-spin > div:nth-child(5) { transform: rotate(144deg); transform-origin: 26px 68px } .dstg-spin div:nth-child(6) > div { left: 14px; top: 44px; animation-delay: -0.4s } .dstg-spin > div:nth-child(6) { transform: rotate(180deg); transform-origin: 20px 50px } .dstg-spin div:nth-child(7) > div { left: 20px; top: 26px; animation-delay: -0.3s } .dstg-spin > div:nth-child(7) { transform: rotate(216deg); transform-origin: 26px 32px } .dstg-spin div:nth-child(8) > div { left: 35px; top: 15px; animation-delay: -0.2s } .dstg-spin > div:nth-child(8) { transform: rotate(252deg); transform-origin: 41px 21px } .dstg-spin div:nth-child(9) > div { left: 53px; top: 15px; animation-delay: -0.dstg-1s } .dstg-spin > div:nth-child(9) { transform: rotate(288deg); transform-origin: 59px 21px } .dstg-spin div:nth-child(10) > div { left: 68px; top: 26px; animation-delay: 0s } .dstg-spin> div:nth-child(10) { transform: rotate(324deg); transform-origin: 74px 32px } .dstg-bal-loader { width: 15px; height: 15px; display: inline-block; overflow: hidden } .dstg-spin { width: 100%; height: 100%; position: relative; transform: translateZ(0) scale(0.15); backface-visibility: hidden; transform-origin: 0 0 } .dstg-spin div { box-sizing: content-box; } /* transfer loader */ /* datepicker */ .dstg-datepicker.dstg-dropdown-menu { color: var(--color3); background: #cfcfcf; border: none } .dstg-datepicker-dropdown:before, .dstg-datepicker-dropdown:after { content: ""; border-bottom: 7px solid var(--color4); border-bottom-color: var(--color4) } .dstg-datepicker thead tr:first-child th:hover, .dstg-datepicker tfoot tr th:hover, .dstg-datepicker table tr td.dstg-day:hover, .dstg-datepicker table tr td.dstg-day.dstg-focused, .dstg-datepicker table tr td span:hover { background: var(--gradient4); color: var(--color2) } .dstg-datepicker.dstg-dropdown-menu th.dstg-dow { color: var(--color4) } .dstg-datepicker table tr td.dstg-old, .dstg-datepicker table tr td.dstg-new { color: #444 } .dstg-datepicker table tr td.dstg-disabled { color: #bdbdbd !important } .dstg-datepicker table tr td.dstg-disabled:hover { background: none } .dstg-datepicker table tr td span.dstg-disabled, .dstg-datepicker table tr td span.dstg-disabled:hover { color: #bdbdbd !important; background: 0 0 !important } /* datepicker */ /* air datetimepicker */ .dstg-datepickers-container .dstg-datepicker { background: #cfcfcf; top: 552px !important } .dstg-datepickers-container .dstg-datepicker--pointer { background: var(--gradient4); border-top: 1px solid var(--color4); border-right: 1px solid var(--color4) } .dstg-datepickers-container .dstg-datepicker--nav, .dstg-datepickers-container .dstg-datepicker--nav-title i { color: var(--color3) } .dstg-datepickers-container .dstg-datepicker--nav { border-bottom: 1px solid var(--color3) } .dstg-datepickers-container .dstg-datepicker--nav-title:hover i { color: var(--color2) } .dstg-datepickers-container .dstg-datepicker--nav-action, .dstg-datepickers-container .dstg-datepicker--nav-title, .dstg-datepickers-container .dstg-datepicker--cell { color: var(--color3) } .dstg-datepickers-container .dstg-datepicker--nav-action:hover, .dstg-datepickers-container .dstg-datepicker--nav-title:hover, .dstg-datepickers-container .dstg-datepicker--cell:hover { background: var(--gradient4); color: var(--color2) } .dstg-datepickers-container .dstg-datepicker--nav-action svg path { stroke: var(--color3) } .dstg-datepickers-container .dstg-datepicker--nav-action:hover svg path { stroke: var(--color2) } .dstg-datepickers-container .dstg-datepicker--cell-day { color: var(--color3) } .dstg-datepickers-container .dstg-datepicker--cell-day.dstg--other-month-, .dstg-datepickers-container .dstg-datepicker--cell-year.dstg--other-decade- { color: #444 } .dstg-datepickers-container .dstg-datepicker--cell-day:hover, .dstg-datepickers-container .dstg-datepicker--cell-day.dstg--other-month-:hover, .dstg-datepickers-container .dstg-datepicker--cell-year.dstg--other-decade-:hover { color: var(--color2) } .dstg-datepickers-container .dstg-datepicker--cell.dstg--selected-, .dstg-datepickers-container .dstg-datepicker--cell.dstg--selected-.dstg--current- { color: var(--color2); background: var(--gradient4) } .dstg-datepickers-container .dstg-datepicker--day-name { color: var(--color4) } .dstg-datepickers-container .dstg-datepicker--time { border-top: 1px solid var(--color3) } .dstg-datepickers-container .dstg-datepicker--time-row input[type=range]:focus::-webkit-slider-thumb { background: var(--gradient4); border-color: var(--color4) } .dstg-datepickers-container .dstg-datepicker--time-row input[type=range]:focus::-moz-range-thumb { background: var(--gradient4); border-color: var(--color4) } .dstg-datepickers-container .dstg-datepicker--time-row input[type=range]:focus::-ms-thumb { background: var(--gradient4); border-color: var(--color4) } .dstg-datepickers-container .dstg-datepicker--time-row input[type=range]::-webkit-slider-thumb { border: 1px solid var(--color4); background: var(--gradient4) } .dstg-datepickers-container .dstg-datepicker--time-row input[type=range]::-moz-range-thumb { border: 1px solid var(--color4); background: var(--gradient4) } .dstg-datepickers-container .dstg-datepicker--time-row input[type=range]::-ms-thumb { border: 1px solid var(--color4); background: var(--gradient4) } .dstg-datepickers-container .dstg-datepicker--time-current-hours.dstg--focus-, .dstg-datepickers-container .dstg-datepicker--time-current-minutes.dstg--focus- { color: var(--color2) } .dstg-datepickers-container .dstg-datepicker--time-current-hours:after, .dstg-datepickers-container .dstg-datepicker--time-current-minutes:after { background: var(--gradient4) } .dstg-datepickers-container .dstg-datepicker--time-current, .dstg-datepickers-container .dstg-datepicker--time-current-ampm { color: var(--color3) } /* air datetimepicker */ /* light slider */ .lSSlideOuter .lSPager.lSpg > li a, .lSSlideOuter .lSPager.lSpg > li:hover a { background: var(--color2) } .lSSlideOuter .lSPager.lSpg > li.active a { background: var(--gradient4) } .lSSlideOuter .lSAction .lSPrev, .lSSlideOuter .lSAction .lSNext { color: var(--color2); transition: .3s ease } .lSSlideOuter .lSAction .lSPrev:hover, .lSSlideOuter .lSAction .lSNext:hover, .lSSlideOuter .lSAction .lSPrev:focus, .lSSlideOuter .lSAction .lSNext:focus, .lSSlideOuter .lSAction .lSPrev:active, .lSSlideOuter .lSAction .lSNext:active { color: var(--color4); transition: .3s ease } /* light slider */ /* provider list */ .dstg-label-box { border-bottom: 2px solid var(--color3) } .dstg-label-box .dstg-label-name { color: var(--color3) } .dstg-provider-wrap .dstg-provider-item, .dstg-gameList-wrap .dstg-gameListTab .dstg-provider-item { background-color: transparent } .dstg-provider-wrap .dstg-provider-item .dstg-mask .dstg-provider-detail .dstg-provider-name, .dstg-provider-wrap .dstg-provider-item .dstg-mask .dstg-provider-detail .dstg-btn-box .dstg-is-maintenance, .dstg-gameList-wrap .dstg-gameListTab .dstg-provider-item .dstg-mask .dstg-provider-detail .dstg-provider-name, .dstg-gameList-wrap .dstg-gameListTab .dstg-provider-item .dstg-mask .dstg-provider-detail .dstg-btn-box .dstg-is-maintenance { color: var(--color2) } .dstg-provider-wrap .dstg-provider-item .dstg-mask .dstg-provider-detail .dstg-fav-icon, .dstg-gameList-wrap .dstg-gameListTab .dstg-provider-item .dstg-mask .dstg-provider-detail .dstg-fav-icon { color: white; } .dstg-provider-wrap .dstg-provider-item .dstg-mask .dstg-provider-detail .dstg-fav-icon:hover, .dstg-provider-wrap .dstg-provider-item .dstg-mask .dstg-provider-detail .dstg-fav-icon:active, .dstg-gameList-wrap .dstg-gameListTab .dstg-provider-item .dstg-mask .dstg-provider-detail .dstg-fav-icon:hover, .dstg-gameList-wrap .dstg-gameListTab .dstg-provider-item .dstg-mask .dstg-provider-detail .dstg-fav-icon:active { color: red; } .dstg-provider-wrap .dstg-provider-item .dstg-mask .dstg-provider-detail .dstg-savefav.dstg-addfav, .dstg-gameList-wrap .dstg-gameListTab .dstg-provider-item .dstg-mask .dstg-provider-detail .dstg-savefav.dstg-addfav { color: red; } .dstg-gameList-wrap .dstg-gameListTab .dstg-provider-item .dstg-mask .dstg-provider-detail .dstg-addfav:hover, .dstg-gameList-wrap .dstg-gameListTab .dstg-provider-item .dstg-mask .dstg-provider-detail .dstg-addfav:active { color: white; } /* provider list */ /* provider banner */ .dstg-provider-banner-wrap .dstg-provider-banner .dstg-img-box { background: rgba(7,33,60,1) } .dstg-provider-banner-wrap .dstg-provider-banner .dstg-btn-box .dstg-left { background: var(--gradient4); color: var(--color2) } .dstg-provider-banner-wrap .dstg-provider-banner .dstg-btn-box .dstg-left:hover { background: var(--color2); color: var(--color4) } .dstg-provider-banner-wrap .dstg-provider-banner .dstg-btn-box .dstg-right { background: var(--gradient4); color: var(--color2) } .dstg-provider-banner-wrap .dstg-provider-banner .dstg-btn-box .dstg-right:hover { background: var(--color2); color: var(--color4) } /* provider banner */ /* transaction input */ .dstg-transaction-seperate .dstg-transaction-option .dstg-transaction-list li .option, .dstg-claimReward-seperate .dstg-claimReward-option .dstg-claimReward-list li .option { background: rgba(255,253,253,1); color: var(--color1) } .dstg-transaction-seperate .dstg-transaction-option .dstg-transaction-list li:hover .option, .dstg-transaction-seperate .dstg-transaction-option .dstg-transaction-list li .option.is-acted, .dstg-claimReward-seperate .dstg-claimReward-option .dstg-claimReward-list li:hover .option, .dstg-claimReward-seperate .dstg-claimReward-option .dstg-claimReward-list li .option.is-acted { color: var(--color2); background: var(--color5); transition: .3s } .dstg-transaction-seperate .dstg-transaction-option .dstg-transaction-list li .dstg-date-input, .dstg-claimReward-seperate .dstg-claimReward-option .dstg-claimReward-list li .dstg-date-input { background: rgba(255,253,253,1); border: 1px solid #bdbdbd } .dstg-transaction-seperate .dstg-transaction-option .dstg-transaction-list li .dstg-date-input .dstg-date-picker, .dstg-transaction-seperate .dstg-transaction-option .dstg-transaction-list li .dstg-date-input .datetime-picker, .dstg-claimReward-seperate .dstg-claimReward-option .dstg-claimReward-list li .dstg-date-input .dstg-date-picker, .dstg-claimReward-seperate .dstg-claimReward-option .dstg-claimReward-list li .dstg-date-input .dstg-datetime-picker { color: var(--color3) } .dstg-transaction-seperate .dstg-transaction-option .dstg-transaction-list li .dstg-date-input .dstg-date-icon, .dstg-claimReward-seperate .dstg-claimReward-option .dstg-claimReward-list li .dstg-date-input .dstg-date-icon { color: var(--color4) } .dstg-transaction-seperate .dstg-transaction-option .dstg-transaction-list li .dstg-text-input, .dstg-claimReward-seperate .dstg-claimReward-option .dstg-claimReward-list li .dstg-text-input { color: var(--color3); background: rgba(255,253,253,1); border: 1px solid #bdbdbd } .dstg-transaction-seperate .dstg-transaction-option .dstg-transaction-list li .dstg-text-input:disabled, .dstg-claimReward-seperate .dstg-claimReward-option .dstg-claimReward-list li .dstg-text-input:disabled { background: var(--color5); color: var(--color2) } .dstg-transaction-btn button { color: var(--color2) } .dstg-transaction-btn button:hover{ color: var(--color1) } .dstg-transaction-seperate .dstg-transaction-option .dstg-transaction-list li .dstg-select-input .dstg-select-selected, .dstg-claimReward-seperate .dstg-claimReward-option .dstg-claimReward-list li .dstg-select-input .dstg-select-selected { color: var(--color3); background: rgba(255,253,253,1); border: 1px solid #bdbdbd; } .dstg-transaction-seperate .dstg-transaction-option .dstg-transaction-list li .dstg-select-input .dstg-select-selected:after, .dstg-claimReward-seperate .dstg-claimReward-option .dstg-claimReward-list li .dstg-select-input .dstg-select-selected:after { content: ""; border-color: var(--color4) transparent transparent transparent } .dstg-transaction-seperate .dstg-transaction-option .dstg-transaction-list li .dstg-select-input .dstg-select-items, .dstg-claimReward-seperate .dstg-claimReward-option .dstg-claimReward-list li .dstg-select-input .dstg-select-items { color: var(--color2); background: rgba(125,125,125,1) } .dstg-transaction-seperate .dstg-transaction-option .dstg-transaction-list li .dstg-select-input .dstg-select-items div:hover, .dstg-claimReward-seperate .dstg-claimReward-option .dstg-claimReward-list li .dstg-select-input .dstg-select-items div:hover { background: var(--gradient4); transition: .3s } .dstg-transaction-seperate .dstg-transaction-option .dstg-transaction-list li select, .dstg-claimReward-seperate .dstg-claimReward-option .dstg-claimReward-list li select { color: var(--color3); background: var(--color2); border: 1px solid #bdbdbd } /* transaction input */ /* announcement/member bank info/member info dropdown */ .dstg-info-cover { border-bottom: 2px dashed var(--color1) } .dstg-info-cover .dstg-info-title-box .dstg-flag { background: var(--gradient4) } .dstg-info-cover .dstg-info-content { color: var(--color2) } /* announcement/member bank info/member info dropdown */ /* transaction summary section */ .dstg-summary-wrapper { background: var(--gradient2) } .dstg-summary-wrapper .dstg-summary-title { border-bottom: 2px dashed #cfcfcf } .dstg-summary-wrapper .dstg-summary-content .dstg-content-separate .dstg-content-label span, .dstg-summary-wrapper .dstg-summary-content .dstg-content-separate .dstg-content-info .dstg-content-text span, .dstg-summary-wrapper .dstg-summary-content .dstg-content-separate .dstg-content-info .dstg-content-img.dstg-deposit-type { /* color: #cfcfcf */ } /* transaction summary section */ /* specific slot container */ .dstg-filter-wrapper .dstg-filter-type .dstg-filter-title.dstg-provider-title { color: var(--color4); } /* provider list search bar */ .dstg-filter-type .search-bar{ background: var(--color2); border: 2px solid var(--color4); } .dstg-filter-type .search-bar .searchInputBox{ background: transparent; color: var(--color1); } /* provider list search bar */ .dstg-filter-wrapper .dstg-filter-type .dstg-filter-option .dstg-filter-list li .option { background: #dddddd; transition: .3s } .dstg-filter-wrapper .dstg-filter-type .dstg-filter-option .dstg-filter-list li:hover .option, .dstg-filter-wrapper .dstg-filter-type .dstg-filter-option .dstg-filter-list li .option.is-acted { background: var(--gradient4); color: var(--color2); transition: .3s } .dstg-specificSlotContainer .dstg-leftSideContent .dstg-topContent { background: rgba(234,234,234,1) } .dstg-specificSlotContainer .dstg-leftSideContent .dstg-topContent .dstg-userContentBox .dstg-content-seperate .dstg-content-value { background: rgba(7,33,60,1); color: var(--color2); transition: .3s } .dstg-specificSlotContainer .dstg-leftSideContent .dstg-topContent .dstg-userContentBox .dstg-userAccount-noti .dstg-userAccount-register { border-bottom: 1px solid transparent } .dstg-specificSlotContainer .dstg-leftSideContent .dstg-topContent .dstg-userContentBox .dstg-userAccount-noti .dstg-userAccount-register:hover, .dstg-specificSlotContainer .dstg-leftSideContent .dstg-topContent .dstg-userContentBox .dstg-userAccount-noti .dstg-userAccount-register:active, .dstg-specificSlotContainer .dstg-leftSideContent .dstg-topContent .dstg-userContentBox .dstg-userAccount-noti .dstg-userAccount-register:focus { border-bottom: 1px solid var(--color4); transition: .3s } .dstg-specificSlotContainer .dstg-leftSideContent .dstg-bottomContent .dstg-descriptionBox .dstg-title { color: var(--color3) } .dstg-specificSlotContainer .dstg-rightSideContent .dstg-download-title { border-bottom: 2px dashed var(--color3) } .dstg-specificSlotContainer .dstg-rightSideContent .dstg-download-item .dstg-download-btn button { color: var(--color2); transition: .3s } .dstg-gameListBtn-wrapper button { color: var(--color2) } /* specific slot container */ /* FREE CREDIT */ #btn-freecredit-close, #btn-minigame-close{ border: 2px solid var(--color4); color: var(--color4); background-color: transparent; } .dstg-claimPop-box .dstg-claimList-wrapper .dstg-bonus-img .dstg-description-title .dstg-text { color: var(--color2); font-weight: bold; } .dstg-bonus-wrapper .dstg-home-packet .dstg-freeCreditList .dstg-freeCreditItems .dstg-center { color: var(--color1); } .dstg-bonus-wrapper .dstg-home-packet .dstg-freeCreditList .dstg-freeCreditItems .dstg-center .dstg-title { color: #FCBC1D; font-weight: 700; text-transform: uppercase; } .dstg-bonus-wrapper .dstg-home-packet .dstg-freeCreditList .dstg-freeCreditItems .dstg-center .dstg-moreInfo-btn { color: var(--color4) } .dstg-bonus-wrapper .dstg-home-packet .dstg-freeCreditList .dstg-freeCreditItems .dstg-right .dstg-claim-btn { box-shadow: var(--color3) 0 2px; background: #e8a300; color: var(--color2); } /* Free Credit in transfer page */ .dstg-freeCreditWrapper .dstg-transaction-seperate.dstg-se1 { color: var(--color2) } .dstg-freeCreditWrapper .dstg-transaction-seperate.dstg-se4 { color: #e2e2e3 } .dstg-freeCreditTransfer-wrap .dstg-freeCreditTitle { color: var(--color2) } .dstg-freeCreditTransfer-wrap .dstg-freeCreditContent { color: var(--color2) } .dstg-freeCreditTransfer-wrap .dstg-transaction-freeCredit-title { color: var(--color4); border-bottom: dashed 2px var(--color3); } .dstg-freeCreditWrapper .dstg-transaction-list.masked .maskedText { color: var(--color2); } .dstg-freeCreditWrapper .dstg-transaction-seperate .important-icon { color: var(--important) } .dstg-freeCreditWrapper .dstg-transaction-btn { background: var(--color5); color: var(--color2); } .dstg-freeCreditWrapper .dstg-transaction-btn:hover { background: var(--color7) } .dstg-freeCreditTransfer-wrap .dstg-moreInfoBtn { box-shadow: #7d7d7c 0 2px; background: #e8a300; color: var(--color2); } .dstg-freeCreditWrapper .dstg-freeCreditProviderOption { color: var(--color2); border: 1px solid #0269c6; background: rgb(1 50 86); } .dstg-transactionChangeTab-btn .active, .dstg-referralChangeTab-btn .dstg-active, .dstg-historyChangeTab-btn .active { background-color: var(--color4); color: var(--color2); } .dstg-transactionBtn, .dstg-historyBtn { background-color: var(--color3); color: var(--color2); } .dstg-transactionBtn:hover, .dstg-historyBtn:hover { background-color: var(--color5); color: var(--color2); } /* Free Credit in transfer page */ /* Voucher */ .dstg-freeCreditTransfer-wrap .dstg-transaction-freeCredit-title .dstg-voucher-wrap .dstg-redeemBtn, .dstg-freeCreditTransfer-wrap .dstg-unClaim_voucher-wrap .dstg-redeemBtn { color: var(--color1) } .dstg-freeCreditTransfer-wrap .dstg-transaction-freeCredit-title .dstg-voucher-wrap .dstg-redeemBtn:hover, .dstg-freeCreditTransfer-wrap .dstg-unClaim_voucher-wrap .dstg-redeemBtn:hover { background-color: var(--color4); color: var(--color2) } /* Voucher */ /* REFERRAL PAGE */ .dstg-referral-wrap .dstg-referral-info-wrapper .dstg-left .dstg-item-group .dstg-label { color: var(--color2) } .dstg-referral-wrap .dstg-referral-info-wrapper .dstg-left .dstg-item-group input { color: var(--color3); background-color: var(--color2); border: 1px solid #bdbdbd } .dstg-referral-wrap .dstg-referral-info-wrapper .dstg-left .dstg-item-group .dstg-copyIcon { position: absolute; margin-top: 1rem; cursor: pointer; font-size: 16px; transform: translate(-30px, 0); color: var(--color3) } .dstg-referral-wrap .dstg-referral-info-wrapper .dstg-shareBtn { background-color: transparent; border: none } .dstg-referral-wrap .dstg-referral-info-wrapper .dstg-QRcodeWrap { background-color: var(--color4) } .dstg-referral-wrap .dstg-referral-info-wrapper .dstg-QRtext { color: var(--color2); background-color: var(--color5) } .dstg-referral-flow-box .dstg-title { color: #00bfff } .dstg-referral-flow-box .dstg-content .dstg-referral-flow-desc { color: var(--color2); left: 82%; } /* REFERRAL PAGE */ /* referral container */ .dstg-ref-box{ background: #2d0135; border: 1px solid var(--color4); } .dstg-ref-box .dstg-ref-logo , .dstg-ref-box .dstg-ref-details .dstg-ref-desc-1 { color: var(--color2); } .dstg-ref-box .dstg-referral-code-box .dstg-copyIcon{ color: var(--color3); } .dstg-ref-box .dstg-referral-code-box #refCode{ background-color: #dadada; border: none; } .dstg-ref-box .dstg-referral-code-box .dstg-share-btn{ color: var(--color2); background: var(--gradient4); border: 3px solid var(--color4); } /* referral container */ /* UPCOMING MATCH */ .dstg-member-upcoming-wrap { border: 2px solid var(--color4); } .dstg-member-upcoming-wrap .dstg-member_text_game_title { color: var(--color4); } /* UPCOMING MATCH */ /* HIGHLIGHT VIDEO */ .dstg-member-video-wrap { border: 2px solid var(--color4); } .dstg-member-video-wrap .dstg-text_game_title { color: var(--color4); } /* HIGHLIGHT VIDEO */ /* TOURNAMENT */ /* countdown timer */ .dstg-big-text { color: var(--color2) } .dstg-countdown-tour span { color: var(--color2) } /* countdown timer */ /* tournament sildeshow */ .dstg-tournament-main:after { background: var(--color1)000ab } .dstg-tournament-main .dstg-main-content .dstg-detailsBox { border-color: transparent transparent var(--color5) } .dstg-tournament-main .dstg-main-content .dstg-detailsBox .dstg-box-wrap .dstg-main-title { color: var(--color2) } .dstg-tournament-main .dstg-main-content .dstg-detailsBox .dstg-box-wrap .dstg-gameDetails { color: var(--color2) } /* tournament sildeshow */ /* tournament list */ .dstg-tournament-box-action { background: var(--color5) } .dstg-tournament-box-action:before { border-bottom: 41px solid var(--color5); border-left: 38px solid transparent } .dstg-tournament-box-action i { color: var(--color2) } .dstg-tournamentList-section .dstg-section-title { color: var(--color3); border-bottom: 2px dashed var(--color3) } .dstg-tournament-box.box1 .dstg-box-row .dstg-box-item .dstg-box-hover { background-color: var(--color1)000ab } .dstg-tournament-box.box1 .dstg-box-row .dstg-box-item .dstg-box-hover .dstg-box-wrap button { color: var(--color2); background: var(--color5); border: none } .dstg-tournament-box.box1 .dstg-box-row .dstg-box-item .dstg-box-hover .dstg-box-wrap button:hover { filter: drop-shadow(0 0 3px var(--color5)) } .dstg-tournament-box.box1 .dstg-box-row .dstg-box-item .dstg-box-fix { background: var(--gradient4) } .dstg-tournament-box.box1 .dstg-box-row .dstg-box-item .dstg-box-fix .dstg-title { color: var(--color1) } .dstg-tournament-box.box1 .dstg-box-row .dstg-box-item .dstg-box-fix .dstg-date { color: #2f2f2f } .dstg-tournament-box.box2 .dstg-box-row .dstg-box-item:nth-child(odd) { background: var(--color5) } .dstg-tournament-box.box2 .dstg-box-row .dstg-box-item:nth-child(even) { background: #778000 } .dstg-tournament-box.box2 .dstg-box-row .dstg-box-item .dstg-img img { border: 2px solid var(--color3) } .dstg-tournament-box.box2 .dstg-box-row .dstg-box-item .dstg-item-content { border-right: 2px dashed var(--color2) } .dstg-tournament-box.box2 .dstg-box-row .dstg-box-item .dstg-item-content .dstg-title { color: var(--color5) } .dstg-tournament-box.box2 .dstg-box-row .dstg-box-item .dstg-item-content .dstg-title:before { background: var(--color5) } .dstg-tournament-box.box2 .dstg-box-row .dstg-box-item .dstg-item-content .dstg-date { color: var(--color2) } .dstg-tournament-box.box2 .dstg-box-row .dstg-box-item .dstg-item-content .dstg-desc { color: var(--color2) } .dstg-tournament-box.box2 .dstg-box-row .dstg-box-item .dstg-btn-box button { color: var(--color2); border: none; background: var(--color5) } .dstg-tournament-box.box2 .dstg-box-row .dstg-box-item .dstg-btn-box button:hover { filter: drop-shadow(0 0 3px var(--color5)) } /* tournament list */ /* ranking list */ .dstg-ranking-section .dstg-boxAction { background: var(--color5) } .dstg-ranking-section .dstg-boxAction:before { border-bottom: 41px solid var(--color5); border-left: 38px solid transparent } .dstg-ranking-section .dstg-boxAction i { color: var(--color2) } .dstg-ranking-section .dstg-rank-bottom { background-color: #313058 } .dstg-ranking-section .dstg-tournament-type { color: var(--color5); border-bottom: 2px solid var(--color5) } .dstg-ranking-section .dstg-rank-tab li { color: var(--color2); border-bottom: 2px solid transparent } .dstg-ranking-section .dstg-rank-tab li.dstg-active { color: var(--color5); border-bottom: 2px solid var(--color5) } .dstg-ranking-section .dstg-tab-box .dstg-title { color: var(--color2) } .dstg-ranking-section .dstg-rank-tab-content button { color: var(--color2); border: none; background: transparent } .dstg-rank-list .dstg-list-item { color: var(--color2) } .dstg-rank-list .dstg-list-item:nth-child(1) { background-color: #fdb81f !important; box-shadow: 3px 3px 0 0 #ba810b !important } .dstg-rank-list .dstg-list-item:nth-child(2) { background-color: #b0b0b0 !important; box-shadow: 3px 3px 0 0 var(--color3) !important } .dstg-rank-list .dstg-list-item:nth-child(3) { background-color: #e78e62 !important; box-shadow: 3px 3px 0 0 #de6643 !important } .dstg-rank-list .dstg-list-item:nth-child(odd) { background-color: var(--color4) } .dstg-rank-list .dstg-list-item:nth-child(even) { background-color: #0759ab } .dstg-rank-list .dstg-list-item:nth-child(1) .dstg-index, .dstg-rank-list .dstg-list-item:nth-child(2) .dstg-index, .dstg-rank-list .dstg-list-item:nth-child(3) .dstg-index { text-shadow: none } .dstg-rank-list .dstg-list-item .dstg-index { text-shadow: 2px 2px black } /* ranking list */ /* tournament modal */ .dstg-tournamentPop-wrapper { background-color: #efefef } .dstg-tournamentPop-wrapper .dstg-modal-header .dstg-title { color: var(--color1); background-color: var(--color4) } .dstg-tournamentPop-wrapper .dstg-modal-header .dstg-btn { background-color: var(--color5) } .dstg-tournamentPop-wrapper .dstg-modal-header .dstg-btn:before { border-bottom: 66px solid var(--color5); border-left: 50px solid transparent } .dstg-tournamentPop-wrapper .dstg-modal-header .dstg-btn button { color: var(--color2); border: none; background: transparent } .dstg-tournamentPop-wrapper .dstg-modal-body hr { border: none; border-bottom: 1px solid var(--color3) } #tourMoreInfomodal .dstg-img img { box-shadow: 3px 3px 4px 1px var(--color1)000ad } #tourMoreInfomodal .dstg-info { color: #222 } #tourMoreInfomodal .dstg-info .dstg-date { color: var(--color3) } #tourMoreInfomodal .dstg-info .dstg-title { color: var(--color4) } #tourMoreInfomodal .dstg-info .dstg-title:before { background-color: var(--color5) } #tourMoreInfomodal .dstg-info .dstg-desc button { color: var(--color2); border: none; background: var(--color5) } #tourMoreInfomodal .dstg-info .dstg-desc button:hover { filter: drop-shadow(0 0 3px var(--color5)) } #tourMoreInfomodal .dstg-content { color: var(--color2) } #tourMoreInfomodal .dstg-content h3 { color: var(--color2); text-shadow: 2px 2px 2px var(--color1)0009e } #tourRankingmodal .dstg-info .dstg-title { color: var(--color5) } #tourRankingmodal .dstg-info .dstg-title:before { background-color: var(--color5) } #tourRankingmodal .dstg-content .dstg-btn button { color: var(--color2); border: none; background: var(--color5) } #tourRankingmodal .dstg-content .dstg-btn button:hover { filter: drop-shadow(0 0 3px var(--color5)) } /* tournament modal */ /* TOURNAMENT */ /* Total Balance List */ .dstg-header-content .dstg-header-center .dstg-balance-box .wallet-balance .totalBalList { color: var(--color2); background: linear-gradient(141deg, #2f2f2f, #000000); border: 2px solid var(--color4); box-shadow: 3px 3px 0 0 var(--color5) } .dstg-header-content .dstg-header-center .dstg-balance-box .wallet-balance .totalBalList hr { border-bottom: 1px solid var(--color4) } .dstg-header-content .dstg-header-center .dstg-balance-box .wallet-balance .totalBalList .item { border-bottom: 1px solid var(--color1) } .dstg-header-content .dstg-header-center .dstg-balance-box .wallet-balance .totalBalList .item:last-child { border-bottom: none } .dstg-header-content .dstg-header-center .dstg-balance-box .wallet-balance .totalBalList .item .provBal.unlocked, .dstg-header-content .dstg-header-center .dstg-balance-box .wallet-balance .totalBalList .item .provBal.active { color: var(--walOn) } .dstg-header-content .dstg-header-center .dstg-balance-box .wallet-balance .totalBalList .item .provBal.locked { color: var(--walOff) } /* Total Balance List */ /* LIVE SCORE */ .liveScoreWidget .ls-header { background: #494949; border-bottom: 1px solid var(--color4); } .liveScoreWidget .ls-header .filter-select .input { color: #222; background: var(--color2); border: 2px solid var(--color4) } .liveScoreWidget .ls-header .filter-select select::-webkit-scrollbar-track { background-color: var(--color3); color: var(--color3) } .liveScoreWidget .ls-header .filter-select select::-webkit-scrollbar-thumb { background-color: #343dad; color: #343dad } .liveScoreWidget .ls-header .filter-select .icon { color: var(--color4) } .liveScoreWidget .ls-header .date-option li button { background: var(--gradient4); border: 2px solid var(--color4); color: var(--color2); } .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; border: 2px solid #f9b43d; color: var(--color2); } .liveScoreWidget .ls-body { background: #494949; } .liveScoreWidget .ls-body .b-msg { color: var(--color2); background: #7a848d; } .liveScoreWidget .ls-body .b-mask { background: var(--color1)000ba } .liveScoreWidget .ls-body .b-getResult .msg { color: #e2e2e2 } .liveScoreWidget .league-section { background: #1e1e1e } .liveScoreWidget .league-fixture-list .layer::-webkit-scrollbar-track { background-color: var(--color3); color: var(--color3) } .liveScoreWidget .league-fixture-list .layer::-webkit-scrollbar-thumb { background-color: var(--color4); color: var(--color4); } .liveScoreWidget .league-fixture-list .fixture-drop { background: var(--gradient4); } .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 var(--color4); } .liveScoreWidget .league-fixture-content .fc-label { color: var(--color2); background: var(--gradient4); } .liveScoreWidget .league-fixture-content .fc-main { color: var(--color2) } .liveScoreWidget .league-fixture-content .fc-team .fc-short-info .fc-score { color: var(--color2) } .liveScoreWidget .league-fixture-content .fc-team .fc-short-info .fc-score .win { color: #f9b43d } .liveScoreWidget .league-fixture-content .fc-team .fc-short-info .fc-score i { color: #f9b43d } .liveScoreWidget .league-fixture-content .fc-team .fc-short-info .fc-status { color: var(--color2) } .liveScoreWidget .league-fixture-content .fc-team .fc-short-info .fc-date { color: var(--color2) } .liveScoreWidget .league-fixture-content .fc-info .info-row .info-column { background: #494949; color: var(--color1) } .liveScoreWidget .league-fixture-content .fc-info .info-row .info-column span:first-child { color: var(--color2) } .liveScoreWidget .league-fixture-content .fc-info .info-row .info-column span:last-child { color: var(--color1) } .liveScoreWidget .league-fixture-content .fc-score-details .score-section { color: #222; background: #e2e1e1; border: 1px solid #f9b43d } /* live score loading */ @keyframes ldio-gblex47ykrc-c { 0% { background: #626dfc } 25% { background: #a1a7f9 } 50% { background: #fcc972 } 75% { background: #f9b43d } 100% { background: #626dfc } } .ldio-gblex47ykrc div { background: #626dfc; } .ldio-gblex47ykrc div:nth-child(1) { background: #f9b43d; } .ldio-gblex47ykrc div:nth-child(2) { background: #626dfc } .ldio-gblex47ykrc div:nth-child(3) { background: #f9b43d } .ldio-gblex47ykrc div:nth-child(4) { background: #fcc972 } .ldio-gblex47ykrc div:nth-child(5) { background: #a1a7f9 } /* live score loading */ /* LIVE SCORE */ /* favourite */ .dstg-favourite-tab .dstg-fav-title .dstg-icon { color: red; } .dstg-favourite-tab .dstg-favourite-box { border: 1px solid var(--color4); background: #e7e7e7; } /* favourite */ /* Preloader */ #preloader { background-color: #171d22d1 !important } /* Spin Wheel */ .dstg-spinwheel-container .dstg-spin-container .dstg-spin-selector .dstg-spin-selector-box { border: 5px solid transparent; background: linear-gradient(#08407d, #08407d) padding-box, linear-gradient(to right, var(--color5), var(--color5)) border-box; box-shadow: 0 0 5px var(--color5); color: var(--color2); } .dstg-spinwheel-container .dstg-spin-container .dstg-spin-selector .dstg-spin-selector-box:hover, .dstg-spinwheel-container .dstg-spin-container .dstg-spin-selector .dstg-spin-selector-box:active, .dstg-spinwheel-container .dstg-spin-container .dstg-spin-selector .dstg-spin-selector-box:focus{ border: 5px solid transparent; background: linear-gradient(#08407d, #08407d) padding-box, linear-gradient(to right, var(--color5), var(--color5)) border-box; box-shadow: 0 0 5px var(--color5); color: var(--color2); } /*Spinwheel Button Shockwave effect*/ .dstg-minigame-btn--shockwave.is-active { -webkit-animation: shockwaveJump 1s ease-in-out infinite alternate; animation: shockwaveJump 1s ease-in-out infinite alternate; background: linear-gradient(to right,#fa0000 0%,#7e1e1e 100%); color: var(--color2); border: none; } .dstg-minigame-btn--shockwave.is-active:hover, .dstg-minigame-btn--shockwave.is-active:active, .dstg-minigame-btn--shockwave.is-active:focus { background: var(--color5); color: var(--color2); } @-webkit-keyframes shockwaveJump { from { -webkit-transform: scale(0.dstg-8, 0.dstg-8); } 50% { -webkit-transform: scale(1, 1); } to { -webkit-transform: scale(1, 1); } } @keyframes shockwaveJump { from { transform: scale(0.dstg-8, 0.dstg-8); } to { transform: scale(1, 1); } } .dstg-article-wrap .dstg-title-box .dstg-claimed-reward, .dstg-article-wrap .dstg-title-box .dstg-btn-history, .dstg-spinwheel-container .dstg-msg-box .dstg-button-box button { background: var(--gradient4) } .dstg-article-wrap .dstg-title-box .dstg-claimed-reward .dstg-msg-label, .dstg-article-wrap .dstg-title-box .dstg-btn-history .dstg-msg-label { color: var(--color2); } .dstg-article-wrap .dstg-title-box .dstg-claimed-reward:focus, .dstg-article-wrap .dstg-title-box .dstg-claimed-reward:active, .dstg-article-wrap .dstg-title-box .dstg-claimed-reward:hover, .dstg-article-wrap .dstg-title-box .dstg-btn-history:focus, .dstg-article-wrap .dstg-title-box .dstg-btn-history:active, .dstg-article-wrap .dstg-title-box .dstg-btn-history:hover, .dstg-spinwheel-container .dstg-msg-box .dstg-button-box button:focus, .dstg-spinwheel-container .dstg-msg-box .dstg-button-box button:active, .dstg-spinwheel-container .dstg-msg-box .dstg-button-box button:hover { background: rgba(182,118,3,1) } @keyframes glowing-box { 0% { box-shadow: 0 0 5px 2px var(--color5); } 20% { box-shadow: 0 0 10px 2px var(--color5); } 40% { box-shadow: 0 0 15px 2px var(--color5); } 60% { box-shadow: 0 0 20px 2px var(--color5); } 80% { box-shadow: 0 0 15px 2px var(--color5); } 100% { box-shadow: 0 0 5px 2px var(--color5); } } /*Spinwheel Button Shockwave effect*/ /* Spin Wheel */ /* DAILY LOGIN REWARD */ @keyframes lights { 0% { color: rgb(212 175 55); text-shadow: 0 0 1em hsl(69deg 100% 50% / 20%), 0 0 0.dstg-125em hsl(320deg 100% 60% / 30%), -1em -0.dstg-125em 0.dstg-5em hsl(40deg 100% 60% / 0%), 1em 0.dstg-125em 0.dstg-5em hsl(200deg 100% 60% / 0%); } 30% { color: rgb(212 175 55); text-shadow: 0 0 1em hsl(64deg 100% 50% / 50%), 0 0 0.dstg-125em hsl(68deg 100% 60% / 50%), -0.dstg-5em -0.dstg-125em 0.dstg-25em hsl(40deg 100% 60% / 20%), 0.dstg-5em 0.dstg-125em 0.dstg-25em hsl(82deg 100% 60% / 40%); } 40% { color: hsl(63deg 100% 95%); text-shadow: 0 0 1em hsl(51deg 100% 50% / 50%), 0 0 0.dstg-125em hsl(320deg 100% 90% / 50%), -0.dstg-25em -0.dstg-125em 0.dstg-125em hsl(40deg 100% 60% / 20%), 0.dstg-25em 0.dstg-125em 0.dstg-125em hsl(69deg 100% 60% / 40%); } 70% { color: rgb(212 175 55); text-shadow: 0 0 1em hsl(71deg 100% 50% / 50%), 0 0 0.dstg-125em hsl(50deg 100% 60% / 50%), 0.dstg-5em -0.dstg-125em 0.dstg-25em hsl(40deg 100% 60% / 20%), -0.dstg-5em 0.dstg-125em 0.dstg-25em hsl(66deg 100% 60% / 40%); } 100% { color: rgb(212 175 55); text-shadow: 0 0 1em hsl(66deg 100% 50% / 20%), 0 0 0.dstg-125em hsl(75deg 100% 60% / 30%), 1em -0.dstg-125em 0.dstg-5em hsl(40deg 100% 60% / 0%), -1em 0.dstg-125em 0.dstg-5em hsl(200deg 100% 60% / 0%); } } @keyframes glowing { 0% { box-shadow: 0 0 5px #284bf7; background: rgb(5 86 174); } 50% { box-shadow: 0 0 20px #19ade8; background: rgb(2 69 142); } 100% { box-shadow: 0 0 5px #05a5a8; background: var(--color4); } } .dstg-reward-frame{ background-color:#2c2c2c; color:var(--color2); } .dstg-reward-frame::before{ background: linear-gradient(120deg, #F1C840, #9D6B00, #D4AF37) border-box; } .dstg-reward-frame-today{ box-shadow: 0 0 1rem 0 #f9ff00; } .dstg-member-daily-reward-container{ /* background-image: url('/images/templates/Template 2/dailyCheckInReward/DT_DMM_BG_T2_Desktop.dstg-png'); */ background-size: 1180px 460px; background-repeat: no-repeat; } .dstg-daily-reward-container{ /* background-image: url('/images/templates/Template 2/dailyCheckInReward/DT_DMM_BG_T2_Desktop.dstg-png'); */ background-size: 1280px 500px; background-repeat: no-repeat; } .dstg-check-in-day-wrap{ background: var(--gradient4); } .dstg-check-in-day-wrap:before{ border-right: 30px solid var(--color4); border-top: 25px solid transparent; border-bottom: 25px solid transparent; } .dstg-check-in-day-wrap:after{ border-left: 30px solid var(--color4); border-top: 25px solid transparent; border-bottom: 25px solid transparent; } .dstg-check-in-day{ color:var(--color1); } .dstg-daily-reward-title{ animation: lights 5s 750ms linear infinite; } .dstg-reward-check-in-button{ background: rgba(249,18,18,1); color: var(--color2); } .dstg-claimed-btn:disabled{ background-color: #69739b7d; color: var(--color2)fff; } .dstg-claim-next:disabled{ background-color: #cccccc; color: #666666; } .dstg-claim-today{ color: var(--color2); border: none; } .dstg-dailyRewardPop-box .dstg-dailyRewardContent-wrapper{ background: linear-gradient(136deg, #f6f4f4, #dddddf); border: 1px solid transparent; } .dstg-dailyRewardPop-box .dstg-dailyRewardContent-wrapper .dstg-reward-pop .dstg-description-content .dstg-success-icon i, .dstg-dailyRewardPop-box .dstg-dailyRewardContent-wrapper .dstg-reward-pop .dstg-description-content .dstg-please-login-icon i{ color: var(--color4); } .dstg-dailyRewardPop-box .dstg-dailyRewardContent-wrapper .dstg-reward-pop .dstg-dailyRewardPop-btn button{ border: none; color: var(--color2); background: rgb(255 182 0); } .dstg-dailyRewardPop-box .dstg-dailyRewardContent-wrapper .dstg-reward-pop .dstg-dailyRewardPop-btn button:hover{ background: #8e6d00; } #dailyRewardLaterBtn{ background: var(--gradient4); } .dstg-dailyRewardPop-box .dstg-dailyRewardContent-wrapper .dstg-reward-pop .dstg-description-content .dstg-text a{ color: var(--color4); } .dstg-dailyRewardPop-box .dstg-dailyRewardContent-wrapper .dstg-reward-pop .dstg-description-content .dstg-text a:hover{ border-bottom: 2px solid var(--color4); } /* DAILY LOGIN REWARD */ /* PROMO GROUP */ .dstg-provider-wrap .dstg-provider-item .dstg-mask .dstg-locked { color: var(--color2) } .dstg-shortcut-seperate .dstg-shortcut-provider .provider-content .provider-btn button:disabled, .dstg-shortcut-seperate .dstg-shortcut-provider .provider-content .provider-btn button:disabled:hover { background: var(--color3); color: var(--color2) } .dstg-timer-wrapper .dstg-btn-box .btn-mainRestoreAll:disabled, .dstg-timer-wrapper .dstg-btn-box .btn-mainRestoreAll:disabled:hover { background: var(--color3); color: var(--color2) } .dstg-freeCreditWrapper .dstg-btn-creditTransfer:disabled, .dstg-freeCreditWrapper .dstg-btn-creditTransfer:disabled:hover { background: var(--color3); color: var(--color2) } /* PROMO GROUP */ /* HOME CONTENT (QUALITY SERVICE) */ .quality-service-section- { color: var(--color3) } /* HOME CONTENT (QUALITY SERVICE) */ /* Deposit New Layout */ .deposit-wrap .title-box .flag { background: var(--color5) } .deposit-container { background: unset; } .deposit-wrapper { display: grid; } .deposit-wrapper .deposit-tab-container { background: #2f2f2f } .deposit-wrapper .deposit-tab-container .deposit-tab-header p { color: var(--color2) } .deposit-wrapper .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; } .deposit-wrapper .standard-tab-container .tab-header, .deposit-wrapper .deposit-channel-container .deposit-select-box .tab-header { background: unset!important; color: #0f161f; } .deposit-wrapper .standard-tab-container .tab-header .img-container, .deposit-wrapper .deposit-channel-container .deposit-select-box .tab-header .img-container { background: #f7f7f7; } .deposit-wrapper .standard-tab-container .tab-header.active .img-container, .deposit-wrapper .standard-tab-container .tab-header .img-container:hover { /* background: linear-gradient(to right, #067db0, #04abc2); */ background: var(--gradient4); } .deposit-wrapper .deposit-channel-container .deposit-select-box .tab-header .channel-img:hover { border: 3px solid var(--color4); } .deposit-wrapper .deposit-channel-container .deposit-select-box .tab-header .channel-img.active { background: #f7f7f7; border: 3px solid var(--color4); } .deposit-wrapper .deposit-channel-container .deposit-select-box .tab-header .channel-img img { filter: grayscale(100%) opacity(.5) brightness(100%); } .deposit-wrapper .deposit-channel-container .deposit-select-box .tab-header .channel-img.active img, .deposit-wrapper .deposit-channel-container .deposit-select-box .tab-header .channel-img:hover img { filter: grayscale(0%); } .deposit-wrapper .standard-tab-container .tab-header .deposit-option-tittle, .deposit-wrapper .deposit-channel-container .deposit-select-box .deposit-option { color: var(--color2) } .deposit-wrapper .deposit-channel-container { /* background: linear-gradient(136deg, #f6f4f4, #dddddf); */ } .deposit-wrapper .deposit-channel-container p { color: var(--color2) } .deposit-wrapper .deposit-channel-container .deposit-channel-tittle:after { color: #e0082d; content: "*"; margin-left: 0.04rem; padding: 0 0.04rem 0 0; font-size: 16px; } .deposit-wrapper .bank-list-container { background: #c0bebe; } .nav-tabs .nav-link { color: #8697a2; } .nav-tabs .nav-link:hover{ border: unset; color: #0f161f; } .nav-tabs .nav-link.active { color: #0f161f; background-color: unset; border-color: unset; border: unset; } .form-group .choose-box li { background: #585858; color: #fff; } .form-group .col-form-label b { color: var(--color2) } .form-group button { background: var(--gradient4); color: var(--color2); } .form-group input, .form-group select { color: var(--color3); background: #fffdfd; border: 1px solid #bdbdbd; } .form-group .form-input .deposit-amount-input span i { color: #f35e5e; } .form-group .form-input .minmax-input span { color: #7d7d7d; } .form-group .choose-box { padding: unset; } .form-group .copyIcon { color: var(--color5); top: 25%; right: unset; margin-left: 10px } .region-qr-container .bank-qrcode .frame { border: 3px solid #8697a2; } .region-qr-container .bank-qrcode .frame .top-mask { background: #dddddf; position: absolute; top: -4px; left: 25%; height: 0.025rem; width: 50%; border: 3px solid #dddddf; } .region-qr-container .bank-qrcode .frame .right-mask { background: #dddddf; position: absolute; top: 25%; right: -4px; height: 50%; width: 0.025rem; border: 3px solid #dddddf; } .region-qr-container .bank-qrcode .frame .bottom-mask { background: #dddddf; position: absolute; bottom: -4px; left: 25%; height: 0.025rem; width: 50%; border: 3px solid #dddddf; } .region-qr-container .bank-qrcode .frame .left-mask { background: #dddddf; position: absolute; top: 25%; left: -4px; height: 50%; width: 0.025rem; border: 3px solid #dddddf; } .region-qr-container .bank-qrcode .frame img { width: 10rem; } .form-group .specificUploadBtn .btnDepositReceipt.btnSelect { background: #0e9dff; color: var(--color2); } .form-group .specificUploadBtn .btnDepositReceipt.btnRemove { background: #005d9c; color: var(--color2); border: none; } .form-group .depositNotice { 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: black; transform: rotate(270deg); width: fit-content; height: fit-content; top: 55%; right: 6px; font-size: 1.5rem; cursor: pointer; } .important-icon { color: var(--color4) } .nav-tabs .nav-link .paymentgateway-name { color: #fff; } .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(--color5); } /* Deposit New Layout */ .member-info-6- .btn-submit-{ color: var(--color1) !important; } .dstg-copy-right{ display: none; } /* RestoreMessagePopOut */ #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(--gradient4); color: var(--color2); } #restoreMsgmodal .modal-body .restoreMsgPop-btn #restoreMsgLaterBtn { margin-left: 10px; background: var(--color3); color: var(--color2); } /* RestoreMessagePopOut */ .transfer-2- .transfer-content-title- .tablist- li.active:before { background: var(--gradient4) !important; } .modal-header .title { text-transform: uppercase !important; } .bar_title { display: flex; align-items: center; text-align: center; margin: 20px 0; justify-content: space-between } .bar_title_img { width: 400px } .bar_title_custom { -webkit-transform: scaleX(-1); transform: scaleX(-1) } .bar_title .game-title { position: relative; margin: auto; padding: 0 } .bar_title .game-title .bar.left { position: absolute; top: 50%; left: -26rem; transform: translateY(50%) } .bar_title .game-title .bar.right { position: absolute; top: 50%; right: -26rem; transform: translateY(50%) scaleX(-1) } .bar_title .game-title .bar img { width: 65% } .text_game_title { font-size: 55px; font-family: 'Quicksand', sans-serif; font-weight: bold; color: var(--color4); } .chineseFont_text { /* font-family: 'AdobeheitistdFont', Arial, sans-serif; */ font-weight: normal; font-style: normal } #langmodal .lang- .lang-option { font-weight: 300; color: var(--color1); }