:root { --color1: #000; /* black */ --color2: #fff; /* white */ --color3: #7d7d7d; --color4: #013b7a; --color5: #07213c; --color6: #fcb913; --color7: #b67603; --color8: #b90000; --color9: #7e0707; --color10: #bdbdbd; --color11: #ffce5e; --color13: #F8F200; --color17: #3a3a3a; --color18: #F8F200; --color19: #1c1c1c; --color20: #000000; --color21: #898989; --color22: #F8F200; --color23: #f0e531; --color24: #3dbbf6; --color25: #eeeeee; --color26: #2e2e2e; --colorop1: #dcb3ac5c; --colorBG: #2c2c2c; /*default background color for VIP and daily reward*/ --colorBG1: #EBEBEB; /*default background color for ABOUTUS*/ --filter1: brightness(0) saturate(100%) invert(67%) sepia(97%) saturate(150%) hue-rotate(348deg) brightness(105%) contrast(98%); --gradient1: linear-gradient(141deg,#2f2f2f,#000000); --walOn: #3ec682; --walOff: #cd5c5c; --important: #ce0f10; --ecd_BG: var(--color22); --ecd_TXT: var(--color2); --adclose_BTN_RADIUS: 5px; --adclose_BTN_BG: var(--color22); --adclose_BTN_TXT: var(--color2); /* bar_1 */ --bar1_MARGIN: 1rem 0; --bar1_PADDING: .5rem 1rem; --bar1_BORDER_WIDTH: 0; --bar1_BORDER_RADIUS: .5rem; --bar1_BORDER_STYLE: solid; --bar1_BORDER_COLOR: transparent; --bar1_TXT_COLOR: var(--color2); --bar1_BG: #333; --bar1_ICON_SIZE: 1rem; --bar1_ICON_COLOR: var(--color2); /*slide show app 1*/ --SA1_TITLE_BOX_ICON_BORDER_BTM: var(--color4); --SA1_APP_QR_IMG_BG:var(--color2); --SA1_APP_QR_BTN_BG:var(--color6); /* register_2 */ --reg2_DSTG_BG_GRADIENT_SECONDARY_BG: linear-gradient(to bottom, var(--color6), var(--color7)); --reg2_DSTG_BG_GRADIENT_SECONDARY_HOVER_ACTIVE_BG: linear-gradient(to bottom, var(--color7), var(--color6)); --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: var(--color2); --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: var(--color2); --reg2_DSTG_REGISTER_WRAP_TITLE_BOX_FLAG_BG: var(--color6); --reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_LABEL_TITLE_TXT: var(--color2); --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(--color4); --reg2_DSTG_REGISTER_WRAP_BOX_CONTENT_TAB_UL_ACTIVE_BG: var(--color4); --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(--color4); --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(--color4); --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(--color6); --regSucc2_DSTG_REGISTER_SUCCESS_WRAP_BOX_BG: var(--gradient1); --regSucc2_DSTG_REGISTER_SUCCESS_BOX_CONTENT_BENEFITS_BG: none; --regSucc2_DSTG_REGISTER_SUCCESS_BOX_CONTENT_BENEFITS_BORDER_LEFT: none; --regSucc2_DSTG_REGISTER_SUCCESS_WRAP_BOX_CONTENT_MEMBER_BENEFITS_BORDER_LEFT: solid 3px var(--color4); --regSucc2_DSTG_REGISTER_SUCCESS_WRAP_BOX_CONTENT_MEMBER_BENEFITS_BG: var(--color3); --regSucc2_DSTG_REGISTER_SUCCESS_WRAP_BOX_CONTENT_BENEFITS_MEMBER_TITLE_TXT: var(--color2); --regSucc2_DSTG_REGISTER_SUCCESS_WRAP_BOX_CONTENT_MSG_TXT: var(--color3); --regSucc2_DSTG_REGISTER_SUCCESS_WRAP_BOX_CONTENT_MSG_TITLE_TXT: var(--color6); --regSucc2_DSTG_REGISTER_SUCCESS_WRAP_BOX_CONTENT_MSG_TEXT_BLUE: var(--color4); --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(--color6); --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: #cfcfcf; --memberinfo2_FORM_BTN_SUBMIT_BG: var(--color4); --memberinfo2_FORM_BTN_SUBMIT_TXT_COLOR: var(--color2); --memberinfo2_FORM_BTN_SUBMIT_RADIUS: 0; --memberinfo2_FORM_BTN_SUB_SUBMIT_BG: var(--color6); --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(--color6); --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(--color6); --memberinfo2_CONTENT_BG: var(--gradient1); --memberinfo2_CONTENT_TXT_COLOR: var(--color2); --memberinfo2_CONTENT_RADIUS: 0; --memberinfo2_CONTENT_LBL_TXT_COLOR: var(--color2); --memberinfo2_CONTENT_LBL_BORDER_COLOR: var(--color2); --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(--color4); --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(--color6); --memberinfo2_PROFILE_ITEM_VAL_TXT_COLOR: var(--color2); --memberinfo2_PROFILE_VERIFY_ITEM_TXT_COLOR: var(--color8); --memberinfo2_PROFILE_VERIFY_ITEM_ICON_COLOR: var(--color4); --memberinfo2_PROFILE_BTN_DISABLE_BG: linear-gradient(180deg,rgba(170,167,167,1) 0%,rgba(105,105,105,1) 100%); --memberinfo2_PROFILE_VERIFY_OTP_BTN_BG: linear-gradient(to bottom, var(--color4), var(--color5)); --memberinfo2_PROFILE_VERIFY_OTP_BTN_TXT_COLOR: var(--color2); --memberinfo2_PROFILE_VERIFY_OTP_TIMER_TXT_COLOR: var(--color1); --memberinfo2_PROFILE_VERIFY_ITEM_BORDER: 0px; --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(--color2) !important; --memberinfo2_KYC_REFRESH_BTN_BORDER: none !important; --memberinfo2_KYC_REFRESH_BTN_HOVER_COLOR: var(--color3) !important; /* info_6 */ --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(--color6); --memberinfo2_SECTION_BTN_RADIUS: 0; --memberinfo2_SECTION_BLOCK_RADIUS: 0; --memberinfo6_KYCMODAL_TXT_COLOR: var(--color2); --memberinfo6_KYCMODAL_BG_COLOR: var(--gradient1); --memberinfo6_KYCMODAL_BTN_CLOSE_BG: var(--color6); --memberinfo6_KYCMODAL_BTN_CLOSE_COLOR: var(--color2); --memberinfo6_KYCMODAL_BTN_CLOSE_RADIUS: 5px; --memberinfo6_PROFILE_VERIFY_ITEM_TXT_COLOR: var(--color8); --memberinfo6_PROFILE_VERIFY_ITEM_ICON_COLOR: var(--color4); --memberinfo6_PROFILE_BTN_DISABLE_BG: linear-gradient(180deg,rgba(170,167,167,1) 0%,rgba(105,105,105,1) 100%); --memberinfo6_PROFILE_VERIFY_OTP_BTN_BG: linear-gradient(to bottom, var(--color4), var(--color5)); --memberinfo6_PROFILE_VERIFY_OTP_BTN_TXT_COLOR: var(--color2); --memberinfo6_PROFILE_VERIFY_OTP_TIMER_TXT_COLOR: var(--color1); --memberinfo6_PROFILE_VERIFY_ITEM_BORDER: 0px; --memberinfo6_FORM_LABEL_TXT_COLOR: var(--color2); --memberinfo6_FORM_INPUT_SELECT_BG: var(--color2); --memberinfo6_FORM_INPUT_SELECT_BG_DISABLED: var(--color4); --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: var(--memberinfo2_SECTION_BTN_RADIUS); --memberinfo6_FORM_INPUT_SELECT_FONT_WEIGHT: 600; --memberinfo6_FORM_OTP_TIMER_TXT_COLOR: var(--color3); --memberinfo6_FORM_BTN_SUBMIT_BG: var(--color6); --memberinfo6_FORM_BTN_SUBMIT_TXT_COLOR: var(--color2); --memberinfo6_FORM_BTN_SUBMIT_RADIUS: var(--memberinfo2_SECTION_BTN_RADIUS); --memberinfo6_FORM_BTN_SUB_SUBMIT_BG: var(--color6); --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: var(--memberinfo2_SECTION_BTN_RADIUS); --memberinfo6_FORM_UNDERLINE: var(--color6); --memberinfo6_CONTENT_BG: var(--gradient1); --memberinfo6_CONTENT_TXT_COLOR: var(--color2); --memberinfo6_CONTENT_RADIUS: var(--memberinfo2_SECTION_BLOCK_RADIUS); --memberinfo6_CONTENT_LBL_TXT_COLOR: var(--color2); --memberinfo6_CONTENT_LBL_UNDERLINE: var(--color6); --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(--color4); --memberinfo6_CONTENT_LBL_TABLIST_TXT_COLOR: var(--color4); --memberinfo6_CONTENT_LBL_TABLIST_ACTIVE_TXT_COLOR: var(--color2); --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(--color6); --memberinfo6_PROFILE_MAIN_SEPERATE_LINE: var(--color2); --memberinfo6_PROFILE_MAIN_TXT_COLOR: var(--color2); --memberinfo6_PROFILE_MAIN_H3: var(--color2); --memberinfo6_PROFILE_MAIN_LOGIN_LBL_COLOR: var(--color6); --memberinfo6_PROFILE_INFO_BG: var(--color4); --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(--color2); --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: var(--memberinfo2_SECTION_BTN_RADIUS); --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); /* floating button 1 */ --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%; /* Self limit */ --selfLimit1_WRAP_BORDER_COLOR: var(--color6); --selfLimit1_CONTAINER_BG: var(--color2); --selfLimit1_FLAG_BG: var(--color4); --selfLimit1_BORDER_COLOR: var(--color10); --selfLimit1_SET_LIMIT_BTN_BG: var(--color4); --selfLimit1_SET_LIMIT_BTN_BG_HOVER: var(--color6); --selfLimit1_SUBMIT_BTN_BG: var(--color4); --selfLimit1_SUBMIT_BG_HOVER: var(--color6); --selfLimit1_DATA_TABLE_BG: var(--color2); --selfLimit1_TABLE_TH_TXT_COLOR: var(--color3); --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(--color4); --selfLimit1_BTN_TXT_COLOR: var(--color2); --selfLimit1_BTN_TXT_COLOR_ACTED: var(--color2); /* promo_6 */ --promo6_TAB_BG: #f3f5f6; --promo6_TAB_BTN_COLOR: var(--color1); --promo6_TAB_BTN_HOVER_BG: var(--color20); --promo6_TAB_BTN_HOVER_COLOR: var(--color2); --promo6_MORE_BTN_COLOR: var(--color1); --promo6_MORE_BTN_BG: var(--color18); --promo6_MORE_BTN_BORDER: none; --promo6_MORE_BTN_FILTER: brightness(1); --promo6_MORE_BTN_HOVER_COLOR: var(--color2); --promo6_MORE_BTN_HOVER_BG: var(--color20); --promo6_MORE_BTN_HOVER_BORDER: none; --promo6_MORE_BTN_HOVER_FILTER: brightness(1); --promo6_CLAIM_BTN_COLOR: var(--color2); --promo6_CLAIM_BTN_BG: var(--color20); --promo6_CLAIM_BTN_BORDER: none; --promo6_CLAIM_BTN_FILTER: brightness(1); --promo6_CLAIM_BTN_HOVER_COLOR: var(--color1); --promo6_CLAIM_BTN_HOVER_BG: var(--color18); --promo6_CLAIM_BTN_HOVEER_BORDER: none; --promo6_CLAIM_BTN_HOVEER_FILTER: brightness(1); --promo6_PROMONOT_TXT: var(--color1); --promo6_PROMONOT_BG: #f3f5f6; --promo6_PROMO_BOX_BG: #f3f5f6; --promo6_PROMO_BOX_TEXT_COLOR: var(--color1); --promo6_PROMO_HEADER_COLOR: inherit; --promo6_PROMO_TEXT_COLOR: inherit; --promo6_PROMO_TEXT_STRONG_COLOR: var(--color1); --promo6_PROMO_POP_BG: var(--color2); --promo6_PROMO_POP_COLOR: var(--color1); --promo6_PROMO_POP_CLOSE_BG: var(--color20); --promo6_PROMO_POP_CLOSE_COLOR: var(--color2); --promo6_PROMO_POP_HEADER_COLOR: inherit; --promo6_PROMO_POP_SEPERATE_LINE: 1px solid #7d7d7d; /* 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); /* download_5 */ --down5_DOWNLOAD_MODAL_CONTENT_BG: var(--color2); --down5_DOWNLOAD_MODAL_CONTENT_COLOR: var(--color1); --down5_DOWNLOAD_MODAL_CONTENT_HEADER_BG: 0 0; --down5_DOWNLOAD_MODAL_CONTENT_HEADER_TXT: inherit; --down5_DOWNLOAD_MODAL_CONTENT_HEADER_BTN_MODAL_CLOSE_BG: 0 0; --down5_DOWNLOAD_MODAL_CONTENT_HEADER_BTN_MODAL_CLOSE_BORDER: none; --down5_DOWNLOAD_MODAL_CONTENT_HEADER_BTN_MODAL_CLOSE_I_TXT: inherit; --down5_DOWNLOAD_MODAL_CONTENT_BODY_BG: 0 0; --down5_DOWNLOAD_MODAL_CONTENT_BODY_TXT: inherit; --down5_DOWNLOAD_MODAL_DOWNQR_ITEM_BORDER: 2px solid var(--color3); --down5_DOWNLOAD_MODAL_DOWNQR_ITEM_LBL_TXT: var(--color20); --down5_DOWNLOAD_MODAL_FORM_LBL_TXT: inherit; --down5_DOWNLOAD_MODAL_FORM_INPUT_BG: #e0e0e0; --down5_DOWNLOAD_MODAL_FORM_INPUT_TXT: var(--color1); --down5_DOWNLOAD_MODAL_FORM_INPUT_BORDER: 1px solid #bdbdbd; --down5_DOWNLOAD_MODAL_FORM_COPY_TXT: var(--color1); --down5_DOWNLOAD_CARD_BG_COLOR: #f3f5f6; --down5_DOWNLOAD_CARD_BOX_SHODOW: 0 4px 6px rgba(0, 0, 0, 0.2); --down5_DOWNLOAD_BUTTON_ANDROID_BG_COLOR: var(--color18); --down5_DOWNLOAD_BUTTON_ANDROID_TXT_COLOR: var(--color1); --down5_DOWNLOAD_BUTTON_ANDROID_BORDER: none; --down5_DOWNLOAD_BUTTON_IOS_BG_COLOR: var(--color20); --down5_DOWNLOAD_BUTTON_IOS_TXT_COLOR: var(--color2); --down5_DOWNLOAD_BUTTON_IOS_BORDER: none; /*Home Content*/ --slideshow3_INDICATOR_CIRCLE_BG: transparent; --slideshow3_INDICATOR_CIRCLE_BORDER: none; --slideshow3_INDICATOR_CIRCLE_ACTIVE_BG: rgba(255, 255, 255, 0.2); --slideshow3_INDICATOR_CIRCLE_LI_BG: var(--color2); --slideshow3_INDICATOR_CIRCLE_LI_BORDER_TOP: 14px solid transparent; --slideshow3_INDICATOR_CIRCLE_LI_BORDER_BOTTOM: 10px solid transparent; --slideshow3_NEXT_PREV_ICON_COLOR: transparent; --slideshow3_NEXT_PREV_ICON_BG: transparent; --slideshow3_NEXT_PREV_ICON_BORDER: none; --slideshow3_NEXT_PREV_BTN_BG: var(--color2); --slideshow3_NEXT_PREV_BTN_HOVER_BG: #ebebeb; --GeneralHotGame2_NAV_COLOR: var(--color1); --GeneralHotGame2_NAV_ITEM_BG: transparent; --GeneralHotGame2_NAV_ITEM_BORDER: 1px solid var(--color20) !important; --GeneralHotGame2_NAV_ITEM_ACTIVE_BG: var(--color20) !important; --GeneralHotGame2_NAV_ITEM_ACTIVE_COLOR: var(--color2) !important; --GeneralHotGame2_TITLE_COLOR: var(--color1); --GeneralHotGame2_GAME_LIST_COLOR: var(--color1); --GeneralHotGame2_PROV_NAME_COLOR: var(--color1); --GeneralHotGame2_PLAYOVERLAY_COLOR: var(--color2); --GeneralHotGame2_PLAYOVERLAY_IMG_BG: rgb(33, 33, 33); --GeneralHotGame2_PLAYOVERLAY_IMG_BORDER_COLOR: rgb(33, 33, 33); --GeneralHotGame2_PLAY_BTN_BG: #f9d834; --GeneralHotGame2_PLAY_BTN_COLOR: var(--color1); --banner6_BORDER_RADIUS: .5rem; --banner6_REF_BTN_BG: var(--color18); --banner6_REF_BTN_COLOR: var(--color1); --banner6_REF_BTN_BORDER: none; --banner6_REF_TITLE_COLOR: var(--color2); --banner6_REF_CONTENT_COLOR: var(--color2); /* Footer */ --f8_FOOTER_BG: #333; --f8_FOOTER_TXT_COLOR: var(--color2); --f8_FOOTER_SEPERATOR_LINE: 1px solid var(--color3); /* Login */ --login2_BODY_BG: var(--color2); --login2_HEADER_TITLE_COLOR: rgba(0, 0, 0, .87); --login2_TABLIST_COLOR: var(--color1); --login2_TABLIST_BORDER_BOTTOM_COLOR: 6px solid var(--color20); --login2_TABLIST_ACTIVE_COLOR: var(--color2); --login2_TABLIST_ACTIVE_BG: var(--color20); --login2_TABLIST_ACTIVE_BORDER_BOTTOM_COLOR: 6px solid var(--color20); --login2_LOGIN_FORM_BG: var(--color25); --login2_LOGIN_FORM_COLOR: rgba(0, 0, 0, .87); --login2_LOGIN_FORM_INPUT_BORDER_COLOR: 1px solid var(--color1); --login2_LOGIN_FORM_INPUT_COLOR: rgba(0, 0, 0, .87); --login2_LOGIN_FORM_INPUT_PLACEHOLDER_COLOR: #b2b8bc; --login2_LOGIN_FORM_ICON_COLOR: rgba(0, 0, 0, .87); --login2_LOGIN_FORM_BTN_BG: var(--color20); --login2_LOGIN_FORM_BTN_COLOR: var(--color2); --login2_LOGIN_FORM_BTN_BORDER: none; --login2_LOGIN_FORM_BTN_HOVER_BG: var(--color18); --login2_LOGIN_FORM_BTN_HOVER_COLOR: var(--color1); --login2_LOGIN_FORM_DIVIDER_BORDER_COLOR: #d3d3d3; --login2_FORGOT_PSW_COLOR: var(--color20); --login2_REGISTER_NOW_COLOR: var(--color20); --login2_TOOLTIP_BOX_BG: #7a7a7a; --login2_TOOLTIP_BOX_COLOR: var(--color2); --login2_REQUEST_OTP_BTN_COLOR: var(--color2); --login2_REQUEST_OTP_BTN_BG: var(--color20); --login2_REQUEST_OTP_BTN_BORDER: none; --login2_REQUEST_OTP_BTN_HOVER_COLOR: rgba(0, 0, 0, .87); --login2_REQUEST_OTP_BTN_HOVER_BG: var(--color18); --login2_REQUEST_OTP_BTN_DISABLED_COLOR: rgb(0 0 0 / 52%); --login2_REQUEST_OTP_BTN_DISABLED_BG: #d6d6d6; --login2_REQUEST_OTP_TIMER_COLOR: rgba(0, 0, 0, .87); --login2_REQUEST_OTP_TIMER_BG: transparent; --login2_FORGOT_PSW_MODAL_BG: rgba(0, 0, 0, 0.5); --login2_FORGOT_PSW_MODAL_CONTENT_BG: var(--color2); --login2_FORGOT_PSW_MODAL_CLOSE_ICON_COLOR: rgba(0, 0, 0, .54); --login2_FORGOT_PSW_TABLIST_BORDER_BOTTOM_COLOR: solid 4px #ccc; --login2_FORGOT_PSW_TABLIST_BG: rgba(207, 207, 207, 1); --login2_FORGOT_PSW_TABLIST_COLOR: rgba(0, 0, 0, .87); --login2_FORGOT_PSW_TABLIST_ACTIVE_HOVER_BORDER_BOTTOM_COLOR: solid 4px var(--color1); --login2_FORGOT_PSW_TABLIST_ACTIVE_HOVER_BG: var(--color20); --login2_FORGOT_PSW_TABLIST_ACTIVE_HOVER_COLOR: var(--color2); --login2_FORGOT_PSW_CONFIRM_BTN_BG: var(--color1); --login2_FORGOT_PSW_CONFIRM_BTN_COLOR: var(--color2); --login2_FORGOT_PSW_SIGN_UP_BTN_BG: var(--color20); --login2_FORGOT_PSW_SIGN_UP_BTN_HOVER_BG: var(--color18); --login2_FORGOT_PSW_SIGN_UP_BTN_HOVER_COLOR: var(--color1); --login2_WHATSAPP_FORGOT_PSW_MODAL_BG: rgba(0, 0, 0, 0.5); --login2_WHATSAPP_FORGOT_PSW_MODAL_CONTENT_BG: var(--color2); --login2_WHATSAPP_FORGOT_PSW_MODAL_CLOSE_ICON_COLOR: rgba(0, 0, 0, .54); /* Register */ --register7_BODY_BG: var(--color2); --register7_HEADER_TITLE_COLOR: rgba(0, 0, 0, .87); --register7_TABLIST_COLOR: rgba(0, 0, 0, .87); --register7_TABLIST_BG: rgba(207, 207, 207, 1); --register7_TABLIST_BORDER_BOTTOM_COLOR: 6px solid var(--color2); --register7_TABLIST_ACTIVE_BG: var(--color20); --register7_TABLIST_ACTIVE_COLOR: var(--color2); --register7_TABLIST_ACTIVE_BORDER_BOTTOM_COLOR: 6px solid var(--color2); --register7_REG_FORM_BG: var(--color25); --register7_REG_FORM_COLOR: rgba(0, 0, 0, .87); --register7_REG_WRAP_INPUT_BOX_BG: var(--color2); --register7_REG_FORM_INPUT_BORDER_COLOR: 1px solid var(--color1); --register7_REG_FORM_INPUT_COLOR: rgba(0, 0, 0, .87); --register7_REG_FORM_INPUT_PLACEHOLDER_COLOR: #b2b8bc; --register7_REG_FORM_ICON_COLOR: rgba(0, 0, 0, .87); --register7_REG_FORM_DROPDOWN_ARROW_ICON_COLOR: #333; --register7_TOOLTIP_BOX_BG: #7a7a7a; --register7_TOOLTIP_BOX_COLOR: var(--color2); --register7_REQUEST_OTP_BTN_BG: var(--color20); --register7_REQUEST_OTP_BTN_COLOR: var(--color2); --register7_REQUEST_OTP_BTN_BORDER: none; --register7_REQUEST_OTP_BTN_DISABLED_BG: #7d7d7d; --register7_REG_BTN_BG: var(--color20); --register7_REG_BTN_COLOR: var(--color2); --register7_REG_BTN_BORDER: none; --register7_REG_BTN_DISABLED_COLOR: var(--color2); --register7_REG_DIVIDER_BORDER_COLOR: #d3d3d3; --register7_REG_CAPTCHA_BG: #ccc; /* Register Successful*/ --regSucc6_REGISTER_SUCCESS_CONT_ICON_BORDER: 3px solid var(--color1); --regSucc6_REGISTER_SUCCESS_CONT_ICON_COLOR: var(--color20); --regSucc6_REGISTER_SUCCESS_CONT_ICON_BG: transparent; --regSucc6_REGISTER_SUCCESS_CONT_H5_TXT: var(--color1); --regSucc6_REGISTER_SUCCESS_CONT_P_TXT: var(--color1); /* Member Mid Panel Container */ --MEMBER_MID_PANEL_CONTAINER_BORDER_RADIUS: 10px; --MEMBER_MID_PANEL_CONTAINER_BG: var(--color2); --MEMBER_MID_PANEL_CONTAINER_COLOR: rgba(0, 0, 0, .87); --MEMBER_MID_PANEL_CONTAINER_BORDER_COLOR: var(--color2); /* Member Header */ --memberHeader1_BODY_BG: #ebebeb; --memberHeader1_NAV_CONTAINER_BG: var(--color2); --memberHeader1_NAV_CONTAINER_BORDER_RADIUS: 10px; --memberHeader1_NAV_ITEM_BORDER_RADIUS: 20px; --memberHeader1_NAV_ITEM_BG: transparent; --memberHeader1_NAV_ITEM_COLOR: var(--color1); --memberHeader1_NAV_ITEM_HOVER_BG: #ededed; --memberHeader1_NAV_ITEM_ACTIVE_BG: var(--color20); --memberHeader1_NAV_ITEM_ACTIVE_COLOR: var(--color2); /* Member Side Nav */ --memberSideNav3_CONTAINER_BORDER_RADIUS: 10px; --memberSideNav3_CONTAINER_BG: var(--color2); --memberSideNav3_CONTAINER_COLOR: rgba(0, 0, 0, .87); --memberSideNav3_CONTAINER_BORDER_COLOR: var(--color2); --memberSideNav3_GREY_CARD_BG: var(--color25); --memberSideNav3_GREY_CARD_BORDER_RADIUS: 10px; --memberSideNav3_BLUE_TXT_COLOR: var(--color20); --memberSideNav3_MEMBER_PROGRESS_CONTAINER_BG: #d9d9d9; --memberSideNav3_MEMBER_PROGRESS_CONTAINER_BORDER_RADIUS: 4px; --memberSideNav3_MEMBER_PROGRESS_BAR_BG: #1E40CB; --memberSideNav3_MEMBER_DIVIDER_COLOR: rgba(0,0,0,.12); --memberSideNav3_REFERRAL_REWARD_BTN_BORDER_RADIUS: 20px; --memberSideNav3_REFERRAL_REWARD_BTN_BG: var(--color20); --memberSideNav3_REFERRAL_REWARD_BTN_COLOR: var(--color2); --memberSideNav3_REFERRAL_REWARD_BTN_BORDER: none; --memberSideNav3_REFERRAL_REWARD_BTN_HOVER_BG: var(--color18); --memberSideNav3_REFERRAL_REWARD_BTN_HOVER_COLOR: var(--color1); --memberSideNav3_GREY_TXT_FIELD_BG: var(--color2); --memberSideNav3_GREY_TXT_FIELD_BORDER_RADIUS: 10px; --memberSideNav3_SHARE_BTN_BG: var(--color18); --memberSideNav3_SHARE_BTN_COLOR: var(--color2); --memberSideNav3_SHARE_BTN_BORDER_RADIUS: 10px; --memberSideNav3_SHARE_BTN_BORDER: none; --memberSideNav3_SHARE_BTN_HOVER_BG: var(--color20); --memberSideNav3_SHARE_BTN_HOVER_COLOR: var(--color1); /* Deposit */ --deposit7_DEPOSIT_OPTION_LABEL_COLOR: var(--color1); --deposit7_DEPOSIT_OPTION_LIST_BG: var(--color25); --deposit7_DEPOSIT_OPTION_LIST_BORDER: 3px solid #bdbdbd; --deposit7_DEPOSIT_OPTION_LIST_TXT_COLOR: var(--color1); --deposit7_DEPOSIT_OPTION_LIST_ACTIVE_BG: var(--color2); --deposit7_DEPOSIT_OPTION_LIST_ACTIVE_BORDER: 2px solid var(--color18); --deposit7_DEPOSIT_OPTION_LIST_HOVER_BG: #e4e4e4; --deposit7_DEPOSIT_CHANNEL_LIST_BG: transparent !important; --deposit7_DEPOSIT_CHANNEL_LIST_BORDER: 1px solid var(--color1); --deposit7_DEPOSIT_CHANNEL_LIST_ACTIVE_BG: var(--color2); --deposit7_DEPOSIT_CHANNEL_LIST_ACTIVE_BORDER: 2px solid var(--color18); --deposit7_DEPOSIT_CHANNEL_LIST_HOVER_BG: #e4e4e4; --deposit7_DEPOSIT_CHANNEL_LIST_TXT_COLOR: var(--color1); --deposit7_BANK_LIST_BG: #f2f2f2; --deposit7_BANK_LIST_BOX_SHADOW: 0 0 5px 2px var(--color18); --deposit7_BANK_LIST_NAV_LINK_COLOR: #8697a2; --deposit7_BANK_LIST_NAV_LINK_ACTIVE_COLOR: #0f161f; --deposit7_BANK_LIST_NAV_LINK_ACTIVE_BG: unset; --deposit7_BANK_LIST_NAV_LINK_ACTIVE_BORDER: unset; --deposit7_BANK_LIST_NAV_LINK_HOVER_COLOR: #0f161f; --deposit7_BANK_LIST_NAV_LINK_HOVER_BORDER: unset; --deposit7_DEPOSIT_FORM_LABEL_COLOR: var(--color1); --deposit7_DEPOSIT_FORM_INPUT_BG: var(--color2); --deposit7_DEPOSIT_FORM_INPUT_COLOR: var(--color1); --deposit7_DEPOSIT_FORM_INPUT_BORDER_COLOR: #d3d3d3; --deposit7_DEPOSIT_FORM_INPUT_FOCUS_HOVER_BORDER: 2px solid #d3d3d3; --deposit7_DEPOSIT_FORM_SELECT_OPTION_BG: var(--color2); --deposit7_DEPOSIT_FORM_COPY_ICON_COLOR: #1973c5; --deposit7_AMOUNT_BOX_BG: rgb(243, 245, 246); --deposit7_AMOUNT_BOX_COLOR: #959595; --deposit7_AMOUNT_BOX_HOVER_BG: var(--color20); --deposit7_AMOUNT_BOX_HOVER_COLOR: var(--color2); --deposit7_AMOUNT_BOX_HOVER_BORDER: 1px solid var(--color20); --deposit7_AMOUNT_CLEAR_INPUT_ICON_COLOR: #f35e5e; --deposit7_AMOUNT_MIN_MAX_LIMIT_COLOR: var(--color1); --deposit7_QR_CODE_IMG_FRAME_BORDER: 3px solid #8697a2; --deposit7_QR_CODE_IMG_FRAME_TOP_MASK_BG: #f2f2f2; --deposit7_QR_CODE_IMG_FRAME_TOP_MASK_BORDER: 3px solid #f2f2f2; --deposit7_QR_CODE_IMG_FRAME_RIGHT_MASK_BG: #f2f2f2; --deposit7_QR_CODE_IMG_FRAME_RIGHT_MASK_BORDER: 3px solid #f2f2f2; --deposit7_QR_CODE_IMG_FRAME_BOTTOM_MASK_BG: #f2f2f2; --deposit7_QR_CODE_IMG_FRAME_BOTTOM_MASK_BORDER: 3px solid #f2f2f2; --deposit7_QR_CODE_IMG_FRAME_LEFT_MASK_BG: #f2f2f2; --deposit7_QR_CODE_IMG_FRAME_LEFT_MASK_BORDER: 3px solid #f2f2f2; --deposit7_UPLOAD_BTN_BG: var(--color20); --deposit7_UPLOAD_BTN_COLOR: var(--color1); --deposit7_UPLOAD_BTN_BORDER: none; --deposit7_REMOVE_BTN_BG: #e2232d; --deposit7_REMOVE_BTN_COLOR: var(--color2); --deposit7_REMOVE_BTN_BORDER: none; --deposit7_DEPOSIT_BTN_BG: var(--color20); --deposit7_DEPOSIT_BTN_COLOR: var(--color2); --deposit7_DEPOSIT_BTN_BORDER: none; --deposit7_NOTICE_BOX_BORDER: 2px solid #959595; --deposit7_NOTICE_BOX_BG: rgb(243, 245, 246); --deposit7_NOTICE_BOX_COLOR: #959595; --deposit7_PAYMENT_GATEWAY_COLOR: var(--color1); --deposit7_PAYMENT_GATEWAY_HOVER_COLOR: var(--color1); /* Withdraw */ --withdraw3_DETAIL_CONTAINER_COLOR: var(--color2); --withdraw3_GATEWAY_NAV_LINK_BG: var(--color2); --withdraw3_GATEWAY_NAV_LINK_COLOR: #8697a2; --withdraw3_GATEWAY_NAV_LINK_BORDER: 1px solid var(--color1); --withdraw3_GATEWAY_NAV_LINK_BORDER_RADIUS: 4px; --withdraw3_GATEWAY_NAV_LINK_HOVER_BG: #ededed; --withdraw3_GATEWAY_NAV_LINK_HOVER_COLOR: var(--color1); --withdraw3_GATEWAY_NAV_LINK_ACTIVE_BORDER: 2px solid var(--color18); --withdraw3_GATEWAY_NAV_LINK_ACTIVE_BG: var(--color2); --withdraw3_GATEWAY_NAV_LINK_ACTIVE_COLOR: var(--color1); --withdraw3_WITHDRAW_FORM_TITLE: var(--color1); --withdraw3_WITHDRAW_FORM_LABEL_COLOR: var(--color1); --withdraw3_WITHDRAW_FORM_INPUT_BORDER_RADIUS: 12px; --withdraw3_WITHDRAW_FORM_INPUT_BG: var(--color2); --withdraw3_WITHDRAW_FORM_INPUT_COLOR: var(--color1); --withdraw3_WITHDRAW_FORM_SELECT_OPTION_BG: var(--color2); --withdraw3_WITHDRAW_FORM_INPUT_DISABLED_BG: #f6f6f6; --withdraw3_WITHDRAW_FORM_MIN_MAX_COLOR: var(--color1); --withdraw3_WITHDRAW_BTN_BG: var(--color20); --withdraw3_WITHDRAW_BTN_COLOR: var(--color2); --withdraw3_WITHDRAW_BTN_BORDER_RADIUS: 32px; --withdraw3_NOTICE_BOX_BORDER_RADIUS: 5px; --withdraw3_NOTICE_BOX_BORDER: 2px solid #c2c2c2; --withdraw3_NOTICE_BOX_BG: var(--color25); --withdraw3_NOTICE_BOX_COLOR: var(--color1); --withdraw3_BANK_ACC_BG: var(--color2); --withdraw3_BANK_ACC_COLOR: var(--color1); --withdraw3_BANK_ACC_BORDER: 1px solid var(--color1); --withdraw3_BANK_ACC_BORDER_RADIUS: 8px; --withdraw3_BANK_ACC_HOVER_BG: #f9f9f9; --withdraw3_BANK_ACC_ACTIVE_BORDER_COLOR: 2px solid var(--color18); --withdraw3_BANK_ACC_ICON_BG: #e3e3e3; --withdraw3_BANK_ACC_ICON_COLOR: var(--color1); --withdraw3_BANK_ACC_ACTIVE_ICON_BG: var(--color18); --withdraw3_PHONE_NO_VERIFY_MSG_COLOR: #888; --withdraw3_PHONE_NO_VERIFY_ICON_COLOR: #ec6b00; --withdraw3_PHONE_NO_VERIFY_BTN_COLOR: #ec6b00; --withdraw3_PHONE_NO_VERIFY_BTN_HOVER_COLOR: #dd7209; /* Voucher */ --voucher1_DIVIDER_BORDER_COLOR: #d3d3d3; --voucher1_APPLY_BTN_BG: var(--color20); --voucher1_APPLY_BTN_COLOR: var(--color2); --voucher1_APPLY_BTN_BORDER_RADIUS: 32px; --voucher1_APPLY_BTN_BORDER: none; --voucher1_APPLY_BTN_HOVER_BG: var(--color18); --voucher1_APPLY_BTN_HOVER_COLOR: var(--color1); --voucher1_INPUT_BORDER_RADIUS: 12px; --voucher1_INPUT_BORDER: 2px solid #d3d3d3; --voucher1_INPUT_COLOR: rgba(0,0,0,.87); --voucher1_IMPORTANT_ICON_COLOR: #f44336 !important; --voucher1_TRANSACTION_LIST_BEFORE_BG: rgb(0 0 0 / 10%); --voucher1_TRANSACTION_LIST_BEFORE_BORDER_RADIUS: 22px; --voucher1_VOUCHER_BG: #fff4dc; --voucher1_VOUCHER_BORDER_RADIUS: 22px; --voucher1_TRANSFER_BTN_BG: var(--color20); --voucher1_TRANSFER_BTN_COLOR: var(--color2); --voucher1_TRANSFER_BTN_BORDER_RADIUS: 10px; --voucher1_PROVIDER_LIST_SELECTION_BG: transparent; --voucher1_PROVIDER_LIST_SELECTION_BORDER: 1px solid var(--color1); --voucher1_PROVIDER_LIST_SELECTION_BORDER_RADIUS: 10px; --voucher1_PROVIDER_LIST_SELECTION_FOCUS_BORDER_COLOR: var(--color20); --voucher1_PROVIDER_LIST_SELECTION_FOCUS_BOX_SHADOW: 0 0 0 .2rem #ffce0138; --voucher1_MORE_INFO_MODAL_BG: rgba(0, 0, 0, 0.5); --voucher1_MORE_INFO_MODAL_COLOR: var(--color1); --voucher1_MORE_INFO_MODAL_DIVIDER_BORDER_COLOR: #acacac; --voucher1_MORE_INFO_MODAL_CONTENT_BG: var(--color2); --voucher1_MORE_INFO_MODAL_CONTENT_BORDER_RADIUS: 4px; --voucher1_MORE_INFO_MODAL_PROV_LBL_BORDER_BOTTOM: 2px solid var(--color1); --voucher1_MORE_INFO_MODAL_CLOSE_BTN_COLOR: rgba(0, 0, 0, .54); /* History */ --history5_TRANSACTION_TYPE_BTN_BG: var(--color25); --history5_TRANSACTION_TYPE_BTN_COLOR: rgba(0, 0, 0, .87); --history5_TRANSACTION_TYPE_BTN_HOVER_BG: #e4e4e4; --history5_TRANSACTION_TYPE_BTN_ACTIVE_BG: #3a3a3a; --history5_TRANSACTION_TYPE_BTN_ACTIVE_COLOR: var(--color2); --history5_DATATABLE_TH_TD_BORDER_BOTTOM: thin solid rgba(0, 0, 0, 0.12); --history5_DATATABLE_TH_TD_BORDER_TOP: thin solid rgba(0, 0, 0, 0.12); --history5_DATATABLE_PAGE_NEXT_BTN_BG: var(--color20); --history5_DATATABLE_PAGE_NEXT_BORDER: none; --history5_FILTER_INPUT_BORDER: 1px solid #3a3a3a; --history5_FILTER_INPUT_BG: var(--color2); --history5_FILTER_INPUT_COLOR: #7d7d7d; /* Company Info */ --about5_SIDEBAR_BG_COLOR: transparent; --about5_HEADER_BG_COLOR: #eaeaea; --about5_HEADER_COLOR: rgba(0, 0, 0, .87); --about5_MENU_BG_COLOR: var(--color2); --about5_MENU_COLOR: rgba(0, 0, 0, .87); --about5_MENU_BOX_SHADOW: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12); --about5_MENU_LI_BORDER: 1px solid #ddd; --about5_MENU_LI_ACTIVE_BG_COLOR: #dcdcdc; --about5_MENU_LI_HOVER_BG_COLOR: #dcdcdc; --about5_CONTENT_HEADER_BORDER_BOTTOM: 1px solid #ccc; --about5_CONTENT_HEADER_BG_COLOR: #eaeaea; --about5_CONTENT_HEADER_COLOR: rgba(0, 0, 0, .87); --about5_CARD_HEADER_BG_COLOR: var(--color2); --about5_ACCORDIAN_HEADER_COLOR: var(--color1); --about5_ACCORDIAN_HEADER_BG_COLOR: var(--color2); --about5_CARD_BODY_COLOR: var(--color1); /* Member Info */ --info7_INPUT_BORDER: 1px solid #3a3a3a; --info7_INPUT_COLOR: rgba(0,0,0,.87); --info7_INPUT_DISABLED_BORDER: 1px solid var(--color1); --info7_INPUT_DISABLED_BG: #f3f3f3; --info7_INPUT_DISABLED_COLOR: #3a3a3a; --info7_INPUT_DISPLAY_BORDER: 1px solid var(--color1); --info7_INPUT_DISPLAY_BG: #f3f3f3; --info7_INPUT_DISPLAY_COLOR: #3a3a3a; --info7_VERIFIED_TXT_COLOR: #3ec682; --info7_VERIFY_BTN_COLOR: #f88717; --info7_VERIFY_BTN_HOVER_COLOR: #dd7209; --info7_VERIFY_OTP_MODAL_BG: rgba(0, 0, 0, 0.5); --info7_VERIFY_OTP_MODAL_COLOR: var(--color1); --info7_VERIFY_OTP_DIVIDER_BORDER_COLOR: #acacac; --info7_VERIFY_OTP_MODAL_CONTEXT_BG: var(--color2); --info7_VERIFY_OTP_MODAL_CLOSE_BTN_COLOR: #777777; --info7_VERIFY_OTP_MODAL_INPUT_BORDER: 1px solid var(--color1); --info7_VERIFY_OTP_MODAL_INPUT_BG: var(--color2); --info7_VERIFY_OTP_MODAL_INPUT_COLOR: var(--color1); --info7_VERIFY_OTP_MODAL_INPUT_DISABLED_BORDER: 1px solid var(--color1); --info7_VERIFY_OTP_MODAL_INPUT_DISABLED_BG: rgba(0,0,0,.1); --info7_VERIFY_OTP_MODAL_INPUT_DISABLED_COLOR: #3a3a3a; --info7_VERIFY_OTP_REQUEST_BTN_BG: var(--color26); --info7_VERIFY_OTP_REQUEST_BTN_BORDER: none; --info7_VERIFY_OTP_REQUEST_BTN_COLOR: var(--color2); --info7_VERIFY_OTP_REQUEST_BTN_HOVER_BG: var(--color20); --info7_VERIFY_OTP_REQUEST_BTN_HOVER_BORDER: none; --info7_VERIFY_OTP_REQUEST_BTN_HOVER_COLOR: var(--color26); --info7_VERIFY_OTP_REQUEST_BTN_DISABLED_BG: #d6d6d6; --info7_VERIFY_OTP_REQUEST_BTN_DISABLED_BORDER_COLOR: #d6d6d6; --info7_VERIFY_OTP_REQUEST_BTN_DISABLED_COLOR: #777777; --info7_VERIFY_OTP_SUBMIT_BTN_BG: var(--color20); --info7_VERIFY_OTP_SUBMIT_BTN_BORDER: none; --info7_VERIFY_OTP_SUBMIT_BTN_TXT: var(--color1); --info7_VERIFY_OTP_SUBMIT_BTN_HOVER_BG: var(--color18); --info7_VERIFY_OTP_SUBMIT_BTN_HOVER_BORDER: none; --info7_VERIFY_OTP_SUBMIT_BTN_HOVER_TXT: var(--color1); --info7_VERIFY_OTP_TIMER_BG: var(--color3); --info7_VERIFY_OTP_TIMER_TXT: var(--color2); --info7_KYC_REFRESH_BTN_BG: 0 0; --info7_KYC_REFRESH_BTN_BORDER: none; --info7_KYC_REFRESH_BTN_COLOR: var(--color3); --info7_KYC_ITEM_LBL_BORDER: 1px solid var(--color1); --info7_KYC_ITEM_LBL_BG: var(--color25); --info7_KYC_UPLOAD_ITEM_LBL_BORDER: none; --info7_KYC_UPLOAD_ITEM_LBL_BG: 0 0; /* Bank Info */ --bankInfo5_BTN_BG: #3a3a3a; --bankInfo5_BTN_COLOR: var(--color2); /* Reset Password */ --resetPsw2_INPUT_BORDER_COLOR: 1px solid #3a3a3a; --resetPsw2_INPUT_COLOR: rgba(0,0,0,.87); --resetPsw2_INPUT_BG: var(--color2); --resetPsw2_SUBMIT_BTN_BG: var(--color20); --resetPsw2_SUBMIT_BTN_COLOR: var(--color2); --resetPsw2_SUBMIT_BTN_BORDER: none; --resetPsw2_ICON_COLOR: rgba(0, 0, 0, .87); --resetPsw2_TOOLTIP_BOX_BG: #7a7a7a; --resetPsw2_TOOLTIP_BOX_COLOR: var(--color2); /* Referral */ --referral5_CONTAINER_BG: var(--color2); --referral5_CONTAINER_COLOR: rgba(0, 0, 0, .87); --referral5_CONTAINER_BORDER_COLOR: var(--color2); --referral5_FLOW_BOX_TITLE_COLOR: #1e40cb; --referral5_FLOW_BOX_DESC_COLOR: var(--color1); --referral5_TABLIST_COLOR: var(--color1); --referral5_TABLIST_BORDER: none; --referral5_TABLIST_BG: var(--color25); --referral5_TABLIST_HOVER_COLOR: var(--color1); --referral5_TABLIST_HOVER_BG: var(--color18); --referral5_TABLIST_ACTIVE_COLOR: var(--color1); --referral5_TABLIST_ACTIVE_BG: var(--color18); --referral5_REF_CODE_LINK_INPUT_COLOR: #4c4c4c; --referral5_REF_CODE_LINK_INPUT_BORDER: none; --referral5_REF_CODE_LINK_INPUT_BG: var(--color25); --referral5_INVITE_FRED_BTN_BG: var(--color20); --referral5_INVITE_FRED_BTN_COLOR: var(--color2); --referral5_INVITE_FRED_BTN_BORDER: none; --referral5_INVITE_FRED_BTN_HOVER_BG: var(--color18); --referral5_INVITE_FRED_BTN_HOVER_COLOR: var(--color1); --referral5_REF_TYPE_BTN_BG: var(--color25); --referral5_REF_TYPE_BTN_COLOR: rgba(0, 0, 0, .87); --referral5_REF_TYPE_BTN_BORDER: none; --referral5_REF_TYPE_BTN_HOVER_BG: #e4e4e4; --referral5_REF_TYPE_BTN_ACTIVE_BG: #3a3a3a; --referral5_REF_TYPE_BTN_ACTIVE_COLOR: var(--color2); --referral5_SEARCH_BTN_BG: var(--color20); --referral5_SEARCH_BTN_COLOR: var(--color2); --referral5_SEARCH_BTN_HOVER_BG: var(--color18); --referral5_SEARCH_BTN_HOVER_COLOR: var(--color1); --referral5_FILTER_INPUT_BORDER: 1px solid #3a3a3a; --referral5_FILTER_INPUT_BG: var(--color2); --referral5_FILTER_INPUT_COLOR: #7d7d7d; --referral5_TABLE_TH_BG: rgb(243, 245, 246); --referral5_TABLE_TH_BORDER_BOTTOM: none; --referral5_TABLE_TD_BORDER_TOP_BOTTOM: thin solid rgba(0, 0, 0, 0.12); /* VIP */ --vip9_MAX_WIDTH: 800px; --vip9_MARGIN: auto; --vip1_STEP_CONTAINER_CIRCLE_BG: var(--color18); --vip1_STEP_CONTAINER_CIRCLE_COLOR: var(--color1); --vip1_STEP_CONTAINER_H2_TXT_COLOR: var(--color18); --vip1_STEP_CONTAINER_P_TXT_COLOR: var(--color2); --vip1_STEP_CONTAINER_CIRCLE_LINE_BG: #f7ed4854; --vip1_COVER_BG: #3b3b3b; --vip1_COVER_BG_BORDER_RADIUS: 0 5px 5px 5px; --vip1_TABLIST_BG: #7d7d7d; --vip1_TABLIST_BORDER: none; --vip1_TABLIST_BORDER_RADIUS: 5px 5px 0 0; --vip1_TABLIST_LI_COLOR: #fff; --vip1_TABLIST_LI_FIRST_CHILD_BORDER_RADIUS: 5px 0 0 0; --vip1_TABLIST_LI_SECOND_CHILD_BORDER_RADIUS: 0 5px 0 0; --vip1_TABLIST_LI_ACTIVE_BG: #3b3b3b; --vip1_TABLIST_LI_ACTIVE_COLOR: #fff; --vip1_MEMBER_GRP_STATUS_SUB_HEADER_COLOR: #fff; --vip1_MEMBER_GRP_STATUS_GRP_NAME_COLOR: #fff; --vip1_MEMBER_GRP_STATUS_PROGRESS_TXT_COLOR: #fff; --vip1_MEMBER_GRP_STATUS_CURRENT_POINT_TXT_COLOR: #ffe6a9; --vip1_MEMBER_GRP_STATUS_CURRENT_LVL_FIRST_BG: #464646; --vip1_MEMBER_GRP_STATUS_CURRENT_LVL_FIRST_COLOR: #fff; --vip1_MEMBER_GRP_STATUS_CURRENT_LVL_SECOND_BG: #8F3146; --vip1_MEMBER_GRP_STATUS_CURRENT_LVL_SECOND_COLOR: #fff; --vip1_MEMBER_GRP_STATUS_CURRENT_LVL_THIRD_BG: #3B2F91; --vip1_MEMBER_GRP_STATUS_CURRENT_LVL_THIRD_COLOR: #fff; --vip1_MEMBER_GRP_STATUS_CURRENT_LVL_FOURTH_BG: #D12B2C; --vip1_MEMBER_GRP_STATUS_CURRENT_LVL_FOURTH_COLOR: #fff; --vip1_MEMBER_GRP_STATUS_CURRENT_LVL_TOP_BG: #4413A9; --vip1_MEMBER_GRP_STATUS_CURRENT_LVL_TOP_COLOR: #fff; --vip1_MEMBER_GRP_STATUS_MEMBER_CONTAINER_FIRST_BG: radial-gradient(circle at center, #A7A7A7, #656565); --vip1_MEMBER_GRP_STATUS_MEMBER_CONTAINER_SECOND_BG: radial-gradient(circle at center, #FC9A7E, #BA3026); --vip1_MEMBER_GRP_STATUS_MEMBER_CONTAINER_THIRD_BG: radial-gradient(circle at center, #C1C4E0, #8B86FF); --vip1_MEMBER_GRP_STATUS_MEMBER_CONTAINER_FOURTH_BG: radial-gradient(circle at center, #F5D28D, #D24003); --vip1_MEMBER_GRP_STATUS_MEMBER_CONTAINER_TOP_BG: radial-gradient(circle at center, #F1BEEE, #775EC3); --vip1_MEMBER_GRP_STATUS_MEMBER_PROGRESS_CONTAINER_BG: #fff; --vip1_MEMBER_GRP_STATUS_MEMBER_PROGRESS_BAR_FIRST_BG: #FDB813; --vip1_MEMBER_GRP_STATUS_MEMBER_PROGRESS_BAR_SECOND_BG: #96253E; --vip1_MEMBER_GRP_STATUS_MEMBER_PROGRESS_BAR_THIRD_BG: #372A8A; --vip1_MEMBER_GRP_STATUS_MEMBER_PROGRESS_BAR_FOURTH_BG: #bf2805; --vip1_MEMBER_GRP_STATUS_MEMBER_PROGRESS_BAR_TOP_BG: #4413A9; --trans2_MODAL_TXT_COLOR: var(--color2); --trans2_MODAL_BG_COLOR: var(--gradient1); --trans2_MODAL_HEAD_COLOR: var(--color2); --trans2_MODAL_HEAD_BORDER: 2px solid var(--color3); --trans2_MODAL_HEAD_DISC_BG: var(--color4); --trans2_MODAL_HEAD_DISC_RADIUS: 0; --trans2_MODAL_HEAD_BTN_CLOSE_BORDER: none; --trans2_MODAL_HEAD_BTN_CLOSE_BG: 0 0; --trans2_MODAL_HEAD_BTN_CLOSE_TXT_COLOR: var(--color3); --trans2_PROVMODAL_BTN_BOX_BG: #bdbdbd; --trans2_PROVMODAL_BTN_TXT_COLOR: var(--color2); --trans2_PROVMODAL_BTN_BORDER: none; --trans2_PROVMODAL_BTN_BG: var(--color6); --trans2_PROVMODAL_BTN_HOVER_TXT_COLOR: var(--color2); --trans2_PROVMODAL_BTN_HOVER_BORDER: none; --trans2_PROVMODAL_BTN_HOVER_BG: var(--color7); --trans2_PROVMODAL_BTN_DISABLED_TXT_COLOR: #bdbdbd; --trans2_PROVMODAL_BTN_DISABLED_BORDER: none; --trans2_PROVMODAL_BTN_DISABLED_BG: #7d7d7d; --trans2_PROVMODAL_NOTICE_BG: #7d7d7d; --trans2_PROVMODAL_NOTICE_DISC: var(--color2); --trans2_FORM_INPUT_BORDER_RADIUS: 5px; --trans2_FORM_INPUT_BG: var(--color2); --trans2_FORM_INPUT_TXT_COLOR: var(--color3); --trans2_FORM_INPUT_BORDER: 1px solid #bdbdbd; --trans2_FORM_INPUT_BOX_SHADOW: none; --trans2_FORM_INPUT_DISABLED_TXT_COLOR: var(--color2); --trans2_FORM_INPUT_DISABLED_BG: var(--color5); --trans2_FORM_INPUT_DISABLED_BORDER: 1px solid var(--color5); --trans2_FORM_INPUT_BTN_DISABLED_TXT_COLOR: #bdbdbd; --trans2_FORM_INPUT_BTN_DISABLED_BORDER: none; --trans2_FORM_INPUT_BTN_DISABLED_BG: #7d7d7d; --trans2_FORM_INPUT_BTN_BORDER_RADIUS: 5px; --trans2_FORM_INPUT_BTN_SUBMIT_BG: var(--color4); --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(--color6); --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(--color7); --trans2_FORM_INPUT_IMPORTANT: var(--important); --trans2_FORM_TOGGLE_ON_TXT_COLOR: var(--color2); --trans2_FORM_TOGGLE_ON_BORDER: 1px solid #19c703; --trans2_FORM_TOGGLE_ON_BG: #19c703; --trans2_FORM_TOGGLE_OFF_TXT_COLOR: var(--color2); --trans2_FORM_TOGGLE_OFF_BORDER: 1px solid #b70505; --trans2_FORM_TOGGLE_OFF_BG: #b70505; --trans2_FORM_PROV_SWITCH_TXT_COLOR: var(--color3); --trans2_FORM_PROV_SWITCH_HOVER_TXT_COLOR: var(--color7); --trans2_CONTENT_TITLE_TXT_COLOR: var(--color2); --trans2_CONTENT_TITLE_BG: 0 0; --trans2_CONTENT_TITLE_DISC_BG: var(--color6); --trans2_CONTENT_TABLIST_BORDER_RADIUS: 5px; --trans2_CONTENT_TABLIST_TXT_COLOR: var(--color2); --trans2_CONTENT_TABLIST_BORDER: none; --trans2_CONTENT_TABLIST_BG: var(--color3); --trans2_CONTENT_TABLIST_ACTIVE_TXT_COLOR: var(--color2); --trans2_CONTENT_TABLIST_ACTIVE_BORDER: none; --trans2_CONTENT_TABLIST_ACTIVE_BG: var(--color5); --trans2_CONTENT_CREDIT_COUNT_TXT_COLOR: var(--color2); --trans2_CONTENT_CREDIT_COUNT_BG: var(--important); --trans2_CONTENT_TXT_COLOR: var(--color2); --trans2_CONTENT_BG: var(--gradient1); --trans2_CONTENT_BORDER_SEPERATE_LINE: 2px dashed var(--color2); --trans2_PROV_BOX_TITLE_TXT_COLOR: var(--color2); --trans2_PROV_BOX_TITLE_DISC_BG: var(--color4); --trans2_PROV_BOX_TITLE_DISC_BORDER_RADIUS: 0; --trans2_PROV_BOX_PROV_ITEM_IMG_BG: #e5e5e5; --trans2_PROV_BOX_PROV_ITEM_AMT_TXT_COLOR: var(--color1); --trans2_PROV_BOX_PROV_ITEM_AMT_BORDER: none; --trans2_PROV_BOX_PROV_ITEM_AMT_BG: #d0d0d0; --trans2_PROV_BOX_PROV_ITEM_AMT_BOX_SHADOW: inset 0 0 6px 2px var(--color3); --trans2_PROV_BOX_PROV_ITEM_INFO_BORDER_RADIUS: 0 0 5px 5px; --trans2_PROV_BOX_PROV_ITEM_INFO_TXT_COLOR: var(--color1); --trans2_PROV_BOX_PROV_ITEM_INFO_BORDER: none; --trans2_PROV_BOX_PROV_ITEM_INFO_BG: var(--color6); --trans2_PROV_BOX_PROV_ITEM_INFO_HOVER_TXT_COLOR: var(--color1); --trans2_PROV_BOX_PROV_ITEM_INFO_HOVER_BORDER: none; --trans2_PROV_BOX_PROV_ITEM_INFO_HOVER_BG: var(--color7); --trans2_PROV_BOX_PROV_ITEM_INFO_DISABLED_TXT_COLOR: #bdbdbd; --trans2_PROV_BOX_PROV_ITEM_INFO_DISABLED_BORDER: none; --trans2_PROV_BOX_PROV_ITEM_INFO_DISABLED_BG: #7d7d7d; --trans2_CREDITS_BOX_H4_TXT_COLOR: var(--color2); --trans2_CREDITS_BOX_CREDITS_ITEM_CONTENT_TXT_COLOR: var(--color2); --trans2_CREDITS_BOX_CREDITS_ITEM_CONTENT_AMT_TXT_COLOR: inherit; --trans2_CREDITS_BOX_CREDITS_ITEM_CONTENT_AMT_LAST_TXT_COLOR: inherit; --trans2_CREDITS_BOX_CREDITS_ITEM_INFO_TITLE_TXT_COLOR: inherit; --trans2_CREDITS_BOX_CREDITS_ITEM_INFO_DESC_TXT_COLOR: inherit; --trans2_CREDITS_BOX_CREDITS_ITEM_INFO_BTN_TXT_COLOR: var(--color1); --trans2_CREDITS_BOX_CREDITS_ITEM_INFO_BTN_BORDER: none; --trans2_CREDITS_BOX_CREDITS_ITEM_INFO_BTN_BG: var(--color6); --trans2_CREDITS_BOX_CREDITS_ITEM_INFO_BTN_HOVER_BOX_SHADOW: 3px 3px 0 0 var(--color7); /* Update Page */ --update4_PRELOADER_BG_COLOR: #171d22d1; --update4_MAIN_CONTAINER_BG_COLOR: #f8f9fa; --update4_CONTENT_BOX_SHADOW: 0 4px 10px rgba(0, 0, 0, 0.1); --update4_CONTENT_BG_COLOR: var(--color2); --update4_TITLE_COLOR: var(--color1); --update4_LABEL_COLOR: var(--color1); --update4_LABEL_ICON_COLOR: #fbb900; --update4_INPUT_TAG_BORDER: 1px solid var(--color1); --update4_INPUT_TAG_COLOR: rgba(0, 0, 0, .87); --update4_INPUT_TAG_FOCUS_BORDER_COLOR: #fbb900; --update4_BUTTON_BG_COLOR: var(--color20); --update4_BUTTON_COLOR: var(--color1); --update4_BUTTON_ACTIVE_BG_COLOR: #e0a800; --update4_IMPORTANT_ICON_COLOR: red; --update4_TOOLTIP_TEXT_BG_COLOR: #7a7a7a; --update4_TOOLTIP_TEXT_COLOR: var(--color2); /* Minigame */ --minigame6_MINIGAME_BODY_BG: radial-gradient(circle, #2b3a50, #1a1f2c); --minigame6_MINIGAME_TITLE_COLOR: var(--color18); --minigame6_MINIGAME_SCROLLBAR_TRACK_BG: #444; --minigame6_MINIGAME_SCROLLBAR_BG: #ffd700; --minigame6_MINIGAME_SCROLLBAR_HOVER_BG: #f1c40f; --minigame6_MINIGAME_MSGBOX_BORDER: 3px solid #f1c40f; --minigame6_MINIGAME_MSGBOX_BG_COLOR: transparent; --minigame6_MINIGAME_MSGBOX_COLOR: var(--color2); --minigame6_MINIGAME_GAMEBOX_BOX_SHADOW: 0 5px 10px rgba(0, 0, 0, 0.5); --minigame6_MINIGAME_GAMEBOX_BG: linear-gradient(to right, #5b7cf3, #a0c4ff); --minigame6_MINIGAME_GAMEBOX_COLOR: var(--color2); --minigame6_MINIGAME_BUTTON_BOX_SHADOW: 0 3px 5px rgba(0, 0, 0, 0.2); --minigame6_MINIGAME_BUTTON_BG_COLOR: var(--color18); --minigame6_MINIGAME_BUTTON_COLOR: var(--color1); /* tour_6 */ --tour6_TOUR_BG: #f1f1f1; --tour6_TOUR_COLOR: var(--color1); --tour6_TOUR_BORDER: none; --tour6_TOUR_FILTER_BOX_LINE: #bebebe; --tour6_TOUR_FILTER_ITEM_TXT_COLOR: var(--color3); --tour6_TOUR_FILTER_ITEM_HOVER_TXT_COLOR: var(--color1); --tour6_TOUR_FILTER_ITEM_HOVER_DISC: var(--color18); --tour6_TOUR_CONTENT_H3: inherit; --tour6_TOUR_CARD_TXT_COLOR: var(--color1); --tour6_TOUR_CARD_BG: var(--color2); --tour6_TOUR_CARD_CONTENT_TXT_COLOR: inherit; --tour6_TOUR_CARD_CONTENT_H3: inherit; --tour6_TOUR_CARD_CONTENT_DATE: var(--color3); --tour6_TOUR_CARD_ACTION_SEPERATE: var(--color3); --tour6_TOUR_CARD_ACTION_BUTTON_A_TXT_COLOR: var(--color18); --tour6_TOUR_BTN_BACK_TXT_COLOR: inherit; --tour6_TOUR_BTN_BACK_BORDEER: none; --tour6_TOUR_BTN_BACK_BG: 0 0; --tour6_TOUR_DETAILS_BLOCK_BORDER: 2px solid var(--color3); --tour6_TOUR_DETAILS_RANK_ITEM_BG: var(--color2); --tour6_TOUR_DETAILS_RANK_ITEM_TXT_COLOR: var(--color1); /* login_reg4 && banner_9*/ --login-reg_DAILY_REWARD_PAGE_SIGN_UP: var(--color18); --login-reg_DAILY_REWARD_PAGE_SIGN_UP_COLOR: var(--color1); --dailyRewardPage--v-progress-linear__determinate: #4caf50; --dailyReward_OCTAGON_SHAPE: var(--color20); --dailyReward_SIGN_UP_BUTTON: var(--color22); --dailyReward_SIGN_UP_BUTTON_COLOR: var(--color1); --dailyReward_glowing_color: var(--color20); --dailyRewardPage--signup-login-card: var(--color19); /* announcement_5 */ --announcement_SAPARATOR_LINE: var(--color13); --announcement_CUSTOME_MODAL_CLOSE: var(--color20); --announcement_CUSTOME_MODAL_CLOSE_COLOR: var(--color2); /* Daily reward page */ --scroll-thumb: var(--color11); /* daily reward 5 (daily Reward) */ --daily-reward-separator: transparent; --reward-details-wrap: rgba(0, 0, 0, .65); --claimed-btn-disabled: #cccccc; --claimed-btn-disabled-text-color: rgba(0, 0, 0, .12); --claim-next-disabled: #cccccc; --claim-next-disabled-text-color:var(--color21); --dailyReward-claim-today-color: var(--color2); --dailyRewardContent-wrapper-please-login-icon:rgba(252,185,19,1); --dailyRewardPop-btn: #dcb3ac; --dailyRewardPop-btn-button-hover-text-color:#dcb3ac; --dailyRewardLaterBtn-bg-color: #6a718e; --daily-reward-saparator-border: transparent; --daily-reward-login-button-color : var(--color20); /* freeCredit_4 */ --cred4_FREECREDIT_CARD_WRAP_LIST_BG: #FFF4DC; --cred4_FREECREDIT_CARD_WRAP_CREDIT_LIST_CARD_BODY_WRAP_TXT: #1E40CB; --cred4_FREECREDIT_CARD_WRAP_CREDIT_LIST_CARD_BODY_TITLE_TXT: #1E40CB; --cred4_FREECREDIT_CARD_WRAP_CREDIT_LIST0CARD_BODY_CARD_DESCRIPTION_TXT: #80858f; --cred4_FREECREDIT_CARD_WRAP_CREDIT_LIST_CARD_BUTTON_BG: #36a5d9; --cred4_FREECREDIT_CARD_WRAP_CREDIT_LIST_CARD_BUTTON_TXT: var(--color2); --cred4_FREECREDIT_DETAIL_CARD_CONTENT_BUTTON_BG: #E8A300; --cred4_FREECREDIT_DETAIL_CARD_CONTENT_BUTTON_TXT: var(--color2); --cred4_FREECREDIT_CARD_WRAP_LIST_BUTTON_HOVER_BG: linear-gradient(0deg, rgba(49, 51, 52, .15), rgba(49, 51, 52, .15)), #36a5d9; --cred4_FREECREDIT_BACK_BTN_BG: #0d1016; --cred4_FREECREDIT_BACK_BTN_AFTER_BG: #1b1f28; --cred4_FREECREDIT_BACK_BTN_BACK_BG: none; --cred4_FREECREDIT_BACK_BTN_BACK_TXT: #80858f; --cred4_FREECREDIT_DETAIL_BG: #0d1016; --cred4_FREECREDIT_DETAIL_CARD_CONTENT_WRAPPER_WRAP_TXT: var(--color2); --cred4_FREECREDIT_DETAIL_CARD_CONTENT_WRAPPER_DESCRIPTION_TXT: #80858f; --cred4_FREECREDIT_DETAIL_CARD_CONTENT_WRAPPER_AFTER_BG: linear-gradient(0deg, rgba(30, 35, 46, 0) .01%, rgba(128, 133, 143, .252417) 27.61%, rgba(128, 133, 143, .5) 52.62%, rgba(128, 133, 143, .291283) 74.48%, rgba(13, 16, 22, 0) 100%); --cred4_FREECREDIT_DETAIL_CONTENT_TXT: #c2c4c9; --cred4_ANGPOW_CLAIM_MODAL_DIALOG_CONTENT_BODY_WRAPPER_BONUS_IMG_TXT: var(--color1); --cred4_FREECREDIT_DETAIL_CARD_BG: #13171f; /* Prov List */ --prov8_PROV_LIST_BANNER_TXT_COLOR: var(--color2); --prov8_PROV_LIST_BANNER_H3_TXT_COLOR: var(--color2); --prov8_PROV_LIST_BG: var(--color25); --prov8_PROV_LIST_BG_BORDER_RADIUS: 5px; --prov8_PROV_LIST_BTN_BG: var(--color2); --prov8_PROV_LIST_BTN_COLOR: #6c6c6c; --prov8_PROV_LIST_BTN_BORDER: 2px solid var(--color20); --prov8_PROV_LIST_BTN_BORDER_RADIUS: 25px; --prov8_PROV_LIST_BTN_HOVER_BG: #ebebeb; --prov8_PROV_LIST_BTN_ACTIVE_BG: var(--color20); --prov8_PROV_LIST_BTN_ACTIVE_COLOR: var(--color2); --prov8_PROV_LIST_GAME_LOBBY_LBL_BORDER_RADIUS: 12px; --prov8_PROV_LIST_GAMELIST_LBL_COLOR: var(--color2); --prov8_PROV_LIST_GAMELIST_LBL_BG: #f91212; --prov8_PROV_LIST_LOBBY_LBL_COLOR: var(--color2); --prov8_PROV_LIST_LOBBY_LBL_BG: #d8b856; --prov8_PROV_LIST_LOCK_BG: #000000b5; --prov8_PROV_LIST_LOCK_ICON_COLOR: var(--color2); --prov8_PROV_LIST_MAINTENANCE_COLOR: var(--color18); --prov8_PROV_LIST_FAV_CONTAINER_HOVER_BG: #9f9c00b3; --prov8_PROV_LIST_FAV_CONTAINER_HOVER_BORDER: 2px solid #9f9c00b3; --prov8_PROV_LIST_FAV_BTN_BG: var(--color2); --prov8_PROV_LIST_FAV_BTN_COLOR: #8c8c8c; --prov8_PROV_LIST_FAV_BTN_BORDER_RADIUS: 50%; --prov8_PROV_LIST_NON_GAME_LIST_FAV_BTN_BG: #c3c3c3; --prov8_PROV_LIST_NON_GAME_LIST_FAV_BTN_COLOR: var(--color2); --prov8_PROV_LIST_NON_GAME_LIST_FAV_BTN_BORDER_RADIUS: 50%; --prov8_PROV_LIST_NON_GAME_LIST_FAV_BTN_BORDER: none; --prov8_PROV_LIST_FAV_BTN_HOVER_ACTIVE_COLOR: var(--color2); --prov8_PROV_LIST_FAV_BTN_HOVER_ACTIVE_BG: #eb0c0c; --prov8_PROV_LIST_PLAY_BTN_BG: #8c8c8c; --prov8_PROV_LIST_PLAY_BTN_COLOR: var(--color2); --prov8_PROV_LIST_PLAY_BTN_BORDER_RADIUS: 50%; --prov8_PROV_LIST_PLAY_BTN_HOVER_COLOR: #ffd420; --prov8_PROV_LIST_PLAY_BTN_HOVER_BG: var(--color2); --prov8_PROV_LIST_FAV_ADDED_ICON_COLOR: #eb0c0c; --prov8_FAVBOX_TITLE_COLOR: #7d7d7d; --prov8_FAVBOX_TITLE_ICON_COLOR: #eb0c0c; --prov8_FAVBOX_BORDER_RADIUS: 5px; --prov8_FAVBOX_BORDER: 2px solid var(--color20); --prov8_FAVBOX_BG: var(--color2); --prov8_FAVBOX_ITEM_LBL_BORDER_RADIUS: 5px; --prov8_FAVBOX_ITEM_LBL_COLOR: var(--color1); --prov8_FAVBOX_ITEM_LBL_BG: var(--color20); --prov8_FAVBOX_ITEM_LOCK_BORDER_RADIUS: 5px; --prov8_FAVBOX_ITEM_LOCK_BG: #000000b5; --prov8_FAVBOX_ITEM_BG: transparent; --prov8_FAVBOX_ITEM_MAINTENANCE_ICON_COLOR: #eebb17; --prov8_FAVBOX_ITEM_LOCK_ICON_COLOR: var(--color2); --prov8_FILTER_DROPDOWN_TITLE_COLOR: var(--color1); --prov8_FILTER_DROPDOWN_COLOR: rgba(0, 0, 0, .6); --prov8_FILTER_DROPDOWN_BG: var(--color2); --prov8_FILTER_DROPDOWN_BORDER: 1px solid #3a3a3a; --prov8_FILTER_DROPDOWN_BORDER_RADIUS: 25px; --prov8_FILTER_DROPDOWN_MENU_BG: var(--color2); --prov8_FILTER_DROPDOWN_MENU_BORDER: 1px solid #ddd; --prov8_FILTER_DROPDOWN_MENU_HOVER_BG: #f0f0f0; --prov8_FILTER_DROPDOWN_ICON_COLOR: rgba(0, 0, 0, .6); --prov8_SEARCH_INPUT_BORDER_RADIUS: 28px; --prov8_SEARCH_INPUT_BORDER: 1px solid #959595; --prov8_SEARCH_INPUT_BG: rgb(255, 255, 255); --prov8_SEARCH_INPUT_COLOR: rgba(0,0,0,.6); --prov8_SEARCH_INPUT_ICON_COLOR: rgb(149, 149, 149); --prov8_SEPARATE_LINE_COLOR: 3px solid #e5e5e5; --prov8_PROVITEM_IMG_BORDER_RADIUS: 20px; --prov8_PROVITEM_IMG_BORDER: none; --prov8_PROVITEM_IMG_BG: #bdbdbd47; --prov8_PROVITEM_BLOCK_IMG_BG: #0000004a; --prov8_PROVITEM_NAME_COLOR: var(--color1); --prov8_PROVITEM_PLAY_ICON_BG: var(--color1); --prov8_PROVITEM_PLAY_ICON_COLOR: #f9d834; --prov8_PROVITEM_PLAY_ICON_BORDER_RADIUS: 50%; --prov8_PROVITEM_PLAY_ICON_HOVER_BG: var(--color2); --prov8_PROVITEM_PLAY_BTN_BORDER_RADIUS: 20px; --prov8_PROVITEM_PLAY_BTN_BORDER: none; --prov8_PROVITEM_PLAY_BTN_BG: #f9d834; --prov8_PROVITEM_PLAY_BTN_COLOR: var(--color1); --prov8_PROVITEM_PLAY_BTN_HOVER_BG: #ebc60d; --prov8_PROVITEM_PLAY_BTN_DISABLED_BG: #b4b4b4; --prov8_PROVITEM_MAINTENANCE_BORDER: 2px solid #eebb17; --prov8_PROVITEM_MAINTENANCE_COLOR: #eebb17; --prov8_PROVITEM_NO_RESULT_COLOR: rgba(0, 0, 0, .87); --prov8_USRPSWDBOX_COLOR: #7d7d7d; --prov8_USRPSWDBOX_BG: var(--color25); --prov8_USRPSWDBOX_BORDER_RADIUS: 25px; --prov8_USRPSWDBOX_INPUT_LBL_COLOR: var(--color1); --prov8_USRPSWDBOX_INPUT_DISABLED_COLOR: var(--color20); --prov8_USRPSWDBOX_INPUT_DISABLED_BORDER: none; --prov8_USRPSWDBOX_INPUT_DISABLED_BG: #d9d9d9; --prov8_USRPSWDBOX_INPUT_COPY_COLOR: var(--color20); --prov8_USRPSWDBOX_BTN_COLOR: var(--color1); --prov8_USRPSWDBOX_BTN_BG: var(--color18); --prov8_USRPSWDBOX_BTN_HOVER_COLOR: var(--color2); --prov8_USRPSWDBOX_BTN_HOVER_BG: var(--color20); --prov8_USRPSWDBOX_LINK_COLOR: var(--color20); --prov8_USRPSWDBOX_LINK_HOVER_COLOR: #0087e9; --prov8_USRPSWDBOX_QR_BG: #fffdbf; --prov8_USRPSWDBOX_QR_BORDER_RADIUS: 25px; --prov8_USRPSWDBOX_QR_LBL_COLOR: var(--color2); --prov8_USRPSWDBOX_QR_LBL_BG: var(--color20); --prov8_USRPSWDBOX_QR_BORDER_TOP_RADIUS: 10px; /* bannerWithFloatingMedia */ --bannervideo1_BORDER_RADIUS: .5rem; /* Blog Page */ --blog1_BLOGPOST_BG: #000; --blog1_BLOGPOST_H2_COLOR: #fe9b01; --blog1_BLOGPOST_DESC_COLOR: #fff; --blog1_BLOGPOST_READMORE_COLOR: #fe9b01; --blogpost1_CONTENT_BG: #000; --blogpost1_CONTENT_P_COLOR: #fff; --blogpost1_CONTENT_HEADER_COLOR: #fe9b01; --blogpost1_CONTENT_LI_COLOR: #fff; --blogpost1_CONTENT_A_LINE_COLOR: #2196f3; --blogpost1_CONTENT_A_COLOR: #2196f3; --blogpost1_CONTENT_TABLE_BORDER: 1px solid #fff; --sumsub-kyc-toggle-doc-dropdown: #f3f3f3; --sumsub-kyc-refresh-btn-bg:#d4d028; --sumsub-kyc-approved-icon-color: #26de81; --sumsub-kyc-rejected-icon-color: #fc5c65; --sumsub-kyc-pending-icon-color: #d1d8e0; --sumsub-kyc-item-border-color: #ddd; --sumsub-kyc-toggle-checkbox-border-color: #ccc; --sumsub-kyc-checkbox-checked-bg: #F8F200; --sumsub-kyc-submit-btn-bg: var(--color20); --sumsub-kyc-submit-btn-color: var(--color2); --TOUR7_CONTAINER_TITLE_COLOR: var(--color19); --TOUR7_TOTAL_ONGOING_TITLE_COLOR: #686C77; --TOUR7_GRID_TOGGLE_COLOR: var(--color4); --TOUR7_CARD_BG: #f7f7f7; --TOUR7_STATUS_BADGE_BG: #26E72A; --TOUR7_STATUS_FISHED_BG: #393939; --TOUR7_INFO_ICON_COLOR: var(--color5); --TOUR7_DETAILS_TITLE_COLOR: var(--color1); --TOUR7_DETAILS_BTN_BG: var(--color20); --TOUR7_DETAILS_BTN_COLOR: var(--color2); --TOUR7_DETAILS_BTN_HOVER_BG: var(--color18); --TOUR7_DETAILS_BTN_HOVER_COLOR: var(--color1); --TOUR7_CONTENT_RIGHT_BG: var(--color2); --TOUR7_LABEL_COLOR :#666666; --TOUR7_INPUT_BORDER: 1px solid #D9D9D9; --TOUR7_INPUT_COLOR: #0E2263; --TOUR7_WIDGET_ITEM_COLOR: #666666; --TOUR7_WIDGET_ITEM_INNER_BG: var(--color2); --TOUR7_WIDGET_ITEM_INNER_COLOR: #0E2263; --TOUR7_SLICK_BUTTON_BG: var(--color20); --TOUR7_SLICK_BUTTON_HOVER_BG: var(--color18); --TOUR7_SLICK_BUTTON_HOVER_COLOR: var(--color1); --TOUR7_SLICK_BUTTON_COLOR: var(--color2); --TOUR7_DESC_READ_MORE_COLOR: var(--color5); --TOUR7_INFO_TOOLTIP_BG: #313131; --TOUR7_BTN_BACK_BG: var(--color20); --TOUR7_BTN_BACK_COLOR: var(--color2); --TOUR7_BTN_BACK_HOVER_BG: var(--color18); --TOUR7_BTN_BACK_HOVER_COLOR: var(--color1); --TOUR7_RANK_LIST_BG: #f7f7f7; --TOUR7_RANK_LIST_TITLE_COLOR: var(--color1); --TOUR7_RANK_LIST_THEAD_COLOR: #7F7F7F; --TOUR7_RANK_LIST_TBODY_COLOR: var(--color1); --TOUR7_RANK_LIST_FIRST_PRIZE_BG: #D8EFF9; --TOUR7_RANK_LIST_SECOND_PRIZE_BG: #FDFAD3; --TOUR7_RANK_LIST_THRID_PRIZE_BG: #FEECC6; --TOUR7_RANK_LIST_COL_BG: #F5F1F1; --TOUR7_RANK_LIST_COL_INDEX_BG: var(--color2); --TOUR7_TOUR_CONTENT_TITLE_COLOR: var(--color1); --TOUR7_TOUR_BOTTOM_CONTENT_BG: #E8E8E8; --TOUR7_TOUR_BOTTOM_CONTENT_COLOR: #666666; --TOUR7_SLIDE_BTN_DISABLED_BG: #cccccc; --TOUR7_UPCOMING_BADGE_BG: var(--color22); --TOUR7_BADGE_COLOR: var(--color2); /* Free Credit */ --freeCredit5_CLAIM_ALL_CONTAINER_BG: linear-gradient(45deg, #F8F200, #deda2e); --freeCredit5_CLAIM_ALL_CONTAINER_COLOR: var(--color2); --freeCredit5_CLAIM_ALL_BORDER_RADIUS: 5px; --freeCredit5_CLAIM_ALL_HEADER_BG: #FFFFFF; --freeCredit5_CLAIM_ALL_HEADER_COLOR: #000; --freeCredit5_CLAIM_ALL_HEADER_BORDER_RADIUS: 20px; --freeCredit5_CLAIM_ALL_HEADER_BORDER: 1px solid #000; --freeCredit5_CLAIM_ALL_CARD_BG: #FFF4DC; --freeCredit5_CLAIM_ALL_CARD_COLOR: #000; --freeCredit5_CLAIM_ALL_CARD_BORDER_RADIUS: 5px; --freeCredit5_CLAIM_ALL_CARD_BOTTOM_HR: 2px dashed lightgrey; --freeCredit5_CLAIM_ALL_CARD_BOTTOM_MORE_INFO_COLOR: #0F2065; --freeCredit5_CLAIM_ALL_CARD_BOTTOM_CLAIM_BTN_BG: var(--color20); --freeCredit5_CLAIM_ALL_CARD_BOTTOM_CLAIM_BTN_COLOR: var(--color2); --freeCredit5_CLAIM_ALL_CARD_BOTTOM_CLAIM_BTN_BORDER_RADIUS: 5px; --freeCredit5_CLAIM_ALL_CARD_BOTTOM_CLAIM_BTN_BORDER: none; --freeCredit5_CLAIM_ALL_ARROW_COLOR: #F8F200; --freeCredit5_CLAIM_ALL_ARROW_ACTIVE_HOVER_COLOR: #fff; --freeCredit5_CLAIM_ALL_ARROW_DISABLED_COLOR: #F8F200 !important; --freeCredit5_CLAIM_ALL_ARROW_DISABLED_ICON_BORDER: 2px solid #C0C0C0 !important; --freeCredit5_CLAIM_ALL_ARROW_DISABLED_ICON_BG: #C0C0C0 !important; --freeCredit5_CLAIM_ALL_ARROW_ACTIVE_HOVER_ICON_BORDER: 2px solid #fff; --freeCredit5_CLAIM_ALL_ARROW_ACTIVE_HOVER_ICON_BG: var(--color4); --freeCredit5_CLAIM_ALL_OR_SEPARATOR_TXT_COLOR: #000; --freeCredit5_CLAIM_ALL_OR_SEPARATOR_LINE_BG: #000; --freeCredit5_CLAIM_ALL_MODAL_BORDER_RADIUS: 10px; --freeCredit5_CLAIM_ALL_MODAL_COLOR: var(--color1); --freeCredit5_CLAIM_ALL_MODAL_SHOW_DETAILS_COLOR: #6A6A6A; --freeCredit5_CLAIM_ALL_MODAL_ERROR_LIST_BG: #C9C9C9; --freeCredit5_CLAIM_ALL_MODAL_ERROR_LIST_COLOR: #000; --freeCredit5_CLAIM_ALL_MODAL_ERROR_LIST_BORDER_RADIUS: 10px; --freeCredit5_CLAIM_ALL_MODAL_RED_TXT_COLOR: #e60000; --freeCredit5_CLAIM_ALL_MODAL_GREEN_TXT_COLOR: #28e837; --freeCredit5_CLAIM_ALL_MODAL_GREY_TXT_COLOR: #6A6A6A; --freeCredit5_CLAIM_ALL_MODAL_SUCCESS_TXT_SHADOW: 2px 2px 4px #3ffd4e5c; --freeCredit5_CLAIM_ALL_MODAL_FAIL_TXT_SHADOW: 2px 2px 4px #e600007d; --freeCredit5_CLAIM_ALL_LOADING_CONTAINER_BG: #0000006e; --freeCredit5_CLAIM_ALL_LOADING_CONTAINER_BORDER_RADIUS: 10px; --freeCredit5_CLAIM_ALL_LOADING_SPINNER_BORDER: 5px solid rgba(0, 0, 0, 0.1); --freeCredit5_CLAIM_ALL_LOADING_SPINNER_BORDER_LEFT_COLOR: #09f; --freeCredit5_CLAIM_ALL_LOADING_MSG_TXT_SHADOW: 4px 4px 4px #000000b5; --LOGIN_MODAL5_BG: var(--color2); --LOGIN_MODAL5_TITLE_COLOR : var(--color1); --LOGIN_MODAL5_HEADER_BORDER: 2px dashed #a2a2a2; --LOGIN_MODAL5_BOX_SHADOW_BG: #00000040; --LOGIN_MODAL5_CLOSE_COLOR: var(--color1); --home-live-score-widget-bg: var(--color2); } .login-5 .nav-tabs .nav-link.active,.login-5 .nav-tabs .nav-link:hover { background: var(--color18) !important; color: var(--color2); } *::-webkit-scrollbar { width: 10px; height: 10px } *::-webkit-scrollbar-track { background-color: #bdbdbd; color: #bdbdbd } *::-webkit-scrollbar-thumb { background-color: var(--color3); color: var(--color3) } *::-ms-scrollbar { width: 10px; height: 10px } *::-ms-scrollbar-track-piece { background-color: #bdbdbd; color: #bdbdbd } *::-ms-scrollbar-thumb { background-color: var(--color3); color: var(--color3) } .header-menu { background: var(--color1) } body { color: var(--color2); /* background: #ebebeb */ } .dstg-pc-content-min-height { background-color: transparent } .dstg-bg-gradual-black { background: linear-gradient(141deg, #2f2f2f, #000000) } .dstg-bg-gradient-primary { background: var(--color20); color: var(--color2) !important; border: none; } .dstg-bg-gradient-primary:hover, .dstg-bg-gradient-primary:focus, .dstg-bg-gradient-primary:active { background: var(--color18); color: var(--color1) !important; } .dstg-bg-gradient-secondary { background: var(--color18); } .dstg-bg-gradient-secondary:hover, .dstg-bg-gradient-secondary:focus, .dstg-bg-gradient-secondary:active { background: var(--color20); color: var(--color2) !important; } .dstg-bg-gradient-third { background: rgb(41 154 107); } .dstg-bg-gradient-third:hover, .dstg-bg-gradient-third:focus, .dstg-bg-gradient-third:active { background: rgb(32 121 84); } .dstg-bg-gradient-gray { background: -webkit-gradient(linear, left top, right top, from(rgba(170,167,167,1)) 0%, to(rgba(105,105,105,1)) 100%); background: linear-gradient(180deg, rgba(170,167,167,1) 0%, rgba(105,105,105,1) 100%) } .dstg-text-blue, .dstg-text-primary { color: rgba(1,59,122,1) } .dstg-text-yellow, .dstg-text-secondary { color: rgba(252,185,19,1) } .dstg-text-gray { color: #7d7d7d } .dstg-text-error, .error{ color: #d63b3b } .dstg-btn-play.dstg-yellow { border: 1px solid rgba(252,185,19,1); background-color: rgba(252,185,19,1); color: var(--color2); transition: .3s } .dstg-btn-play:not(.dstg-gray ):hover { border: 1px solid var(--color2); background-color: var(--color2); color: rgba(252,185,19,1); transition: .3s } .dstg-btn-play.dstg-red { border: 1px solid #d00000;; background-color: #d00000;; color: var(--color2); transition: .3s } .dstg-btn-play.dstg-red:not(.dstg-gray ):hover{ border: 1px solid #d00000;; background-color: #d00000;; color: var(--color2); transition: .3s } /* .dstg-btn-play:before { background-color: hsla(0, 95%, 52%, .2) } */ /* Preloader */ #preloader { background-color: #171d22d1 !important } /* 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: rgba(1,59,122,1) transparent rgba(1,59,122,1) 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 rgba(252,185,19,1) transparent rgba(252,185,19,1) } .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: rgba(1,59,122,1); border-radius: 50%; box-shadow: 0 64px 0 0 rgba(1,59,122,1) } .dstg-spinner-animation > div:nth-child(3) div:after { left: -8px; top: 24px; box-shadow: 64px 0 0 0 rgba(1,59,122,1) } .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: rgba(252,185,19,1); border-radius: 50%; box-shadow: 0 46px 0 0 rgba(252,185,19,1) } .dstg-spinner-animation > div:nth-child(4) div:after { left: -8px; top: 15px; box-shadow: 46px 0 0 0 rgba(252,185,19,1) } .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.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: #f44336 } /* MODAL */ .modal-content { color: rgba(0,0,0,.87); background: var(--color2); } .modal-header { color: rgba(0,0,0,.87); } .modal-header:after { border-bottom: 2px solid #acacac; } .modal-header .diamond { background: var(--color22) } .modal-header .btn-modalClose { color: var(--color3) } /* admodal */ .admodal- .modal-header .btn-modalClose { color: var(--color4) } /* loginmodal */ #loginmodal .form-text .title { color: var(--color6) } #loginmodal .nav-tabs { border-color: var(--color4) } #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(--color4) } #loginmodal .input- i { color: var(--color4) } #loginmodal .forgot-field { color: inherit } #loginmodal .forgot-field:hover { color: var(--color6) } #loginmodal .loginBtn { color: var(--color2) } /* HEADER */ /* header { background-color: var(--color1); } */ .dstg-header{ background-color: var(--color2); } .dstg-header-content .dstg-header-center .dstg-member-box .dstg-member-content .dstg-member-name { color: #3a3a3a; cursor: pointer; } /* Member Group Progress Header */ .dstg-header-content .dstg-header-center .dstg-member-box .member-group-info-header .arrow-pointer { color: #d4d4d4; } .dstg-header-content .dstg-header-center .dstg-member-box .member-group-info-header .dstg-info-name { color: #000; } .dstg-header-content .dstg-header-center .dstg-member-box .member-group-info-header .member-container .currentPoint { color: #ffe6a9; } .dstg-header-content .dstg-header-center .dstg-member-box .member-group-info-header .member-container.firstRank .currentLvlTxt { background-color: #464646; color: #fff; } .dstg-header-content .dstg-header-center .dstg-member-box .member-group-info-header .member-container.secondRank .currentLvlTxt { background-color: #8F3146; color: #fff; } .dstg-header-content .dstg-header-center .dstg-member-box .member-group-info-header .member-container.thirdRank .currentLvlTxt { background-color: #3B2F91; color: #fff; } .dstg-header-content .dstg-header-center .dstg-member-box .member-group-info-header .member-container.fourthRank .currentLvlTxt { background-color: #D12B2C; color: #fff; } .dstg-header-content .dstg-header-center .dstg-member-box .member-group-info-header .member-container.topRank .currentLvlTxt { background-color: #4413A9; color: #fff; } .dstg-header-content .dstg-header-center .dstg-member-box .member-group-info-header .member-container .dstg-info-memberGroup { color: #fff; } .dstg-header-content .dstg-header-center .dstg-member-box .member-group-info-header .member-container .member-progress-text { color: #fff; } .dstg-header-content .dstg-header-center .dstg-member-box .member-group-info-header .member-container.firstRank { background: radial-gradient(circle at center, #A7A7A7, #656565); } .dstg-header-content .dstg-header-center .dstg-member-box .member-group-info-header .member-container.secondRank { background: radial-gradient(circle at center, #FC9A7E, #BA3026); } .dstg-header-content .dstg-header-center .dstg-member-box .member-group-info-header .member-container.thirdRank { background: radial-gradient(circle at center, #C1C4E0, #8B86FF); } .dstg-header-content .dstg-header-center .dstg-member-box .member-group-info-header .member-container.fourthRank { background: radial-gradient(circle at center, #F5D28D, #D24003); } .dstg-header-content .dstg-header-center .dstg-member-box .member-group-info-header .member-container.topRank { background: radial-gradient(circle at center, #F1BEEE, #775EC3); } .dstg-header-content .dstg-header-center .dstg-member-box .member-group-info-header .member-container .member-progress-container { background-color: #fff; } .dstg-header-content .dstg-header-center .dstg-member-box .member-group-info-header .member-container.firstRank .member-progress-container .member-progress-bar { background-color: #FDB813; } .dstg-header-content .dstg-header-center .dstg-member-box .member-group-info-header .member-container.secondRank .member-progress-container .member-progress-bar { background-color: #96253E; } .dstg-header-content .dstg-header-center .dstg-member-box .member-group-info-header .member-container.thirdRank .member-progress-container .member-progress-bar { background-color: #372A8A; } .dstg-header-content .dstg-header-center .dstg-member-box .member-group-info-header .member-container.fourthRank .member-progress-container .member-progress-bar { background-color: #bf2805; } .dstg-header-content .dstg-header-center .dstg-member-box .member-group-info-header .member-container.topRank .member-progress-container .member-progress-bar { background-color: #4413A9; } /* Member Group Progress Header */ /* Member Group Upgrade Downgrade Modal */ .rankUpgradeModal, .rankDowngradeModal { background-color: rgba(0, 0, 0, 0.6); } .rankUpgradeModal .modal-content { background: linear-gradient(162.92deg, #41B993 1.18%, #F7F7F7 98.95%); border: none; } .rankDowngradeModal .modal-content { background: linear-gradient(162.92deg, #E0E0E0 1.18%, #757575 98.95%); border: none; } .rankUpgradeModal .modal-content .modal-header { color: #fff; background: none; } .rankDowngradeModal .modal-content .modal-header { color: #000; background: none; } .rankUpgradeModal .modal-content .modal-close { color: #fff; background: none; border: 1px solid #fff; } .rankDowngradeModal .modal-content .modal-close { color: #000; background: none; border: 1px solid #000; } .rankUpgradeModal .modal-content .modal-text { color: #000; } .rankDowngradeModal .modal-content .modal-text { color: #fff; } .rankUpgradeModal .modal-content .modal-button, .rankDowngradeModal .modal-content .modal-button { background-color: #FDB813; color: #fff; } .rankUpgradeModal .modal-content .modal-button:hover, .rankDowngradeModal .modal-content .modal-button:hover { background-color: #ffa500; } /* Member Group Upgrade Downgrade Modal */ .dstg-header-content .dstg-header-center .dstg-balance-box .wallet-balance, .dstg-header-content .dstg-header-right .dstg-navi-box { color: var(--color1); } .dstg-header-content .dstg-header-right .dstg-navi-box .dstg-navi-content:hover { color: var(--color2); transition: .3s } .dstg-header-content .dstg-header-center .dstg-btn-box button { color: var(--color2); } .dstg-header-content .dstg-header-center .dstg-btn-box button:hover i { /* color: rgba(252,185,19,1); */ } /* profile button */ .profile-btn { background-color: var(--color20); } .profile-btn img { filter: invert(1); } .profile-btn:hover img { filter: none; } .profile-btn:hover { background-color: var(--color18); } /* profile button */ /* language */ .dstg-header-content .dstg-header-right .dstg-language-box:hover .dstg-title { color: rgba(252,185,19,1); } /* .v-btn.v-size--small { font-size: .75rem; } */ .language_container { background-color: var(--color25); } .language_container:hover { background-color: #e2e2e2; } .v-btn>.v-btn__content .v-icon { color: inherit; } .lang-btn { border: 1px solid rgba(0, 0, 0, .12); color: #acacac; background-color: transparent; } .lang-btn.active { color: #acacac; border: 2px solid rgba(0,0,0,.12); background: rgba(253, 221, 4, 0.18); } .lang-btn:hover { background: #f9f9f9; } .lang-btn.active:hover { color: #acacac; border: 2px solid rgba(0,0,0,.12); background: rgba(253, 221, 4, 0.18); } /* language */ .dstg-header-content .dstg-header-center .dstg-buttons .dstg-button-big { color: var(--color1); } .dstg-header-content .dstg-header-center .dstg-buttons .dstg-button-big:hover { color: var(--color1); } .dstg-countdown-widget>div { background: rgba(1,59,122,1); color: var(--color2); } .dstg-countdown-widget .dstg-countdowm-letter:first-child { font-family: cursive; letter-spacing: normal; } /* refresh button */ .dstg-btn-box .dstg-refreshBtn { background-color: rgba(252,185,19,1) } /* header deposit button */ .deposit-btn { background-color: var(--color18); border: none; } .deposit-btn i { color: var(--color1); } /* header deposit button */ /* NEW NAVIGATION BAR */ .dstg-header-navi { background: var(--color20) } .dstg-header-navi .dstg-navi-item .dstg-navi-btn.is-acted { color: var(--color18); } .dstg-header-navi .dstg-navi-item .dstg-navi-btn:hover:not(.is-acted) { color: var(--color1); background-color: var(--color18) } .dstg-header-navi .dstg-navi-item:has(.dstg-navi-btn.is-acted) .underline-bar { background: var(--color20) } .dstg-header-navi .dstg-wrapper::-webkit-scrollbar-thumb { background-color: var(--color6); color: var(--color6); border-radius: 0 } .dstg-header-navi .navi-item-dropdown- { background: rgb(0 0 0 / 80%); } .dstg-header-navi .navi-item-dropdown- .dropdown-wrap- ul li { color: var(--color2); background: transparent; } .dstg-header-navi .navi-item-dropdown- .dropdown-wrap- ul li .block- .m-wrap i { color: var(--color18) } /* NEW NAVIGATION BAR */ /* HEADER */ /* FOOTER */ footer { background: #191919; } footer .dstg-footer-top .dstg-footer-separate .dstg-description-item { color: #7d7d7d } footer .dstg-footer-bottom .dstg-bottom-wrap { border-top: solid 1px #7d7d7d } footer .dstg-footer-bottom .dstg-bottom-wrap .dstg-footer-bottom-bar .dstg-copy-right { color: #7d7d7d } footer .dstg-footer-bottom .dstg-bottom-wrap .dstg-footer-bottom-bar ul li { border-right: 1px solid #7d7d7d; color: #7d7d7d; 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: rgba(252,185,19,1); transition: .3s ease } footer .dstg-img-wrapper { border: 2px dashed #7d7d7d } footer .dstg-img-wrapper .dstg-title-box { border-bottom: 2px dashed #7d7d7d; color: #7d7d7d } .dstg-footer-webmap { background: #212121; } .dstg-footer-webmap .dstg-webmap-split { border-color: var(--color3) } .dstg-footer-webmap .dstg-title { color: var(--color2) } .dstg-footer-webmap .dstg-title:before { background: var(--color4) } .dstg-footer-webmap .dstg-link-list a:hover { color: var(--color4) } .dstg-provider-platform { background: #212121; border-bottom: 1px solid #171717 } /* FOOTER */ /* navi bar */ .dstg-navi-content .dstg-bottom-nav .dstg-navi-list .dstg-nav-item a { color: var(--color2); -webkit-transition: .3s; transition: .3s } .dstg-navi-content .dstg-bottom-nav .dstg-navi-list .dstg-nav-item:hover a, .dstg-navi-content .dstg-bottom-nav .dstg-navi-list .dstg-nav-item .is-acted { color: #fcb913; border-bottom: 3px solid #fcb913; -webkit-transition: .3s; transition: .3s } .dstg-navi-content .dstg-bottom-nav .dstg-navi-list .dstg-brand-item .dstg-brand-selection li { background: rgba(207,207,207,1); color: #7d7d7d; transition: .3s } .dstg-navi-content .dstg-bottom-nav .dstg-navi-list .dstg-brand-item .dstg-brand-selection li:hover { background: rgba(1,59,122,1); color: var(--color2); } .dstg-navi-bar .dstg-navi-bar-bg { background: rgba(1,59,122,1) } .dstg-more-list{ background: rgba(1,59,122,1) } .dstg-more-list .dstg-new .dstg-navi-btn.dstg-is-acted{ color: rgba(252,185,19,1); } /* navi bar */ /* side menu bar */ .dstg-sideMenuLeftContainer.show { background: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,.8)) } .dstg-sideMenuLeftContainer .dstg-sideMenuTop{ background: var(--color4); } .dstg-sideMenuLeftContainer .dstg-sideMenuTop .dstg-logo-box { border-bottom: 1px solid var(--color2) } .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 { color: var(--color1); background: linear-gradient(136deg, rgba(246,244,244,1), rgba(221,221,223,1)) } .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.off .dstg-menu-hover { background: var(--color4) } .dstg-sideMenuLeftContainer .dstg-sideMenuMiddle .dstg-menu-box .dstg-menu-label { color: var(--color2); border-bottom: dashed 1px var(--color2); background: var(--color4); } .dstg-sideMenuLeftContainer .dstg-sideMenuMiddle .dstg-menu-box ul li { color: var(--color2); background: var(--color4); } .dstg-sideMenuLeftContainer .dstg-sideMenuMiddle .dstg-menu-box ul li:hover, .dstg-sideMenuLeftContainer .dstg-sideMenuMiddle .dstg-menu-box ul li:focus { background: linear-gradient(180deg,rgba(246,244,244,1) 0%,rgba(221,221,223,1) 100%); color: var(--color4); } .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(--color4); } .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(--color4); } .dstg-sideMenuLeftContainer .dstg-sideMenuMiddle ul li.noSubNavi { color: var(--color2); background: var(--color4); } .dstg-sideMenuLeftContainer .dstg-sideMenuMiddle ul li.noSubNavi:hover { background: linear-gradient(180deg, rgba(246,244,244,1) 0%, rgba(221,221,223,1) 100%); color: var(--color4); } .dstg-sideBtn-wrapper .dstg-btn-box button { color: var(--color1) } /* 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: #ffdd1a; font-weight: 700; } .dstg-angpowList-wrapper .dstg-angpowTitle .dstg-popTitle-item { color: #ffdd1a; font-weight: 700; } .dstg-content-wrapper .dstg-video-wrap .dstg-title-box { background-color: #013b7a; color: var(--color2); } .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 .dstg-iconBottom { border-bottom: 3px solid #013B7A; padding-bottom: 5px; } .dstg-sub-slider-wrapper .dstg-title-box { /* border-bottom: 2px dashed #7d7d7d */ } .dstg-sub-slider-wrapper .dstg-title-box .dstg-icon { border-bottom: 3px solid #013B7A; padding-bottom: 5px } .dstg-sub-slider-wrapper .dstg-title-box .dstg-title { border-bottom: 3px solid; padding-bottom: 5px } .dstg-sub-slider-wrapper .dstg-subSlider-wrapper .dstg-game-slider .dstg-imgContainer .dstg-imgItem .dstg-img { border-bottom: 7px solid rgba(1,59,122,1) } .dstg-jackpot-wrap .dstg-jackpot-title { color: transparent } .dstg-jackpot-wrap .dstg-jackpot-content .dstg-jackpot-amount { color: var(--color2); } /* home page */ /* casino page */ .dstg-casino-promo-wrap .dstg-casinoSlider-wrapper .dstg-title-box { border-bottom: 2px dashed #7d7d7d } /* casino page */ /* slots page */ .dstg-slots-container .dstg-slotProviderNavi-wrap .dstg-providerNaviControl button { background: transparent; color: #7d7d7d; transition: .3s } .dstg-slots-container .dstg-slotProviderNavi-wrap .dstg-providerNaviControl button:hover { color: rgba(252,185,19,1); 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 rgba(1,59,122,1) } .dstg-slots-container .dstg-slotProviderNavi-wrap .dstg-providerNaviItem .dstg-providerNavi-box .dstg-providerNavi-option .dstg-provider-name { color: #7d7d7d; 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.dstg-is-acted { color: var(--color2); background: rgba(1,59,122,1); 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 { color: var(--color1); background: rgba(234,234,234,1); 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(--color4); 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(--color4) } .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-description .description-right .description-date .date-title { background: var(--color4) } .promoList-separate .promoContent-right .promo-btn button { color: var(--color2); transition: .3s } .promoList-separate .promoContent-right .promo-info .info-wrap { background: #dcdcdc; } .promoList-separate .promoContent-right .promo-info .info-wrap .info-content table td { border: 1px solid var(--color2); 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; } /* promotion page */ /* info content base */ .dstg-article-wrap .dstg-title-box .dstg-flag { background: rgba(252,185,19,1) } .dstg-article-wrap .dstg-title-box .dstg-title { color: var(--color3); } /* 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: #7d7d7d } .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: #0000ff; border-bottom: 1px solid #0000ff } .dstg-article-wrap .dstg-article-box .dstg-seo-info a:hover { color: #013D7A; border-bottom: 1px solid #013D7A; transition: .3s } .dstg-seo-wrapper { color: rgba(255,253,253,1) } .dstg-seo-wrapper strong { color: rgba(255,253,253,1) } .dstg-seo-wrapper a { color: #0000ff; border-bottom: 1px solid #0000ff } .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: #7d7d7d } .dstg-article-wrap .dstg-article-box .dstg-about-info strong { color: rgba(1,59,122,1) } /* about us page */ /* contact us page */ .dstg-article-wrap .dstg-article-box .dstg-contact-info { color: #7d7d7d } .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: rgba(1,59,122,1) } .dstg-article-wrap .dstg-article-box .dstg-contact-info .dstg-contact-list tr .dstg-value-col { color: #7d7d7d } .dstg-article-wrap .dstg-article-box .dstg-contact-info .dstg-contact-list tr .dstg-value-col a { color: #7d7d7d; 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: rgba(1,59,122,1); transition: .3s } #contactmodal .modal-body tr .dstg-primary-col i { font-size: 25px; color: #013b7a; } #contactmodal .modal-body tr .dstg-value-col { color: #7d7d7d; } #contactmodal .modal-body tr .dstg-value-col a { color: #7d7d7d; border-bottom: solid 1px transparent; transition: .3s; } /* contact us page */ /* terms n conditions page */ .dstg-article-wrap .dstg-article-box .dstg-term-info { color: #7d7d7d } .dstg-article-wrap .dstg-article-box .dstg-term-info strong { color: rgba(1,59,122,1) } .dstg-article-wrap .dstg-article-box .dstg-term-info .dstg-info-cover { border-bottom: 1px dashed #7d7d7d } /* 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 #7d7d7d } .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: #7d7d7d } /* 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, .dstg-contactUsPop-box .dstg-contactUsPop-wrapper .dstg-contact-wrap tr .dstg-seperator-col, .dstg-contactUsPop-box .dstg-contactUsPop-wrapper .dstg-contact-wrap tr .dstg-value-col { color: #7d7d7d } .dstg-contactUsPop-box .dstg-contactUsPop-wrapper .dstg-contact-wrap tr .dstg-primary-col i { color: rgba(1,59,122,1) } .dstg-contactUsPop-box .dstg-contactUsPop-wrapper .dstg-contact-wrap tr .dstg-value-col a { color: #7d7d7d; border-bottom: solid 1px transparent; transition: .3s } .dstg-contactUsPop-box .dstg-contactUsPop-wrapper .dstg-contact-wrap tr .dstg-value-col a:hover { color: rgba(1,59,122,1); border-bottom: solid 1px rgba(1,59,122,1); 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: rgba(1,59,122,1) } .dstg-tnc-wrap .dstg-tnc-content ul li .dstg-tnc-details { color: var(--color2) } .dstg-tnc-wrap .dstg-tnc-content ul li .dstg-tnc-details .dstg-highlight { color: rgba(1,59,122,1) } .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(--color2) } .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 */ /* login pop */ .dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-tab ul li { border-bottom: solid 4px rgba(1,59,122,1); 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: rgba(1,59,122,1); 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: #7d7d7d; } .dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-inputBox .dstg-inputField .dstg-input-icon i { color: #7d7d7d; -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: rgba(1,59,122,1); -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: #7d7d7d } .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: rgba(1,59,122,1) 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: rgba(1,59,122,1); 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: #7d7d7d; -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: #7d7d7d; 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: #7d7d7d } .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: rgba(252,185,19,1); -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: #7d7d7d; background: #fffdfd; 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: rgba(1,59,122,1) 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: #7d7d7d; color: #7d7d7d } .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: rgba(1,59,122,1); transition: .3s } .dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-forgot-box .dstg-inputField select { color: #7d7d7d; 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 #7d7d7d } .dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-register-box .dstg-register-wrap .dstg-text { color: #7d7d7d } .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 rgba(252,185,19,1); -webkit-transition: .3s; transition: .3s } .dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-ad-banner-box .dstg-banner-wrap { background-color: #7d7d7d } .dstg-inputIconHover i { color: rgba(1,59,122,1) !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 */ /* logout */ .logout-submit { background: transparent; border: none; margin-left: 5px; } .logout-submit img { width: 35px } /* logout */ /* language pop */ .dstg-languagePop-box .dstg-languagePop-wrapper .dstg-language-wrap .dstg-language-seperate { border-bottom: 1px dashed #7d7d7d } .dstg-languagePop-box .dstg-languagePop-wrapper .dstg-language-wrap .dstg-language-seperate .dstg-language-country { color: #7d7d7d } .dstg-languagePop-box .dstg-languagePop-wrapper .dstg-language-wrap .dstg-language-seperate .dstg-language-option li { color: #7d7d7d; border-right: 1px solid #7d7d7d; 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: rgba(252,185,19,1); transition:rgba(252,185,19,1) } /* language pop */ /* register page */ .dstg-register-wrap .dstg-title-box .dstg-flag { background: rgba(252,185,19,1) } .dstg-register-wrap .dstg-title-box .dstg-title { color: var(--color3); } .dstg-register-wrap .dstg-register-box .dstg-register-content .dstg-register-tab ul li { border-left: solid 4px rgba(1,59,122,1); background: rgba(207,207,207,1); color: #7d7d7d; 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: rgba(1,59,122,1); 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: #7d7d7d!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: #7d7d7d; 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: rgba(1,59,122,1) 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: #7d7d7d } .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: rgba(1,59,122,1); transition: .3s } .dstg-register-box .dstg-register-content .dstg-register-form .dstg-register-separate .dstg-register-input select { color: #7d7d7d; background: #fffdfd; 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: #7d7d7d } .dstg-register-box .dstg-register-content .dstg-register-form .dstg-register-separate .inputMsg.error { color: #d63b3b; } .dstg-register-box .dstg-register-content .dstg-register-form .dstg-register-separate .dstg-register-btn button { color: var(--color2) } #telegramRegBtn:disabled { background:#7d7d7d; cursor: no-drop; } /* register page */ /* register success page */ .dstg-registerSuccess-wrap .dstg-title-box .dstg-flag { background: rgba(252,185,19,1) } .dstg-registerSuccess-wrap .dstg-registerSuccess-box .dstg-registerSuccess-content .dstg-member-benefits { background: rgba(3,3,6,.8); border-left: solid 5px rgba(1,59,122,1) } .dstg-registerSuccess-wrap .dstg-registerSuccess-box .dstg-registerSuccess-content .dstg-registerSuccess-msg { color: #7d7d7d } .dstg-registerSuccess-wrap .dstg-registerSuccess-box .dstg-registerSuccess-content .dstg-registerSuccess-msg .dstg-msg-content .dstg-highlight { color: rgba(1,59,122,1) } /* register success page */ /* member home page */ .dstg-filter-wrapper .dstg-filter-type .dstg-filter-title.dstg-provider-title { color: rgba(252,185,19,1); } /* provider list search bar */ .dstg-filter-type .search-bar{ background: var(--color2); border: 2px solid var(--color4); color: var(--color1); } /* provider list search bar */ .dstg-filter-wrapper .dstg-filter-type .dstg-filter-option .dstg-filter-list li .option { background: rgba(234,234,234,1); color: #292929; 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: rgba(1,59,122,1); color: var(--color2); transition: .3s } .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-bottomContent .dstg-descriptionBox .dstg-title { color: #7d7d7d } .dstg-specificSlotContainer .dstg-rightSideContent .dstg-download-title { border-bottom: 2px dashed #7d7d7d } .dstg-specificSlotContainer .dstg-rightSideContent .dstg-download-item .dstg-download-btn button { color: var(--color2); transition: .3s } .dstg-gameListBtn-wrapper button { color: var(--color2) } /* member home page */ /* member pages base */ .dstg-page-content-wrap .dstg-title-box .dstg-flag { background: rgba(252,185,19,1) } /* member pages base */ /* transfer page */ .dstg-shortcut-seperate .dstg-shortcut-title { border-bottom: 2px dashed #7d7d7d } .dstg-shortcut-seperate .dstg-shortcut-title .dstg-flag { background: rgba(1,59,122,1) } .dstg-shortcut-seperate .dstg-shortcut-provider .provider-content .provider-logo .logo-name { color: #7d7d7d; background: #f0f0f0 } .dstg-shortcut-seperate .dstg-shortcut-provider .provider-content .provider-bal { color: var(--color1); background: #f0f0f0; -webkit-box-shadow: inset 0 0 8px 2px #7d7d7d; box-shadow: inset 0 0 8px 2px #7d7d7d } .dstg-shortcut-seperate .dstg-shortcut-provider .provider-content .provider-bal .balanceActive { color: #3ec682 } .dstg-shortcut-seperate .dstg-shortcut-provider .provider-content .provider-bal .balanceLocked { color: #cd5c5c } .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 rgba(1,59,122,1) } .dstg-timer-wrapper .dstg-btn-box button { 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: #7d7d7d; -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: #7d7d7d } .dstg-timer-wrapper .dstg-toggle-btn .dstg-toggle-checkbox:checked + .dstg-toggle-slider { background: rgba(1,59,122,1) } .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(--color2); } .dstg-deposit-box .dstg-h2p-message-wrapper .dstg-h2p-message-box .dstg-message-description .dstg-h2p-summary { border: solid 1px var(--color2) } .dstg-deposit-box .dstg-h2p-message-wrapper .dstg-h2p-message-box .dstg-timer-redirect { color: var(--color2) } /* 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-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: rgba(252,185,19,1) } /* withdraw page */ /* history page */ .dstg-history-wrap .dstg-history-box .dstg-table-wrapper .dstg-history-list, .dstg-history-wrap .dstg-history-box .dstg-table-wrapper .dstg-claimhistory-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: #b0b0b0; } .dstg-history-box .dstg-table-wrapper .dstg-history-list tr td, .dstg-history-box .dstg-table-wrapper .dstg-claimhistory-list tr td { color: rgba(0,0,0,.87); } .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:first-child td, .dstg-history-box .dstg-table-wrapper .dstg-claimhistory-list tbody tr:first-child td { /* border-top: solid 2px #4a4a4a */ } .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: #7d7d7d } .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: #7d7d7d } .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: rgba(1,59,122,1); 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: #7d7d7d !important } /* history page */ /* member bank info page */ .dstg-memberBank-wrapper { /* background: linear-gradient(141deg, #3e3d3d, #0e0e0e); */ } .dstg-memberBank-wrapper .dstg-memberBank-thead { border-bottom: 1px solid rgba(0,0,0,.12); } .dstg-memberBank-wrapper .dstg-memberBank-thead .dstg-thead-col span { color: rgb(172, 172, 172) } .dstg-memberBank-wrapper .dstg-memberBank-tbody .dstg-memberBank-separate .dstg-thead-col .dstg-col-btn button { color: var(--color2); transition: .3s } .dstg-bankSetting-wrapper{ padding: 0px 3% !important; margin: 0 !important; } .dstg-bankSetting-wrapper-border-top{ border-top: 1px solid rgba(0, 0, 0, .12); } .dstg-bankSetting-wrapper .dstg-form-wrap .dstg-select-input .dstg-select-selected { color: #7d7d7d } .dstg-bankSetting-wrapper .dstg-form-wrap .dstg-select-input .dstg-select-selected:after { content: ""; border-color: rgba(1,59,122,1) 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: rgba(1,59,122,1); transition: .3s } .dstg-bankSetting-wrapper .dstg-form-wrap .dstg-form-seperate .dstg-formGroup { background: rgba(255,253,253,1); border: 1px solid #3a3a3a; border-radius: 10px; } .dstg-bankSetting-wrapper .dstg-form-wrap .dstg-form-seperate .dstg-formGroup.dstg-disabled { background: #f3f3f3 } .dstg-bankSetting-wrapper .dstg-form-wrap .dstg-form-seperate .dstg-formGroup .dstg-input-field { color: rgba(0,0,0,.87) } .dstg-bankSetting-wrapper .dstg-form-wrap .dstg-form-seperate .dstg-formGroup select { border: none; color: rgba(0,0,0,.87); background: transparent; } .dstg-bankSetting-wrapper .dstg-form-wrap .dstg-form-seperate .dstg-formGroup.dstg-disabled .dstg-input-field { color: #3a3a3a; opacity: .7; } .dstg-bankSetting-wrapper .dstg-form-wrap .dstg-form-btn button { color: var(--color2); transition: .3s; border-radius: 10px; font-size: 14px; font-family: var(--PRIMARY_FONT_FAMILY); } /* member bank info page */ /* member info page */ .dstg-memberInfo-box .dstg-info-wrapper .dstg-basic-info { background: linear-gradient(141deg, #3e3d3d, #0e0e0e); } .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: rgba(7,33,60,1) } .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: #7d7d7d } .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: rgba(1,59,122,1); -webkit-transition: .3s; transition: .3s } .dstg-memberInfo-box .dstg-password-wrapper .dstg-form-wrap .dstg-form-seperate .dstg-formGroup .dstg-iconHover { color: rgba(1,59,122,1) !important; -webkit-transition: .3s; transition: .3s } .dstg-memberInfo-box .dstg-password-wrapper .dstg-form-wrap .dstg-form-seperate .dstg-formGroup select { border: none; color: #7d7d7d !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: #7d7d7d } .dstg-memberInfo-box .dstg-password-wrapper .dstg-form-wrap .dstg-select-input .dstg-select-selected:after { content: ""; border-color: rgba(1,59,122,1) 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: rgba(1,59,122,1); transition: .3s } /* member info page */ /* provider pop */ .dstg-providerPop-box .dstg-providerPop-wrapper .dstg-providerGame-wrap .dstg-providerGame-item { background-color: #7d7d7d } /* 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: #7d7d7d } .dstg-directAllInPop-box .dstg-directAllInPop-wrapper .dstg-restoredList-title { border-bottom: dashed 2px #7d7d7d; color: #7d7d7d } .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; color: #7d7d7d } .dstg-directAllInPop-box .dstg-directAllInPop-wrapper .dstg-listItem-wrap .dstg-listBody .dstg-listTr .dstg-listTd span { color: #7d7d7d } .dstg-directAllInPop-box .dstg-directAllInPop-wrapper .dstg-directProviderInfo-wrap { color: #7d7d7d } /* referral button */ .dstg-referralChangeTab-btn{ padding: 10px; border-bottom: dashed 2px #7d7d7d; } .dstg-referralInfo{ width: 180px; border: none; padding: 10px 0; font-weight: 700; cursor: pointer; transition: .3s; color: #ffff; border-top-left-radius: 25px; } .dstg-referralReport{ width: 180px; border: none; padding: 10px 0; font-weight: 700; /* margin-left: 5px; */ cursor: pointer; transition: .3s; color: #ffff; border-top-right-radius: 25px; } /* end for referral button */ /* direct all in pop */ /* referral pop */ .dstg-referralPop-box .dstg-referralPop-wrapper .dstg-referralinfo { color: #7d7d7d } .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: #7d7d7d } .dstg-referralPop-box .dstg-referralPop-wrapper .dstg-referral-table .dstg-dataTables_wrapper .dstg-dataTables_filter label input { background: rgba(255,253,253,1); color: #7d7d7d; 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 tr td { color: #7d7d7d } .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: #013b7a; 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: #7d7d7d !important } /* referral pop */ /* pop box */ .dstg-pop-box .dstg-pop-inner .dstg-popBtn-wrap button { color: #7d7d7d; background: transparent } .dstg-pop-box .dstg-pop-inner .dstg-popTitle-wrap .dstg-flag { background: rgba(1,59,122,1) } .dstg-pop-box .dstg-pop-inner .dstg-popTitle-wrap { border-bottom: solid 2px #7d7d7d } /* pop box */ /* adPop box */ .dstg-ad-pop-box .dstg-ad-pop-inner .dstg-adPopBtn-wrap button { color: #7d7d7d } .dstg-ad-pop-box .dstg-ad-pop-innerBtn .dstg-adPopImgBox .dstg-adPopBtn { color: var(--color2); } /* adPop box */ /* game list tab loader */ @keyframes gameListSpin { 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-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.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.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.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.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.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.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.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.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.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: rgba(1,59,122,1) } .dstg-spin-pink div > div { background: #fd6585 } .dstg-spin-yellow div > div { background: var(--color20) } /* 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) } } */ @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .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.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: 60px !important; height: 60px !important; display: inline-block; overflow: hidden; background: rgba(NaN, NaN, NaN, 0) } */ .dstg-bal-loader { border: 3px solid #ebebeb; border-radius: 50%; border-top: 3px solid var(--color20); border-right: 3px solid var(--color20); border-bottom: 3px solid var(--color20); width: 20px; height: 20px; -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; margin-left: 5px; } /* .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: #7d7d7d; background: #cfcfcf; border: none } .dstg-datepicker-dropdown:before, .dstg-datepicker-dropdown:after { content: ""; border-bottom: 7px solid rgba(1,59,122,1); border-bottom-color: rgba(1,59,122,1) } .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: rgba(1,59,122,1); color: var(--color2) } .dstg-datepicker.dstg-dropdown-menu th.dstg-dow { color: rgba(1,59,122,1) } .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: rgba(1,59,122,1); border-top: 1px solid rgba(1,59,122,1); border-right: 1px solid rgba(1,59,122,1) } .dstg-datepickers-container .dstg-datepicker--nav, .dstg-datepickers-container .dstg-datepicker--nav-title i { color: #7d7d7d } .dstg-datepickers-container .dstg-datepicker--nav { border-bottom: 1px solid #7d7d7d } .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: #7d7d7d } .dstg-datepickers-container .dstg-datepicker--nav-action:hover, .dstg-datepickers-container .dstg-datepicker--nav-title:hover, .dstg-datepickers-container .dstg-datepicker--cell:hover { background: rgba(1,59,122,1); color: var(--color2) } .dstg-datepickers-container .dstg-datepicker--nav-action svg path { stroke: #7d7d7d } .dstg-datepickers-container .dstg-datepicker--nav-action:hover svg path { stroke: var(--color2) } .dstg-datepickers-container .dstg-datepicker--cell-day { color: #7d7d7d } .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: rgba(1,59,122,1) } .dstg-datepickers-container .dstg-datepicker--day-name { color: rgba(1,59,122,1) } .dstg-datepickers-container .dstg-datepicker--time { border-top: 1px solid #7d7d7d } .dstg-datepickers-container .dstg-datepicker--time-row input[type=range]:focus::-webkit-slider-thumb { background: rgba(1,59,122,1); border-color: rgba(1,59,122,1) } .dstg-datepickers-container .dstg-datepicker--time-row input[type=range]:focus::-moz-range-thumb { background: rgba(1,59,122,1); border-color: rgba(1,59,122,1) } .dstg-datepickers-container .dstg-datepicker--time-row input[type=range]:focus::-ms-thumb { background: rgba(1,59,122,1); border-color: rgba(1,59,122,1) } .dstg-datepickers-container .dstg-datepicker--time-row input[type=range]::-webkit-slider-thumb { border: 1px solid rgba(1,59,122,1); background: rgba(1,59,122,1) } .dstg-datepickers-container .dstg-datepicker--time-row input[type=range]::-moz-range-thumb { border: 1px solid rgba(1,59,122,1); background: rgba(1,59,122,1) } .dstg-datepickers-container .dstg-datepicker--time-row input[type=range]::-ms-thumb { border: 1px solid rgba(1,59,122,1); background: rgba(1,59,122,1) } .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: rgba(1,59,122,1) } .dstg-datepickers-container .dstg-datepicker--time-current, .dstg-datepickers-container .dstg-datepicker--time-current-ampm { color: #7d7d7d } /* 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: rgba(252,185,19,1) } .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: rgba(252,185,19,1); transition: .3s ease } /* light slider */ /* provider list */ .dstg-label-box { border-bottom: 2px solid #7d7d7d } .dstg-label-box .dstg-label-name { color: #7d7d7d } .dstg-provider-wrap .dstg-provider-item, .dstg-gameList-wrap .dstg-gameListTab .dstg-provider-item { background-color: transparent } .dstg-provider-wrap .dstg-provider-item:hover .dstg-provider-name, .dstg-gameList-wrap .dstg-gameListTab .dstg-provider-item:hover .dstg-provider-name { color: var(--color2) } .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-addfav, .dstg-gameList-wrap .dstg-gameListTab .dstg-provider-item .dstg-mask .dstg-provider-detail .dstg-addfav { color: red; } .dstg-provider-wrap .dstg-provider-item .dstg-mask .dstg-provider-detail .dstg-addfav:hover, .dstg-provider-wrap .dstg-provider-item .dstg-mask .dstg-provider-detail .dstg-addfav:active, .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; } .dstg-provider-wrap .dstg-provider-item .dstg-mask .dstg-provider-detail .dstg-btn-box .dstg-btn-plays .dstg-fa-play-circle, .dstg-gameList-wrap .dstg-gameListTab .dstg-provider-item .dstg-mask .dstg-provider-detail .dstg-btn-box .dstg-btn-plays .dstg-fa-play-circle, .dstg-provider-wrap .dstg-provider-item .dstg-mask .dstg-provider-detail .dstg-btn-box .dstg-btn-plays .dstg-fa-gamepad, .dstg-gameList-wrap .dstg-gameListTab .dstg-provider-item .dstg-mask .dstg-provider-detail .dstg-btn-box .dstg-btn-plays .dstg-fa-gamepad { color: #fcb913; } .dstg-provider-wrap .dstg-provider-item .dstg-mask .dstg-provider-detail .dstg-btn-box .dstg-btn-plays .dstg-fa-play-circle:hover, .dstg-gameList-wrap .dstg-gameListTab .dstg-provider-item .dstg-mask .dstg-provider-detail .dstg-btn-box .dstg-btn-plays .dstg-fa-play-circle:hover, .dstg-provider-wrap .dstg-provider-item .dstg-mask .dstg-provider-detail .dstg-btn-box .dstg-btn-plays .dstg-fa-gamepad:hover, .dstg-gameList-wrap .dstg-gameListTab .dstg-provider-item .dstg-mask .dstg-provider-detail .dstg-btn-box .dstg-btn-plays .dstg-fa-gamepad:hover { color: var(--color2); } /* 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: rgba(1,59,122,1); color: var(--color2) } .dstg-provider-banner-wrap .dstg-provider-banner .dstg-btn-box .dstg-left:hover { background: var(--color2); color: rgba(1,59,122,1) } .dstg-provider-banner-wrap .dstg-provider-banner .dstg-btn-box .dstg-right { background: rgba(252,185,19,1); color: var(--color2) } .dstg-provider-banner-wrap .dstg-provider-banner .dstg-btn-box .dstg-right:hover { background: var(--color2); color: rgba(252,185,19,1) } /* 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: var(--color25); 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(--color1); background: var(--color18); 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 #3a3a3a; border-radius: 10px; } .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 .dstg-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: #7d7d7d } .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: #3a3a3a } .dstg-transaction-seperate .dstg-transaction-option .dstg-transaction-list li .dstg-date-input .dstg-date-icon i, .dstg-claimReward-seperate .dstg-claimReward-option .dstg-claimReward-list li .dstg-date-input .dstg-date-icon i { font-family: var(--ICON_FONT_FAMILY) !important; } .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: #7d7d7d; 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: rgba(7,33,60,1); color: var(--color2) } .dstg-transaction-btn button { color: var(--color2); background-color: var(--color20); } .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: #7d7d7d; 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: rgba(1,59,122,1) 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: rgba(1,59,122,1); 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: #7d7d7d; background: #fffdfd; border: 1px solid #3a3a3a; border-radius: 10px; } /* transaction input */ /* announcement/member bank info/member info dropdown */ .dstg-info-cover { /* border-bottom: 2px dashed #7d7d7d */ } .dstg-info-cover .dstg-info-title-box .dstg-flag { background: rgba(1,59,122,1) } .dstg-info-cover .dstg-info-content { color: #7d7d7d } /* announcement/member bank info/member info dropdown */ /* transaction summary section */ .dstg-summary-wrapper { background: #2b2b2b; } .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: rgba(252,185,19,1); } .dstg-filter-wrapper .dstg-filter-type .dstg-filter-option .dstg-filter-list li .dstg-option { background: rgba(234,234,234,1); transition: .3s } .dstg-filter-wrapper .dstg-filter-type .dstg-filter-option .dstg-filter-list li:hover .dstg-option, .dstg-filter-wrapper .dstg-filter-type .dstg-filter-option .dstg-filter-list li .dstg-option.dstg-is-acted { background: rgba(1,59,122,1); color: var(--color2); transition: .3s } .dstg-specificSlotContainer .dstg-leftSideContent .dstg-topContent { background: linear-gradient(141deg, #2f2f2f, #000000); } .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 rgba(252,185,19,1); transition: .3s } .dstg-specificSlotContainer .dstg-leftSideContent .dstg-bottomContent .dstg-descriptionBox .dstg-title { color: #7d7d7d } .dstg-specificSlotContainer .dstg-rightSideContent .dstg-download-title { border-bottom: 2px dashed #7d7d7d } .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; } /* pop box */ .dstg-claimPop-box .dstg-claimList-wrapper .dstg-bonus-img .dstg-description-title .dstg-text { color: var(--color2); font-weight: bold; } /* pop box */ .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: #E8A300; font-weight: 500; text-transform: uppercase; } .dstg-bonus-wrapper .dstg-home-packet .dstg-freeCreditList .dstg-freeCreditItems .dstg-center .dstg-moreInfo-btn { color: #013B7A } .dstg-bonus-wrapper .dstg-home-packet .dstg-freeCreditList .dstg-freeCreditItems .dstg-right .dstg-claim-btn { color: var(--color2) !important; background: var(--color20); box-shadow: #7d7d7d 0 2px; } /* FREE CREDIT */ /* Free Credit in transfer page */ .dstg-freeCreditTransfer-wrap .dstg-transaction-freeCredit-title{ color: #fcb913; border-bottom: dashed 2px #7d7d7d; } .dstg-transaction-list:before { content: ""; position: absolute; top: 0; left: 0; z-index: -1; opacity: 0; cursor: pointer; background: rgb(0 0 0 / 70%); border-radius: 12px; height: 100%; width: 100%; } .dstg-transaction-list.masked .maskedText { color: var(--color2); } .dstg-freeCreditWrapper .dstg-transaction-btn { box-shadow: #7d7d7d 0 2px; background: #e8a300; color: var(--color2); } .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 .active, .dstg-historyChangeTab-btn .active { background-color: var(--color18); color: var(--color1); } .dstg-transactionBtn, .dstg-historyBtn { color: var(--color1); background-color: var(--color25); } .dstg-transactionBtn:hover, .dstg-historyBtn:hover { background-color: var(--color18); color: var(--color1); } /* 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(--color2) } .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: #b4840c; color: var(--color2) } /* Voucher */ /* REFERRAL PAGE */ .dstg-referral-wrap .dstg-referral-info-wrapper .dstg-left .dstg-item-group .dstg-label { color: #bdbdbd } .dstg-referral-wrap .dstg-referral-info-wrapper .dstg-left .dstg-item-group input { color: #7d7d7d; background-color: #fffdfd; border: 1px solid #bdbdbd } .dstg-referral-wrap .dstg-referral-info-wrapper .dstg-left .dstg-item-group .dstg-copyIcon { color: #7d7d7d } .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: #013b7a } .dstg-referral-wrap .dstg-referral-info-wrapper .dstg-QRtext { color: var(--color2); background-color: #024ea0 } .dstg-referral-flow-box .dstg-title { color: #bdbdbd } .dstg-referral-flow-box .dstg-content .dstg-referral-flow-desc { color: var(--color2) } /* REFERRAL PAGE */ /* referral container */ .dstg-ref-box{ background: #000000; border: 1px solid #fcb913; } .dstg-ref-box .dstg-ref-logo , .dstg-ref-box .dstg-ref-details .dstg-ref-desc-1 , .dstg-ref-box .dstg-referral-code-box .dstg-share-btn { color: rgba(252,185,19,1); } .dstg-ref-box .dstg-referral-code-box .dstg-share-btn{ border: 3px solid rgba(252,185,19,1); } .dstg-ref-box .dstg-ref-details .dstg-ref-desc-2 , .dstg-ref-box .dstg-ref-details .dstg-ref-desc-3 { color: #bcbcbc; } .dstg-ref-box .dstg-referral-code-box .dstg-copyIcon{ color: #7d7d7d; } .dstg-ref-box .dstg-referral-code-box #refCode{ background-color: #d1d1d1; } /* referral container */ /* UPCOMING MATCH */ .dstg-member-upcoming-wrap { border: 2px solid #fcb913; background: var(--color1); } .dstg-member-upcoming-wrap .dstg-member_text_game_title { color: #fcb913; } /* UPCOMING MATCH */ /* TOURNAMENT */ /* countdown timer */ .dstg-countdown-container { color: #2caae6 } /* countdown timer */ /* tournament slideshow */ .dstg-tournament-main:after { background: #000000ab } .dstg-tournament-main img.dstg-frame { border: 1px solid #bdbdbd } .dstg-tournament-main .dstg-main-content .dstg-detailsBox { color: #2caae6 } /* tournament slideshow */ /* tournament list */ .dstg-tournament-wrap .dstg-title-box .dstg-iconBottom { border-bottom: 3px solid #013b7a } .dstg-tournament-wrap .dstg-tournament-box .dstg-box-row .dstg-box-item .dstg-img .dstg-btn-box { background-color: #000000ab } .dstg-tournament-wrap .dstg-tournament-box .dstg-box-row .dstg-box-item .dstg-img .dstg-btn-box button { border: none; color: var(--color2); background-color: #fcb913; box-shadow: 2px 3px 5px 1px #0000008c } .dstg-tournament-wrap .dstg-tournament-box .dstg-box-row .dstg-box-item .dstg-img .dstg-btn-box button:hover { background-color: #b67603 } .dstg-tournament-wrap .dstg-tournament-box .dstg-box-row .dstg-box-item .dstg-img .dstg-btn-box button.dstg-last { background-color: #013b7a } .dstg-tournament-wrap .dstg-tournament-box .dstg-box-row .dstg-box-item .dstg-img .dstg-btn-box button.dstg-last:hover { background-color: #07213c } .dstg-tournament-wrap .dstg-tournament-box-action i { color: var(--color2) } .dstg-tournament-wrap .dstg-tournament-box-action i:hover { color: #fcb913 } /* tournament list */ /* ranking list*/ .dstg-tournament-ranking-wrap .dstg-rank-top { background-color: #033b78 } .dstg-tournament-ranking-wrap .dstg-rank-top .dstg-boxAction i { color: var(--color2) } .dstg-tournament-ranking-wrap .dstg-rank-top .dstg-boxAction i:hover { color: #fcb913 } .dstg-tournament-ranking-wrap .dstg-rank-bottom { background-color: #313058 } .dstg-tournament-ranking-wrap .dstg-rank-bottom .dstg-tournament-type { color: #e2ab06; border-bottom: 2px solid #e2ab06 } .dstg-tournament-ranking-wrap .dstg-rank-bottom .dstg-rank-tab li { color: var(--color2); border: 2px solid var(--color2); background-color: #2e2d3a } .dstg-tournament-ranking-wrap .dstg-rank-bottom .dstg-rank-tab li:hover, .dstg-tournament-ranking-wrap .dstg-rank-bottom .dstg-rank-tab li.dstg-active { color: #e2ab06; border-color: #e2ab06 } .dstg-tournament-ranking-wrap .dstg-rank-bottom .dstg-tab-box button { color: #fcb913; border: none; background: transparent } .dstg-rank-list .dstg-list-item { background: linear-gradient(to bottom, #2e2d3a, #043b79); border: 2px solid #6596c8 } .dstg-rank-list .dstg-list-item:nth-child(1) { border: 2px solid var(--color2); background: linear-gradient(to bottom, #2e2d3a, #fcc523); box-shadow: 0 0 10px 4px #fcc523 } .dstg-rank-list .dstg-list-item:nth-child(2) { border: 2px solid var(--color2); background: linear-gradient(to bottom, #2e2d3a, #5ea9d3); box-shadow: 0 0 10px 4px #5ea9d3 } .dstg-rank-list .dstg-list-item:nth-child(3) { border: 2px solid var(--color2); background: linear-gradient(to bottom, #2e2d3a, #f7aa31); box-shadow: 0 0 10px 4px #f7aa31 } .dstg-rank-list .dstg-list-item .dstg-index { color: var(--color2); text-shadow: 2px 2px #222 } /* ranking list*/ /* pop box */ .dstg-tournamentPop-wrapper { background: #1e2639 } .dstg-tournamentPop-wrapper .dstg-modal-header { color: var(--color2); background: #033b78 } .dstg-tournamentPop-wrapper .dstg-modal-header .dstg-btn button { color: var(--color2); border: none; background: 0 0 } .dstg-tournamentPop-wrapper .dstg-modal-body hr { border: none; border-bottom: 1px solid var(--color2) } #tourMoreInfomodal .dstg-img img { box-shadow: 3px 3px 4px 1px #000000ad } #tourMoreInfomodal .dstg-info { color: var(--color2) } #tourMoreInfomodal .dstg-info .dstg-title:before { background: #69b7f8 } #tourMoreInfomodal .dstg-info .dstg-date:before { background: #69b7f8 } #tourMoreInfomodal .dstg-info .dstg-btn button { color: #fcb913; border: none; background: 0 0 } #tourMoreInfomodal .dstg-content { color: var(--color2) } #tourMoreInfomodal h3 { color: var(--color2); text-shadow: 2px 1px 4px #fcb913 } #tourRankingmodal .dstg-info .dstg-title { color: var(--color2) } #tourRankingmodal .dstg-info .dstg-title:before { background: var(--color2) } #tourRankingmodal .dstg-info .dstg-btn button { color: #fcb913; border: none; background: 0 0 } /* pop box */ /* TOURNAMENT */ /* Total Balance List */ .dstg-header-content .dstg-header-center .dstg-balance-box .wallet-balance .totalBalList { color: var(--color2); background: radial-gradient(circle, #2e2e2e, #1e1e1e); border: 2px solid #033b78; box-shadow: 3px 3px 0 0 #022953 } .dstg-header-content .dstg-header-center .dstg-balance-box .wallet-balance .totalBalList hr { border-bottom: 1px solid #033b78 } .dstg-header-content .dstg-header-center .dstg-balance-box .wallet-balance .totalBalList .item { border-bottom: 1px solid #3e3e3e } .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 { color: #3ec682 } .dstg-header-content .dstg-header-center .dstg-balance-box .wallet-balance .totalBalList .item .provBal.locked { color: #cd5c5c } /* Header Divider */ .header-divider { border: solid; border-width: 0 thin 0 0; height: 68%; color: #d3d3d3; margin: 0 10px; } /* Header Divider */ /* Logo Divider */ .logo-divider { border: solid; border-width: 1px; height: 60%; color: var(--color1); margin: 0 18px; } /* Logo Divider */ /* Provider Logo Image */ .prov-logo-img { width: 125px; height: 50px; } /* Provider Logo Image */ /* LIVE SCORE */ /* 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(4) { background: #fcc972 } .ldio-gblex47ykrc div:nth-child(5) { background: #a1a7f9 } /* LIVE SCORE */ .liveScoreWidget .ls-header .filter-select .input { color: #222; background: var(--color2); border: 1px solid var(--color1); font-size: var(--SUBBODY_TXT_FONT_SIZE); } .liveScoreWidget .ls-header .filter-select select::-webkit-scrollbar-track { background-color: #E4E6EA; color: #E4E6EA } .liveScoreWidget .ls-header .filter-select select::-webkit-scrollbar-thumb { background-color: #001976; color: #001976 } .liveScoreWidget .ls-header .filter-select .icon { color: var(--color1); } .liveScoreWidget .ls-header .date-option li button { background: var(--color3); color: var(--color2); border: none; height: 43px; } .liveScoreWidget .ls-header .date-option li button:hover, .liveScoreWidget .ls-header .date-option li button.active { filter: none; background: var(--color13); color: var(--color2); } .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: var(--color1); } .liveScoreWidget .league-section { background: #F3F4F5 } .liveScoreWidget .league-fixture-list .layer::-webkit-scrollbar-track { background-color: #E4E6EA; color: #E4E6EA } .liveScoreWidget .league-fixture-list .layer::-webkit-scrollbar-thumb { background-color: #001976; color: #001976; } .liveScoreWidget .league-fixture-list .fixture-drop { background: var(--color13); } .liveScoreWidget .league-fixture-list .cat-name { color: var(--color2); background-color: var(--color13); border-radius:10px; } .liveScoreWidget .league-fixture-list .fixture-item-list .item { color: var(--color2); background: var(--color3); } .liveScoreWidget .league-fixture-list .fixture-item-list .item:hover, .liveScoreWidget .league-fixture-list .fixture-item-list .item.active { background: #F3F4F5; color: var(--color1); } .liveScoreWidget .league-fixture-content hr { border: none; border-bottom: 1px solid #b8babf } .liveScoreWidget .league-fixture-content .fc-label { color: var(--color2); background: var(--color13) } .liveScoreWidget .league-fixture-content .fc-main { color: var(--color1); background-color: transparent !important; } .liveScoreWidget .league-fixture-content .fc-team .fc-short-info .fc-score { color: #686c77 } .liveScoreWidget .league-fixture-content .fc-team .fc-short-info .fc-score .win { color: var(--color11) } .liveScoreWidget .league-fixture-content .fc-team .fc-short-info .fc-score i { color: var(--color11) } .liveScoreWidget .league-fixture-content .fc-team .fc-short-info .fc-status { color: var(--color1) } .liveScoreWidget .league-fixture-content .fc-team .fc-short-info .fc-date { color: var(--color1) } .liveScoreWidget .league-fixture-content .fc-info .info-row .info-column { background: var(--color2); color: var(--color1) } .liveScoreWidget .league-fixture-content .fc-info .info-row .info-column span:first-child { color: #bdbdbd } .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: var(--color1); background: #D5D7DC; border: none } /* live score loading */ /* favourite */ .dstg-favourite-tab .dstg-fav-title .dstg-icon { color: red; } .dstg-favourite-tab .dstg-favourite-box { background: #000000; border: 1px solid #fcb913; } /* favourite */ /* Spin Wheel */ .dstg-spinwheel-container .dstg-spin-container .dstg-spin-selector .dstg-spin-selector-box { border: 5px solid transparent; background: linear-gradient(#045db6, #0f0a2f) padding-box, linear-gradient(to right, #fcb913, #fcb913) border-box; box-shadow: 0 0 5px #fcb913; 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(#045db6, #0f0a2f) padding-box, linear-gradient(to right, #fcb913, #fcb913) border-box; box-shadow: 0 0 5px #fcb913; color: var(--color2); } /*Spinwheel Button Shockwave effect*/ .dstg-spinwheel-btn--shockwave.dstg-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-spinwheel-btn--shockwave.dstg-is-active:hover, .dstg-spinwheel-btn--shockwave.dstg-is-active:active, .dstg-spinwheel-btn--shockwave.dstg-is-active:focus { background: #fcb913; color: var(--color2) } @-webkit-keyframes shockwaveJump { from { -webkit-transform: scale(0.8, 0.8); } 50% { -webkit-transform: scale(1, 1); } to { -webkit-transform: scale(1, 1); } } @keyframes shockwaveJump { from { transform: scale(0.8, 0.8); } to { transform: scale(1, 1); } } .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: rgba(252,185,19,1) } .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 #fcb913; } 20% { box-shadow: 0 0 10px 2px #f9b43d; } 40% { box-shadow: 0 0 15px 2px #ffa100; } 60% { box-shadow: 0 0 20px 2px #ffa100; } 80% { box-shadow: 0 0 15px 2px #f9b43d; } 100% { box-shadow: 0 0 5px 2px #fcb913; } } /*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.125em hsl(320deg 100% 60% / 30%), -1em -0.125em 0.5em hsl(40deg 100% 60% / 0%), 1em 0.125em 0.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.125em hsl(68deg 100% 60% / 50%), -0.5em -0.125em 0.25em hsl(40deg 100% 60% / 20%), 0.5em 0.125em 0.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.125em hsl(320deg 100% 90% / 50%), -0.25em -0.125em 0.125em hsl(40deg 100% 60% / 20%), 0.25em 0.125em 0.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.125em hsl(50deg 100% 60% / 50%), 0.5em -0.125em 0.25em hsl(40deg 100% 60% / 20%), -0.5em 0.125em 0.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.125em hsl(75deg 100% 60% / 30%), 1em -0.125em 0.5em hsl(40deg 100% 60% / 0%), -1em 0.125em 0.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: rgba(1,59,122,1); } } .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 3/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 3/dailyCheckInReward/DT_DMM_BG_T2_Desktop.dstg-png'); */ background-size: 1280px 500px; background-repeat: no-repeat; } .dstg-check-in-day-wrap{ background: rgba(252,185,19,1); } .dstg-check-in-day-wrap:before{ border-right: 30px solid rgba(252,185,19,1); border-top: 25px solid transparent; border-bottom: 25px solid transparent; } .dstg-check-in-day-wrap:after{ border-left: 30px solid rgba(252,185,19,1); 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: #ffffff; } .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-title .dstg-text, .dstg-dailyRewardPop-box .dstg-dailyRewardContent-wrapper .dstg-reward-pop .dstg-description-content .dstg-text{ color:var(--color1); } .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: rgba(252,185,19,1); } .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: #013b7a; } .dstg-dailyRewardPop-box .dstg-dailyRewardContent-wrapper .dstg-reward-pop .dstg-description-content .dstg-text a{ color: #013b7a; } .dstg-dailyRewardPop-box .dstg-dailyRewardContent-wrapper .dstg-reward-pop .dstg-description-content .dstg-text a:hover{ border-bottom: 2px solid #013b7a; } /* DAILY LOGIN REWARD */ /* PROMO GROUP */ .dstg-provider-wrap .dstg-provider-item .dstg-mask .dstg-locked { color: var(--color2) } .dstg-shortcut-seperate .dstg-shortcut-provider .dstg-provider-content .dstg-provider-btn button:disabled, .dstg-shortcut-seperate .dstg-shortcut-provider .dstg-provider-content .dstg-provider-btn button:disabled:hover { background: #7d7d7d; color: var(--color2) } .dstg-timer-wrapper .dstg-btn-box .dstg-btn-mainRestoreAll:disabled, .dstg-timer-wrapper .dstg-btn-box .dstg-btn-mainRestoreAll:disabled:hover { background: #7d7d7d; color: var(--color2) } .dstg-freeCreditWrapper .dstg-btn-creditTransfer:disabled, .dstg-freeCreditWrapper .dstg-btn-creditTransfer:disabled:hover { background: #7d7d7d; color: var(--color2) } /* PROMO GROUP */ /* Deposit New Layout */ .deposit-wrap .title-box .flag { background: linear-gradient(-240deg, #8a1515 0%, rgba(174,41,41,1) 50%, rgba(227,69,69,1) 100%); } .deposit-container { background: unset; } .deposit-wrapper { display: grid; } .deposit-wrapper .deposit-tab-container { background: #2b2b2b; } .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: #3b3b3b; } .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: linear-gradient(to right, var(--color4), var(--color5)); } .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: #585858; 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: #2b2b2b; } .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: #585858; } .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: var(--color2); } .form-group .col-form-label{ margin-bottom: unset; } .form-group .col-form-label b { color: var(--color2); } /* .form-group button { */ /* /* background: #ff8a00; */ */ /* background: linear-gradient(to bottom, var(--color4), var(--color5)); */ /* color: var(--color2); */ /* } */ /* .form-group input, .form-group select { */ /* background: var(--color1); */ /* color: var(--color2); */ /* border-color: var(--color10); */ /* } */ .form-group .form-input .deposit-amount-input span i { color: #f35e5e; } .form-group .form-input .minmax-input span { color: var(--color2); } .form-group .copyIcon { color: #1973c5; 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: #2b2b2b; position: absolute; top: -4px; left: 25%; height: 0.025rem; width: 50%; border: 3px solid #2b2b2b; } .region-qr-container .bank-qrcode .frame .right-mask { background: #2b2b2b; position: absolute; top: 25%; right: -4px; height: 50%; width: 0.025rem; border: 3px solid #2b2b2b; } .region-qr-container .bank-qrcode .frame .bottom-mask { background: #2b2b2b; position: absolute; bottom: -4px; left: 25%; height: 0.025rem; width: 50%; border: 3px solid #2b2b2b; } .region-qr-container .bank-qrcode .frame .left-mask { background: #2b2b2b; position: absolute; top: 25%; left: -4px; height: 50%; width: 0.025rem; border: 3px solid #2b2b2b; } .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: var(--color2); } .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: #f44336; } .nav-tabs .nav-link .paymentgateway-name { color: var(--color2); } .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(--color6); } /* Deposit New Layout */ /* Wallet Balance/Provider Balance List/Transfer Modal */ .wallet-bal-list{ position: absolute; width: 500px; max-height: 300px; overflow: hidden; padding: 10px 1rem; right: 180px; top: 70px; border-radius: 3px; transform: translateY(10px); transform: scale(1, 0); opacity: 0; visibility: hidden; transform-origin: top; transition: all .3s ease-in-out; color: var(--color1); background: var(--color2); border: 1px solid; z-index: 1; font-size: 15px; } .amount-container:hover .wallet-bal-list { opacity: 1; visibility: visible; transform: scale(1) } .wallet-bal-list .transfer-control- { display: flex; align-items: baseline; margin-bottom: 10px } .wallet-bal-list .main-head { padding-bottom: 5px; border-bottom: 1px solid } .wallet-bal-list .transfer-control-{ display: flex; align-items: baseline; margin-bottom: 10px; } .wallet-bal-list .transfer-control- .btn-restoreAll, .wallet-bal-list .transfer-control- .btn-transfer{ background: var(--color20); color: var(--color2); border: 0; padding: 6px 12px; border-radius: 5px; cursor: pointer; font-size: 14px; } .wallet-bal-list .transfer-control- .btn-restoreAll:disabled{ background: #bcbcbc; cursor: not-allowed; } .toggle-btn { position: relative; display: flex; align-items: center; font-size: 13px; } .toggle-btn label { margin: 0 10px 0 0; color: inherit; } .toggle-btn input[type=checkbox] { position: absolute; width: 100%; height: 100%; left: 0; cursor: pointer; opacity: 0; z-index: 1; } .toggle-btn input[type=checkbox]:checked + .toggle-slider { background-color: #19c703; border-color: #19c703; } .toggle-btn .toggle-slider { position: relative; width: 80px; border-radius: 20px; padding: 3px 0; text-transform: uppercase; transition: .3s linear; color: var(--color2); border: 1px solid var(--desk1_TOGGLE_BTN_SLIDER_BORDER); background-color: #b70505; } .toggle-btn input[type=checkbox]:checked + .toggle-slider:before { transform: translate(60px, -50%); } .toggle-btn .toggle-slider:before { content: ""; position: absolute; border-radius: 100%; width: 15px; height: 15px; top: 50%; transform: translate(5px, -50%); transition: .3s linear; background-color: var(--color2); } .toggle-btn input[type=checkbox]:checked + .toggle-slider .on { display: block; } .toggle-btn .toggle-slider .on { width: fit-content; margin: auto; display: none; } .toggle-btn input[type=checkbox]:checked + .toggle-slider .off { display: none; } .toggle-btn .toggle-slider .off { width: fit-content; margin: auto; display: block; } .wallet-bal-list .main-wal-info- { display: flex; align-items: baseline } .wallet-bal-list .main-bal { display: flex; align-items: baseline; gap: 0 5px; padding: 0; font-size: 13px } .wallet-bal-list .main-bal span:nth-child(2), .wallet-bal-list .main-bal span:nth-child(3) { font-size: 1rem } .wallet-bal-list .main-wal-info- .btn-refresh{ background: var(--color20); color: var(--color2); border: 0; padding: 6px 10px; border-radius: 5px; cursor: pointer; margin-right: 5px; font-size: 13px; } .wallet-bal-list .main-wal-info- .btn-refresh:disabled{ background: #bcbcbc; cursor: not-allowed; } .wallet-bal-list .main-wal-info- .refreshTimer{ align-content: center; font-size: 13px; } .wallet-bal-list .wallet-list- { margin-top: 5px; padding-right: 5px; overflow-y: auto; overflow-x: hidden; height: 180px; font-size: 13px; } .wallet-bal-list .wallet-list- .list-item- { display: grid; grid-template-columns: 55% 30% 15%; margin-bottom: 10px } .wallet-bal-list .wallet-list- .list-item- div:nth-child(2).active { color: var(--h2_HEADER_MAINHEAD_WRAP_WALLET_BOX_BAL_LIST_LIST_ITEM_CHILD_ACTIVE_TXT) } .wallet-bal-list .wallet-list- .list-item- .locked.hide { display: none; opacity: 0; } .hide { display: none !important; opacity: 0 !important; } .amount-container { display: inline-flex; padding: 15px 45px 15px 25px; background-color: #e0e0e0; border-radius: 20px; color: rgba(0,0,0,.87); font-size: 20px; height: 45px; align-items: center; justify-content: center; cursor: pointer; gap: 5px; } .amount-container .balance-amount{ gap: 5px; } #transfermodal .form-group label .important-{ color: #f44336; padding-left: 4px; } #transfermodal .form-group input, #transfermodal .form-group select { background-color: var(--color2); color: var(--color1); border-color: #d3d3d3; border-radius: 12px; padding: 0 12px; transition: .3s; } #transfermodal .form-group input:hover, #transfermodal .form-group input:focus, #transfermodal .form-group select:hover, #transfermodal .form-group select:focus { border: 1px solid var(--color20); } #transfermodal .formsubmit- .btn-transfer{ background: var(--color20); color: var(--color2); border: 0; padding: 10px; border-radius: 5px; cursor: pointer; } #transfermodal .formsubmit- .btn-transfer:disabled{ background: #bcbcbc; cursor: not-allowed; } /* Wallet Balance/Provider Balance List/Transfer Modal */ /* 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(--color4); color: var(--color2); } #restoreMsgmodal .modal-body .restoreMsgPop-btn #restoreMsgLaterBtn { margin-left: 10px; background: var(--color3); color: var(--color2); } /* RestoreMessagePopOut */ .banner-section- a img { border-radius:1rem; } li{ list-style: unset; } /* Add Amount */ .form-group input .deposit-form .form-group select{ background: 0 0; color: #ffdf18; } .deposit-form .form-group select option{ background: #212529; } .deposit-form .tipsMinMax { color: var(--color20); } .form-group .col-form-label{ color: #fff; } .add-money-box .choose-box li { border: 1px solid rgba(255,255,255,.5); color: #00FFFF ; } @keyframes moneyBtn-Animation { 0% { filter: drop-shadow(0 0 0 #bdbdbd); } to { filter: drop-shadow(0 -20px 0 #bdbdbd); } } .choose-box li:hover { border: 1px solid #bdbdbd; box-shadow: 0 0 2px 1px #bdbdbd; -webkit-box-shadow: 0 0 2px 1px #bdbdbd; } #deposit-gateway-ul .nav-link.active:before { color: #101935; } #deposit-gateway-ul .nav-link.active:after { border-color: transparent transparent var(--color6); } /* Add Amount */ .btn-transfer:hover, .btn-transfer:active { background: var(--color18); color: var(--color1); } .daily-reward-separator { top: 65% !important; } /* */ .dailyRewardPage--sign-up-button { color: var(--color1) !important; } .claim-today { color: var(--color2) !important; } .login-button:hover { color: var(--color1) !important; } .register-7- .tablist- .nav-tabs .nav-item .nav-link:hover, .register-7- .tablist- .nav-tabs .nav-item .nav-link.active { color: var(--color2) !important; } .member-header-1 .member-header-navigationBar .nav-item .nav-btn.active { color: var(--color2) !important; } .share-btn { color: var(--color2) !important; } .share-btn:hover { color: var(--color1) !important; } .reward-point-btn:hover, .to-referral-btn:hover { color: var(--color1) !important; } .apply-btn:hover { color: var(--color1) !important; } .invite-fred-btn:hover { color: var(--color1) !important; } .dstg-transaction-btn button:hover { color: var(--color1) !important; } .ref_banner_overlay_content{ display: flex; align-items: center; gap: 1rem; } .ref_banner_overlay_content .text-lg-bold{ font-size: 22px; font-weight: 500; line-height: 2rem; color: var(--color2); } .ref_banner_overlay_content ._text-sm{ margin-top: .25rem; font-size: 14px; color: var(--color2); }