:root { --color1: #000; /* black */ --color2: #fff; /* white */ --filterW: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2%) hue-rotate(229deg) brightness(103%) contrast(102%); --filterB: brightness(0) saturate(100%) invert(0%) sepia(100%) saturate(7490%) hue-rotate(138deg) brightness(100%) contrast(102%); --color3: #7d7d7d; --color4: #fdad00; --color5: #ffd800; --color6: #ffd800; --color7: #ffd800; --color8: #b066fa; --color9: #662086; --color10: #bdbdbd; --color11: #d4af37; --filter1: brightness(0) saturate(100%) invert(9%) sepia(67%) saturate(6083%) hue-rotate(198deg) brightness(105%) contrast(99%); --gradient1: linear-gradient(136deg, #2f2f2f, #202020); --gradient2: linear-gradient(to bottom, #aaa7a7, #696969); --walOn: #3ec682; --walOff: #cd5c5c; --important: #ce0f10; --error: #b90000; --ecd_BG: var(--color6); --ecd_TXT: #000; /* 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: #fff; --reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_OTP_RIGHT_BORDER: none; --reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_OTP_RIGHT_DISABLED_BG: linear-gradient(180deg, rgba(170,167,167,1) 0%, rgba(105,105,105,1) 100%); --reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_TELEGRAM_BTN_BORDER: none; --reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_TELEGRAM_BTN_TXT: var(--color1); --reg2_DSTG_REGISTER_WRAP_TITLE_BOX_FLAG_BG: var(--color6); --reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_LABEL_TITLE_TXT: #fff; --reg2_DSTG_IMPORTANT_ICON_TXT: var(--color4); --reg2_DSTG_TEXT_BLUE_TXT: var(--color6); --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(--color6); --reg2_DSTG_REGISTER_WRAP_BOX_CONTENT_TAB_UL_BG: #353638; --reg2_DSTG_REGISTER_WRAP_BOX_CONTENT_TAB_UL_HOVER_ACTIVE_BG: linear-gradient(to bottom, var(--color5), var(--color4)); --reg2_DSTG_REGISTER_WRAP_BOX_CONTENT_TAB_UL_ACTIVE_BG: linear-gradient(to bottom, var(--color5), var(--color4)); --reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_INPUT_BG: rgba(28,28,29,1); --reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_INPUT_BORDER: solid 1px #bdbdbd; --reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_INPUT_OTP_RIGHT_TXT: var(--color1); --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(--color2); --reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_INPUT_SELECT_BG: #1c1c1d; --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 var(--color4); --reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_INPUT_TIP_TXT: #bdbdbd; --reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_INPUT_ERROR_TXT: var(--color6); --reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_BTN_BUTTON_TXT: var(--color1); --reg2_TELEGRAM_REG_BTN_DISABLED_BG: var(--color3); --reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_BTN_REGISTER_SUBMIT_BG:linear-gradient(to bottom, var(--color4) 50%, var(--color5)); --reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_BTN_REGISTER_SUBMIT_HOVER_BG: linear-gradient(to bottom, var(--color4) 50%, var(--color5)); --reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_BTN_REGISTER_SUBMIT_HOVER_FILTER_BG: drop-shadow(0px 2px 6px var(--color4)); --reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_TEXT_REGISTER_TXT: var(--color6); --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: 20px; --reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_REGISTER_INPUT_SELECT_BORDER_RADIUS: 20px; --reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_INPUT_OTP_LEFT_WIDTH: 40% !important; --reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_REGISTER_INPUT_OTP_RIGHT_BORDER: 20px; --reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_REGISTER_BTN_BUTTON_BORDER_RADIUS: 20px; --reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_REGISTER_INPUT_OTP_RIGHT_WIDTH: 60%; /* 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_WRAP_TITLE_BOX_FONT_WEIGHT: 400; --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: #353638; --regSucc2_DSTG_REGISTER_SUCCESS_WRAP_BOX_CONTENT_BENEFITS_MEMBER_TITLE_FONT_WEIGHT: 400; --regSucc2_DSTG_REGISTER_SUCCESS_WRAP_BOX_CONTENT_BENEFITS_MEMBER_TITLE_TXT: #fff; --regSucc2_DSTG_REGISTER_SUCCESS_WRAP_BOX_CONTENT_MSG_TXT: #bdbdbd; --regSucc2_DSTG_REGISTER_SUCCESS_WRAP_BOX_CONTENT_MSG_TITLE_TXT: var(--color6); --regSucc2_DSTG_REGISTER_SUCCESS_WRAP_BOX_CONTENT_MSG_TEXT_BLUE: #bdbdbd;; --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(--color1); --memberinfo2_FORM_INPUT_SELECT_BG_DISABLED: var(--color4); --memberinfo2_FORM_INPUT_SELECT_ICON_COLOR: var(--color2); --memberinfo2_FORM_INPUT_SELECT_TXT_COLOR: var(--color2); --memberinfo2_FORM_INPUT_SELECT_TXT_COLOR_DISABLED: var(--color1); --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: 20px; --memberinfo2_FORM_INPUT_SELECT_FONT_WEIGHT: 400; --memberinfo2_FORM_OTP_TIMER_TXT_COLOR: var(--color2); --memberinfo2_FORM_BTN_SUBMIT_BG: linear-gradient(to bottom, var(--color4), var(--color5)); --memberinfo2_FORM_BTN_SUBMIT_TXT_COLOR: var(--color2); --memberinfo2_FORM_BTN_SUBMIT_RADIUS: 20px; --memberinfo2_FORM_BTN_SUB_SUBMIT_BG: linear-gradient(var(--color6), var(--color7)); --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: 20px; --memberinfo2_FORM_UNDERLINE: var(--color4); --memberinfo2_SECTION_PADDING: 0 15px; --memberinfo2_SECTION_BG: transparent; --memberinfo2_SECTION_FONT_WEIGHT: 400; --memberinfo2_SECTION_PAGE_LBL_COLOR: var(--color2); --memberinfo2_SECTION_PAGE_LBL_BG: transparent; --memberinfo2_SECTION_PAGE_LBL_BULLET: linear-gradient(-240deg, var(--color6) 0%, var(--color7) 100%); --memberinfo2_CONTENT_BG: var(--gradient1); --memberinfo2_CONTENT_TXT_COLOR: var(--color2); --memberinfo2_CONTENT_RADIUS: 10px; --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: 100%; --memberinfo2_CONTENT_LBL_BULLET_TRANSFORM: translateY(-50%); --memberinfo2_CONTENT_LBL_INFO_COLOR: #0eb2f3; --memberinfo2_CONTENT_LBL_INFO_BG: var(--color2); --memberinfo2_CONTENT_LBL_INFO_CONTENT_TXT_COLOR: var(--color2); --memberinfo2_CONTENT_LBL_INFO_CONTENT_BG: #111; --memberinfo2_CONTENT_LBL_TABLIST_BG: var(--color3); --memberinfo2_CONTENT_LBL_TABLIST_ACTIVE_BG: var(--color5); --memberinfo2_CONTENT_LBL_TABLIST_TXT_COLOR: var(--color2); --memberinfo2_CONTENT_LBL_TABLIST_ACTIVE_TXT_COLOR: var(--color2); --memberinfo2_CONTENT_LBL_TABLIST_RADIUS: 10px; --memberinfo2_PROFILE_BORDER_COLOR: var(--color4); --memberinfo2_PROFILE_ITEM_LBL_TXT_COLOR: var(--color10); --memberinfo2_PROFILE_ITEM_VAL_TXT_COLOR: var(--color2); --memberinfo2_PROFILE_VERIFY_ITEM_TXT_COLOR: var(--color6); --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(--color2); --memberinfo2_PROFILE_VERIFY_ITEM_BORDER: 20px; --memberinfo2_PROFILE_KYC_ITEM_RADIUS: 5px; --memberinfo2_PROFILE_KYC_ITEM_TXT_COLOR: var(--color2); --memberinfo2_PROFILE_KYC_ITEM_BG: var(--color1); --memberinfo2_PROFILE_KYC_ITEM_BORDER_COLOR: var(--color1); --memberinfo2_PROFILE_KYC_ITEM_INFO_BG: var(--color2); --memberinfo2_PROFILE_KYC_ITEM_INFO_COLOR: var(--color3); --memberinfo2_PROFILE_KYC_ITEM_INFO_CONTENT_BG: #111; --memberinfo2_PROFILE_KYC_ITEM_INFO_CONTENT_TXT_COLOR: var(--color2); --memberinfo2_PROFILE_KYC_ITEM_ACTION_BG: #333; --memberinfo2_PROFILE_KYC_ITEM_ACTION_TXT_COLOR: var(--color2); --memberinfo2_PROFILE_KYC_ITEM_ACTION_BORDER_COLOR: var(--color3); --memberinfo2_KYC_ITEM_PREVIEW_BTN_RADIUS: 20px; --memberinfo2_KYC_ITEM_PREVIEW_BTN_CHANGE_TXT_COLOR: var(--color2); --memberinfo2_KYC_ITEM_PREVIEW_BTN_CHANGE_BG: linear-gradient(#7d7d7d, #939393); --memberinfo2_KYC_ITEM_PREVIEW_BTN_PREVIEW_TXT_COLOR: var(--color2); --memberinfo2_KYC_ITEM_PREVIEW_BTN_PREVIEW_BG: linear-gradient(var(--color7), var(--color6)); --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; /* ad_1 */ --adclose_BTN_RADIUS: 5px; --adclose_BTN_BG: var(--color6); --adclose_BTN_TXT: #222; /* Update Password */ --update_psw_input_BG: rgba(28,28,29,1); --update_psw_input_Border: var(--color3); --update_psw_input_Color: var(--color2); --update_psw_content_Color: rgb(212, 175, 55); --update_psw_content_detail_Color: var(--color3); --update_psw_content_detail_highlight_Color: rgb(212, 175, 55); --update_psw_btn_Color: var(--color2); --update_psw_preloader_BG: #171d22d1; /* transfer_2 */ --trans2_MODAL_HEAD_BORDER: 2px solid var(--color3); --trans2_MODAL_HEAD_DISC_BG: var(--color5); --trans2_PROVMODAL_BTN_TXT_COLOR: var(--color1); --trans2_PROVMODAL_BTN_BG: var(--color5); --trans2_PROVMODAL_BTN_HOVER_TXT_COLOR: var(--color1); --trans2_PROVMODAL_BTN_HOVER_BG: var(--color4); --trans2_FORM_INPUT_BORDER: 1px solid var(--color5); --trans2_FORM_INPUT_DISABLED_TXT_COLOR: var(--color1); --trans2_FORM_INPUT_DISABLED_BG: var(--color5); --trans2_FORM_INPUT_DISABLED_BORDER: 1px solid var(--color4); --trans2_FORM_INPUT_BTN_SUBMIT_BG: var(--color5); --trans2_FORM_INPUT_BTN_SUBMIT_TXT_COLOR: var(--color1); --trans2_FORM_INPUT_BTN_SUBMIT_HOVER_BG: var(--color4); --trans2_FORM_INPUT_BTN_SUBMIT_HOVER_TXT_COLOR: var(--color1); --trans2_FORM_INPUT_BTN_SUBSUBMIT_TXT_COLOR: var(--color1); --trans2_FORM_INPUT_BTN_SUBSUBMIT_BG: var(--color5); --trans2_FORM_INPUT_BTN_SUBSUBMIT_HOVER_TXT_COLOR: var(--color1); --trans2_FORM_INPUT_BTN_SUBSUBMIT_HOVER_BG: var(--color4); --trans2_FORM_PROV_SWITCH_HOVER_TXT_COLOR: var(--color5); --trans2_CONTENT_TITLE_DISC_BG: var(--color5); --trans2_CONTENT_TABLIST_ACTIVE_TXT_COLOR: var(--color1); --trans2_CONTENT_TABLIST_ACTIVE_BG: var(--color5); --trans2_PROV_BOX_TITLE_DISC_BG: var(--color5); --trans2_PROV_BOX_PROV_ITEM_IMG_BG: #333; --trans2_PROV_BOX_PROV_ITEM_INFO_TXT_COLOR: var(--color1); --trans2_PROV_BOX_PROV_ITEM_INFO_BG: var(--color5); --trans2_PROV_BOX_PROV_ITEM_INFO_HOVER_TXT_COLOR: var(--color1); --trans2_PROV_BOX_PROV_ITEM_INFO_HOVER_BG: var(--color4); --trans2_CREDITS_BOX_CREDITS_ITEM_INFO_BTN_BG: var(--color5); --trans2_CREDITS_BOX_CREDITS_ITEM_INFO_BTN_HOVER_BOX_SHADOW: 3px 3px 0 0 var(--color4); /* prov_list_3 */ --prov3_CAROUSEL_PADDLE_BTN_TXT_COLOR: var(--color5); --prov3_CAROUSEL_PROV_IMG_BORDER: 4px solid var(--color5); --prov3_CAROUSEL_PROV_IMG_LBL_LOBBY_TXT_COLOR: var(--color1); --prov3_CAROUSEL_PROV_IMG_LBL_LOBBY_BG: var(--color5); --prov3_CAROUSEL_PROV_IMG_LBL_GAMELIST_TXT_COLOR: var(--color1); --prov3_CAROUSEL_PROV_IMG_LBL_GAMELIST_BG: var(--color5); --prov3_CAROUSEL_PROV_IMG_PROV_NAME_HOVER_TXT_COLOR: var(--color1); --prov3_CAROUSEL_PROV_IMG_PROV_NAME_HOVER_BG: var(--color5); --prov3_FORM_INPUT_BORDER: 2px solid var(--color5); --prov3_FORM_INPUT_TXT_COLOR: var(--color1); --prov3_FORM_INPUT_DISABLED_BG: var(--color5); --prov3_FORM_INPUT_DISABLED_BORDER: 2px solid var(--color4); --prov3_FORM_INPUT_DISABLED_TXT_COLOR: var(--color1); --prov3_TAB_HEAD_H3_TXT_COLOR: var(--color5); --prov3_TAB_FILTER_BTN_BORDER: 1px solid var(--color5); --prov3_TAB_FILTER_BTN_HOVER_BG: var(--color5); --prov3_TAB_FILTER_BTN_HOVER_TXT_COLOR: var(--color1); --prov3_PROVITEM_LBL_LOBBY_BG: var(--color5); --prov3_PROVITEM_LBL_LOBBY_TXT_COLOR: var(--color1); --prov3_PROVITEM_LBL_GAMELIST_BG: var(--color5); --prov3_PROVITEM_LBL_GAMELIST_TXT_COLOR: var(--color1); --prov3_PROVITEM_BTN_BG: var(--color5); --prov3_PROVITEM_BTN_TXT_COLOR: var(--color1); --prov3_PROVITEM_BTN_HOVER_BG: var(--color4); --prov3_PROVITEM_BTN_HOVER_TXT_COLOR: var(--color1); --prov3_USRPSWDBOX_LINK_TXT_COLOR: var(--color5); --prov3_USRPSWDBOX_BTN_BG: var(--color5); --prov3_USRPSWDBOX_BTN_TXT_COLOR: var(--color1); --prov3_USRPSWDBOX_BTN_HOVER_BG: var(--color4); --prov3_USRPSWDBOX_BTN_HOVER_TXT_COLOR: var(--color1); --prov3_USRPSWDBOX_QR_LBL_BG: var(--color5); --prov3_USRPSWDBOX_QR_LBL_TXT_COLOR: var(--color1); --prov3_FAVBOX_BORDER: 2px solid var(--color5); --prov3_FAVBOX_ITEM_LBL_BG: var(--color5); --prov3_FAVBOX_ITEM_LBL_TXT_COLOR: var(--color1); /* h5 */ --h5_NAVI_ITEM_TXT_COLOR: var(--color1); --h5_NAVI_ITEM_HOVER_TXT_COLOR: var(--color1); --h5_NAVI_ITEM_HOVER_BG: linear-gradient(to bottom, var(--color5), var(--color4)); --h5_NAVI_ITEM_DROPDOWN_BORDER: 1px solid var(--color5); --h5_NAVI_ITEM_DROPDOWN_ITEM_TXT_COLOR: var(--color2); /*Floating button*/ --FLOATBTN1_FLOAT_CONTAINER_FLOATING_TIPS_1_MAX_WIDTH: 100px; --FLOATBTN1_FLOAT_CONTAINER_FLOATING_TIPS_1_TOP: 235px; --FLOATBTN1_FLOAT_CONTAINER_FLOATING_TIPS_1_RIGHT: 5px; --FLOATBTN1_FLOAT_CONTAINER_FLOATING_TIPS_1_ZINDEX: 10; --FLOATBTN1_FLOAT_CONTAINER_FLOATING_TIPS_1_ANIMATION: movemove 10s infinite; --FLOATBTN1_FLOAT_CONTAINER2_MAX_WIDTH: 75px; --FLOATBTN1_FLOAT_CONTAINER2_PADDING_RIGHT: 5px; --FLOATBTN1_FLOAT_CONTAINER2_FLOATING_TIPS_2_IMG_HEIGHT: 100%; --FLOATBTN1_FLOAT_CONTAINER_FLOATING_TIPS_3_MAX_WIDTH: 100px; --FLOATBTN1_FLOAT_CONTAINER_FLOATING_TIPS_3_TOP: 235px; --FLOATBTN1_FLOAT_CONTAINER_FLOATING_TIPS_3_LEFT: 5px; --FLOATBTN1_FLOAT_CONTAINER_FLOATING_TIPS_3_ZINDEX: 10; --FLOATBTN1_FLOAT_CONTAINER_FLOATING_TIPS_3_ANIMATION: movemove 10s infinite; } * { scrollbar-width: thin; scrollbar-color: var(--color4) #030306 } *::-webkit-scrollbar { width: 5px; height: 5px } *::-webkit-scrollbar-track { background-color: #030306; color: #030306; -webkit-border-radius: 6px } *::-webkit-scrollbar-thumb { background-color: var(--color4); color: var(--color4); border-radius: 10px } *::-ms-scrollbar { width: 5px; height: 5px } *::-ms-scrollbar-track-piece { background-color: #030306; color: #030306; -webkit-border-radius: 6px } *::-ms-scrollbar-thumb { background-color: var(--color4); color: var(--color4); border-radius: 10px } .background-primary { background-color: var(--color1) } .header-menu { background: var(--color1) } body { color: var(--color2) } .dstg-background-primary-img { /* position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; z-index: -100; background-size: 100%; background-repeat: no-repeat; background-position: center; background-color: #030306; */ /* background-image: url('/images/templates/Template 1/desktop_background.dstg-jpg') */ } .dstg-bg-gradual-black { background: var(--gradient1) } .dstg-bg-gradient-primary { background: linear-gradient(to bottom, var(--color4) 50%, var(--color5)) } .dstg-bg-gradient-primary:hover, .dstg-bg-gradient-primary:focus, .dstg-bg-gradient-primary:active { filter: drop-shadow(0px 2px 6px var(--color4)) } .dstg-bg-gradient-secondary { background: linear-gradient(to bottom, var(--color6), var(--color7)) } .dstg-bg-gradient-secondary:hover, .dstg-bg-gradient-secondary:focus, .dstg-bg-gradient-secondary:active { background: linear-gradient(to bottom, var(--color7), var(--color6)) } .dstg-bg-gradient-third { background: linear-gradient(to bottom, var(--color8), var(--color9)) } .dstg-bg-gradient-third:hover, .dstg-bg-gradient-third:focus, .dstg-bg-gradient-third:active { background: linear-gradient(to bottom, var(--color9), var(--color8)) } .dstg-bg-gradient-gray { background: var(--gradient2) } /* .dstg-bg-gradient-gray:hover, .dstg-bg-gradient-gray:focus, .dstg-bg-gradient-gray:active{ background: -webkit-gradient(linear, left top, right top, from(rgba(216, 184, 86,1)) 0%, to(rgba(156, 129, 49,1)) 100%); background: linear-gradient(88deg,rgb(216 184 86) 0%,rgb(156 129 49) 100%) } */ .dstg-text-blue, .dstg-text-primary { color: var(--color6) } .dstg-text-yellow, .dstg-text-secondary { color: var(--color6) } .dstg-text-gray { color: #bdbdbd } .dstg-text-error { color: var(--error) } .dstg-btn-play.dstg-yellow { border: 1px solid var(--color5); background-color: var(--color5); border-radius: 3px } .dstg-btn-play.dstg-black, .dstg-btn-play.dstg-yellow { min-height: 35px; color: var(--color1) } .dstg-btn-play.dstg-black { border: 1px solid rgba(203,37,37,.4); border-radius: 3px } .dstg-btn-play.dstg-black, .dstg-btn-play.dstg-gray { background-color: var(--color1) } .dstg-btn-play.dstg-gray { min-height: 47px; color: #9b9b9b; border: 1px solid var(--color1); border-radius: 3px; cursor: auto !important } .dstg-btn-play:last-child { margin-right: 0 } .dstg-btn-play:not(.dstg-gray ):hover { border: 1px solid var(--color5); background-color: var(--color5); transition: .3s } .dstg-btn-play:before { content: ""; background-color: var(--color4); height: 100%; width: 136px; display: block; position: absolute; top: 0; right: -5.3rem; opacity: .6; -webkit-transform: skewX(-71deg) translateX(2em); transform: skewX(-71deg) translateX(2em); -webkit-transition: none; transition: none } .dstg-btn-play:not(.dstg-gray ):hover:before { -webkit-transform: skewX(-71deg) translateX(-10.5em); transform: skewX(-71deg) translateX(-10.5em); -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out } @keyframes spinner-animation { 0% { transform: rotate(0) } 100% { transform: rotate(360deg) } } .dstg-spinner-animation div { box-sizing: border-box!important } .dstg-spinner-animation > div { position: absolute; width: 72px; height: 72px; top: 14px; left: 14px; border-radius: 50%; border: 8px solid var(--color1); border-color: var(--color4) transparent var(--color4) transparent; animation: spinner-animation 1s linear infinite } .dstg-spinner-animation > div:nth-child(2), .dstg-spinner-animation > div:nth-child(4) { width: 54px; height: 54px; top: 23px; left: 23px; animation: spinner-animation 1s linear infinite reverse } .dstg-spinner-animation > div:nth-child(2) { border-color: transparent var(--color6) transparent var(--color6) } .dstg-spinner-animation > div:nth-child(3) { border-color: transparent } .dstg-spinner-animation > div:nth-child(3) div { position: absolute; width: 100%; height: 100%; transform: rotate(45deg) } .dstg-spinner-animation > div:nth-child(3) div:before, .dstg-spinner-animation > div:nth-child(3) div:after { content: ""; display: block; position: absolute; width: 8px; height: 8px; top: -8px; left: 24px; background: var(--color4); border-radius: 50%; box-shadow: 0 64px 0 0 var(--color4) } .dstg-spinner-animation > div:nth-child(3) div:after { left: -8px; top: 24px; box-shadow: 64px 0 0 0 var(--color4) } .dstg-spinner-animation > div:nth-child(4) { border-color: transparent } .dstg-spinner-animation > div:nth-child(4) div { position: absolute; width: 100%; height: 100%; transform: rotate(45deg) } .dstg-spinner-animation > div:nth-child(4) div:before, .dstg-spinner-animation > div:nth-child(4) div:after { content: ""; display: block; position: absolute; width: 8px; height: 8px; top: -8px; left: 15px; background: var(--color6); border-radius: 50%; box-shadow: 0 46px 0 0 var(--color6) } .dstg-spinner-animation > div:nth-child(4) div:after { left: -8px; top: 15px; box-shadow: 46px 0 0 0 var(--color6) } .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 } .dstg-important-icon { color: var(--color4) } /* INPUT */ .form-group input, .form-group select { color: var(--color2); border-color: var(--color10); background: var(--color1) } .form-group input:focus, .form-group input:hover, .form-group select:focus, .form-group select:hover { border-color: var(--color4) } /* MODAL */ .modal-content { color: var(--color2); background: var(--gradient1); box-shadow: 0px 0px 7px 4px var(--color6) } .modal-header:after { border-bottom: 2px solid var(--color3) } .modal-header .diamond { background: var(--color6) } .modal-header .btn-modalClose { color: var(--color3) } /* langmodal */ #langmodal .lang- { border-color: #ffffff1a } #langmodal .lang- .lang-option li:hover { color: var(--color6) } /* 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(--color2); background: #3e3e3e } #loginmodal .nav-tabs .nav-link.active, #loginmodal .nav-tabs .nav-link:hover { background: linear-gradient(var(--color4), var(--color5)) } #loginmodal .input- i { color: var(--color4) } #loginmodal .forgot-field { color: inherit } #loginmodal .forgot-field:hover { color: var(--color6) } #loginmodal .loginBtn, #loginmodal .loginOtpBtn { color: var(--color1); font-weight: 600 } /* donwloadmodal */ #downloadmodal .downloadQR-content { border-top: dashed 1px var(--color3) } #downloadmodal .downloadQR-content .downloadQR-item:nth-child(2) { border-left: dashed 1px var(--color3) } #downloadmodal .downloadQR-content .user-wrap { border-left: dashed 1px var(--color3) } #downloadmodal .downloadQR-content .btn-download { color: var(--color2) } #downloadmodal .downloadQR-content .user-wrap .form-control{ background-color: transparent; } #downloadmodal .downloadQR-content .user-wrap .form-group input{ border-color: var(--color4); } /* angpowmodal */ #angpowmodal .dstg-angpowPopContent-wrap .dstg-login-box .dstg-login-wrap .dstg-text{ color: var(--color6); } /* HEADER */ .dstg-header .dstg-header-content { background: var(--color1) } .dstg-header-content .dstg-header-left .dstg-logo { max-width: 220px } .dstg-header-content .dstg-header-center .dstg-member-box .dstg-member-content { color: var(--color2); } .dstg-header-content .dstg-header-center .dstg-member-box .dstg-member-content .dstg-member-name { color: var(--color4); } .dstg-header-content .dstg-header-center .dstg-balance-box .wallet-balance, .dstg-header-content .dstg-header-center .dstg-navi-box { color: var(--color2); } /* Total Balance List */ .dstg-header-content .dstg-header-center .dstg-balance-box .dstg-refreshBtn { color: var(--color2) } .dstg-header-content .dstg-header-center .dstg-balance-box .dstg-refreshBtn:hover { filter: brightness(.6) } .dstg-header-content .dstg-header-center .dstg-balance-box .wallet-balance .totalBalList { border: 1px solid var(--color4); background-color: #1e1e1e } .dstg-header-content .dstg-header-center .dstg-balance-box .wallet-balance .totalBalList hr { border-bottom: 1px solid var(--color4) } .dstg-header-content .dstg-header-center .dstg-balance-box .wallet-balance .totalBalList .mainWalletArea { color: var(--color2) } .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 .provName { color: var(--color2) } .dstg-header-content .dstg-header-center .dstg-balance-box .wallet-balance .totalBalList .item .provBal { color: var(--color2) } .dstg-header-content .dstg-header-center .dstg-balance-box .wallet-balance .totalBalList .item .provBal.unlocked, .dstg-header-content .dstg-header-center .dstg-balance-box .wallet-balance .totalBalList .item .provBal.active { color: var(--walOn) } .dstg-header-content .dstg-header-center .dstg-balance-box .wallet-balance .totalBalList .item .provBal.locked { color: var(--walOff) } /* Total Balance List */ .dstg-header-content .dstg-header-center .dstg-navi-box .dstg-navi-content:hover { color: var(--color4); transition: .3s } .dstg-header-content .dstg-header-center .btn-box button { color: var(--color3); } .dstg-header-content .dstg-header-center .btn-box button:hover i { /* color: rgba(7,33,60,1); */ } .dstg-header-content .dstg-header-center .language-box:hover { filter: brightness(.6) } .dstg-header-content .dstg-header-right button:first-child { border: 1px solid var(--color6); color: var(--color2); background: linear-gradient(#222, #555) } .dstg-header-content .dstg-header-right button:first-child:hover { filter: none; background: linear-gradient(#666, #999) } .dstg-header-content .dstg-header-right button:last-child { border: none; color: var(--color1); background: var(--color6) } .dstg-header-content .dstg-header-right button:last-child:hover { background: var(--color4) } .dstg-top-slideshow .carousel-indicators li { border: 0; background: var(--color10) } .dstg-top-slideshow .carousel-indicators li.active { background: var(--color6) } /* HEADER */ /* FOOTER */ footer { background: linear-gradient(180deg, rgba(3,3,6,1) 0%, rgba(58,58,60,1) 10%) } footer .dstg-footer-top .dstg-footer-separate .dstg-description-item { color: #bdbdbd } footer .dstg-footer-bottom .dstg-bottom-wrap { border-top: solid 1px #bdbdbd } footer .dstg-footer-bottom .dstg-bottom-wrap .dstg-footer-bottom-bar .dstg-copy-right { color: #9b9b9b } footer .dstg-footer-bottom .dstg-bottom-wrap .dstg-footer-bottom-bar ul li { border-left: 1px solid #bdbdbd; color: #bdbdbd } footer .dstg-footer-bottom .dstg-bottom-wrap .dstg-footer-bottom-bar ul li:first-child { border-left: none } footer .dstg-footer-bottom .dstg-bottom-wrap .dstg-footer-bottom-bar ul li:hover, footer .dstg-footer-bottom .dstg-bottom-wrap .dstg-footer-bottom-bar ul li:focus, footer .dstg-footer-bottom .dstg-bottom-wrap .dstg-footer-bottom-bar ul li:active { color: var(--color6); transition: .3s ease } footer .dstg-img-wrapper { background: var(--color1) } footer .dstg-img-wrapper .dstg-title-box { color: var(--color2) } /* FOOTER */ /* NAVI BAR */ .dstg-navi-content .bottom-nav .navi-list .nav-item:hover, .dstg-navi-content .bottom-nav .navi-list .nav-item .is-acted { background: linear-gradient(to bottom, var(--color5), var(--color4)) } .dstg-navi-content .bottom-nav .navi-list .nav-item a { color: var(--color1); -webkit-transition: .3s; transition: .3s } .dstg-navi-content .bottom-nav .navi-list .nav-item:hover a, .dstg-navi-content .bottom-nav .navi-list .nav-item.is-acted a { text-decoration: none; -webkit-transition: .3s; transition: .3s } .dstg-navi-content .bottom-nav .navi-list .brand-item:hover .brand-selection { color: var(--color2); background: var(--color1); border-color: var(--color6) } .dstg-navi-content .bottom-nav .navi-list .brand-item .brand-selection li:hover { background: linear-gradient(to bottom, var(--color5), var(--color4)) } .dstg-navi-bar .navi-bar-bg { background: var(--color6) } /* NAVI BAR */ /* SIDE MENU BAR */ .dstg-sideMenu { /* background: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,.0)) */ } .dstg-sideMenuLeftContainer.show { background: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,.8)) } .dstg-sideMenuLeftContainer .dstg-sideMenuTop .dstg-logo-box { border-bottom: 1px solid #bdbdbd } .dstg-sideMenuLeftContainer .dstg-sideMenuTop .dstg-logo-box .dstg-logo-img img { max-width: 150px } .dstg-sideMenuLeftContainer .dstg-sideMenuTop .dstg-logo-box .dstg-icon-img { color: #bdbdbd } .dstg-sideMenuLeftContainer .dstg-sideMenuTop .dstg-member-box .dstg-member-memberPoint { color: #bdbdbd; } .dstg-sideMenuLeftContainer .dstg-sideMenuTop .dstg-member-box .dstg-member-memberPoint .dstg-btn-box button { color: #bdbdbd; } .dstg-sideMenuLeftContainer .dstg-sideMenuTop .dstg-member-box .dstg-member-memberPoint .dstg-btn-box button:hover i { color: var(--color2); } .dstg-sideMenuLeftContainer .dstg-sideMenuMiddle .dstg-menu-box { width: 100%; } .dstg-sideMenuLeftContainer .dstg-sideMenuMiddle .dstg-menu-box.off .dstg-menu-hover { background: linear-gradient(to bottom, rgba(0,0,0,.8), rgba(0,0,0,.6)) } .dstg-sideMenuLeftContainer .dstg-sideMenuMiddle .dstg-menu-box.off .dstg-menu-hover li:hover { color: var(--color1); background: linear-gradient(to bottom, var(--color5), var(--color4)) } .dstg-sideMenuLeftContainer .dstg-sideMenuMiddle .dstg-menu-box .dstg-menu-label { color: #bdbdbd; background: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,.8)); border-bottom: dashed 1px #bdbdbd } .dstg-sideMenuLeftContainer .dstg-sideMenuMiddle .dstg-menu-box ul li { color: #bdbdbd; background: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,.8)); } .dstg-sideMenuLeftContainer .dstg-sideMenuMiddle .dstg-menu-box ul li:hover, .dstg-sideMenuLeftContainer .dstg-sideMenuMiddle .dstg-menu-box ul li:focus { background: linear-gradient(to bottom, var(--color5), var(--color4)); transition: .5s } .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(--color1); transition: .5s } .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(--color1); transition: .5s } .dstg-sideMenuLeftContainer .dstg-sideMenuMiddle ul li.noSubNavi { color: #bdbdbd; background: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,.8)); } .dstg-sideMenuLeftContainer .dstg-sideMenuMiddle ul li.noSubNavi:hover { color: var(--color1); background: linear-gradient(to bottom, var(--color5), var(--color4)) } .dstg-sideBtn-wrapper .dstg-btn-box button { color: var(--color1); background: linear-gradient(to bottom,var(--color4),var(--color5)); border: 2px solid var(--color5) } .dstg-sideBtn-wrapper .dstg-btn-box button:hover, .dstg-sideBtn-wrapper .dstg-btn-box button:focus { filter: drop-shadow(0px 2px 6px var(--color4)) } /* SIDE MENU BAR */ /* marquee */ .dstg-announcement-marquee .dstg-marquee-icon, .dstg-announcement-marquee .dstg-marquee-content { color: #bdbdbd } .announce-bar-area{ padding-top: 10px; } .marquee-box { margin: 0 0 2rem !important; padding: 5px 2rem !important; color: var(--color5) !important; background: var(--color1) !important; border-color: var(--color5) !important; font-weight: 600; /* border-left: none !important; border-right: none !important; border-top: 2px solid var(--color1); */ border: 1px solid var(--color5) !important; border-radius: 30px; } .marquee-box .icon{ color: var(--color5); } /* marquee */ /* pop out base */ .dstg-ad-pop-box, .dstg-pop-box { background: rgba(0,0,0,.6) } .dstg-ad-pop-box .dstg-ad-pop-inner .dstg-adPopBtn-wrap button, .dstg-pop-box .dstg-pop-inner .dstg-popBtn-wrap button { color: #bdbdbd } .dstg-pop-box .dstg-pop-inner .dstg-popTitle-wrap { border-bottom: solid 1px #bdbdbd } /* pop out base */ /* announcement pop & marquee pop */ .dstg-announcePop-box .dstg-announcePop-wrapper .dstg-announceContent-wrap .dstg-announce-cover, .dstg-marqueePop-box .dstg-marqueePop-wrapper .dstg-popContent-wrap .dstg-announce-cover { border-bottom: 1px dashed grey } .dstg-announcePop-box .dstg-announcePop-wrapper .dstg-announceContent-wrap .dstg-announce-cover .dstg-announce-content, .dstg-marqueePop-box .dstg-marqueePop-wrapper .dstg-popContent-wrap .dstg-announce-cover .dstg-announce-content { color: #bdbdbd } /* announcement pop & marquee pop */ /* contact us pop */ .dstg-contactUsPop-box .dstg-contactUsPop-wrapper .dstg-contact-wrap tr .dstg-primary-col i { color: var(--color4) } .dstg-contactUsPop-box .dstg-contactUsPop-wrapper .dstg-contact-wrap tr .dstg-value-col { color: var(--color2) } .dstg-contactUsPop-box .dstg-contactUsPop-wrapper .dstg-contact-wrap tr .dstg-value-col a { color: var(--color2); border-bottom: solid 1px transparent; transition: .3s } .dstg-contactUsPop-box .dstg-contactUsPop-wrapper .dstg-contact-wrap tr .dstg-value-col a:hover { color: var(--color4); border-bottom: solid 1px var(--color4); transition: .3s } /* contact us pop */ /* language pop */ .dstg-languagePop-box .dstg-languagePop-wrapper .dstg-language-wrap .dstg-language-seperate { border-bottom: 1px dashed #bdbdbd } .dstg-languagePop-box .dstg-languagePop-wrapper .dstg-language-wrap .dstg-language-seperate .dstg-language-country { color: #bdbdbd } .dstg-languagePop-box .dstg-languagePop-wrapper .dstg-language-wrap .dstg-language-seperate .dstg-language-option li { color: #bdbdbd; border-right: 1px solid #bdbdbd } .dstg-languagePop-box .dstg-languagePop-wrapper .dstg-language-wrap .dstg-language-seperate .dstg-language-option li:hover, .dstg-languagePop-box .dstg-languagePop-wrapper .dstg-language-wrap .dstg-language-seperate .dstg-language-option li:focus, .dstg-languagePop-box .dstg-languagePop-wrapper .dstg-language-wrap .dstg-language-seperate .dstg-language-option li:active { color: var(--color6); transition: .3s } /* language pop */ /* download pop */ .dstg-downloadPop-box .dstg-downloadPop-wrapper .dstg-link-wrap { border-top: dashed 1px #bdbdbd } .dstg-downloadPop-box .dstg-downloadPop-wrapper .dstg-link-wrap .dstg-separate-line { border-right: dashed 1px #bdbdbd } .dstg-downloadPop-box .dstg-downloadPop-wrapper .dstg-link-wrap .dstg-link-separate .dstg-link-title .dstg-icon { color: #bdbdbd } .dstg-downloadPop-box .dstg-downloadPop-wrapper .dstg-link-wrap .dstg-link-separate .dstg-link-title .dstg-text { color: #bdbdbd } .dstg-downloadPop-box .dstg-downloadPop-wrapper .dstg-link-wrap .dstg-link-separate .dstg-content-separate .dstg-content-label{ color: #bdbdbd; } .dstg-downloadPop-box .dstg-downloadPop-wrapper .dstg-link-wrap .dstg-link-separate .dstg-content-separate .dstg-content-value{ border: 1px solid var(--color4); background: transparent; } .dstg-downloadPop-box .dstg-downloadPop-wrapper .dstg-link-wrap .dstg-link-separate .dstg-content-separate .dstg-content-copy{ color: #bdbdbd; } /* download pop */ /* login pop */ .dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-tab ul li { border-bottom: solid 4px rgb(212 175 55); background: #353638 } .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 { background: var(--color4); transition: .3s } .dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-tab ul .dstg-active { font-weight: bold; background: var(--color4); transition: .3s } .dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-inputBox { border: solid 1px #bdbdbd; background: rgba(28,28,29,1) } .dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-inputBox:hover { border: solid 1px var(--color4); -webkit-transition: .3s ease; transition: .3s ease } .dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-loginMobileInput .dstg-inputField .dstg-select-input .dstg-select-selected:hover, .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:focus, .dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-loginMobileInput .dstg-inputField input:hover, .dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-loginMobileInput .dstg-inputField input:focus, .dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-loginMobileInput .dstg-inputField select:hover, .dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-loginMobileInput .dstg-inputField select:focus, .dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-forgot-box .dstg-inputField select:hover, .dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-forgot-box .dstg-inputField select:focus { border: solid 1px var(--color4); -webkit-transition: .3s ease; transition: .3s ease } .dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-loginMobileInput .dstg-inputField .dstg-select-input .dstg-select-selected { color: var(--color2); border: 1px solid #bdbdbd; background: rgba(28,28,29,1) } .dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-loginMobileInput .dstg-inputField .dstg-select-input .dstg-select-selected:after { content: ""; border: 6px solid transparent; border-color: var(--color4) transparent transparent transparent } .dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-loginMobileInput .dstg-inputField .dstg-select-input .dstg-select-items { color: var(--color2); border: 1px solid var(--color4) } .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 { color: var(--color2); background: rgba(0,0,0,.9) } .dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-loginMobileInput .dstg-inputField input { background: rgba(28,28,29,1); border: solid 1px #bdbdbd } .dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-loginMobileInput .dstg-inputField select { color: var(--color2); background: rgba(28,28,29,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-inputBox .dstg-inputField .dstg-input-icon i { color: var(--color4); -webkit-transition: .3s ease; transition: .3s ease } .dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-inputBox:hover .dstg-inputField .dstg-input-icon i { color: var(--color4); -webkit-transition: .3s ease; transition: .3s ease } .dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-btnBox .dstg-loginBtn { color: var(--color2) } .dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-forgot-box .dstg-forgot-wrap .dstg-text { color: #bdbdbd } .dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-forgot-box .dstg-forgot-wrap .dstg-text:hover { color: var(--color4); -webkit-transition: .3s ease; transition: .3s ease } .dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-forgot-box .dstg-inputField .dstg-select-input .dstg-select-selected { color: var(--color2); border: 1px solid #bdbdbd; background: #1c1c1d } .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:hover, .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:focus { border: solid 1px #d4af37; -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:after { content: ""; border: 6px solid transparent; border-color: #d4af37 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 { color: var(--color2); border: 1px solid var(--color4) } .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); background: rgba(0,0,0,.9) } .dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-forgot-box .dstg-inputField .dstg-select-input .dstg-select-items div:hover { background: var(--color4); transition: .3s } .dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-forgot-box .dstg-inputField select { color: var(--color2); background: rgba(28,28,29,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 1px #bdbdbd } .dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-register-box .dstg-register-wrap .dstg-text { color: #bdbdbd } .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 { border-bottom: solid 1px transparent } .dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-register-box .dstg-register-wrap .dstg-text .dstg-register-btn:hover { border-bottom: solid 1px var(--color6); -webkit-transition: .3s; transition: .3s } .dstg-inputHover { border: solid 1px var(--color4) !important; -webkit-transition: .3s ease; transition: .3s ease } .dstg-inputIconHover i { color: var(--color4) !important; -webkit-transition: .3s ease; transition: .3s ease } .dstg-loginBtnHover { background: linear-gradient(180deg,rgb(178 141 29) 0%,rgb(220 180 59) 100%) !important; -webkit-transition: .3s ease; transition: .3s ease } /* login pop */ /* restore balance pop */ .dstg-restoreListPop-box .dstg-restoreListPop-wrapper .dstg-listItem-wrap .dstg-listHeader { border-bottom: 1px solid #bdbdbd } .dstg-restoreListPop-box .dstg-restoreListPop-wrapper .dstg-listItem-wrap .dstg-listBody .dstg-listTr .dstg-listTd span { color: #bdbdbd } /* restore balance pop */ /* auto transfer pop */ .dstg-directAllInPop-box .dstg-directAllInPop-wrapper .dstg-restoredList-title { border-bottom: dashed 1px #bdbdbd; color: #bdbdbd } .dstg-directAllInPop-box .dstg-directAllInPop-wrapper .dstg-listItem-wrap .dstg-listHeader { border-bottom: 1px solid #bdbdbd } .dstg-directAllInPop-box .dstg-directAllInPop-wrapper .dstg-listItem-wrap .dstg-listBody .dstg-listTr .dstg-listTd span { color: #bdbdbd } .dstg-directAllInPop-box .dstg-directAllInPop-wrapper .dstg-directProviderInfo-wrap { color: #bdbdbd } /* referral button */ .dstg-referralChangeTab-btn{ display: flex; padding: 5px; } .dstg-memberInfo-box .dstg-info-wrapper .dstg-btn-copy { margin-left: 10px; border: none; color: var(--color2); padding: 4px 15px; border-radius: 10px; cursor: pointer; } /* end of referral button */ /* auto transfer pop */ /* referral pop */ .dstg-referralPop-box .dstg-referralPop-wrapper .dstg-referralinfo { color: #bdbdbd } .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: #bdbdbd } .dstg-referralPop-box .dstg-referralPop-wrapper .dstg-referral-table .dstg-dataTables_wrapper .dstg-dataTables_filter label input { background: rgba(0,0,0,.9); color: var(--color2); border: solid 1px var(--color4) } .dstg-referralPop-box .dstg-referralPop-wrapper .dstg-referral-table .dstg-dataTables_wrapper table.dstg-dataTable tr td { color: #bdbdbd } .dstg-referralPop-box .dstg-referralPop-wrapper .dstg-referral-table .dstg-dataTables_wrapper table.dstg-dataTable thead tr td { color: #f91212 } .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 .dstg-dataTables_paginate .dstg-paginate_button { border: 1px solid var(--color4); background: rgba(0,0,0,.9); color: var(--color2) !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 { background: var(--color4); transition: .3s } /* referral pop */ /* seo content */ .dstg-article-wrap .dstg-seo-btn button { color: var(--color2) } .dstg-article-wrap .dstg-article-box .dstg-seo-info { color: #bdbdbd } .dstg-article-wrap .dstg-article-box .dstg-seo-info strong { color: var(--color4) } .dstg-article-wrap .dstg-article-box .dstg-seo-info a { color: #bdbdbd; border-bottom: 1px solid #bdbdbd } .dstg-article-wrap .dstg-article-box .dstg-seo-info a:hover { color: var(--color4) ; border-bottom: 1px solid var(--color4) ; transition: .3s } .dstg-seo-wrapper { color: #bdbdbd } .dstg-seo-wrapper strong { color: var(--color4) } .dstg-seo-wrapper a { color: #bdbdbd; border-bottom: 1px solid #bdbdbd } .dstg-seo-wrapper a:hover { color: var(--color4) ; border-bottom: 1px solid var(--color4) ; transition: .3s } /* seo content */ /* about us page */ .dstg-article-wrap .dstg-article-box .dstg-about-info { color: #bdbdbd } .dstg-article-wrap .dstg-article-box .dstg-about-info strong { color: var(--color4) } /* about us page */ /* contact us page */ .dstg-article-wrap .dstg-article-box .dstg-contact-info { color: #bdbdbd } .dstg-article-wrap .dstg-article-box .dstg-contact-info table tbody{ display: grid; } .dstg-article-wrap .dstg-article-box .dstg-contact-info .dstg-contact-list tr{ grid-template-columns: 48% 2% 50%; display: grid; } .dstg-article-wrap .dstg-article-box .dstg-contact-info table tbody .WHATSAPP2_{ grid-row: 2; } .dstg-article-wrap .dstg-article-box .dstg-contact-info table tbody .WHATSAPP3_{ grid-row: 3; } .dstg-article-wrap .dstg-article-box .dstg-contact-info .dstg-contact-list tr .dstg-primary-col i { color: var(--color6) } .dstg-article-wrap .dstg-article-box .dstg-contact-info .dstg-contact-list tr .dstg-value-col { color: var(--color2) } .dstg-article-wrap .dstg-article-box .dstg-contact-info .dstg-contact-list tr .dstg-value-col a { color: var(--color2); border-bottom: solid 1px transparent; transition: .3s } .dstg-article-wrap .dstg-article-box .dstg-contact-info .dstg-contact-list tr .dstg-value-col a:hover { color: var(--color4) ; border-bottom: solid 1px var(--color4) ; transition: .3s } #contactmodal .modal-body tr .dstg-primary-col i { font-size: 25px; color: var(--color6) } #contactmodal .modal-body tr .dstg-value-col { color: var(--color3); } #contactmodal .modal-body tr .dstg-value-col a { color: var(--color3); border-bottom: solid 1px transparent; transition: .3s; } #contactmodal .modal-body tr .dstg-primary-col img{ width: 25px; } /* contact us page */ /* tnc page */ .dstg-article-wrap .dstg-article-box .dstg-term-info { color: #bdbdbd } .dstg-article-wrap .dstg-article-box .dstg-term-info strong { color: var(--color4) } /* tnc page */ /* promotion page */ .promoFilter-wrapper .promoFilter-separate .promoFilter-title { color: var(--color10); } .promoFilter-wrapper .promoFilter-separate .promoFilter-option .promoFilter-list li .option { border: 1px solid var(--color4) } .promoFilter-wrapper .promoFilter-separate .promoFilter-option .promoFilter-list li:hover .option, .promoFilter-wrapper .promoFilter-separate .promoFilter-option .promoFilter-list li .option.is-acted { transition: .3s; background: var(--color4) } .promoList-wrapper .promoList-separate { border-bottom: dashed 1px var(--color10); } .promoList-separate .promoContent-right .promo-description .description-left .description-title .flag{ background: var(--color6) } .promoList-separate .promoContent-right .promo-description .description-left .description-title .text { color: var(--color10); } .promoList-separate .promoContent-right .promo-description .description-right .description-date .date-range{ color: var(--color6) } .promoList-separate .promoContent-right .promo-btn button { color: var(--color1); background: linear-gradient(to bottom, var(--color4), var(--color5)); } .promoList-separate .promoContent-right .promo-btn button:hover { filter: drop-shadow(0px 2px 6px var(--color4)) } .promoList-separate .promoContent-right .promo-info .info-wrap { color: var(--color10); } .promoList-separate .promoContent-right .promo-info .info-wrap .info-content table { border: solid 1px var(--color10); } .promoList-wrapper .promoList-not { color: var(--color10); } /* promotion page */ /* download page */ .dstg-download-wrapper .dstg-download-item{ background: linear-gradient(124deg,#2f2f2f,#202020 100%); } .dstg-download-wrapper .dstg-download-item .dstg-content-box .dstg-title-box span, .dstg-downloadList-wrapper .dstg-download-item .dstg-content-box .dstg-title-box span { color: #bdbdbd } /* download page */ /* home page (unlogin) */ .dstg-sub-slider-wrapper .dstg-title-box { border-bottom: 2px dashed var(--color3) } .dstg-sub-slider-wrapper .dstg-subSlider-wrapper .dstg-game-slider { height: 257px } .dstg-sub-slider-wrapper .dstg-subSlider-wrapper .dstg-game-slider .dstg-imgContainer .dstg-imgItem { width: 230px } .dstg-sub-slider-wrapper .dstg-subSlider-wrapper .dstg-game-slider .dstg-imgContainer .dstg-imgItem .dstg-img { width: 230px; height: 257px; border-bottom: 7px solid var(--color4) } .dstg-sub-slider-wrapper .dstg-subSlider-wrapper .dstg-game-slider.dstg-v2 { height: 257px } .dstg-sub-slider-wrapper .dstg-subSlider-wrapper .dstg-game-slider.dstg-v2 .dstg-imgContainer .dstg-imgItem { width: 230px } .dstg-sub-slider-wrapper .dstg-subSlider-wrapper .dstg-game-slider.dstg-v2 .dstg-imgContainer .dstg-imgItem .dstg-img { width: 230px; height: 257px; border-bottom: 7px solid var(--color4) } .dstg-jackpot-wrap { height: 250px } .dstg-jackpot-wrap .dstg-jackpot-title { color: transparent } .dstg-jackpot-wrap .dstg-jackpot-content { margin: auto } .dstg-jackpot-wrap .dstg-jackpot-content .dstg-jackpot-amount { position: absolute; width: 100%; top: 66%; transform: translateY(-75%); font-size: 60px; font-weight: bold; color: var(--color2); text-align: center; font-style: italic } .dstg-jackpot-wrap .dstg-jackpot-content .dstg-jackpot-currency { margin-right: 10px } /* home page (unlogin) */ /* register page */ .dstg-register-wrap .dstg-register-box .dstg-register-content .dstg-member-benefits .dstg-content { border-left: solid 3px var(--color4); background: #353638 } .dstg-register-wrap .dstg-register-box .dstg-register-content .dstg-register-tab ul li { border-left: solid 4px var(--color6); background: #353638 } .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 { background: linear-gradient(to bottom, var(--color5), var(--color4)) } .dstg-register-wrap .dstg-register-box .dstg-register-content .dstg-register-tab ul .active { background: linear-gradient(to bottom, var(--color5), var(--color4)) } .dstg-register-box .dstg-register-content .dstg-register-form .dstg-register-separate .dstg-register-input input { background: rgba(28,28,29,1); border: solid 1px #bdbdbd } .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 input:hover, .dstg-register-box .dstg-register-content .dstg-register-form .dstg-register-separate .dstg-register-input input:focus, .dstg-register-box .dstg-register-content .dstg-register-form .dstg-register-separate .dstg-register-input .inputMark { border: solid 1px var(--color4); -webkit-transition: .3s ease; transition: .3s ease } .dstg-register-box .dstg-register-content .dstg-register-form .dstg-register-separate .dstg-register-input .dstg-select-input .dstg-select-selected { color: var(--color2); border: 1px solid #bdbdbd; background: rgba(28,28,29,1) } .dstg-register-box .dstg-register-content .dstg-register-form .dstg-register-separate .dstg-register-input .dstg-select-input .dstg-select-selected:hover, .dstg-register-box .dstg-register-content .dstg-register-form .dstg-register-separate .dstg-register-input .dstg-select-input .dstg-select-selected:focus { border: solid 1px var(--color4); -webkit-transition: .3s ease; transition: .3s ease } .dstg-register-box .dstg-register-content .dstg-register-form .dstg-register-separate .dstg-register-input .dstg-select-input .dstg-select-selected:after { content: ""; border: 6px solid transparent; border-color: var(--color4) transparent transparent transparent } .dstg-register-box .dstg-register-content .dstg-register-form .dstg-register-separate .dstg-register-input .dstg-select-input .dstg-select-arrow-active { border: solid 1px var(--color4); -webkit-transition: .3s ease; transition: .3s ease } .dstg-register-box .dstg-register-content .dstg-register-form .dstg-register-separate .dstg-register-input .dstg-select-input .dstg-select-items { color: var(--color2); border: 1px solid var(--color4) } .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); background: rgba(0,0,0,.9) } .dstg-register-box .dstg-register-content .dstg-register-form .dstg-register-separate .dstg-register-input .dstg-select-input .dstg-select-items div:hover { background: var(--color4); transition: .3s } .dstg-register-box .dstg-register-content .dstg-register-form .dstg-register-separate .dstg-register-input select { color: var(--color2); background: #1c1c1d; border: solid 1px #bdbdbd } .dstg-register-box .dstg-register-content .dstg-register-form .dstg-register-separate .dstg-register-input select:hover, .dstg-register-box .dstg-register-content .dstg-register-form .dstg-register-separate .dstg-register-input select:focus { border: solid 1px #d4af37 } .dstg-register-box .dstg-register-content .dstg-register-form .dstg-register-separate .inputMsg.tipMsg { color: #bdbdbd } .dstg-register-box .dstg-register-content .dstg-register-form .dstg-register-separate .inputMsg.error { color: var(--color6) } .dstg-register-box .dstg-register-content .dstg-register-form .dstg-register-separate .dstg-register-btn button { color: var(--color1) } #telegramRegBtn:disabled { background:var(--color3); cursor: no-drop; } /* register page */ /* register success page */ .dstg-registerSuccess-wrap .dstg-registerSuccess-box .dstg-registerSuccess-content .dstg-member-benefits .dstg-content { border-left: solid 3px var(--color4); background: #353638 } .dstg-registerSuccess-wrap .dstg-registerSuccess-box .dstg-registerSuccess-content .dstg-registerSuccess-msg { color: #bdbdbd } .dstg-registerSuccess-wrap .dstg-registerSuccess-box .dstg-registerSuccess-content .dstg-registerSuccess-msg .dstg-msg-content .dstg-highlight { color: var(--color4) } /* register success page */ /* transfer page */ .dstg-shortcut-wrapper .dstg-shortcut-seperate { color: #bdbdbd } .dstg-shortcut-seperate .dstg-shortcut-title { border-bottom: 1px dashed #bdbdbd } .dstg-shortcut-seperate .dstg-shortcut-provider .provider-content .provider-logo .logo-name, .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-shortcut-seperate .dstg-shortcut-provider .provider-content .provider-logo { background: linear-gradient(298deg, rgba(0,0,0,.6) 100%, rgba(0,0,0,.2) 0%) } .dstg-shortcut-seperate .dstg-shortcut-provider .provider-content .provider-bal .balanceActive { color: #3ec682 } .dstg-shortcut-seperate .dstg-shortcut-provider .provider-content .dstg-provider-bal .balanceLocked { color: #cd5c5c } .dstg-timer-wrapper .dstg-timer-title { color: #bdbdbd } .dstg-timer-wrapper .dstg-timer-val { color: #bdbdbd } .dstg-timer-wrapper .dstg-btn-box button { color: var(--color2) } .dstg-timer-wrapper .dstg-toggle-btn .dstg-toggle-slider { background-color: rgba(0,0,0,.9); border: 1px solid var(--color4) } .dstg-timer-wrapper .dstg-toggle-btn .dstg-toggle-slider:before { content: ""; background-color: var(--color2) } .dstg-timer-wrapper .dstg-toggle-btn .dstg-toggle-slider .on, .dstg-timer-wrapper .dstg-toggle-btn .dstg-toggle-slider .off { color: var(--color2) } .dstg-timer-wrapper .dstg-toggle-btn .dstg-toggle-checkbox:checked + .dstg-toggle-slider { background: var(--color4) } .dstg-freeCreditWrapper .dstg-moreInfoBtn { box-shadow: #7d7d7c 0 2px; background: #e4d804; } /* transfer page */ /* deposit page */ .dstg-deposit-box .dstg-transaction-wrapper .dstg-transaction-seperate .dstg-transaction-option .dstg-transaction-list li .fileupload-box { color: var(--color2) } .dstg-deposit-box .dstg-transaction-wrapper .dstg-transaction-seperate .dstg-transaction-option .dstg-transaction-list li .dstg-btn-wrapper .btn-remove { color: var(--color2) } .dstg-deposit-box .dstg-transaction-wrapper .dstg-transaction-seperate .dstg-transaction-option .dstg-transaction-list li .dstg-transaction-btn .btn-deposit { color: var(--color2) } .dstg-deposit-box .dstg-deposit-form .dstg-summary-wrapper { border: 1px solid var(--color4); background: rgba(0,0,0,.9) } .dstg-deposit-box .dstg-deposit-form .dstg-deposit-description { color: #bdbdbd; border: 1px solid #bdbdbd } .dstg-summary-wrapper .dstg-summary-title { border-bottom: 1px dashed #bdbdbd } .dstg-summary-wrapper .dstg-summary-title span { color: #bdbdbd } .dstg-summary-wrapper .dstg-summary-content .dstg-content-separate .dstg-content-label span { color: #bdbdbd } .dstg-summary-wrapper .dstg-summary-content .dstg-content-separate .dstg-content-info .dstg-content-text span { color: var(--color2) } .dstg-summary-wrapper .dstg-summary-content .dstg-content-separate .dstg-content-info .dstg-content-img.dstg-deposit-type { background-color: var(--color2) } .dstg-deposit-box .dstg-h2p-message-wrapper .dstg-h2p-message-box .dstg-message-text { color: #bdbdbd } .dstg-deposit-box .dstg-h2p-message-wrapper .dstg-h2p-message-box .dstg-message-description { color: #bdbdbd } .dstg-deposit-box .dstg-h2p-message-wrapper .dstg-h2p-message-box .dstg-message-description .dstg-h2p-summary { border: solid 1px #bdbdbd } .dstg-deposit-box .dstg-h2p-message-wrapper .dstg-h2p-message-box .dstg-timer-redirect { color: #bdbdbd } .dstg-depositPageContent .dstg-dropdown-menu { top: 408px !important; background-color: rgba(0,0,0,.9); border: 1px solid var(--color4) } /* 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 { border: 1px solid var(--color4); background: rgba(0,0,0,.9) } .dstg-timer-wrapper .dstg-timer-val .dstg-withdrawLimitInfo{ border-bottom: 2px solid var(--color4); } .dstg-withdraw-box .dstg-withdraw-form .dstg-summary-wrapper .dstg-summary-title { border-bottom: 1px dashed #bdbdbd } .dstg-withdraw-box .dstg-withdraw-form .dstg-summary-wrapper .dstg-summary-title span { color: #bdbdbd } .dstg-withdraw-box .dstg-withdraw-form .dstg-summary-wrapper .dstg-summary-content .dstg-content-separate:last-child { border-top: 1px dashed #bdbdbd; border-bottom: 1px dashed #bdbdbd } .dstg-withdraw-box .dstg-withdraw-form .dstg-summary-wrapper .dstg-summary-content .dstg-content-separate .dstg-content-label span { color: #bdbdbd } .dstg-withdraw-box .dstg-withdraw-form .dstg-summary-wrapper .dstg-summary-content .dstg-content-separate .dstg-content-info .dstg-content-text span { color: var(--color2) } .dstg-withdraw-box .dstg-withdraw-form .dstg-summary-wrapper .dstg-summary-content .dstg-content-separate:last-child .dstg-content-info .dstg-content-text span { color: var(--color4) } /* withdraw page */ /* history page */ .dstg-history-wrap .dstg-history-box .dstg-table-wrapper { color: var(--color10) } .dstg-history-box .dstg-table-wrapper .dstg-history-list tr td, .dstg-history-box .dstg-table-wrapper .dstg-claimhistory-list tr td { color: var(--color10) } .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 thead tr td, .dstg-history-box .dstg-table-wrapper .dstg-claimhistory-list thead tr td { color: var(--color6) } .dstg-history-box .dstg-table-wrapper .dstg-history-list tbody tr, .dstg-history-box .dstg-table-wrapper .dstg-claimhistory-list tbody tr { background: transparent } .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 1px var(--color10) } .dstg-history-box .dstg-table-wrapper .dstg-dataTables_wrapper .dstg-dataTables_length, .dstg-history-box .dstg-table-wrapper .dstg-dataTables_wrapper .dstg-dataTables_filter { color: var(--color10) } .dstg-history-box .dstg-table-wrapper .dstg-dataTables_wrapper .dstg-dataTables_filter label input { background: transparent; color: var(--color2); border: solid 1px var(--color11) } .dstg-history-box .dstg-table-wrapper .dstg-dataTables_wrapper .dataTables_paginate .paginate_button { border: 1px solid var(--color11); background: rgba(0,0,0,.9); color: var(--color2) !important; } .dstg-history-box .dstg-table-wrapper .dataTables_wrapper .dataTables_paginate .paginate_button:hover, .dstg-history-box .dstg-table-wrapper .dataTables_wrapper .dataTables_paginate .paginate_button:focus, .dstg-history-box .dstg-table-wrapper .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dstg-history-box .dstg-table-wrapper .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { background: var(--color11); transition: .3s } .dstg-history-box .dstg-table-wrapper .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dstg-history-box .dstg-table-wrapper .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dstg-history-box .dstg-table-wrapper .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:focus, .dstg-history-box .dstg-table-wrapper .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { border: none; background: transparent; color: var(--color10) !important } /* history page */ /* bank, member info, announcement base */ .dstg-info-cover { border-bottom: 1px dashed #bdbdbd } .dstg-info-cover .dstg-info-content { color: #bdbdbd } /* bank, member info, announcement base */ /* bank account page */ .dstg-memberBank-wrapper .dstg-memberBank-thead { border-bottom: 1px #bdbdbd solid } .dstg-memberBank-wrapper .dstg-memberBank-thead .dstg-thead-col span { color: var(--color6) } .dstg-memberBank-wrapper .dstg-memberBank-tbody .dstg-memberBank-separate .dstg-thead-col .dstg-col-text { color: #bdbdbd } .dstg-memberBank-wrapper .dstg-memberBank-tbody .dstg-memberBank-separate .dstg-thead-col .dstg-col-btn button { color: var(--color2) } .dstg-bankSetting-wrapper .dstg-form-wrap .dstg-select-input .dstg-select-selected { color: var(--color2) } .dstg-bankSetting-wrapper .dstg-form-wrap .dstg-select-input .dstg-select-selected:after { content: ""; border: 6px solid transparent; border-color: var(--color4) transparent transparent transparent } .dstg-bankSetting-wrapper .dstg-form-wrap .dstg-select-input .dstg-select-items { color: var(--color2); border: 1px solid var(--color4) } .dstg-bankSetting-wrapper .dstg-form-wrap .dstg-select-input .dstg-select-items div { color: var(--color2); background: rgba(0,0,0,.9) } .dstg-bankSetting-wrapper .dstg-form-wrap .dstg-select-input .dstg-select-items div:hover { background: var(--color4); transition: .3s } .dstg-bankSetting-wrapper .dstg-form-wrap .dstg-form-seperate .dstg-formGroup { border: 1px solid var(--color4); background: rgba(0,0,0,.9) } .dstg-bankSetting-wrapper .dstg-form-wrap .dstg-form-seperate .dstg-formGroup.dstg-disabled { background: var(--color4) } .dstg-bankSetting-wrapper .dstg-form-wrap .dstg-form-seperate .dstg-formGroup .dstg-input-field { background: transparent; color: var(--color2) } .dstg-bankSetting-wrapper .dstg-form-wrap .dstg-form-seperate .dstg-formGroup select { border: none; background: rgba(0,0,0,.9); color: var(--color2) } .dstg-bankSetting-wrapper .dstg-form-wrap .dstg-form-btn button { color: var(--color2) } /* bank account page */ /* member info page */ .dstg-memberInfo-box .dstg-info-wrapper .dstg-basic-info .dstg-basic-title { color: #bdbdbd } .dstg-memberInfo-box .dstg-password-wrapper .dstg-form-wrap .dstg-form-seperate .dstg-formGroup { border: 1px solid var(--color4); background: rgba(0,0,0,.9) } .dstg-memberInfo-box .dstg-password-wrapper .dstg-form-wrap .dstg-form-seperate .dstg-formGroup.dstg-disabled { background: var(--color4) } .dstg-memberInfo-box .dstg-password-wrapper .dstg-form-wrap .dstg-form-seperate .dstg-formGroup .dstg-input-field { background: transparent; color: var(--color2) } .dstg-memberInfo-box .dstg-password-wrapper .dstg-form-wrap .dstg-form-seperate .dstg-formGroup .dstg-otp-right-input { color: var(--color2) } .dstg-memberInfo-box .dstg-password-wrapper .dstg-form-wrap .dstg-form-seperate .dstg-formGroup:hover .dstg-input-icon, .dstg-memberInfo-box .dstg-password-wrapper .dstg-form-wrap .dstg-form-seperate .dstg-formGroup:focus .dstg-input-icon { color: var(--color4); -webkit-transition: .3s; transition: .3s } .dstg-memberInfo-box .dstg-password-wrapper .dstg-form-wrap .dstg-form-seperate .dstg-formGroup .dstg-iconHover { color: var(--color4) !important; -webkit-transition: .3s; transition: .3s } .dstg-memberInfo-box .dstg-password-wrapper .dstg-form-wrap .dstg-form-seperate .dstg-formGroup select { border: none; background: rgba(0,0,0,.9); color: var(--color2) } .dstg-memberInfo-box .dstg-password-wrapper .dstg-form-wrap .dstg-form-btn button { color: var(--color2) } .dstg-memberInfo-box .dstg-password-wrapper .dstg-form-wrap .dstg-select-input .dstg-select-selected { color: var(--color2) } .dstg-memberInfo-box .dstg-password-wrapper .dstg-form-wrap .dstg-select-input .dstg-select-selected:after { content: ""; border: 6px solid transparent; border-color: var(--color4) transparent transparent transparent } .dstg-memberInfo-box .dstg-password-wrapper .dstg-form-wrap .dstg-select-input .dstg-select-items { color: var(--color2); border: 1px solid var(--color4) } .dstg-memberInfo-box .dstg-password-wrapper .dstg-form-wrap .dstg-select-input .dstg-select-items div { color: var(--color2); background: rgba(0,0,0,.9) } .dstg-memberInfo-box .dstg-password-wrapper .dstg-form-wrap .dstg-select-input .dstg-select-items div:hover { background: var(--color4); transition: .3s } /* member info page */ /* error page */ .dstg-error-wrap .dstg-error-content .dstg-error-description { color: #bdbdbd } .dstg-error-wrap .dstg-error-content .dstg-error-btn button { color: var(--color2) } /* error page */ /* member tnc page */ .dstg-pageContent .dstg-tnc-wrap .dstg-register-separate .dstg-register-input input { background: rgba(28,28,29,1); border: solid 1px #bdbdbd; color: var(--color2)!important; -webkit-transition: .3s ease; transition: .3s ease; } .dstg-tnc-wrap .dstg-tnc-content ul { color: var(--color4) } .dstg-tnc-wrap .dstg-tnc-content ul li .dstg-tnc-details { color: #bdbdbd } .dstg-tnc-wrap .dstg-tnc-content ul li .dstg-tnc-details .dstg-highlight { color: var(--color4) } .dstg-tnc-wrap .dstg-tnc-btn button { color: var(--color2) } /* member tnc page */ /* maintenance page */ .dstg-maintenance-wrap .dstg-maintenance-content .dstg-maintenance-description { color: #bdbdbd } /* maintenance page */ /* provider list */ .dstg-label-box { border-bottom: 2px solid #bdbdbd } .dstg-label-box .dstg-label-name { color: #bdbdbd } .dstg-gameListBtn-wrapper button { color: var(--color2) } .dstg-gameListTab .dstg-gameList-not { color: #bdbdbd } .dstg-provider-item .dstg-mask .dstg-title-info .dstg-word { color: var(--color2) } .dstg-specificSlotContainer .dstg-leftSideContent .dstg-topContent .dstg-userContentBox .dstg-userAccount-noti { color: #bdbdbd } .dstg-specificSlotContainer .dstg-leftSideContent .dstg-topContent .dstg-userContentBox .dstg-userAccount-noti .dstg-userAccount-register { border-bottom: 1px solid transparent; cursor: pointer; transition: .3s } .dstg-specificSlotContainer .dstg-leftSideContent .dstg-topContent .dstg-userContentBox .dstg-userAccount-noti .dstg-userAccount-register:hover, .dstg-specificSlotContainer .dstg-leftSideContent .dstg-topContent .dstg-userContentBox .dstg-userAccount-noti .dstg-userAccount-register:active, .dstg-specificSlotContainer .dstg-leftSideContent .dstg-topContent .dstg-userContentBox .dstg-userAccount-noti .dstg-userAccount-register:focus { border-bottom: 1px solid var(--color6); transition: .3s } .dstg-specificSlotContainer .dstg-leftSideContent .dstg-topContent .dstg-userContentBox .dstg-content-seperate .dstg-content-label { color: #bdbdbd } .dstg-specificSlotContainer .dstg-leftSideContent .dstg-topContent .dstg-userContentBox .dstg-content-seperate .dstg-content-value { border: 1px solid var(--color4); background: transparent } .dstg-specificSlotContainer .dstg-leftSideContent .dstg-topContent .dstg-userContentBox .dstg-content-seperate .dstg-content-copy { color: #bdbdbd } .dstg-specificSlotContainer .dstg-leftSideContent .dstg-bottomContent .dstg-descriptionBox .dstg-title { color: #bdbdbd } .dstg-specificSlotContainer .dstg-rightSideContent .dstg-download-title { border-bottom: 1px dashed #bdbdbd } .dstg-specificSlotContainer .dstg-rightSideContent .dstg-download-title span { color: #bdbdbd } .dstg-specificSlotContainer .dstg-rightSideContent .dstg-download-item .dstg-download-btn button { color: var(--color2) } .dstg-gameListTab .dstg-provider-wrap .dstg-provider-item .dstg-maintenance{ color: #ef2626; border: 2px solid #ef2626; background-color: #000000d9; } /* provider list */ /* flag */ .dstg-pop-box .dstg-pop-inner .dstg-popTitle-wrap .dstg-flag, .dstg-shortcut-seperate .dstg-shortcut-title .dstg-flag, .dstg-info-cover .dstg-info-title-box .dstg-flag { background: var(--color4) } .dstg-article-wrap .dstg-title-box .dstg-flag, .dstg-promoList-separate .dstg-promoContent-right .dstg-promo-description .dstg-description-left .dstg-description-title .dstg-flag, .dstg-register-wrap .dstg-title-box .dstg-flag, .dstg-registerSuccess-wrap .dstg-title-box .dstg-flag, .dstg-page-content-wrap .dstg-title-box .dstg-flag { background: var(--color6) } /* flag */ .dstg-transaction-seperate .dstg-transaction-title, .dstg-claimReward-seperate .dstg-claimReward-title { color: #bdbdbd } .dstg-transaction-seperate .dstg-transaction-option .dstg-transaction-list li .option, .dstg-claimReward-seperate .dstg-claimReward-option .dstg-claimReward-list li .option { background: rgba(0,0,0,.9); border: 1px solid var(--color4) } .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 { transition: .3s; background: var(--color4); } .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 { border: 1px solid var(--color4); background: rgba(0,0,0,.9) } .dstg-transaction-seperate .dstg-transaction-option .dstg-transaction-list li .dstg-date-input .dstg-date-picker, .dstg-claimReward-seperate .dstg-claimReward-option .dstg-claimReward-list li .dstg-date-input .dstg-date-picker { background: transparent; color: var(--color2) } .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-datetime-picker { background: transparent; color: var(--color2) } .dstg-transaction-seperate .dstg-transaction-option .dstg-transaction-list li .dstg-date-input .dstg-date-icon, .dstg-claimReward-seperate .dstg-claimReward-option .dstg-claimReward-list li .dstg-date-input .dstg-date-icon { color: var(--color4) } .dstg-transaction-seperate .dstg-transaction-option .dstg-transaction-list li .dstg-center-seperate, .dstg-claimReward-seperate .dstg-claimReward-option .dstg-claimReward-list li .dstg-center-seperate { color: #bdbdbd } .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 { background: rgba(0,0,0,.9); color: var(--color2); border: 1px solid var(--color4) } .dstg-transaction-seperate .dstg-transaction-option .dstg-transaction-list li .dstg-text-input:disabled, .dstg-claimReward-seperate .dstg-claimReward-option .dstg-claimReward-list li .dstg-text-input:disabled { background: var(--color4) } .dstg-transaction-btn button { color: var(--color2) } .dstg-transaction-seperate .dstg-transaction-option .dstg-transaction-list li .dstg-select-input .dstg-select-selected, .dstg-claimReward-seperate .dstg-claimReward-option .dstg-claimReward-list li .dstg-select-input .dstg-select-selected { color: var(--color2); border: 1px solid var(--color4); background: rgba(0,0,0,.9) } .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: 6px solid transparent; border-color: var(--color4) transparent transparent transparent } .dstg-transaction-seperate .dstg-transaction-option .dstg-transaction-list li .dstg-select-input .dstg-select-items, .dstg-claimReward-seperate .dstg-claimReward-option .dstg-claimReward-list li .dstg-select-input .dstg-select-items { color: var(--color2); border: 1px solid var(--color4) } .dstg-transaction-seperate .dstg-transaction-option .dstg-transaction-list li .dstg-select-input .dstg-select-items div, .dstg-claimReward-seperate .dstg-claimReward-option .dstg-claimReward-list li .dstg-select-input .dstg-select-items div { color: var(--color2); background: rgba(0,0,0,.9) } .dstg-transaction-seperate .dstg-transaction-option .dstg-transaction-list li .dstg-select-input .dstg-select-items div:hover, .dstg-claimReward-seperate .dstg-claimReward-option .dstg-claimReward-list li .dstg-select-input .dstg-select-items div:hover { background: var(--color4); transition: .3s } .dstg-transaction-seperate .dstg-transaction-option .dstg-transaction-list li select, .dstg-claimReward-seperate .dstg-claimReward-option .dstg-claimReward-list li select { background: rgba(0,0,0,.9); color: var(--color2); border: 1px solid #d4af37 } .dstg-filter-wrapper .dstg-filter-type .dstg-filter-title { color: #bdbdbd } .dstg-filter-wrapper .dstg-filter-type .dstg-filter-title.dstg-provider-title { color: var(--color4) } /* provider list search bar */ .dstg-filter-type .search-bar{ background: var(--color1); border: 1px solid var(--color11); } .dstg-filter-type .search-bar .searchInputBox{ background: transparent; color: var(--color2); } /* provider list search bar */ .dstg-filter-wrapper .dstg-filter-type .dstg-filter-option .dstg-filter-list li .option { color: var(--color2); border: 1px solid var(--color4) } .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 { transition: .3s; background: var(--color4) } .dstg-filter-wrapper .dstg-filter-type .dstg-filter-option .dstg-filter-list li button { border: 1px solid var(--color4); background: transparent; color: var(--color2) } .dstg-filter-wrapper .dstg-filter-type .dstg-filter-option .dstg-filter-list li button:hover, .dstg-filter-wrapper .dstg-filter-type .dstg-filter-option .dstg-filter-list li .dstg-slotBtnActive { transition: .3s; background: var(--color4) } .dstg-filter-wrapper .dstg-filter-type .dstg-filter-option .dstg-filter-list li .dstg-date-option { border: 1px solid var(--color4) } .dstg-filter-wrapper .dstg-filter-type .dstg-filter-option .dstg-filter-list li .dstg-date-option .dstg-date-picker { background: transparent; color: var(--color2) } .dstg-filter-wrapper .dstg-filter-type .dstg-filter-option .dstg-filter-list li .dstg-date-option .dstg-date-icon { color: var(--color4) } .lSSlideOuter .lSPager.lSpg > li a, .lSSlideOuter .lSPager.lSpg > li:hover a { background: #bdbdbd } .lSSlideOuter .lSPager.lSpg > li.active a { background: var(--color6) } .lSSlideOuter .lSAction .lSPrev, .lSSlideOuter .lSAction .lSNext { color: #bdbdbd } .lSSlideOuter .lSAction .lSPrev:hover, .lSSlideOuter .lSAction .lSNext:hover, .lSSlideOuter .lSAction .lSPrev:focus, .lSSlideOuter .lSAction .lSNext:focus, .lSSlideOuter .lSAction .lSPrev:active, .lSSlideOuter .lSAction .lSNext:active { color: var(--color6); transition: .3s ease } .dstg-datepicker.dstg-dropdown-menu { color: var(--color2); background: rgba(0,0,0,.9); border: 1px solid var(--color4) } .dstg-datepicker-dropdown:before, .dstg-datepicker-dropdown:after { content: ''; border-bottom: 7px solid var(--color4); border-bottom-color: var(--color4) } .dstg-datepicker thead tr:first-child th:hover, .dstg-datepicker tfoot tr th:hover, .dstg-datepicker table tr td.dstg-day:hover, .dstg-datepicker table tr td.dstg-day.dstg-focused { background: var(--color4) } .dstg-datepicker table tr td.dstg-old, .dstg-datepicker table tr td.dstg-new { color: #bdbdbd } .dstg-datepickers-container .dstg-datepicker { background: rgba(0,0,0,.9); border: 1px solid var(--color4); box-shadow: 0 5px 10px rgba(0,0,0,0.2); top: 530px !important } .dstg-datepickers-container .dstg-datepicker--pointer { background: var(--color4); border-top: 1px solid var(--color4); border-right: 1px solid var(--color4) } .dstg-datepickers-container .dstg-datepicker--nav, .dstg-datepickers-container .dstg-datepicker--nav-title i { color: var(--color2) } .dstg-datepickers-container .dstg-datepicker--nav-action:hover, .dstg-datepickers-container .dstg-datepicker--nav-title:hover, .dstg-datepickers-container .dstg-datepicker--cell:hover { background: var(--color4) } .dstg-datepickers-container .dstg-datepicker--cell-day { color: #bdbdbd } .dstg-datepickers-container .dstg-datepicker--cell-day.dstg--other-month-, .dstg-datepickers-container .dstg-datepicker--cell-year.dstg--other-decade- { color: #4a4a4a } .dstg-datepickers-container .dstg-datepicker--cell-day:hover, .dstg-datepickers-container .dstg-datepicker--cell-day.dstg--other-month-:hover, .dstg-datepickers-container .dstg-datepicker--cell-year.dstg--other-decade-:hover { color: var(--color2) } .dstg-datepickers-container .dstg-datepicker--cell.dstg--selected-, .dstg-datepickers-container .dstg-datepicker--cell.dstg--selected-.dstg--current- { color: var(--color2); background: var(--color4) } .dstg-datepickers-container .dstg-datepicker--day-name { color: var(--color4) } .dstg-datepickers-container .dstg-datepicker--time-row input[type=range]:focus::-webkit-slider-thumb { background: var(--color4); border-color: var(--color4) } .dstg-datepickers-container .dstg-datepicker--time-row input[type=range]:focus::-moz-range-thumb { background: var(--color4); border-color: var(--color4) } .dstg-datepickers-container .dstg-datepicker--time-row input[type=range]:focus::-ms-thumb { background: var(--color4); border-color: var(--color4) } .dstg-datepickers-container .dstg-datepicker--time-row input[type=range]::-webkit-slider-thumb { border: 1px solid var(--color4); background: var(--color4) } .dstg-datepickers-container .dstg-datepicker--time-row input[type=range]::-moz-range-thumb { border: 1px solid var(--color4); background: var(--color4) } .dstg-datepickers-container .dstg-datepicker--time-row input[type=range]::-ms-thumb { border: 1px solid var(--color4); background: var(--color4) } .dstg-datepickers-container .dstg-datepicker--time-current-hours.dstg--focus-, .dstg-datepickers-container .dstg-datepicker--time-current-minutes.dstg--focus- { color: var(--color2) } .dstg-datepickers-container .dstg-datepicker--time-current-hours:after, .dstg-datepickers-container .dstg-datepicker--time-current-minutes:after { background: var(--color4) } .dstg-datepickers-container .dstg-datepicker--time-current, .dstg-datepickers-container .dstg-datepicker--time-current-ampm { color: #bdbdbd } .dstg-spin-blue div > div { background: var(--color4) } .dstg-spin-yellow div > div { background: var(--color6) } /* FreeCredit */ #btn-freecredit-close, #btn-minigame-close{ border: 2px solid var(--color4); color: var(--color4); background-color: transparent; } .freecredit-wrap .CREDITS img, .minigame-wrap .MINIGAME img { animation: up-down 1.4s infinite ease-in-out alternate; } @keyframes up-down{ from{ transform: translatey(0px); } to{ transform: translatey(-20px); } } .dstg-bonus-wrapper .dstg-home-packet .dstg-freeCreditList .dstg-freeCreditItems .dstg-center { color: #696969; } .dstg-bonus-wrapper .dstg-home-packet .dstg-freeCreditList .dstg-freeCreditItems .dstg-center .dstg-title { color: #FFDD1A; font-weight: 700; text-transform: uppercase; font-size: 20px; } .dstg-bonus-wrapper .dstg-home-packet .dstg-freeCreditList .dstg-freeCreditItems .dstg-right .dstg-claim-btn { box-shadow: #7d7d7d 0 2px; background: #e8a300; color: var(--color2); } /* FreeCredit */ /* Free Credit in transfer page */ .dstg-freeCreditWrapper .dstg-transaction-seperate.dstg-se1 { color: var(--color2) } .dstg-freeCreditWrapper .dstg-transaction-seperate.dstg-se4 { color: #e2e2e3 } .dstg-freeCreditTransfer-wrap .dstg-freeCreditTitle { color: var(--color2) } .dstg-freeCreditTransfer-wrap .dstg-freeCreditContent { color: var(--color2) } .dstg-freeCreditTransfer-wrap .dstg-transaction-freeCredit-title { color: var(--color4); border-bottom: dashed 2px var(--color3); } .dstg-freeCreditWrapper .dstg-transaction-list.masked .maskedText { color: var(--color2); } .dstg-freeCreditWrapper .dstg-transaction-seperate .important-icon { color: var(--important) } .dstg-freeCreditWrapper .dstg-transaction-btn { background: var(--color6); color: var(--color2); } .dstg-freeCreditWrapper .dstg-transaction-btn:hover { background: var(--color7) } .dstg-freeCreditTransfer-wrap .dstg-moreInfoBtn { box-shadow: #7d7d7c 0 2px; background: #e8a300; color: var(--color2); } .dstg-freeCreditWrapper .dstg-freeCreditProviderOption { color: var(--color2); border: 1px solid #0269c6; background: rgb(1 50 86); } .dstg-transactionChangeTab-btn .active, .dstg-referralChangeTab-btn .dstg-active, .dstg-historyChangeTab-btn .active { background-color: var(--color5); color: var(--color2); } .dstg-transactionBtn, .dstg-historyBtn { background-color: var(--color3); color: var(--color2); } .dstg-transactionBtn:hover, .dstg-historyBtn:hover { background-color: var(--color5); color: var(--color2); } /* Free Credit in transfer page */ /* Voucher */ .dstg-freeCreditTransfer-wrap .dstg-transaction-freeCredit-title .dstg-voucher-wrap .dstg-redeemBtn, .dstg-freeCreditTransfer-wrap .dstg-unClaim_voucher-wrap .dstg-redeemBtn { color: var(--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: var(--color4) } .dstg-referral-wrap .dstg-referral-info-wrapper .dstg-left .dstg-item-group input { color: #bdbdbd; background-color: #1e1d1e; border: 1px solid #363536 } .dstg-referral-wrap .dstg-referral-info-wrapper .dstg-left .dstg-item-group .dstg-copyIcon { color: #bdbdbd } .dstg-referral-wrap .dstg-referral-info-wrapper .dstg-shareBtn { background-color: transparent; border: none } .dstg-referral-wrap .dstg-referral-info-wrapper .dstg-QRcodeWrap { background-color: var(--color7) } .dstg-referral-wrap .dstg-referral-info-wrapper .dstg-QRtext { background-color: var(--color6) } .dstg-referral-flow-box .dstg-title { color: var(--color4) } /* REFERRAL PAGE */ /* referral container */ .dstg-ref-box{ border: 1px solid #d4af37; } .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: #d4af37; } .dstg-ref-box .dstg-referral-code-box .dstg-share-btn{ border: 3px solid #d4af37; } .dstg-ref-box .dstg-ref-details .dstg-ref-desc-2{ color: #bdbdbd; } .dstg-ref-box .dstg-referral-code-box .dstg-copyIcon{ color: #bdbdbd; } .dstg-ref-box .dstg-referral-code-box #refCode{ color: #bdbdbd; background-color: #3f3f3f; } /* referral container */ /* UPCOMING MATCH */ .dstg-member-upcoming-wrap { border: 2px solid #d4af37; } .dstg-member-upcoming-wrap .dstg-member_text_game_title { color: #d4af37; } /* UPCOMING MATCH */ /* TOURNAMENT */ /* countdown timer */ .dstg-big-text { color: var(--color2) } .dstg-countdown-tour span { color: var(--color2) } /* countdown timer */ /* tournament sildeshow */ .dstg-tournament-main:after { background: var(--color1)000ab } .dstg-tournament-main .dstg-main-content .dstg-detailsBox { border-color: transparent transparent var(--color4) } .dstg-tournament-main .dstg-main-content .dstg-detailsBox .dstg-box-wrap .dstg-main-title { color: var(--color2) } .dstg-tournament-main .dstg-main-content .dstg-detailsBox .dstg-box-wrap .dstg-gameDetails { color: var(--color2) } /* tournament sildeshow */ /* tournament list */ .dstg-tournament-box-action { background: var(--color11) } .dstg-tournament-box-action:before { border-bottom: 41px solid var(--color11); border-left: 38px solid transparent } .dstg-tournament-box-action i { color: var(--color2) } .dstg-tournamentList-section .dstg-section-title { color: var(--color6); border-bottom: 2px dashed var(--color3) } .dstg-tournament-box.box1 .dstg-box-row .dstg-box-item .dstg-box-hover { background-color: var(--color1)000ab } .dstg-tournament-box.box1 .dstg-box-row .dstg-box-item .dstg-box-hover .dstg-box-wrap button { color: var(--color2); background: var(--color4); border: none } .dstg-tournament-box.box1 .dstg-box-row .dstg-box-item .dstg-box-hover .dstg-box-wrap button:hover { filter: drop-shadow(0 0 3px var(--color4)) } .dstg-tournament-box.box1 .dstg-box-row .dstg-box-item .dstg-box-fix { background: var(--color4) } .dstg-tournament-box.box1 .dstg-box-row .dstg-box-item .dstg-box-fix .dstg-title { color: var(--color2) } .dstg-tournament-box.box1 .dstg-box-row .dstg-box-item .dstg-box-fix .dstg-date { color: var(--color2) } .dstg-tournament-box.box2 .dstg-box-row .dstg-box-item:nth-child(odd) { background: #2b2b2b } .dstg-tournament-box.box2 .dstg-box-row .dstg-box-item:nth-child(even) { background: #2b2b2b } .dstg-tournament-box.box2 .dstg-box-row .dstg-box-item .dstg-img img { border: 2px solid var(--color3) } .dstg-tournament-box.box2 .dstg-box-row .dstg-box-item .dstg-item-content { border-right: 2px dashed var(--color2) } .dstg-tournament-box.box2 .dstg-box-row .dstg-box-item .dstg-item-content .dstg-title { color: var(--color6) } .dstg-tournament-box.box2 .dstg-box-row .dstg-box-item .dstg-item-content .dstg-title:before { background: var(--color6) } .dstg-tournament-box.box2 .dstg-box-row .dstg-box-item .dstg-item-content .dstg-date { color: var(--color2) } .dstg-tournament-box.box2 .dstg-box-row .dstg-box-item .dstg-item-content .dstg-desc { color: var(--color2) } .dstg-tournament-box.box2 .dstg-box-row .dstg-box-item .dstg-btn-box button { color: var(--color2); border: none; background: var(--color4) } .dstg-tournament-box.box2 .dstg-box-row .dstg-box-item .dstg-btn-box button:hover { filter: drop-shadow(0 0 3px var(--color4)) } /* tournament list */ /* ranking list */ .dstg-ranking-section .dstg-boxAction { background: var(--color6) } .dstg-ranking-section .dstg-boxAction:before { border-bottom: 41px solid var(--color6); border-left: 38px solid transparent } .dstg-ranking-section .dstg-boxAction i { color: var(--color2) } .dstg-ranking-section .dstg-rank-bottom { background-color: #2b2b2b } .dstg-ranking-section .dstg-tournament-type { color: var(--color2); border-bottom: 2px solid var(--color2) } .dstg-ranking-section .dstg-rank-tab li { color: var(--color2); border-bottom: 2px solid transparent } .dstg-ranking-section .dstg-rank-tab li.active { color: var(--color6); border-bottom: 2px solid var(--color6) } .dstg-ranking-section .dstg-tab-box .dstg-title { color: var(--color2) } .dstg-ranking-section .dstg-rank-tab-content button { color: var(--color2); border: none; background: transparent } .dstg-rank-list .dstg-list-item { color: var(--color2) } .dstg-rank-list .dstg-list-item:nth-child(1) { background-color: #fdb81f !important; box-shadow: 3px 3px 0 0 #ba810b !important } .dstg-rank-list .dstg-list-item:nth-child(2) { background-color: #b0b0b0 !important; box-shadow: 3px 3px 0 0 var(--color3) !important } .dstg-rank-list .dstg-list-item:nth-child(3) { background-color: #e78e62 !important; box-shadow: 3px 3px 0 0 #de6643 !important } .dstg-rank-list .dstg-list-item:nth-child(odd) { background-color: #033b78 } .dstg-rank-list .dstg-list-item:nth-child(even) { background-color: #0759ab } .dstg-rank-list .dstg-list-item:nth-child(1) .dstg-index, .dstg-rank-list .dstg-list-item:nth-child(2) .dstg-index, .dstg-rank-list .dstg-list-item:nth-child(3) .dstg-index { text-shadow: none } .dstg-rank-list .dstg-list-item .dstg-index { text-shadow: 2px 2px black } /* ranking list */ /* tournament modal */ .dstg-tournamentPop-wrapper { background-color: #efefef } .dstg-tournamentPop-wrapper .dstg-modal-header .dstg-title { color: var(--color2); background-color: var(--color4); } .dstg-tournamentPop-wrapper .dstg-modal-header .dstg-btn { background-color: var(--color11) } .dstg-tournamentPop-wrapper .dstg-modal-header .dstg-btn:before { border-bottom: 66px solid var(--color11); border-left: 50px solid transparent } .dstg-tournamentPop-wrapper .dstg-modal-header .dstg-btn button { color: #2b2b2b; border: none; background: transparent } .dstg-tournamentPop-wrapper .dstg-modal-body hr { border: none; border-bottom: 1px solid var(--color3) } #tourMoreInfomodal .dstg-img img { box-shadow: 3px 3px 4px 1px var(--color1)000ad } #tourMoreInfomodal .dstg-info { color: var(--color3) } #tourMoreInfomodal .dstg-info .dstg-date { color: var(--color3) } #tourMoreInfomodal .dstg-info .dstg-title { color: var(--color6) } #tourMoreInfomodal .dstg-info .dstg-title:before { background-color: var(--color6) } #tourMoreInfomodal .dstg-info .dstg-desc button { color: var(--color2); border: none; background: var(--color4) } #tourMoreInfomodal .dstg-info .dstg-desc button:hover { filter: drop-shadow(0 0 3px var(--color4)) } #tourMoreInfomodal .dstg-content { color: var(--color3) } #tourMoreInfomodal .dstg-content h3 { color: var(--color4); text-shadow: 2px 2px 2px var(--color1)0009e } #tourRankingmodal .dstg-info .dstg-title { color: var(--color6) } #tourRankingmodal .dstg-info .dstg-title:before { background-color: var(--color6) } #tourRankingmodal .dstg-content .dstg-btn button { color: var(--color2); border: none; background: var(--color4) } #tourRankingmodal .dstg-content .dstg-btn button:hover { filter: drop-shadow(0 0 3px var(--color4)) } /* tournament modal */ /* TOURNAMENT */ /* LIVE SCORE */ /* live score loading */ @keyframes ldio-gblex47ykrc-c { 0% { background: #626dfc } 25% { background: #a1a7f9 } 50% { background: #fcc972 } 75% { background: #f9b43d } 100% { background: #626dfc } } .dstg-ldio-gblex47ykrc div { background: #626dfc } .dstg-ldio-gblex47ykrc div:nth-child(1) { background: #f9b43d } .dstg-ldio-gblex47ykrc div:nth-child(2) { background: #626dfc } .dstg-ldio-gblex47ykrc div:nth-child(4) { background: #fcc972 } .dstg-ldio-gblex47ykrc div:nth-child(5) { background: #a1a7f9 } /* live score loading */ .dstg-liveScoreWidget .dstg-ls-header { background: #0f0f0f; border-bottom: 1px solid #f9b43d } .dstg-liveScoreWidget .dstg-ls-header .dstg-filter-select .dstg-input { color: #222; background: #fffbfb; border: 2px solid #f9b43d } .dstg-liveScoreWidget .dstg-ls-header .dstg-filter-select select::-webkit-scrollbar-track { background-color: #7d7d7d; color: #7d7d7d } .dstg-liveScoreWidget .dstg-ls-header .dstg-filter-select select::-webkit-scrollbar-thumb { background-color: #f9b43d; color: #f9b43d } .dstg-liveScoreWidget .dstg-ls-header .dstg-filter-select .dstg-icon { color: #da941c } .dstg-liveScoreWidget .dstg-ls-header .dstg-date-option li button { color: var(--color2); background: #f9b43d; border: 2px solid #f9b43d } .dstg-liveScoreWidget .dstg-ls-header .dstg-date-option li button:hover { filter: drop-shadow(0 0 4px #f9b43d) } .dstg-liveScoreWidget .dstg-ls-header .dstg-date-option li button.dstg-active { filter: none; background: #333 } .dstg-liveScoreWidget .dstg-ls-body { background: #0f0f0f } .dstg-liveScoreWidget .dstg-ls-body .dstg-b-msg { color: var(--color2); background: #1e1e1e } .dstg-liveScoreWidget .dstg-ls-body .dstg-b-mask { background: #000000ba } .dstg-liveScoreWidget .dstg-ls-body .dstg-b-getResult .dstg-msg { color: var(--color2) } .dstg-liveScoreWidget .dstg-league-section { background: #1e1e1e } .dstg-liveScoreWidget .dstg-league-fixture-list .dstg-layer::-webkit-scrollbar-track { background-color: #7d7d7d; color: #7d7d7d } .dstg-liveScoreWidget .dstg-league-fixture-list .dstg-layer::-webkit-scrollbar-thumb { background-color: #f9b43d; color: #f9b43d } .dstg-liveScoreWidget .dstg-league-fixture-list .dstg-cat-name { color: #222 } .dstg-liveScoreWidget .dstg-league-fixture-list .dstg-fixture-item-list .dstg-item { color: #bdbdbd; background: #222 } .dstg-liveScoreWidget .dstg-league-fixture-list .dstg-fixture-item-list .dstg-item:hover, .dstg-liveScoreWidget .dstg-league-fixture-list .dstg-fixture-item-list .dstg-item.dstg-active { background: #333 } .dstg-liveScoreWidget .dstg-league-fixture-list .dstg-fixture-item-list .dstg-item .dstg-f-team .dstg-win { color: var(--color2) } .dstg-liveScoreWidget .dstg-league-fixture-list .dstg-fixture-item-list .dstg-item .dstg-f-score { color: var(--color2) } .dstg-liveScoreWidget .dstg-league-fixture-content hr { border: none; border-bottom: 1px solid #f9b43d } .dstg-liveScoreWidget .dstg-league-fixture-content .dstg-fc-label { color: #222; background: #f9b43d } .dstg-liveScoreWidget .dstg-league-fixture-content .dstg-fc-team .dstg-fc-home div:last-child, .dstg-liveScoreWidget .dstg-league-fixture-content .dstg-fc-team .dstg-fc-away:last-child { color: var(--color2) } .dstg-liveScoreWidget .dstg-league-fixture-content .dstg-fc-team .dstg-fc-short-info .dstg-fc-score .dstg-win { color: #f9b43d } .dstg-liveScoreWidget .dstg-league-fixture-content .dstg-fc-team .dstg-fc-short-info .dstg-fc-score i { color: #f9b43d } .dstg-liveScoreWidget .dstg-league-fixture-content .dstg-fc-team .dstg-fc-short-info .dstg-fc-date { color: var(--color2) } .dstg-liveScoreWidget .dstg-league-fixture-content .dstg-fc-info .dstg-info-row .dstg-info-column { background: #333 } .dstg-liveScoreWidget .dstg-league-fixture-content .dstg-fc-info .dstg-info-row .dstg-info-column span:first-child { color: #bdbdbd } .dstg-liveScoreWidget .dstg-league-fixture-content .dstg-fc-info .dstg-info-row .dstg-info-column span:last-child { color: var(--color2) } .dstg-liveScoreWidget .dstg-league-fixture-content .dstg-fc-score-details .dstg-score-section { background: #222; border: 1px solid #f9b43d } .dstg-liveScoreWidget .dstg-league-fixture-content .dstg-score-section .dstg-label { color: #bdbdbd } /* LIVE SCORE */ /* favourite */ .dstg-favourite-tab .dstg-fav-title .dstg-icon { color: red; } .dstg-favourite-tab .dstg-favourite-box { border: 1px solid #d4af37; background: #030306; } .dstg-provider-wrap .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{ color: red; } .dstg-provider-wrap .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 { color: white; } /* favourite */ /* Preloader */ #preloader { background-color: #171d22d1 !important } /* Preloader */ /* NEW PROVIDER GAME LAYOUT */ .dstg-prov-item-row .dstg-provItem { background: linear-gradient(to bottom, #2b2b2b, #1d1d1d) } .dstg-prov-item-row .dstg-provItem:has(.dstg-pmain) .dstg-provName { /* background: #000000d9; border: 2px solid var(--color2); border-top: none */ } .dstg-prov-item-row .dstg-provItem .dstg-provName:before { border-top: 2px solid #bdbdbd47 } .dstg-prov-item-row .dstg-provItem .dstg-overlay-btn { background-color: #000000ba } .dstg-prov-item-row .dstg-provItem .dstg-overlay-btn button { color: var(--color2); border: 1px solid #f91212; background-color: #f91212 } .dstg-prov-item-row .dstg-provItem .dstg-overlay-btn button:hover { border: 1px solid #800000; background-color: #800000 } .dstg-prov-item-row .dstg-provItem:hover .dstg-overlay-btn button:before { background-color: #f912123b } .dstg-prov-item-row .dstg-provItem .dstg-overlay-btn .dstg-btn-fav { color: var(--color2); background: none; border: none } .dstg-prov-item-row .dstg-provItem .dstg-overlay-btn .dstg-btn-fav:hover, .dstg-prov-item-row .dstg-provItem .dstg-overlay-btn .dstg-btn-fav.dstg-addfav { color: #ff0000; background: none; border: none } .dstg-provider-wrap .dstg-provider-item .dstg-maintenance { color: #ef2626; border: 2px solid #ef2626; background-color: #000000d9 } /* NEW PROVIDER GAME LAYOUT */ /* NEW HOME VIDEO */ .dstg-home-video-wrap .dstg-title { color: var(--color2) } /* NEW HOME VIDEO */ /* Spin Wheel */ .dstg-spinwheel-container .dstg-spin-container .dstg-spin-selector .dstg-spin-selector-box { border: 5px solid transparent; background: linear-gradient(#272727, #272727) padding-box, linear-gradient(to right, #8c6901, #d0b35b) border-box; box-shadow: 0 0 5px #d0b35b; 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(#272727, #272727) padding-box, linear-gradient(to right, #8c6901, #d0b35b) border-box; box-shadow: 0 0 5px #d0b35b; 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: linear-gradient(#d0b35b, #8c6901); 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: linear-gradient(180deg,rgb(208 179 91) 0%,rgb(140 105 1) 100%); } .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: linear-gradient(180deg,rgb(216 184 86) 0%,rgb(156 129 49) 100%); } @keyframes glowing-box { 0% { box-shadow: 0 0 5px 2px #d4af37; } 20% { box-shadow: 0 0 10px 2px #8b7324; } 40% { box-shadow: 0 0 15px 2px #937205; } 60% { box-shadow: 0 0 20px 2px #584402; } 80% { box-shadow: 0 0 15px 2px #8b7324; } 100% { box-shadow: 0 0 5px 2px #d4af37; } } /*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 #f7d628; background: #f3d882; } 50% { box-shadow: 0 0 20px #e3e819; background: #f6d02d; } 100% { box-shadow: 0 0 5px #9ea805; background: #ffc400; } } .dstg-reward-frame{ background-color:#2c2c2c; } .dstg-reward-frame::before{ background: linear-gradient(120deg, #F1C840, #9D6B00, #D4AF37) border-box; } .dstg-reward-frame-today{ box-shadow: 0 0 3rem 0 #f9ff00; } .dstg-member-daily-reward-container{ /* background-image: url('/images/templates/Template 1/dailyCheckInReward/DMM_T1_BG_Desktop.dstg-png'); */ background-size: 1180px 400px; background-repeat: no-repeat; } .dstg-daily-reward-container{ /* background-image: url('/images/templates/Template 1/dailyCheckInReward/DMM_T1_BG_Desktop.dstg-png'); */ background-size: 1280px 500px; background-repeat: no-repeat; } .dstg-daily-reward-title{ animation: lights 5s 750ms linear infinite; } .dstg-reward-check-in-button{ background: var(--color6); color: var(--color2); } .dstg-claimed-btn:disabled{ background-color: #580000; color: #e5e5e5; } .dstg-claim-next:disabled{ background-color: #cccccc; color: #666666; } .dstg-claim-today{ color: #3b3b3b; border: none; } .dstg-dailyRewardPop-box .dstg-dailyRewardContent-wrapper{ background: #000000d4; } .dstg-dailyRewardPop-box .dstg-dailyRewardContent-wrapper .dstg-reward-pop { border: 1px solid gold; box-shadow: 0 0 1rem 0 #e5ef26; } .dstg-dailyRewardPop-box .dstg-dailyRewardContent-wrapper .dstg-reward-pop .dstg-description-content .dstg-success-icon i{ color: #48df09cc; } .dstg-dailyRewardPop-box .dstg-dailyRewardContent-wrapper .dstg-reward-pop .dstg-description-content .dstg-please-login-icon i{ color: #d4af37; } #dailyRewardLaterBtn{ background: linear-gradient(180deg,#635252 0%,rgb(167 158 158) 100%); } .dstg-dailyRewardPop-box .dstg-dailyRewardContent-wrapper .dstg-reward-pop .dstg-description-content .dstg-text a{ color: var(--color4); } .dstg-dailyRewardPop-box .dstg-dailyRewardContent-wrapper .dstg-reward-pop .dstg-description-content .dstg-text a:hover{ border-bottom: 2px solid var(--color4); } /* DAILY LOGIN REWARD */ /* PROMO GROUP */ .dstg-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 */ .countdown-widget-1 .count-type-.start- { color: var(--color1) !important; text-shadow: unset !important; } .whatsapp-icon{ display: inline-block; width: 60px; text-align: center; border-radius: 30px; position: fixed; bottom: 200px; right: 15px; transition: background-color .3s, opacity .5s, visibility .5s; z-index: 9999999999; cursor: pointer; } .phone-icon{ display: inline-block; width: 60px; text-align: center; border-radius: 30px; position: fixed; bottom: 175px; right: 8px; transition: background-color .3s, opacity .5s, visibility .5s; z-index: 9999999999; cursor: pointer; } /* .whatsapp-icon .whatsapp{ */ /* font-size: 45px; */ /* background: #4CAF50; */ /* color: var(--color2); */ /* border-radius: 50px; */ /* } */ .messenger-icon{ display: inline-block; width: 60px; text-align: center; border-radius: 30px; position: fixed; bottom: 270px; right: 15px; transition: background-color .3s, opacity .5s, visibility .5s; z-index: 9999999999; cursor: pointer; } /* .messenger-icon .messenger{ */ /* font-size: 45px; */ /* background: #2e95d1; */ /* color: var(--color2); */ /* border-radius: 50px; */ /* } */ /* 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 */ /* Contact Box */ .contactBox { bottom: 95px; z-index: 99; } .contactBox_left, .contactBox_right { background: var(--color4); color: var(--color2); } .contact-tab-text-1, .contact-tab-text-2 { color: var(--color2); } /* Contact Box */ .BesideParnterLogo .ParnterLogo-1, .BesideParnterLogo .ParnterLogo-2 { z-index: 999; width: 32px; } .BesideParnterLogo .ParnterLogo-1 { bottom: 55%; } .BesideParnterLogo .ParnterLogo-2 { bottom: 465px; } .dstg-sideMenuLeftContainer .dstg-sideMenuTop .dstg-member-box .dstg-member-info-top .dstg-member-img { width: 100px; height: 100px; } /* Template7 Contact Btn Css */ .hcontact-float- { position: fixed; display: flex; flex-direction: column; z-index: 99; gap: 0; right: 0; bottom: 28%; } .hcontact-float- .float-item- { width: 50px; height: 50px; padding: .25em; border-radius: 0; font-size: 3rem; } .hcontact-float- .float-item-[data-contactcode='TELEGRAM'] { background: var(--color2); } .hcontact-float- .float-item-[data-contactcode='MESSENGER'] { color: var(--color2); background: #00a5ff; } .hcontact-float- .float-item-[data-contactcode='WHATSAPP2'] { color: var(--color2); background: #2ebc0b; }