: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: #23bb70;
	--color5: #00883d;
	--color6: #fce302;
	--color7: #c9b000;
	--color8: #b90000;
	--color9: #7e0707;
	--color10: #bdbdbd;
	--color11: #12231a;
	--color12: #d4e8de;
	--filter1: brightness(0) saturate(100%) invert(80%) sepia(78%) saturate(1990%) hue-rotate(0deg) brightness(103%) contrast(99%);
	--gradient1: linear-gradient(120deg, #222, #000000);
	--walOn: #3ec682;
	--walOff: #cd5c5c;
	--important: #ce0f10;
	--ecd_BG: var(--color6);
	--ecd_TXT: var(--color1);
	--adclose_BTN_RADIUS: 5px;
	--adclose_BTN_BG: var(--color6);
	--adclose_BTN_TXT: var(--color1);
	
	/* bar_1 */
	--bar1_BORDER_WIDTH: 1px;
	--bar1_BORDER_STYLE: solid;
	--bar1_BORDER_COLOR: var(--color6);
	--bar1_TXT_COLOR: var(--color2);
	--bar1_BG: #171717;
	--bar1_ICON_COLOR: var(--color6);
	
	/* bar_2 */
	--bar2_MARQUEE_BAR_TXT: var(--color2);
	--bar2_MARQUEE_BAR_BORDER:  2px solid var(--color4);
	--bar2_MARQUEE_BAR_BG:  var(--color4);
	
	/*slide show app 1*/
	--SA1_TITLE_BOX_ICON_BORDER_BTM: var(--color6);
	--SA1_APP_QR_IMG_BG:var(--color2);
	--SA1_APP_QR_BTN_BG:var(--color6);
	
	/* h4 */
	--h4_NAVIDROP_BG: #000000e0;
	--h4_NAVIDROP_ITEM_TXT_COLOR: var(--color2);
	--h4_NAVIDROP_ITEM_HOVER_BG: var(--color4);
	--h4_NAVIDROP_ITEM_HOVER_TXT_COLOR: var(--color2);
	
	/* register_2 */
	--reg2_DSTG_BG_GRADIENT_SECONDARY_BG: linear-gradient(to bottom, var(--color6), var(--color7));
	--reg2_DSTG_BG_GRADIENT_SECONDARY_HOVER_ACTIVE_BG: linear-gradient(to bottom, var(--color7), var(--color6));
	--reg2_DSTG_BG_GRADIENT_THIRD_BG:  linear-gradient(to bottom, var(--color8), var(--color9));
	--reg2_DSTG_BG_GRADIENT_THIRD_HOVER_ACTIVE_BG: var(--reg2_DSTG_BG_GRADIENT_THIRD_BG);
	--reg2_DSTG_BG_GRADIENT_GRAY_BG: var(--gradient2);
	
	--reg2_DSTG_REGISTER_WRAP_BOX_CONTENT_ACTIVE_BG: rgba(220,65,228,1);
	--reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_CAPTCHA_LABEl_BG: var(--color2);	
	--reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_OTP_RIGHT_BORDER: none;
	--reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_OTP_RIGHT_DISABLED_BG: linear-gradient(180deg, rgba(170,167,167,1) 0%, rgba(105,105,105,1) 100%);
	--reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_TELEGRAM_BTN_BORDER: none;
	--reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_TELEGRAM_BTN_TXT: var(--color2);
	--reg2_DSTG_REGISTER_WRAP_TITLE_BOX_FLAG_BG:  var(--color6);
	
	--reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_LABEL_TITLE_TXT: var(--color2);
	
	--reg2_DSTG_IMPORTANT_ICON_TXT: var(--color4);
	--reg2_DSTG_TEXT_BLUE_TXT: var(--color4);
	
	--reg2_DSTG_REGISTER_WRAP_BOX_CONTENT_MEMBER_BENEFITS_BORDER_LEFT: solid 3px var(--color4);
	--reg2_DSTG_REGISTER_WRAP_BOX_CONTENT_MEMBER_BENEFITS_BG: #353638;
	--reg2_DSTG_REGISTER_WRAP_BOX_CONTENT_TAB_UL_BORDER_LEFT: solid 4px var(--color4);
	--reg2_DSTG_REGISTER_WRAP_BOX_CONTENT_TAB_UL_BG: #cfcfcf;
	--reg2_DSTG_REGISTER_WRAP_BOX_CONTENT_TAB_UL_HOVER_ACTIVE_BG: var(--color4);
	--reg2_DSTG_REGISTER_WRAP_BOX_CONTENT_TAB_UL_ACTIVE_BG: var(--color4);
	
	--reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_INPUT_BG: #fffdfd;
	--reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_INPUT_BORDER: solid 1px #bdbdbd;
	--reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_INPUT_OTP_RIGHT_TXT:  var(--color2);
	--reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_INPUT_HOVER_FOCUS_BORDER: solid 1px var(--color4);
	--reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_INPUT_SELECT_SELECTED_TXT: var(--color2);
	--reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_INPUT_SELECT_SELECTED_BORDER: 1px solid #bdbdbd;
	--reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_INPUT_SELECT_SELECTED_BG: rgba(28,28,29,1);
	--reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_INPUT_SELECT_SELECTED_HOVER_BORDER:  solid 1px var(--color4);
	--reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_INPUT_SELECT_SELECTED_AFTER_BORDER: 6px solid transparent;
	--reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_INPUT_SELECT_SELECTED_AFTER_BORDER_COLOR: var(--color4) transparent transparent transparent;
	--reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_INPUT_ARROW_ACTIVE_BORDER: solid 1px var(--color4);
	--reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_INPUT_SELECT_ITEM_TXT: var(--color2);
	--reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_INPUT_SELECT_ITEM_BORDER: 1px solid var(--color4);
	--reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_INPUT_SELECT_ITEM_DIV_TXT: var(--color2);
	--reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_INPUT_SELECT_ITEM_DIV_BG: rgba(0,0,0,.9);
	--reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_INPUT_SELECT_ITEM_DIV_HOVER_BG: var(--color4);
	--reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_INPUT_SELECT_TXT: var(--color3);
	--reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_INPUT_SELECT_BG: #fffdfd;
	--reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_INPUT_SELECT_BORDER: solid 1px #bdbdbd;
	--reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_INPUT_SELECT_HOVER_BORDER: solid 1px #d4af37;
	--reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_INPUT_TIP_TXT: var(--color3);
	--reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_INPUT_ERROR_TXT: var(--color8);
	--reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_BTN_BUTTON_TXT: var(--color2);
	--reg2_TELEGRAM_REG_BTN_DISABLED_BG:  var(--color3);
	
	
	--reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_BTN_REGISTER_SUBMIT_BG: var(--color4);
	--reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_BTN_REGISTER_SUBMIT_HOVER_BG: linear-gradient(to bottom, var(--color5), var(--color4));
	
	--reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_TEXT_REGISTER_TXT:  var(--color4);
	--reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_TEXT_REGISTER_BORDER_BOTTOM: 1px solid; 
	
	--reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_REGISTER_BTN_BUTTON_BORDER: none;
	
	--reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_REGISTER_INPUT_TEXT_OTP_TXT:  rgb(212, 175, 55);

	--reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_REGISTER_INPUT_BORDER_RADIUS: 0px;
	--reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_REGISTER_INPUT_SELECT_BORDER_RADIUS: 0px;
	
	--reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_INPUT_OTP_LEFT_WIDTH: 25% !important;
	
	--reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_REGISTER_INPUT_OTP_RIGHT_BORDER: 0px;
	--reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_REGISTER_BTN_BUTTON_BORDER_RADIUS: 0px;
	--reg2_DSTG_REGISTER_BOX_CONTENT_FORM_SEPARATE_REGISTER_INPUT_OTP_RIGHT_WIDTH: 27%;
	
	/* registerSuccess_2 */
	--regSucc2_DSTG_REGISTER_SUCCESS_WRAP_TITLE_BOX_BG: var(--color6);
	--regSucc2_DSTG_REGISTER_SUCCESS_WRAP_BOX_BG: var(--gradient1);
	
	--regSucc2_DSTG_REGISTER_SUCCESS_BOX_CONTENT_BENEFITS_BG: none;
	--regSucc2_DSTG_REGISTER_SUCCESS_BOX_CONTENT_BENEFITS_BORDER_LEFT: none;
	--regSucc2_DSTG_REGISTER_SUCCESS_WRAP_BOX_CONTENT_MEMBER_BENEFITS_BORDER_LEFT:  solid 3px var(--color4);
	--regSucc2_DSTG_REGISTER_SUCCESS_WRAP_BOX_CONTENT_MEMBER_BENEFITS_BG: var(--color3);
	--regSucc2_DSTG_REGISTER_SUCCESS_WRAP_BOX_CONTENT_BENEFITS_MEMBER_TITLE_TXT: var(--color2);
	--regSucc2_DSTG_REGISTER_SUCCESS_WRAP_BOX_CONTENT_MSG_TXT: var(--color3);
	--regSucc2_DSTG_REGISTER_SUCCESS_WRAP_BOX_CONTENT_MSG_TITLE_TXT: var(--color6);
	--regSucc2_DSTG_REGISTER_SUCCESS_WRAP_BOX_CONTENT_MSG_TEXT_BLUE: var(--color4);
	--regSucc2_DSTG_REGISTER_SUCCESS_WRAP_BOX_CONTENT_MSG_HIGHLIGHT_TXT: rgb(212, 175, 55);
	
	/* info_2 */
	--memberinfo2_KYCMODAL_TXT_COLOR: var(--color2);
	--memberinfo2_KYCMODAL_BG_COLOR: var(--gradient1);
	--memberinfo2_KYCMODAL_BTN_CLOSE_BG: var(--color6);
	--memberinfo2_KYCMODAL_BTN_CLOSE_COLOR: var(--color2);
	--memberinfo2_KYCMODAL_BTN_CLOSE_RADIUS: 5px;

	--memberinfo2_FORM_LABEL_TXT_COLOR: var(--color2);
	--memberinfo2_FORM_INPUT_SELECT_BG: var(--color2);
	--memberinfo2_FORM_INPUT_SELECT_BG_DISABLED: var(--color12);
	--memberinfo2_FORM_INPUT_SELECT_ICON_COLOR: var(--color3);
	--memberinfo2_FORM_INPUT_SELECT_TXT_COLOR: var(--color1);
	--memberinfo2_FORM_INPUT_SELECT_TXT_COLOR_DISABLED: var(--color4);
	--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(--color4);
	--memberinfo2_FORM_INPUT_SELECT_RADIUS: 0;
	--memberinfo2_FORM_INPUT_SELECT_FONT_WEIGHT: 600;
	--memberinfo2_FORM_OTP_TIMER_TXT_COLOR: #cfcfcf;
	--memberinfo2_FORM_BTN_SUBMIT_BG: var(--color4);
	--memberinfo2_FORM_BTN_SUBMIT_TXT_COLOR: var(--color2);
	--memberinfo2_FORM_BTN_SUBMIT_RADIUS: 0;
	--memberinfo2_FORM_BTN_SUB_SUBMIT_BG: var(--color6);
	--memberinfo2_FORM_BTN_SUB_SUBMIT_DISABLED_BG: var(--color3);
	--memberinfo2_FORM_BTN_SUB_SUBMIT_TXT_COLOR: var(--color1);
	--memberinfo2_FORM_BTN_SUB_SUBMIT_DISABLED_TXT_COLOR: var(--color2);
	--memberinfo2_FORM_BTN_SUB_SUBMIT_RADIUS: 0;
	--memberinfo2_FORM_UNDERLINE: var(--color6);

	--memberinfo2_SECTION_PADDING: 0 15px;
	--memberinfo2_SECTION_BG: transparent;
	--memberinfo2_SECTION_FONT_WEIGHT: 600;
	--memberinfo2_SECTION_PAGE_LBL_COLOR: var(--color2);
	--memberinfo2_SECTION_PAGE_LBL_BG: transparent;
	--memberinfo2_SECTION_PAGE_LBL_BULLET: var(--color6);

	--memberinfo2_CONTENT_BG: var(--gradient1);
	--memberinfo2_CONTENT_TXT_COLOR: var(--color2);
	--memberinfo2_CONTENT_RADIUS: 0;
	--memberinfo2_CONTENT_LBL_TXT_COLOR: var(--color2);
	--memberinfo2_CONTENT_LBL_BORDER_COLOR: var(--color2);
	--memberinfo2_CONTENT_LBL_BULLET: var(--color4);
	--memberinfo2_CONTENT_LBL_BULLET_RADIUS: 0;
	--memberinfo2_CONTENT_LBL_BULLET_TRANSFORM: translateY(-50%) rotateZ(45deg);
	--memberinfo2_CONTENT_LBL_INFO_COLOR: #0eb2f3;
	--memberinfo2_CONTENT_LBL_INFO_BG: var(--color2);
	--memberinfo2_CONTENT_LBL_INFO_CONTENT_TXT_COLOR: var(--color1);
	--memberinfo2_CONTENT_LBL_INFO_CONTENT_BG: var(--color10);
	--memberinfo2_CONTENT_LBL_TABLIST_BG: var(--color3);
	--memberinfo2_CONTENT_LBL_TABLIST_ACTIVE_BG: var(--color5);
	--memberinfo2_CONTENT_LBL_TABLIST_TXT_COLOR: var(--color2);
	--memberinfo2_CONTENT_LBL_TABLIST_ACTIVE_TXT_COLOR: var(--color2);
	--memberinfo2_CONTENT_LBL_TABLIST_RADIUS: 10px;
	
	--memberinfo2_PROFILE_BORDER_COLOR: var(--color4);
	--memberinfo2_PROFILE_ITEM_LBL_TXT_COLOR: var(--color4);
	--memberinfo2_PROFILE_ITEM_VAL_TXT_COLOR: var(--color1);
	
	--memberinfo2_PROFILE_VERIFY_ITEM_TXT_COLOR: var(--color8);
	--memberinfo2_PROFILE_VERIFY_ITEM_ICON_COLOR: var(--color4);
	--memberinfo2_PROFILE_BTN_DISABLE_BG: linear-gradient(180deg,rgba(170,167,167,1) 0%,rgba(105,105,105,1) 100%);
	--memberinfo2_PROFILE_VERIFY_OTP_BTN_BG: linear-gradient(to bottom, var(--color4), var(--color5));
	--memberinfo2_PROFILE_VERIFY_OTP_BTN_TXT_COLOR: var(--color2);
	--memberinfo2_PROFILE_VERIFY_OTP_TIMER_TXT_COLOR: var(--color1);
	--memberinfo2_PROFILE_VERIFY_ITEM_BORDER: 0px;
	
	--memberinfo2_PROFILE_KYC_ITEM_RADIUS: 0;
	--memberinfo2_PROFILE_KYC_ITEM_TXT_COLOR: var(--color1);
	--memberinfo2_PROFILE_KYC_ITEM_BG: var(--color2);
	--memberinfo2_PROFILE_KYC_ITEM_BORDER_COLOR: var(--color3);
	--memberinfo2_PROFILE_KYC_ITEM_INFO_BG: var(--color2);
	--memberinfo2_PROFILE_KYC_ITEM_INFO_COLOR: var(--color3);
	--memberinfo2_PROFILE_KYC_ITEM_INFO_CONTENT_BG: var(--color10);
	--memberinfo2_PROFILE_KYC_ITEM_INFO_CONTENT_TXT_COLOR: var(--color1);
	--memberinfo2_PROFILE_KYC_ITEM_ACTION_BG: #cfcfcf;
	--memberinfo2_PROFILE_KYC_ITEM_ACTION_TXT_COLOR: var(--color1);
	--memberinfo2_PROFILE_KYC_ITEM_ACTION_BORDER_COLOR: #cfcfcf;
	--memberinfo2_KYC_ITEM_PREVIEW_BTN_RADIUS: 0;
	--memberinfo2_KYC_ITEM_PREVIEW_BTN_CHANGE_TXT_COLOR: var(--color2);
	--memberinfo2_KYC_ITEM_PREVIEW_BTN_CHANGE_BG: var(--color3);
	--memberinfo2_KYC_ITEM_PREVIEW_BTN_PREVIEW_TXT_COLOR: var(--color2);
	--memberinfo2_KYC_ITEM_PREVIEW_BTN_PREVIEW_BG: var(--color8);
	--memberinfo2_KYC_REFRESH_BTN_BG: transparent !important;
	--memberinfo2_KYC_REFRESH_BTN_COLOR: var(--color3) !important;
	--memberinfo2_KYC_REFRESH_BTN_BORDER: none !important;
	--memberinfo2_KYC_REFRESH_BTN_HOVER_COLOR: var(--color6) !important;
	
	/* info_6 */
	--memberinfo6_SECTION_PADDING: 0 15px;
	--memberinfo6_SECTION_BG: transparent;
	--memberinfo6_SECTION_FONT_WEIGHT: 600;
	--memberinfo6_SECTION_PAGE_LBL_COLOR: var(--color2);
	--memberinfo6_SECTION_PAGE_LBL_BG: transparent;
	--memberinfo6_SECTION_PAGE_LBL_BULLET: var(--color6);
	--memberinfo2_SECTION_BTN_RADIUS: 0;
	--memberinfo2_SECTION_BLOCK_RADIUS: 0;
	
	--memberinfo6_KYCMODAL_TXT_COLOR: var(--color2);
	--memberinfo6_KYCMODAL_BG_COLOR: var(--gradient1);
	--memberinfo6_KYCMODAL_BTN_CLOSE_BG: var(--color6);
	--memberinfo6_KYCMODAL_BTN_CLOSE_COLOR: var(--color2);
	--memberinfo6_KYCMODAL_BTN_CLOSE_RADIUS: 5px;
	
	--memberinfo6_PROFILE_VERIFY_ITEM_TXT_COLOR: var(--color8);
	--memberinfo6_PROFILE_VERIFY_ITEM_ICON_COLOR: var(--color4);
	--memberinfo6_PROFILE_BTN_DISABLE_BG: linear-gradient(180deg,rgba(170,167,167,1) 0%,rgba(105,105,105,1) 100%);
	--memberinfo6_PROFILE_VERIFY_OTP_BTN_BG: linear-gradient(to bottom, var(--color4), var(--color5));
	--memberinfo6_PROFILE_VERIFY_OTP_BTN_TXT_COLOR: var(--color2);
	--memberinfo6_PROFILE_VERIFY_OTP_TIMER_TXT_COLOR: var(--color1);
	--memberinfo6_PROFILE_VERIFY_ITEM_BORDER: 0px;
	
	--memberinfo6_FORM_LABEL_TXT_COLOR: var(--color2);
	--memberinfo6_FORM_INPUT_SELECT_BG: var(--color2);
	--memberinfo6_FORM_INPUT_SELECT_BG_DISABLED: var(--color4);
	--memberinfo6_FORM_INPUT_SELECT_ICON_COLOR: var(--color3);
	--memberinfo6_FORM_INPUT_SELECT_TXT_COLOR: var(--color1);
	--memberinfo6_FORM_INPUT_SELECT_TXT_COLOR_DISABLED: var(--color2);
	--memberinfo6_FORM_INPUT_SELECT_BORDER_COLOR: var(--color10);
	--memberinfo6_FORM_INPUT_SELECT_BORDER_COLOR_HOVER: var(--color4);
	--memberinfo6_FORM_INPUT_SELECT_BORDER_COLOR_DISABLED: var(--color5);
	--memberinfo6_FORM_INPUT_SELECT_RADIUS: var(--memberinfo2_SECTION_BTN_RADIUS);
	--memberinfo6_FORM_INPUT_SELECT_FONT_WEIGHT: 600;
	--memberinfo6_FORM_OTP_TIMER_TXT_COLOR: var(--color3);
	--memberinfo6_FORM_BTN_SUBMIT_BG: var(--color6);
	--memberinfo6_FORM_BTN_SUBMIT_TXT_COLOR: var(--color2);
	--memberinfo6_FORM_BTN_SUBMIT_RADIUS: var(--memberinfo2_SECTION_BTN_RADIUS);
	--memberinfo6_FORM_BTN_SUB_SUBMIT_BG: var(--color6);
	--memberinfo6_FORM_BTN_SUB_SUBMIT_DISABLED_BG: var(--color3);
	--memberinfo6_FORM_BTN_SUB_SUBMIT_TXT_COLOR: var(--color2);
	--memberinfo6_FORM_BTN_SUB_SUBMIT_DISABLED_TXT_COLOR: var(--color2);
	--memberinfo6_FORM_BTN_SUB_SUBMIT_RADIUS: var(--memberinfo2_SECTION_BTN_RADIUS);
	--memberinfo6_FORM_UNDERLINE: var(--color6);
	
	--memberinfo6_CONTENT_BG: var(--gradient1);
	--memberinfo6_CONTENT_TXT_COLOR: var(--color2);
	--memberinfo6_CONTENT_RADIUS: var(--memberinfo2_SECTION_BLOCK_RADIUS);
	--memberinfo6_CONTENT_LBL_TXT_COLOR: var(--color2);
	--memberinfo6_CONTENT_LBL_UNDERLINE: var(--color6);
	--memberinfo6_CONTENT_LBL_UNDERLINE_HEIGHT: 2px;
	--memberinfo6_CONTENT_LBL_INFO_COLOR: #0eb2f3;
	--memberinfo6_CONTENT_LBL_INFO_BG: var(--color2);
	--memberinfo6_CONTENT_LBL_INFO_CONTENT_TXT_COLOR: var(--color1);
	--memberinfo6_CONTENT_LBL_INFO_CONTENT_BG: var(--color10);
	--memberinfo6_CONTENT_LBL_TABLIST_BG: var(--color2);
	--memberinfo6_CONTENT_LBL_TABLIST_ACTIVE_BG: var(--color4);
	--memberinfo6_CONTENT_LBL_TABLIST_TXT_COLOR: var(--color4);
	--memberinfo6_CONTENT_LBL_TABLIST_ACTIVE_TXT_COLOR: var(--color2);
	--memberinfo6_CONTENT_LBL_TABLIST_BORDER_COLOR: var(--color5);
	--memberinfo6_CONTENT_LBL_TABLIST_ACTIVE_BORDER_COLOR: transparent;
	--memberinfo6_CONTENT_LBL_TABLIST_RADIUS: 10px;
	
	--memberinfo6_PROFILE_BORDER_COLOR: var(--color6);
	--memberinfo6_PROFILE_MAIN_SEPERATE_LINE: var(--color2);
	--memberinfo6_PROFILE_MAIN_TXT_COLOR: var(--color2);
	--memberinfo6_PROFILE_MAIN_H3: var(--color2);
	--memberinfo6_PROFILE_MAIN_LOGIN_LBL_COLOR: var(--color6);
	--memberinfo6_PROFILE_INFO_BG: var(--color4);
	--memberinfo6_PROFILE_INFO_TXT_COLOR: var(--color2);
	--memberinfo6_PROFILE_INFO_SEPERATE_LINE: var(--color2);
	
	--memberinfo6_KYC_VERIFIED_ITEM_BG: var(--color1);
	--memberinfo6_KYC_ITEM_LBL_TXT_COLOR: var(--color2);
	--memberinfo6_KYC_ITEM_LBL_INFO_COLOR: var(--color3);
	--memberinfo6_KYC_ITEM_LBL_INFO_BG: var(--color2);
	--memberinfo6_KYC_ITEM_LBL_INFO_TXT_COLOR: var(--color1);
	--memberinfo6_KYC_ITEM_LBL_INFO_CONTENT_BG: var(--color10);
	--memberinfo6_KYC_ITEM_UPLOAD_BORDER_COLOR: var(--color3);
	--memberinfo6_KYC_ITEM_UPLOAD_BG: var(--color2);
	--memberinfo6_KYC_ITEM_UPLOAD_TXT_COLOR: var(--color1); 
	--memberinfo6_KYC_ITEM_UPLOAD_ICON: var(--color4);
	--memberinfo6_KYC_ITEM_PREVIEW_BORDER_COLOR: var(--color3);
	--memberinfo6_KYC_ITEM_PREVIEW_BG: var(--color2);
	--memberinfo6_KYC_ITEM_PREVIEW_TXT_COLOR: var(--color1);
	--memberinfo6_KYC_ITEM_PREVIEW_BTN_RADIUS: var(--memberinfo2_SECTION_BTN_RADIUS);
	--memberinfo6_KYC_ITEM_PREVIEW_BTN_CHANGE_TXT_COLOR: var(--color2);
	--memberinfo6_KYC_ITEM_PREVIEW_BTN_CHANGE_BG: var(--color3);
	--memberinfo6_KYC_ITEM_PREVIEW_BTN_PREVIEW_TXT_COLOR: var(--color2);
	--memberinfo6_KYC_ITEM_PREVIEW_BTN_PREVIEW_BG: var(--color8);
	
	/* floating button 1 */
	--FLOATBTN1_FLOAT_CONTAINER_FLOATING_TIPS_1_MAX_WIDTH: 100px;
	--FLOATBTN1_FLOAT_CONTAINER_FLOATING_TIPS_1_TOP: 235px;
	--FLOATBTN1_FLOAT_CONTAINER_FLOATING_TIPS_1_RIGHT: 5px;
	--FLOATBTN1_FLOAT_CONTAINER_FLOATING_TIPS_1_ZINDEX: 10;
	--FLOATBTN1_FLOAT_CONTAINER_FLOATING_TIPS_1_ANIMATION: movemove 10s infinite;
	
	--FLOATBTN1_FLOAT_CONTAINER2_MAX_WIDTH: 75px;
	--FLOATBTN1_FLOAT_CONTAINER2_PADDING_RIGHT: 5px;
	--FLOATBTN1_FLOAT_CONTAINER2_FLOATING_TIPS_2_IMG_HEIGHT: 100%;
	
		/* Self limit */
	--selfLimit1_WRAP_BORDER_COLOR: var(--color6);
	--selfLimit1_CONTAINER_BG: var(--color2);
	--selfLimit1_FLAG_BG: var(--color4);
	--selfLimit1_BORDER_COLOR: var(--color10);
	
	--selfLimit1_SET_LIMIT_BTN_BG: var(--color4);
	--selfLimit1_SET_LIMIT_BTN_BG_HOVER: var(--color6);
	
	--selfLimit1_SUBMIT_BTN_BG: var(--color4);
	--selfLimit1_SUBMIT_BG_HOVER: var(--color6);
	
	--selfLimit1_DATA_TABLE_BG: var(--color2);
	--selfLimit1_TABLE_TH_TXT_COLOR: var(--color3);
	
	--selfLimit1_POPBOX_INPUT_BG: var(--color10);
	--selfLimit1_POPBOX_INPUT_TXT_COLOR: var(--color1);
	--selfLimit1_POPBOX_MSG_TXT_COLOR: var(--color3);
	--selfLimit1_POPBOX_TITLE_TXT_COLOR: var(--color3);
	
	--selfLimit1_BTN_BG_ACTED: var(--color4);
	--selfLimit1_BTN_TXT_COLOR: var(--color2);
	--selfLimit1_BTN_TXT_COLOR_ACTED: var(--color2);
	
	/* General HOtGame */
	--General_hotgamenaviitem_background: transparent;
	--General_hotgamenaviitem_active_background: linear-gradient(to bottom, var(--color4), var(--color5));
	--General_hotgamenaviitem_border: 1px solid var(--color4);
	--General_hotgamenaviname_color: var(--color2);
	--General_hotgameimg_playoverlay_background: rgb(33, 33, 33);
	--General_hotgameimg_playbtn_icon_color: var(--color6);
	--General_hotgameimg_playbtn_icon_background: var(--color1);
	
	/* 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;
	
	--sumsub-kyc-toggle-doc-dropdown: #333;
	--sumsub-kyc-doc-dropdown-content: #393939;
	--sumsub-kyc-preview-img-border-color: #f6f6f6;
	--sumsub-kyc-refresh-btn-bg: var(--color4);
	--sumsub-kyc-approved-icon-color: #26de81;
	--sumsub-kyc-rejected-icon-color: #fc5c65;
	--sumsub-kyc-pending-icon-color: #d1d8e0;
	
	/* transfer_2 */
	--trans2_MODAL_HEAD_BORDER: 2px solid var(--color2);
	--trans2_PROVMODAL_BTN_TXT_COLOR: var(--color1);
	--trans2_PROVMODAL_BTN_HOVER_TXT_COLOR: var(--color1);
	--trans2_PROVMODAL_NOTICE_BG: var(--color12);
	--trans2_PROVMODAL_NOTICE_DISC: var(--color1);
	
	--trans2_FORM_INPUT_BTN_SUBSUBMIT_TXT_COLOR: var(--color1);
	--trans2_FORM_INPUT_BTN_SUBSUBMIT_HOVER_TXT_COLOR: var(--color1);
	
	--trans2_CONTENT_BORDER_SEPERATE_LINE: 2px solid var(--color4);
	
	--trans2_CREDITS_BOX_H4_TXT_COLOR: var(--color4);
	
	/* prov_list_3 */
	--prov3_CAROUSEL_PROV_IMG_BORDER: 4px solid var(--color6);
	--prov3_CAROUSEL_PROV_IMG_PROV_NAME_HOVER_TXT_COLOR: var(--color1);
	--prov3_CAROUSEL_PROV_IMG_PROV_NAME_HOVER_BG: var(--color6);
	
	--prov3_FORM_INPUT_DISABLED_BG: var(--color12);
	--prov3_FORM_INPUT_DISABLED_BORDER: 2px solid var(--color4);
	--prov3_FORM_INPUT_DISABLED_TXT_COLOR: var(--color4);
	--prov3_FORM_INPUT_LBL_TXT_COLOR: var(--color1);
	--prov3_FORM_INPUT_COPY_COLOR: var(--color3);
	
	--prov3_TAB_FILTER_BTN_HOVER_BG: var(--color6);
	--prov3_TAB_FILTER_BTN_HOVER_TXT_COLOR: var(--color1);
	
	--prov3_PROVITEM_BTN_TXT_COLOR: var(--color1);
	--prov3_PROVITEM_BTN_HOVER_BG: var(--color7);
	--prov3_PROVITEM_BTN_HOVER_TXT_COLOR: var(--color1);
	
	--prov3_USRPSWDBOX_BG: #222;
	--prov3_USRPSWDBOX_TXT_COLOR: var(--color2);
	--prov3_USRPSWDBOX_QR_BG: var(--color5);
	
	/* about_2 */
	--about2_INFO_TABLIST_LI_BG: #f3f3f3;
	--about2_INFO_H2_TXT: var(--color2);
	--about2_INFO_CONTACT_ITEM_LBL_TXT: var(--color4);
}

* {
  scrollbar-width: thin;
  scrollbar-color: var(--color3) #bdbdbd
}

*::-webkit-scrollbar-track {
    background-color: #bdbdbd;
    color: #bdbdbd
}

*::-webkit-scrollbar-thumb {
	background-color: var(--color3);
	color: var(--color3);
	border-radius: 10px
}

*::-ms-scrollbar-track-piece {
	background-color: #bdbdbd;
    color: #bdbdbd
}

*::-ms-scrollbar-thumb {
	background-color: var(--color3);
	color: var(--color3);
	border-radius: 10px
}

.header-menu {
	background: var(--color1)
}

body {
	color: var(--color2);
	background: var(--color1)
}

.dstg-pc-content-min-height {
	background-color: transparent
}

.dstg-bg-gradual-black {
	background: var(--gradient1)
}

.dstg-bg-gradient-primary {
	background: var(--color4)
}

.dstg-bg-gradient-primary:hover,
.dstg-bg-gradient-primary:focus,
.dstg-bg-gradient-primary:active {
	background: var(--color5)
}

.dstg-bg-gradient-secondary {
	background: var(--color6)
}

.dstg-bg-gradient-secondary:hover,
.dstg-bg-gradient-secondary:focus,
.dstg-bg-gradient-secondary:active {
	background: var(--color7)
}

.dstg-bg-gradient-third {
	background: var(--color8);
}

.dstg-bg-gradient-third:hover,
.dstg-bg-gradient-third:focus,
.dstg-bg-gradient-third:active {
	background: var(--color9);
}

.dstg-bg-gradient-gray {
	background: -webkit-gradient(linear, left top, right top, from(rgba(170,167,167,1)) 0%, to(rgba(105,105,105,1)) 100%);
	background: linear-gradient(180deg, rgba(170,167,167,1) 0%, rgba(105,105,105,1) 100%)
}

.dstg-text-blue,
.dstg-text-primary {
	color: var(--color4)
}

.dstg-text-yellow,
.dstg-text-secondary {
	color: var(--color6)
}

.dstg-text-gray {
	color: var(--color3)
}

.dstg-text-error, .error{
	color: #d63b3b
}

.dstg-btn-play.dstg-yellow {
	border: 1px solid var(--color6);
	background-color: var(--color6);
	color: var(--color1);
	transition: .3s
}

.dstg-btn-play:not(.dstg-gray ):hover { 
 	border: 1px solid var(--color7); 
	background-color: var(--color7);
	color: var(--color1);
	transition: .3s
} 

.dstg-btn-play.dstg-red {
	border: 1px solid #d00000;
	background-color: #d00000;
	color: var(--color2);
	transition: .3s
}

.dstg-btn-play.dstg-red:not(.dstg-gray ):hover{
	border: 1px solid #d00000;
	background-color: #d00000;
	color: var(--color2);
	transition: .3s
}
	
/* .dstg-btn-play:before { 
	background-color: hsla(0, 95%, 52%, .2)
} */ 

/* Preloader */
#preloader {
	background-color: #171d22d1 !important
}

/* main loader */
@keyframes spinner-animation {
	0% { 
		transform: rotate(0)
	} 100% { 
		transform: rotate(360deg) 
	}
}

.dstg-spinner-animation div { 
	box-sizing: border-box !important
}

.dstg-spinner-animation > div {
	position: absolute;
	width: 72px;
	height: 72px;
	top: 14px;
	left: 14px;
	border-radius: 50%;
	border: 8px solid var(--color1);
	border-color: 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
}
/* main loader */

.dstg-important-icon {
	color: var(--important)
}

/* MODAL */
.modal-content {
    color: var(--color2);
	background: var(--gradient1);
}

.modal-header {
	color: var(--color2)
}

.modal-header:after {
    border-bottom: 2px solid var(--color2)
}

.modal-header .diamond {
    background: var(--color4)
}

.modal-header .btn-modalClose {
    color: var(--color3)
}

#announcemodal .modal-footer {
	color: var(--color2)
}

/* admodal */
.admodal- .modal-header .btn-modalClose {
    color: var(--color4)
}

/* loginmodal */
#loginmodal .form-text .title {
	color: var(--color6)
}

#loginmodal .nav-tabs {
	border-color: var(--color4)
}

#loginmodal .nav-tabs .nav-link {
    color: var(--color3);
    background: #f3f3f3
}

#loginmodal .nav-tabs .nav-link.active,
#loginmodal .nav-tabs .nav-link:hover {
	color: var(--color2);
	background: var(--color4)
}

#loginmodal .input- i {
	color: var(--color4)
}

#loginmodal .forgot-field {
    color: inherit
}

#loginmodal .forgot-field:hover {
	color: var(--color6)
}

#loginmodal .loginBtn {
	color: var(--color2)
}

/* donwloadmodal */
#downloadmodal .downloadQR-content {
   	border-top: dashed 2px var(--color3)
}

#downloadmodal  .downloadQR-content .downloadQR-item:nth-child(2) {
	border-left: dashed 2px var(--color3)
}

#downloadmodal .downloadQR-content .user-wrap {
	border-left: dashed 2px var(--color3)
}

#downloadmodal .downloadQR-content .btn-download {
    color: var(--color1)
}

/* HEADER */
/* header {
    background-color: var(--color1);
} */

.dstg-header{
	background: var(--color1)
}

header .dstg-header-content {
   /*  background-image: url('/images/templates/Template 3/Header_background.dstg-png'); */
    background-position: center
}

.dstg-header-content .dstg-header-left {
	margin-top: 10px;
}

.dstg-header-content .dstg-header-left .dstg-logo {
	max-width: 230px
}

.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(--color6);
}

.dstg-header-content .dstg-header-center .dstg-balance-box .wallet-balance,
.dstg-header-content .dstg-header-center .dstg-navi-box {
    color: var(--color2);
}

.dstg-header-content .dstg-header-center .dstg-navi-box .dstg-navi-content:hover {
    color: var(--color2);
    transition: .3s
}

.dstg-header-content .dstg-header-center .dstg-btn-box button {
	color: var(--color2);	
}

.dstg-header-content .dstg-header-center .dstg-btn-box button:hover i {
	/* color: var(--color6); */
}

.dstg-header-content .dstg-header-center .dstg-language-box:hover .dstg-title {
	color: var(--color6);
}

.dstg-header-content .dstg-header-right .dstg-buttons .dstg-button-big {
	color: var(--color2);
}

.dstg-header-content .dstg-header-right .dstg-buttons .dstg-button-big:hover {
	color: var(--color2);
}

.dstg-header-content .dstg-header-right .dstg-buttons:last-child .dstg-button-big {
	color: var(--color1);
}

.dstg-header-content .dstg-header-right .dstg-buttons:last-child .dstg-button-big:hover {
	color: var(--color1);
}

.dstg-countdown-widget>div {
	background: var(--color4);
	color: var(--color2);
}

.dstg-countdown-widget .dstg-countdowm-letter:first-child {
    font-family: cursive;
    letter-spacing: normal;
}

/* refresh button */
.dstg-btn-box .dstg-refreshBtn {
    background-color: var(--color6)
}

/* header deposit and withdraw button */
.dstg-hdepositBtn {
	color: #c7c7c7;
  	background-color: #2d2d2d
}

.dstg-hdepositBtn:before,
.dstg-hdepositBtn:after {
	background-color: var(--color6)
}

.dstg-hdepositBtn:hover {
  color: var(--color2)
}

/* NEW NAVIGATION BAR */
.dstg-header-navi {
    background: var(--color4)
}

.dstg-header-navi .dstg-wrapper::-webkit-scrollbar-thumb {
	background-color: var(--color6);
	color: var(--color6);
	border-radius: 0
}

.dstg-header-navi .dstg-navi-item .dstg-navi-btn {
	border-color: var(--color4)
}

.dstg-header-navi .dstg-navi-item .dstg-navi-btn.is-acted,
.dstg-header-navi .dstg-navi-item .dstg-navi-btn:hover {
    color: var(--color6);
    border-color: var(--color6)
}

.dstg-header-navi .dstg-navi-item .dstg-navi-btn:hover .dstg-navi-icon,
.dstg-header-navi .dstg-navi-item .dstg-navi-btn.is-acted .dstg-navi-icon {
	filter: var(--filter1)
}

/* .dstg-header-dropdown .dstg-drop-title {
    color: var(--color6);
}
 */
/* NEW NAVIGATION BAR */
/* HEADER */

/* FOOTER */
footer {
	background: var(--color4);
}

footer .dstg-footer-top .dstg-footer-separate .dstg-description-item {
	color: var(--color2)
}

footer .dstg-footer-top .dstg-footer-separate .dstg-description-item .dstg-title {
	color: var(--color2)
}

footer .dstg-footer-bottom .dstg-bottom-wrap {
    border-top: solid 1px var(--color3)
}

footer .dstg-footer-bottom .dstg-bottom-wrap .dstg-footer-bottom-bar .dstg-copy-right {
	color: var(--color3)
}

footer .dstg-footer-bottom .dstg-bottom-wrap .dstg-footer-bottom-bar ul li {
	border-right: 1px solid var(--color3);
	color: var(--color3);
	transition: .3s ease
}

footer .dstg-footer-bottom .dstg-bottom-wrap .dstg-footer-bottom-bar ul li:hover,
footer .dstg-footer-bottom .dstg-bottom-wrap .dstg-footer-bottom-bar ul li:focus,
footer .dstg-footer-bottom .dstg-bottom-wrap .dstg-footer-bottom-bar ul li:active {
	color: var(--color6);
	transition: .3s ease
}

footer .dstg-img-wrapper {
	border: 2px dashed var(--color3)
}

footer .dstg-img-wrapper .dstg-title-box {
    border-bottom: 2px dashed var(--color3);
    color: var(--color3)
}

.dstg-footer-webmap {
	background: var(--color11)
}

.dstg-footer-webmap .dstg-webmap-split {
	border-color: var(--color2)
}

.dstg-footer-webmap .dstg-title {
    color: var(--color2)
}

.dstg-footer-webmap .dstg-title:before {
	background: var(--color6)
}

.dstg-footer-webmap .dstg-link-list a:hover {
	color: var(--color6)
}

.dstg-provider-platform {
	background: #222
}
/* FOOTER */

/* navi bar */
.dstg-navi-content .dstg-bottom-nav .dstg-navi-list .dstg-nav-item a {
	color: var(--color2);
	-webkit-transition: .3s;
	transition: .3s
}

/* .dstg-navi-content .dstg-bottom-nav .dstg-navi-list .dstg-nav-item:hover,
.dstg-navi-content .dstg-bottom-nav .dstg-navi-list .dstg-nav-item.dstg-is-acted {
	color: var(--color6);
    border-bottom: 2px solid;
} */

.dstg-navi-content .dstg-bottom-nav .dstg-navi-list .dstg-nav-item:hover a,
.dstg-navi-content .dstg-bottom-nav .dstg-navi-list .dstg-nav-item .is-acted {
	color: var(--color6);
	border-bottom: 3px solid var(--color6);
	-webkit-transition: .3s;
	transition: .3s
}

.dstg-navi-content .dstg-bottom-nav .dstg-navi-list .dstg-brand-item .dstg-brand-selection li {
	background: #f3f3f3;
	color: var(--color3);
	transition: .3s
}

.dstg-navi-content .dstg-bottom-nav .dstg-navi-list .dstg-brand-item .dstg-brand-selection li:hover {
	background: var(--color4);
    color: var(--color2);
}

.dstg-navi-bar .dstg-navi-bar-bg {
	background: var(--color4)
}

.dstg-more-list{
    background: var(--color4)
}

.dstg-more-list .dstg-new .dstg-navi-btn.dstg-is-acted{
	color: var(--color6);
}
/* navi bar */

/* side menu bar */
/* .dstg-sideMenu.dstg-sideMenuLeftContainer {
    background: var(--color4);
} */

.dstg-sideMenuLeftContainer.show {
	background: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,.8))
}

.dstg-sideMenuLeftContainer .dstg-sideMenuTop{
	background: var(--color4);
}

.dstg-sideMenuLeftContainer .dstg-sideMenuTop .dstg-logo-box {
	border-bottom: 1px solid var(--color2)
}

.dstg-sideMenuLeftContainer .dstg-sideMenuTop .dstg-logo-box .dstg-logo-img img {
	width: fit-content;
	height: 100%;
    margin: 0 10px
}

.dstg-sideMenuLeftContainer .dstg-sideMenuTop .dstg-logo-box .dstg-icon-img {
    color: var(--color2);
	transition: all .dstg-3s ease-in-out
}

.dstg-sideMenuLeftContainer .dstg-sideMenuTop .dstg-member-box {
	color: var(--color1);
	background: linear-gradient(136deg, rgba(246,244,244,1), rgba(221,221,223,1))
}

.dstg-sideMenuLeftContainer .dstg-sideMenuTop .dstg-member-box .dstg-member-memberPoint {
	color: var(--color4);
}

.dstg-sideMenuLeftContainer .dstg-sideMenuTop .dstg-member-box .dstg-member-memberPoint .dstg-btn-box button {
    color: var(--color4);
}

.dstg-sideMenuLeftContainer .dstg-sideMenuTop .dstg-member-box .dstg-member-memberPoint .dstg-btn-box button:hover i {
	color: var(--color3);
}

.dstg-sideMenuLeftContainer .dstg-sideMenuMiddle .dstg-menu-box{
	width: 100%;
}

.dstg-sideMenuLeftContainer .dstg-sideMenuMiddle .dstg-menu-box.off .dstg-menu-hover {
	background: var(--color4)
}

.dstg-sideMenuLeftContainer .dstg-sideMenuMiddle .dstg-menu-box .dstg-menu-label {
	color: var(--color2);
	border-bottom: dashed 1px var(--color2);
	background: var(--color4);
}

.dstg-sideMenuLeftContainer .dstg-sideMenuMiddle .dstg-menu-box ul li {
	color: var(--color2);
	background: var(--color4);
}

.dstg-sideMenuLeftContainer .dstg-sideMenuMiddle .dstg-menu-box ul li:hover,
.dstg-sideMenuLeftContainer .dstg-sideMenuMiddle .dstg-menu-box ul li:focus {
    background: linear-gradient(180deg,rgba(246,244,244,1) 0%,rgba(221,221,223,1) 100%);
	color: var(--color4);
}

.dstg-sideMenuLeftContainer .dstg-sideMenuMiddle .dstg-menu-box ul li:hover .dstg-icon,
.dstg-sideMenuLeftContainer .dstg-sideMenuMiddle .dstg-menu-box ul li:focus .dstg-icon {
	color: var(--color4);
}

.dstg-sideMenuLeftContainer .dstg-sideMenuMiddle .dstg-menu-box ul li:hover .dstg-title,
.dstg-sideMenuLeftContainer .dstg-sideMenuMiddle .dstg-menu-box ul li:focus .dstg-title {
	color: var(--color4);
}

.dstg-sideMenuLeftContainer .dstg-sideMenuMiddle ul li.noSubNavi {
	color: var(--color2);
	background: var(--color4);
}

.dstg-sideMenuLeftContainer .dstg-sideMenuMiddle ul li.noSubNavi:hover {
	background: linear-gradient(180deg, rgba(246,244,244,1) 0%, rgba(221,221,223,1) 100%);
	color: var(--color4);
}

.dstg-sideBtn-wrapper .dstg-btn-box button {
	color: var(--color1)
}
/* side menu bar */

/* marquee */
.dstg-announcement-marquee {
	background: var(--color5)
}

.dstg-announcement-marquee .dstg-marquee-icon {
    color: var(--color2)
}

.dstg-announcement-marquee .dstg-marquee-content {
	color: var(--color2)
}
/* marquee */

/* home page */
.dstg-bonus-wrapper .dstg-home-packet .dstg-angpow-wrap .dstg-title-info .dstg-title {
	color: #ffdd1a;
    font-weight: 700;
}

.dstg-angpowList-wrapper .dstg-angpowTitle .dstg-popTitle-item {
	color: #ffdd1a;
    font-weight: 700;
}

.dstg-content-wrapper .dstg-video-wrap .dstg-title-box {
    width: fit-content;
    padding: 5px 5px;
    background-color: var(--color4);
    color: var(--color2);
    border-radius: 20px;
    margin-bottom: 10px;
}

.dstg-content-wrapper .dstg-menu-wrap .dstg-menu-item {
    background-color: transparent;
}

.dstg-content-wrapper .dstg-menu-wrap .dstg-menu-item .dstg-mask .dstg-menu-detail .dstg-title-info .dstg-word {
	color: var(--color2)
}

.dstg-sub-slider-wrapper .dstg-title-box .dstg-iconBottom {
    border-bottom: 3px solid var(--color4);
    padding-bottom: 5px;
}

.dstg-sub-slider-wrapper .dstg-title-box {
   /*  border-bottom: 2px dashed var(--color3) */
}

.dstg-sub-slider-wrapper .dstg-title-box .dstg-icon {
	border-bottom: 3px solid var(--color4);
    padding-bottom: 5px
}

.dstg-sub-slider-wrapper .dstg-title-box .dstg-title {
    border-bottom: 3px solid;
    padding-bottom: 5px
}

.dstg-sub-slider-wrapper .dstg-subSlider-wrapper .dstg-game-slider {
    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-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: 43%;
	font-size: 60px;
	font-weight: bold;
    color: var(--color2);
    text-align: center
}

@media ( min-width :1700px) {
	.dstg-jackpot-wrap .dstg-jackpot-content .dstg-jackpot-amount  {
		font-size: 70px
	}
}

@media ( max-width :1500px) {
	.dstg-jackpot-wrap .dstg-jackpot-content .dstg-jackpot-amount  {
		font-size: 50px
	}
}

@media ( max-width :1100px) {
	.dstg-jackpot-wrap .dstg-jackpot-content .dstg-jackpot-amount  {
		font-size: 40px
	}
}

.dstg-jackpot-wrap .dstg-jackpot-content .dstg-jackpot-currency {
	margin-right: 10px
}
/* home page */

/* casino page */
.dstg-casino-promo-wrap .dstg-casinoSlider-wrapper .dstg-title-box {
	border-bottom: 2px dashed var(--color3)
}
/* casino page */

/* slots page */
.dstg-slots-container .dstg-slotProviderNavi-wrap .dstg-providerNaviControl button {
    background: transparent;
    color: var(--color3);
    transition: .3s
}

.dstg-slots-container .dstg-slotProviderNavi-wrap .dstg-providerNaviControl button:hover {
	color: var(--color6);
    transition: .3s
}

.dstg-slots-container .dstg-slotProviderNavi-wrap .dstg-providerNaviControl button:disabled {
	color: #bdbdbd;
	cursor: default;
	transition: .3s
}

.dstg-slots-container .dstg-slotProviderNavi-wrap .dstg-providerNaviItem .dstg-providerNavi-box .dstg-providerNavi-option .dstg-provider-img {
    border-top: 6px solid var(--color4)
}

.dstg-slots-container .dstg-slotProviderNavi-wrap .dstg-providerNaviItem .dstg-providerNavi-box .dstg-providerNavi-option .dstg-provider-name {
    color: var(--color3);
    background: #f3f3f3;
    transition: .3s
}

.dstg-slots-container .dstg-slotProviderNavi-wrap .dstg-providerNaviItem .dstg-providerNavi-box .dstg-providerNavi-option:hover .dstg-provider-name,
.dstg-slots-container .dstg-slotProviderNavi-wrap .dstg-providerNaviItem .dstg-providerNavi-box .dstg-providerNavi-option .dstg-provider-name.dstg-is-acted {
	color: var(--color2);
	background: var(--color4);
	transition: .3s
}
/* slots page */

/* promotion page */
.promoFilter-wrapper .promoFilter-separate .promoFilter-title {
	color: var(--color2)
}

.promoFilter-wrapper .promoFilter-separate .promoFilter-option .promoFilter-list li .option {
	color: var(--color1);
	background: #f3f3f3;
	transition: .3s
}

.promoFilter-wrapper .promoFilter-separate .promoFilter-option .promoFilter-list li:hover .option,
.promoFilter-wrapper .promoFilter-separate .promoFilter-option .promoFilter-list li .option.is-acted {
	background: var(--color6);
	color: var(--color1);
	transition: .3s
}

.promoList-wrapper .promoList-separate {
    color: var(--color2);
	background: #222;
	border-radius: 0 1rem 1rem 0
}

.promoList-separate .promoContent-right .promo-description .description-left .description-title .flag {
	background: var(--color4)
}

.promoList-separate .promoContent-right .promo-description .description-left .description-title .text {
	color: var(--color4);
	background: var(--color12);
	font-size: 1rem
}

.promoList-separate .promoContent-right .promo-description .description-right .description-date .date-title {
	background: var(--color12);
    color: var(--color4)
}

.promoList-separate .promoContent-right .promo-btn button {
	color: var(--color1);
	transition: .3s
}

.promoList-separate .promoContent-right .promo-info .info-wrap {
    background: var(--color12);
    margin-bottom: 1rem;
    margin-right: 1rem;
    border-radius: 1rem;
    border-top-left-radius: 0
}

.promoList-separate .promoContent-right .promo-info .info-wrap .info-content table td {
	border: 1px solid var(--color3);
	background: var(--color2);
	color: #222
}

.promoList-separate .promoContent-right .promo-info .info-wrap .info-content table th,
.promoList-separate .promoContent-right .promo-info .info-wrap .info-content table .head {
	border: 1px solid var(--color3);
	color: var(--color1)
}

.promoList-separate .promoContent-right .promo-info .info-wrap .info-content h3 {
	color: var(--color1)
}

.promoList-separate .promoContent-right .promo-info .info-wrap .info-content {
	color: var(--color1)
}
/* promotion page */

/* download page/download list */
.dstg-download-wrapper .dstg-download-item,
.dstg-downloadList-wrapper .dstg-download-item {
	/* background: #f3f3f3 */
}

.dstg-download-wrapper .dstg-download-item .dstg-content-box .dstg-img-box,
.dstg-downloadList-wrapper .dstg-download-item .dstg-content-box .dstg-img-box {
	background-color: #bdbdbd
}

.dstg-download-wrapper .dstg-download-item .dstg-content-box .dstg-title-box span,
.dstg-downloadList-wrapper .dstg-download-item .dstg-content-box .dstg-title-box span {
	color: var(--color2);
    border-bottom: 2px solid var(--color6)
}

.dstg-download-wrapper .dstg-download-item .dstg-content-box .dstg-title-box, 
.dstg-downloadList-wrapper .dstg-download-item .dstg-content-box .dstg-title-box {
    /* background: var(--color4); */
}
/* download page/download list */

/* info content base */
.dstg-article-wrap .dstg-title-box .dstg-flag {
	background: var(--color6)
}

.dstg-article-wrap .dstg-title-box .dstg-title {
	color: var(--color3);
}
/* info content base */

/* seo content */
.dstg-article-wrap .dstg-seo-btn button {
    color: var(--color2)
}

.dstg-article-wrap .dstg-article-box .dstg-seo-info {
	color: var(--color3)
}

.dstg-article-wrap .dstg-article-box .dstg-seo-info strong {
	color: rgb(0, 0, 0)
}

.dstg-article-wrap .dstg-article-box .dstg-seo-info a {
	color: #0000ff;
	border-bottom: 1px solid #0000ff
}

.dstg-article-wrap .dstg-article-box .dstg-seo-info a:hover {
	color: #013D7A;
	border-bottom: 1px solid #013D7A;
	transition: .3s
}

.dstg-seo-wrapper {
	color: #f3f3f3
}

.dstg-seo-wrapper strong {
	color: #f3f3f3
}

.dstg-seo-wrapper a {
	color: #0000ff;
	border-bottom: 1px solid #0000ff
}

.dstg-seo-wrapper a:hover {
	color: #013D7A;
	border-bottom: 1px solid #013D7A;
	transition: .3s
}
/* seo content */

/* about us page */
.dstg-article-wrap .dstg-article-box .dstg-about-info {
	color: var(--color3)
}

.dstg-article-wrap .dstg-article-box .dstg-about-info strong {
	color: var(--color4)
}
/* about us page */

/* contact us page */
.dstg-article-wrap .dstg-article-box .dstg-contact-info {
	color: var(--color3)
}

.dstg-article-wrap .dstg-article-box .dstg-contact-info .dstg-contact-list {
	background: #f3f3f3
}

.dstg-article-wrap .dstg-article-box .dstg-contact-info .dstg-contact-list tr .dstg-primary-col i {
	color: var(--color4)
}

.dstg-article-wrap .dstg-article-box .dstg-contact-info .dstg-contact-list tr .dstg-value-col {
	color: var(--color3)
}

.dstg-article-wrap .dstg-article-box .dstg-contact-info .dstg-contact-list tr .dstg-value-col a {
	color: var(--color3);
    border-bottom: solid 1px transparent;
	transition: .3s
}

.dstg-article-wrap .dstg-article-box .dstg-contact-info .dstg-contact-list tr .dstg-value-col a:hover {
	color: var(--color4);
	transition: .3s
}

#contactmodal .modal-body tr .dstg-primary-col i {
	font-size: 25px;
    color: var(--color4);
}

#contactmodal .modal-body tr .dstg-value-col {
    color: var(--color3);
}

#contactmodal .modal-body tr .dstg-value-col a {
	color: var(--color3);
    border-bottom: solid 1px transparent;
    transition: .3s;
}
/* contact us page */

/* terms n conditions page */
.dstg-article-wrap .dstg-article-box .dstg-term-info {
	color: var(--color3)
}

.dstg-article-wrap .dstg-article-box .dstg-term-info strong {
	color: var(--color4)
}

.dstg-article-wrap .dstg-article-box .dstg-term-info .dstg-info-cover {
	border-bottom: 1px dashed var(--color3)
}
/* terms n conditions page */

/* marquee pop & announce pop */
.dstg-marqueePop-box .dstg-marqueePop-wrapper .dstg-popContent-wrap .dstg-announce-cover,
.dstg-announcePop-box .dstg-announcePop-wrapper .dstg-announceContent-wrap .dstg-announce-cover {
    border-bottom: 1px dashed var(--color3)
}

.dstg-marqueePop-box .dstg-marqueePop-wrapper .dstg-popContent-wrap .dstg-announce-cover .dstg-announce-content,
.dstg-announcePop-box .dstg-announcePop-wrapper .dstg-announceContent-wrap .dstg-announce-cover .dstg-announce-content {
	color: var(--color3)
}
/* marquee pop & announce pop */

/* contact us pop */
.dstg-contactUsPop-box .dstg-contactUsPop-wrapper .dstg-contact-wrap {
	background: #f3f3f3
}

.dstg-contactUsPop-box .dstg-contactUsPop-wrapper .dstg-contact-wrap tr .dstg-primary-col,
.dstg-contactUsPop-box .dstg-contactUsPop-wrapper .dstg-contact-wrap tr .dstg-seperator-col,
.dstg-contactUsPop-box .dstg-contactUsPop-wrapper .dstg-contact-wrap tr .dstg-value-col {
	color: var(--color3)
}

.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 a {
	color: var(--color3);
	border-bottom: solid 1px transparent;
	transition: .3s
}

.dstg-contactUsPop-box .dstg-contactUsPop-wrapper .dstg-contact-wrap tr .dstg-value-col a:hover {
	color: var(--color4);
	border-bottom: solid 1px var(--color4);
	transition: .3s
}
/* contact us pop */

/* member tnc page */
.dstg-pageContent .dstg-tnc-wrap .dstg-register-separate .dstg-register-input input {
	background: #f3f3f3;
    border: 1px solid #bdbdbd;
    color: var(--color3)!important;
    -webkit-transition: .3s ease;
    transition: .3s ease;
}

.dstg-tnc-wrap .dstg-tnc-content ul {
	color: var(--color4)
}

.dstg-tnc-wrap .dstg-tnc-content ul li .dstg-tnc-details {
    color: var(--color2)
}

.dstg-tnc-wrap .dstg-tnc-content ul li .dstg-tnc-details .dstg-highlight {
	color: var(--color4)
}

.dstg-tnc-wrap .dstg-tnc-btn button {
	color: var(--color2)
}

/* member tnc page */

/* error page */
.dstg-error-wrap .dstg-error-content .dstg-error-description {
	color: var(--color2)
}

.dstg-error-wrap .dstg-error-content .dstg-error-btn button {
	color: var(--color2)
}
/* error page */

/* maintenance page */
.dstg-maintenance-wrap .dstg-maintenance-content .dstg-maintenance-description {
	color: var(--color2)
}
/* maintenance page */

/* login pop */
.dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-tab ul li {
	border-bottom: solid 4px var(--color4);
	background: #f3f3f3;
	transition: .3s
}

.dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-tab ul li:hover,
.dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-tab ul li:active,
.dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-tab ul li:focus,
.dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-tab ul .dstg-active {
	background: var(--color4);
	color: var(--color2);
	transition: .3s
}

.dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-inputBox {
	background: #f3f3f3;
	border: 1px solid #bdbdbd;
	-webkit-transition: .3s ease;
	transition: .3s ease
}

.dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-inputBox .dstg-inputField input {
	color: var(--color3);
}

.dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-inputBox .dstg-inputField .dstg-input-icon i {
	color: var(--color3);
	-webkit-transition: .3s ease;
    transition: .3s ease
}

.dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-inputBox:hover .dstg-inputField .dstg-input-icon i {
	color: var(--color4);
	-webkit-transition: .3s ease;
    transition: .3s ease
}

.dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-loginMobileInput .dstg-inputField .dstg-select-input .dstg-select-selected {
    border: 1px solid #bdbdbd;
    border-right: none;
    background: #f3f3f3;
    color: var(--color3)
}

.dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-loginMobileInput .dstg-inputField .dstg-select-input .dstg-select-selected:after {
	content: "";
    border: 6px solid transparent;
    border-color: var(--color4) transparent transparent transparent
}

.dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-loginMobileInput .dstg-inputField .dstg-select-input .dstg-select-items {
    background: rgba(125,125,125,1);
    color: var(--color2);
    transition: .3s
}

.dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-loginMobileInput .dstg-inputField .dstg-select-input .dstg-select-items div:hover {
	background: var(--color4);
	 transition: .3s
}

.dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-loginMobileInput .dstg-inputField input {
	background: #f3f3f3;
	border: solid 1px #bdbdbd;
	color: var(--color3);
	-webkit-transition: .3s ease;
    transition: .3s ease
}

.dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-loginMobileInput .dstg-inputField select {
	color: var(--color3);
	background: #f3f3f3;
	border: solid 1px #bdbdbd
}

.dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-otp-right-input-login {
	color: var(--color2)
}

.dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-btnBox .dstg-loginBtn {
	color: var(--color2);
	-webkit-transition: .3s ease;
	transition: .3s ease
}

.dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-forgot-box .dstg-forgot-wrap .dstg-text {
	color: var(--color3)
}

.dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-forgot-box .dstg-forgot-wrap .dstg-text:hover {
	color: var(--color6);
	-webkit-transition: .3s ease;
	transition: .3s ease
}

.dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-forgot-box .dstg-inputField .dstg-select-input .dstg-select-selected {
    color: var(--color3);
    background: #fffdfd;
    border: 1px solid #bdbdbd
}

.dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-forgot-box .dstg-inputField .dstg-select-input .dstg-select-selected:after {
	content: "";
    border: 6px solid transparent;
    border-color: var(--color4) transparent transparent transparent
}

.dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-forgot-box .dstg-inputField .dstg-select-input .dstg-select-items {
    background: var(--color3);
    color: var(--color3)
}

.dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-forgot-box .dstg-inputField .dstg-select-input .dstg-select-items div {
    color: var(--color2)
}

.dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-forgot-box .dstg-inputField .dstg-select-input .dstg-select-items div:hover {
	background: var(--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(--color3);
    background: #f3f3f3;
	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-logivar(--color2)ut-wrap .dstg-login-form .dstg-form-content .dstg-register-box {
	border-top: dashed 2px var(--color3)
}

.dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-register-box .dstg-register-wrap .dstg-text {
	color: var(--color3)
}

.dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-login-form .dstg-form-content .dstg-register-box .dstg-register-wrap .dstg-text .dstg-register-btn:hover {
	border-bottom: solid 1px var(--color6);
	-webkit-transition: .3s;
	transition: .3s
}

.dstg-loginPop-box .dstg-loginPop-wrapper .dstg-loginInput-wrap .dstg-ad-banner-box .dstg-banner-wrap {
    background-color: var(--color3)
}

.dstg-inputIconHover i {
	color: var(--color4) !important;
	-webkit-transition: .3s ease;
    transition: .3s ease
}

.dstg-loginBtnHover {
	background: var(--color5) !important;
	-webkit-transition: .3s ease;
	transition: .3s ease
}
/* login pop */

/* language pop */
.dstg-languagePop-box .dstg-languagePop-wrapper .dstg-language-wrap .dstg-language-seperate {
    border-bottom: 1px dashed var(--color3)
}

.dstg-languagePop-box .dstg-languagePop-wrapper .dstg-language-wrap .dstg-language-seperate .dstg-language-country {
	color: var(--color3)
}

.dstg-languagePop-box .dstg-languagePop-wrapper .dstg-language-wrap .dstg-language-seperate .dstg-language-option li {
	color: var(--color3);
	border-right: 1px solid var(--color3);
	transition: .3s
}

.dstg-languagePop-box .dstg-languagePop-wrapper .dstg-language-wrap .dstg-language-seperate .dstg-language-option li:hover,
.dstg-languagePop-box .dstg-languagePop-wrapper .dstg-language-wrap .dstg-language-seperate .dstg-language-option li:focus,
.dstg-languagePop-box .dstg-languagePop-wrapper .dstg-language-wrap .dstg-language-seperate .dstg-language-option li:active {
	color: var(--color6);
	transition:var(--color6)
}
/* language pop */

/* register page */
.dstg-register-wrap .dstg-title-box .dstg-flag {
	background: var(--color6)
}

.dstg-register-wrap .dstg-title-box .dstg-title {
	color: var(--color2)
}

.dstg-register-wrap .dstg-register-box .dstg-register-content .dstg-register-tab ul li {
	border-left: solid 4px var(--color4);
	background: #f3f3f3;
	color: var(--color3);
	transition: .3s
}

.dstg-register-wrap .dstg-register-box .dstg-register-content .dstg-register-tab ul li:hover,
.dstg-register-wrap .dstg-register-box .dstg-register-content .dstg-register-tab ul li:active,
.dstg-register-wrap .dstg-register-box .dstg-register-content .dstg-register-tab ul li:focus,
.dstg-register-wrap .dstg-register-box .dstg-register-content .dstg-register-tab ul .active {
	background: var(--color4);
	color: var(--color2);
	transition: .3s
}

.dstg-register-box .dstg-register-content .dstg-register-form .dstg-register-separate .dstg-register-label .dstg-label-title {
	color: var(--color2)
}

.dstg-register-box .dstg-register-content .dstg-register-form .dstg-register-separate .dstg-register-input input,.dstg-register-separate .dstg-register-input textarea {
    background: var(--color2);
    border: 1px solid var(--color10);
   	color: var(--color1)!important;
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.dstg-register-box .dstg-register-content .dstg-register-form .dstg-register-separate .dstg-register-input .dstg-otp-right-input {
    color: var(--color2)
}

.dstg-register-box .dstg-register-content .dstg-register-form .dstg-register-separate .dstg-register-input .dstg-select-input .dstg-select-selected {
    color: var(--color3);
    background: #f3f3f3;
    border: 1px solid #bdbdbd
}

.dstg-register-box .dstg-register-content .dstg-register-form .dstg-register-separate .dstg-register-input .dstg-select-input .dstg-select-selected:after {
	content: "";
	border-color: var(--color4) transparent transparent transparent
}

.dstg-register-box .dstg-register-content .dstg-register-form .dstg-register-separate .dstg-register-input .dstg-select-input .dstg-select-items {
	background: rgba(125,125,125,1);
    color: var(--color3)
}

.dstg-register-box .dstg-register-content .dstg-register-form .dstg-register-separate .dstg-register-input .dstg-select-input .dstg-select-items div {
    color: var(--color2);
    transition: .3s
}

.dstg-register-box .dstg-register-content .dstg-register-form .dstg-register-separate .dstg-register-input .dstg-select-input .dstg-select-items div:hover {
	background: var(--color4);
	transition: .3s
}

.dstg-register-box .dstg-register-content .dstg-register-form .dstg-register-separate .dstg-register-input select {
    color: var(--color1);
    background: var(--color2);
    border: 1px solid var(--color10)
}

.dstg-register-box .dstg-register-content .dstg-register-form .dstg-register-separate .dstg-register-input select.dstg-select-combine {
	border-right: none
}

.dstg-register-box .dstg-register-content .dstg-register-form .dstg-register-separate .inputMsg.tipMsg {
	color: var(--color3)
}

.dstg-register-box .dstg-register-content .dstg-register-form .dstg-register-separate .inputMsg.error {
	color: #d63b3b;
}

.dstg-register-box .dstg-register-content .dstg-register-form .dstg-register-separate .dstg-register-btn button {
    color: var(--color2)
}

#telegramRegBtn:disabled {
    background:var(--color3);
    cursor: no-drop;
}
/* register page */

/* register success page */
.dstg-registerSuccess-wrap .dstg-title-box .dstg-flag {
    background: var(--color6)
}

.dstg-registerSuccess-wrap .dstg-registerSuccess-box .dstg-registerSuccess-content .dstg-member-benefits {
    background: rgba(3,3,6,.8);
	border-left: solid 5px var(--color4)
}

.dstg-registerSuccess-wrap .dstg-registerSuccess-box .dstg-registerSuccess-content .dstg-registerSuccess-msg {
	color: var(--color3)
}

.dstg-registerSuccess-wrap .dstg-registerSuccess-box .dstg-registerSuccess-content .dstg-registerSuccess-msg .dstg-msg-content .dstg-highlight {
	color: var(--color4)
}
/* register success page */

/* member home page */
.dstg-filter-wrapper .dstg-filter-type .dstg-filter-title.dstg-provider-title {
    color: var(--color6);
}

/* provider list search bar */
.dstg-filter-type .search-bar{
    background: var(--color2);
    border: 2px solid var(--color4);
    color: var(--color1);
}
/* provider list search bar */

.dstg-filter-wrapper .dstg-filter-type .dstg-filter-option .dstg-filter-list li .option {
	background: #f3f3f3;
	color: #292929;
	transition: .3s
}

.dstg-filter-wrapper .dstg-filter-type .dstg-filter-option .dstg-filter-list li:hover .option,
.dstg-filter-wrapper .dstg-filter-type .dstg-filter-option .dstg-filter-list li .option.is-acted {
	background: var(--color4);
	color: var(--color2);
	transition: .3s
}

.dstg-specificSlotContainer .dstg-leftSideContent .dstg-topContent .dstg-userContentBox .dstg-content-seperate .dstg-content-value {
    background: var(--color5);
    color: var(--color2);
    transition: .3s
}

.dstg-specificSlotContainer .dstg-leftSideContent .dstg-bottomContent .dstg-descriptionBox .dstg-title { 
    color: var(--color3)
}

.dstg-specificSlotContainer .dstg-rightSideContent .dstg-download-title {
    border-bottom: 2px dashed var(--color3)
}

.dstg-specificSlotContainer .dstg-rightSideContent .dstg-download-item .dstg-download-btn button {
    color: var(--color2);
    transition: .3s
}

.dstg-gameListBtn-wrapper button {
    color: var(--color2)
}
/* member home page */

/* member pages base */
.dstg-page-content-wrap .dstg-title-box .dstg-flag {
	background: var(--color6)
}
/* member pages base */

/* transfer page */
#provinfomodal .notice-board- {
	color: var(--color1);
	border: 1px solid var(--color4)
}

.dstg-shortcut-seperate .dstg-shortcut-title {
	border-bottom: 2px dashed var(--color3)
}

.dstg-shortcut-seperate .dstg-shortcut-title .dstg-flag {
    background: var(--color4)
}

.dstg-shortcut-seperate .dstg-shortcut-provider .provider-content .provider-logo .logo-name {
    color: var(--color3);
    background: #f0f0f0
}

.dstg-shortcut-seperate .dstg-shortcut-provider .provider-content .provider-bal {
    color: var(--color1);
    background: #f0f0f0;
    -webkit-box-shadow: inset 0 0 8px 2px var(--color3);
    box-shadow: inset 0 0 8px 2px var(--color3)
}

.dstg-shortcut-seperate .dstg-shortcut-provider .provider-content .provider-bal .balanceActive {
	color: #3ec682
}

.dstg-shortcut-seperate .dstg-shortcut-provider .provider-content .provider-bal .balanceLocked {
	color: #cd5c5c
}

.dstg-shortcut-seperate .dstg-shortcut-provider .provider-content .provider-btn button,
.dstg-shortcut-seperate .dstg-shortcut-provider .provider-content .provider-btn .maintenance-text,
.dstg-shortcut-seperate .dstg-shortcut-provider .provider-content .provider-btn .locked-text,
.dstg-shortcut-seperate .dstg-shortcut-provider .provider-content .provider-btn .directAllIn-text {
    color: var(--color2)
}

.dstg-timer-wrapper .dstg-timer-val .dstg-withdrawLimitInfo {
	border-bottom: 2px solid var(--color4)
}

.dstg-timer-wrapper .dstg-btn-box button {
    color: var(--color2)
}

.dstg-timer-wrapper .dstg-toggle-btn .dstg-toggle-slider {
	background-color: #f3f3f3;
	-webkit-transition: .4s;
	transition: .4s
}

.dstg-timer-wrapper .dstg-toggle-btn .dstg-toggle-slider:before {
	content: "";
	background-color: var(--color3);
	-webkit-transition: .4s;
	transition: .4s
}

.dstg-timer-wrapper .dstg-toggle-btn .dstg-toggle-slider .on {
	color: var(--color2)
}

.dstg-timer-wrapper .dstg-toggle-btn .dstg-toggle-slider .off {
	color: var(--color3)
}

.dstg-timer-wrapper .dstg-toggle-btn .dstg-toggle-checkbox:checked + .dstg-toggle-slider {
	background: var(--color4)
}

.dstg-timer-wrapper .dstg-toggle-btn .dstg-toggle-checkbox:checked + .dstg-toggle-slider:before {
	background-color: var(--color2);
}

/* transfer page */

/* deposit page */
.dstg-deposit-box .dstg-transaction-wrapper .dstg-transaction-seperate .dstg-transaction-option .dstg-transaction-list li .dstg-btn-wrapper .btn-remove,
.dstg-deposit-box .dstg-transaction-wrapper .dstg-transaction-seperate .dstg-transaction-option .dstg-transaction-list li .dstg-transaction-btn .btn-deposit {
    color: var(--color2);
    transition: .3s
}

.dstg-deposit-box .dstg-transaction-wrapper .dstg-transaction-seperate .dstg-transaction-option .dstg-transaction-list li .fileupload-box {
	color: var(--color1)
}

.dstg-deposit-box .dstg-deposit-description {
	color: var(--color1);
    border: 1px solid var(--color4);
    background: var(--color12)
}

.dstg-deposit-box .dstg-h2p-message-wrapper .dstg-h2p-message-box .dstg-message-text,
.dstg-deposit-box .dstg-h2p-message-wrapper .dstg-h2p-message-box .dstg-message-description {
	color: var(--color1);
    border: 1px solid var(--color4);
    background: var(--color12)
}

.dstg-deposit-box .dstg-h2p-message-wrapper .dstg-h2p-message-box .dstg-message-description .dstg-h2p-summary {
	border: solid 1px var(--color2)
}

.dstg-deposit-box .dstg-h2p-message-wrapper .dstg-h2p-message-box .dstg-timer-redirect {
	color: var(--color2)
}
/* deposit page */

/* withdraw page */
.dstg-withdraw-box .dstg-transaction-wrapper .dstg-transaction-seperate .dstg-transaction-option .dstg-transaction-list li .dstg-transaction-btn .btn-withdraw {
	color: var(--color2)
}

.dstg-withdraw-box .dstg-withdraw-form .dstg-summary-wrapper .dstg-summary-content .dstg-content-separate:last-child {
	border-top: 2px dashed var(--color3);
	border-bottom: 2px dashed var(--color3)
}

.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(--color5)
}
/* withdraw page */

/* history page */
.dstg-history-wrap .dstg-history-box .dstg-table-wrapper .dstg-history-list,
.dstg-history-wrap .dstg-history-box .dstg-table-wrapper .dstg-claimhistory-list {
	background: var(--color12)
}

.dstg-history-box .dstg-table-wrapper .dstg-history-list tr,
.dstg-history-box .dstg-table-wrapper .dstg-claimhistory-list tr {
	border: 1px solid var(--color4)
}

.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(--color4);
    font-weight: 600
}

.dstg-history-box .dstg-table-wrapper .dstg-history-list tr td,
.dstg-history-box .dstg-table-wrapper .dstg-claimhistory-list tr td {
	color: var(--color1)
}

.dstg-history-box .dstg-table-wrapper .dstg-history-list tr td .dstg-btn-detail,
.dstg-history-box .dstg-table-wrapper .dstg-claimhistory-list tr td .dstg-btn-detail {
	border: none;
    color: var(--color2)
}

.dstg-history-box .dstg-table-wrapper .dstg-history-list tbody tr:first-child td,
.dstg-history-box .dstg-table-wrapper .dstg-claimhistory-list tbody tr:first-child td {
	border-top: solid 2px #4a4a4a
}

.dstg-history-box .dstg-table-wrapper .dstg-dataTables_wrapper .dstg-dataTables_length,
.dstg-history-box .dstg-table-wrapper .dstg-dataTables_wrapper .dstg-dataTables_filter {
	color: var(--color3)
}

.dstg-history-box .dstg-table-wrapper .dataTables_filter label input {
	border: 1px solid var(--color10);
    background: var(--color2);
    color: var(--color1);
    padding: .25rem
}

.dstg-history-box .dstg-table-wrapper .dataTables_paginate .paginate_button {
	background: #f3f3f3;
	color: var(--color3) !important;
	border: 1px solid var(--color3)
}

.dstg-history-box .dstg-table-wrapper .dataTables_paginate .paginate_button:hover,
.dstg-history-box .dstg-table-wrapper .dataTables_paginate .paginate_button:focus {
	background: var(--color6);
	color: var(--color1) !important;
	border: 1px solid var(--color6);
    transition: .3s
}

.dstg-history-box .dstg-table-wrapper .dataTables_paginate .paginate_button.current, 
.dstg-history-box .dstg-table-wrapper .dataTables_paginate .paginate_button.current:hover {
	background: var(--color7);
	color: var(--color2) !important;
	border: 1px solid var(--color6);
    transition: .3s
}

.dstg-history-box .dstg-table-wrapper .dataTables_paginate .paginate_button.disabled,
.dstg-history-box .dstg-table-wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dstg-history-box .dstg-table-wrapper .dataTables_paginate .paginate_button.disabled:focus,
.dstg-history-box .dstg-table-wrapper .dataTables_paginate .paginate_button.disabled:active {
    background: 0 0;
    color: var(--color1) !important;
    border: 1px solid transparent
}
/* history page */

/* member bank info page */
.dstg-memberBank-wrapper {
	background: var(--color12);
	color: var(--color1)
}

.dstg-memberBank-wrapper .dstg-memberBank-thead {
    border-bottom: 2px solid var(--color4)
}

.dstg-memberBank-wrapper .dstg-memberBank-thead .dstg-thead-col span {
	color: var(--color4)
}

.dstg-memberBank-wrapper .dstg-memberBank-tbody .dstg-memberBank-separate .dstg-thead-col .dstg-col-btn button {
    color: var(--color2);
    transition: .3s
}

.dstg-bankSetting-wrapper .dstg-form-wrap .dstg-select-input .dstg-select-selected {
    color: var(--color3)
}

.dstg-bankSetting-wrapper .dstg-form-wrap .dstg-select-input .dstg-select-selected:after {
	content: "";
	border-color: var(--color4) transparent transparent transparent
}

.dstg-bankSetting-wrapper .dstg-form-wrap .dstg-select-input .dstg-select-items {
    color: var(--color2);
    background: rgba(125,125,125,1)
}

.dstg-bankSetting-wrapper .dstg-form-wrap .dstg-select-input .dstg-select-items div:hover {
	background: var(--color4);
	transition: .3s
}

.dstg-bankSetting-wrapper .dstg-form-wrap .dstg-form-seperate .dstg-formGroup {
    background: var(--color2);
    border: 1px solid var(--color10);
}

.dstg-bankSetting-wrapper .dstg-form-wrap .dstg-form-seperate .dstg-formGroup.dstg-disabled {
    background: var(--color12);
    border: 1px solid var(--color4)
}

.dstg-bankSetting-wrapper .dstg-form-wrap .dstg-form-seperate .dstg-formGroup .dstg-input-field {
    color: var(--color1)
}

.dstg-bankSetting-wrapper .dstg-form-wrap .dstg-form-seperate .dstg-formGroup select {
    border: none;
	color: var(--color1);
	background: var(--color2)
}

.dstg-bankSetting-wrapper .dstg-form-wrap .dstg-form-seperate .dstg-formGroup.dstg-disabled .dstg-input-field {
    color: var(--color4)
}

.dstg-bankSetting-wrapper .dstg-form-wrap .dstg-form-btn button {
    color: var(--color2);
    transition: .3s
}

.dstg-bankSetting-wrapper .dstg-form-wrap .dstg-form-btn button:last-child {
	color: var(--color1)
}
/* member bank info page */

/* member info page */
.member-info-2- .profile-block- {
	background: var(--color12) !important
}

.dstg-memberInfo-box .dstg-info-wrapper .dstg-basic-info {
	background: linear-gradient(141deg, #3e3d3d, #0e0e0e);
}

.dstg-memberInfo-box .dstg-password-wrapper .dstg-form-wrap .dstg-form-seperate .dstg-formGroup {
    background: #f3f3f3;
    border: 1px solid #bdbdbd
}

.dstg-memberInfo-box .dstg-password-wrapper .dstg-form-wrap .dstg-form-seperate .dstg-formGroup.dstg-disabled {
	background: var(--color5)
}

.dstg-memberInfo-box .dstg-password-wrapper .dstg-form-wrap .dstg-form-seperate .dstg-formGroup .dstg-input-field,
.dstg-memberInfo-box .dstg-password-wrapper .dstg-form-wrap .dstg-form-seperate .dstg-formGroup .dstg-input-icon {
    color: var(--color3)
}

.dstg-memberInfo-box .dstg-password-wrapper .dstg-form-wrap .dstg-form-seperate .dstg-formGroup.dstg-disabled .dstg-input-field {
	color: var(--color2)
}

.dstg-memberInfo-box .dstg-password-wrapper .dstg-form-wrap .dstg-form-seperate .dstg-formGroup:hover .dstg-input-icon,
.dstg-memberInfo-box .dstg-password-wrapper .dstg-form-wrap .dstg-form-seperate .dstg-formGroup:focus .dstg-input-icon {
	color: var(--color4);
	-webkit-transition: .3s;
	transition: .3s
}

.dstg-memberInfo-box .dstg-password-wrapper .dstg-form-wrap .dstg-form-seperate .dstg-formGroup .dstg-iconHover {
	color: var(--color4) !important; 
	-webkit-transition: .3s;
	transition: .3s
}

.dstg-memberInfo-box .dstg-password-wrapper .dstg-form-wrap .dstg-form-seperate .dstg-formGroup select {
    border: none;
	color: var(--color3) !important;
    background: #f3f3f3 
}

.dstg-memberInfo-box .dstg-password-wrapper .dstg-form-wrap .dstg-form-btn button {
    color: var(--color2);
    transition: .3s
}

.dstg-memberInfo-box .dstg-password-wrapper .dstg-form-wrap .dstg-select-input .dstg-select-selected {
    color: var(--color3)
}

.dstg-memberInfo-box .dstg-password-wrapper .dstg-form-wrap .dstg-select-input .dstg-select-selected:after {
	content: "";
	border-color: var(--color4) transparent transparent transparent
}


.dstg-memberInfo-box .dstg-password-wrapper .dstg-form-wrap .dstg-select-input .dstg-select-items {
    color: var(--color2);
    background: rgba(125,125,125,1)
}

.dstg-memberInfo-box .dstg-password-wrapper .dstg-form-wrap .dstg-select-input .dstg-select-items div:hover {
	background: var(--color4);
	transition: .3s
}
/* member info page */

/* download pop */
.dstg-downloadPop-box .dstg-downloadPop-wrapper .dstg-provider-img-wrap .dstg-img-box {
    background-color: #bdbdbd
}

.dstg-downloadPop-box .dstg-downloadPop-wrapper .dstg-link-wrap {
	border-top: dashed 2px var(--color3)
}

.dstg-downloadPop-box .dstg-downloadPop-wrapper .dstg-link-wrap .dstg-separate-line {
	border-right: dashed 2px var(--color3)
}

.dstg-downloadPop-box .dstg-downloadPop-wrapper .dstg-link-wrap .dstg-link-separate .dstg-link-title .dstg-icon {
	color: var(--color3)
}

.dstg-downloadPop-box .dstg-downloadPop-wrapper .dstg-link-wrap .dstg-link-separate .dstg-link-title .dstg-text {
	color: var(--color3)
}

.dstg-downloadPop-box .dstg-downloadPop-wrapper .dstg-link-wrap .dstg-link-separate .dstg-content-separate .dstg-content-value{
    background: var(--color5);
    color: var(--color2);
    transition: .3s;
}
/* download pop */

/* provider pop */
.dstg-providerPop-box .dstg-providerPop-wrapper .dstg-providerGame-wrap .dstg-providerGame-item {
	background-color: var(--color3)
}
/* provider pop */

/* restore list pop */
.dstg-restoreListPop-box .dstg-restoreListPop-wrapper .dstg-listItem-wrap {
	background: rgba(125,125,125,1)
}

.dstg-restoreListPop-box .dstg-restoreListPop-wrapper .dstg-listItem-wrap .dstg-listHeader {
	border-bottom: 1px solid #4a4a4a
}

.dstg-restoreListPop-box .dstg-restoreListPop-wrapper .dstg-listItem-wrap .dstg-listBody .dstg-listTr .dstg-listTd span {
	color: #cfcfcf
}
/* restore list pop */

/* direct all in pop */
.dstg-directAllInPop-box .dstg-directAllInPop-wrapper .dstg-directProviderGame-wrap .dstg-providerGame-item {
	background-color: var(--color3)
}

.dstg-directAllInPop-box .dstg-directAllInPop-wrapper .dstg-restoredList-title {
	border-bottom: dashed 2px var(--color3);
    color: var(--color3)
}

.dstg-directAllInPop-box .dstg-directAllInPop-wrapper .dstg-listItem-wrap {
    background: #f3f3f3
}

.dstg-directAllInPop-box .dstg-directAllInPop-wrapper .dstg-listItem-wrap .dstg-listHeader {
	border-bottom: 1px solid #cfcfcf;
	color: var(--color3)
}

.dstg-directAllInPop-box .dstg-directAllInPop-wrapper .dstg-listItem-wrap .dstg-listBody .dstg-listTr .dstg-listTd span {
	color: var(--color3)
}

.dstg-directAllInPop-box .dstg-directAllInPop-wrapper .dstg-directProviderInfo-wrap {
	color: var(--color3)
}

/* referral button */
.dstg-referralChangeTab-btn{
	padding: 10px;
    border-bottom: solid 2px var(--color4);
}

.dstg-referralInfo{
	width: 180px;
    border: none;
    padding: 10px 0;
    font-weight: 700;
    cursor: pointer;
    transition: .3s;
    color: var(--color2);
    border-top-left-radius: 25px;
}

.dstg-referralReport{
	width: 180px;
    border: none;
    padding: 10px 0;
    font-weight: 700;
    /* margin-left: 5px; */
    cursor: pointer;
    transition: .3s;
    color: var(--color2);
    border-top-right-radius: 25px;
}
/* end for referral button */

/* direct all in pop */
/* referral pop */
.dstg-referralPop-box .dstg-referralPop-wrapper .dstg-referralinfo {
    color: var(--color3)
}

.dstg-referralPop-box .dstg-referralPop-wrapper .dstg-referral-table .dstg-dataTables_wrapper .dstg-dataTables_length,
.dstg-referralPop-box .dstg-referralPop-wrapper .dstg-referral-table .dstg-dataTables_wrapper .dstg-dataTables_filter {
    color: var(--color3)
}

.dstg-referralPop-box .dstg-referralPop-wrapper .dstg-referral-table .dstg-dataTables_wrapper .dstg-dataTables_filter label input {
    background: #f3f3f3;
    color: var(--color3);
    border: solid 1px #bdbdbd
}

.dstg-referralPop-box .dstg-referralPop-wrapper .dstg-referral-table .dstg-dataTables_wrapper table.dstg-dataTable {
	border-bottom: none;
	background: #f3f3f3
}

.dstg-referralPop-box .dstg-referralPop-wrapper .dstg-referral-table .dstg-dataTables_wrapper table.dstg-dataTable tr td {
	color: var(--color3)
}

.dstg-referralPop-box .dstg-referralPop-wrapper .dstg-referral-table .dstg-dataTables_wrapper table.dstg-dataTable tbody tr {
	background: 0 0
}

.dstg-referralPop-box .dstg-referralPop-wrapper .dstg-referral-table .dstg-dataTables_wrapper table.dstg-dataTable tbody tr:first-child td {
    border-top: solid 2px #4a4a4a
}

.dstg-referralPop-box .dstg-referralPop-wrapper .dstg-referral-table .dstg-dataTables_wrapper .dstg-dataTables_paginate .dstg-paginate_button {
    border: none;
    background: #f3f3f3;
    color: #bdbdbd !important
}

.dstg-referralPop-box .dstg-referralPop-wrapper .dstg-referral-table .dstg-dataTables_wrapper .dstg-dataTables_paginate .dstg-paginate_button:hover,
.dstg-referralPop-box .dstg-referralPop-wrapper .dstg-referral-table .dstg-dataTables_wrapper .dstg-dataTables_paginate .dstg-paginate_button:focus, 
.dstg-referralPop-box .dstg-referralPop-wrapper .dstg-referral-table .dstg-dataTables_wrapper .dstg-dataTables_paginate .dstg-paginate_button.dstg-current,
.dstg-referralPop-box .dstg-referralPop-wrapper .dstg-referral-table .dstg-dataTables_wrapper .dstg-dataTables_paginate .dstg-paginate_button.dstg-current:hover {
	border: none;
    box-shadow: none;
    transition: .3s;
	background: var(--color4);
	color: #fff! important
}

.dstg-referralPop-box .dstg-referralPop-wrapper .dstg-referral-table .dstg-dataTables_wrapper .dstg-dataTables_paginate .dstg-paginate_button.dstg-disabled,
.dstg-referralPop-box .dstg-referralPop-wrapper .dstg-referral-table .dstg-dataTables_wrapper .dstg-dataTables_paginate .dstg-paginate_button.dstg-disabled:hover,
.dstg-referralPop-box .dstg-referralPop-wrapper .dstg-referral-table .dstg-dataTables_wrapper .dstg-dataTables_paginate .dstg-paginate_button.dstg-disabled:focus,
.dstg-referralPop-box .dstg-referralPop-wrapper .dstg-referral-table .dstg-dataTables_wrapper .dstg-dataTables_paginate .dstg-paginate_button.dstg-disabled:active {
	border: none;
    background: transparent;
    color: var(--color3) !important
}
/* referral pop */

/* pop box */
.dstg-pop-box .dstg-pop-inner .dstg-popBtn-wrap button {
    color: var(--color3);
    background: transparent
}

.dstg-pop-box .dstg-pop-inner .dstg-popTitle-wrap .dstg-flag {
    background: var(--color4)
}

.dstg-pop-box .dstg-pop-inner .dstg-popTitle-wrap {
    border-bottom: solid 2px var(--color3)
}
/* pop box */

/* adPop box */
.dstg-ad-pop-box .dstg-ad-pop-inner .dstg-adPopBtn-wrap button {
    color: var(--color3)
}

.dstg-ad-pop-box .dstg-ad-pop-innerBtn .dstg-adPopImgBox .dstg-adPopBtn {
	color: var(--color2);
}
/* adPop box */

/* game list tab loader */
@keyframes gameListSpin {
	0% {
		opacity: 1;
		backface-visibility: hidden;
		transform: translateZ(0) scale(1.5,1.5)
	} 100% {
		opacity: 0;
		backface-visibility: hidden;
		transform: translateZ(0) scale(1,1)
	}
}

.dstg-gameListSpin div > div {
	position: absolute;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	animation: gameListSpin 1s linear infinite
}

.dstg-gameListSpin div:nth-child(1) > div {
	left: 79px;
	top: 44px;
	animation-delay: -0.9s
}

.dstg-gameListSpin > div:nth-child(1) {
	transform: rotate(0deg);
	transform-origin: 85px 50px
}

.dstg-gameListSpin div:nth-child(2) > div {
	left: 72px;
	top: 65px;
	animation-delay: -0.8s
}

.dstg-gameListSpin > div:nth-child(2) {
	transform: rotate(36deg);
	transform-origin: 78px 71px
}

.dstg-gameListSpin div:nth-child(3) > div {
	left: 55px;
	top: 77px;
	animation-delay: -0.7s
}

.dstg-gameListSpin > div:nth-child(3) {
	transform: rotate(72deg);
	transform-origin: 61px 83px
}

.dstg-gameListSpin div:nth-child(4) > div {
	left: 33px;
	top: 77px;
	animation-delay: -0.6s
}

.dstg-gameListSpin > div:nth-child(4) {
	transform: rotate(108deg);
	transform-origin: 39px 83px
}

.dstg-gameListSpin div:nth-child(5) > div {
	left: 16px;
	top: 65px;
	animation-delay: -0.5s
}

.dstg-gameListSpin > div:nth-child(5) {
	transform: rotate(144deg);
	transform-origin: 22px 71px
}

.dstg-gameListSpin div:nth-child(6) > div {
	left: 9px;
	top: 44px;
	animation-delay: -0.4s
}

.dstg-gameListSpin > div:nth-child(6) {
	transform: rotate(180deg);
	transform-origin: 15px 50px
}

.dstg-gameListSpin div:nth-child(7) > div {
	left: 16px;
	top: 23px;
	animation-delay: -0.3s
}

.dstg-gameListSpin > div:nth-child(7) {
	transform: rotate(216deg);
	transform-origin: 22px 29px
}

.dstg-gameListSpin div:nth-child(8) > div {
	left: 33px;
	top: 11px;
	animation-delay: -0.2s
}

.dstg-gameListSpin > div:nth-child(8) {
	transform: rotate(252deg);
	transform-origin: 39px 17px
}

.dstg-gameListSpin div:nth-child(9) > div {
	left: 55px;
	top: 11px;
	animation-delay: -0.1s
}

.dstg-gameListSpin > div:nth-child(9) {
	transform: rotate(288deg);
	transform-origin: 61px 17px
}

.dstg-gameListSpin div:nth-child(10) > div {
	left: 72px;
	top: 23px;
	animation-delay: 0s
}

.dstg-gameListSpin > div:nth-child(10) {
	transform: rotate(324deg);
	transform-origin: 78px 29px
}

.dstg-gameListTabLoader {
	width: 100%;
	height: 100px;
	display: inline-block;
	overflow: hidden;
	background: transparent
}

.dstg-gameListSpin {
	width: 100px;
	height: 100%;
	position: relative;
	transform: translateZ(0) scale(1);
	backface-visibility: hidden;
	transform-origin: 0 0;
	margin: 0 auto
}

.dstg-gameListSpin div { 
	box-sizing: content-box
}
/* game list tab loader */

/* spin color */
.dstg-spin-blue div > div {
	background: var(--color4)
}

.dstg-spin-pink div > div {
	background: #fd6585
}

.dstg-spin-yellow div > div {
	background: var(--color6)
}
/* spin color */

/* transfer loader */
@keyframes spin { 
	0% {
		opacity: 1;
		backface-visibility: hidden;
		transform: translateZ(0) scale(1.5,1.5)
	} 100% {
		opacity: 0;
		backface-visibility: hidden;
		transform: translateZ(0) scale(1,1)
  	}
}

.dstg-spin div > div {
	position: absolute;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	animation: spin 1s linear infinite
}

.dstg-spin div:nth-child(1) > div {
	left: 74px;
	top: 44px;
	animation-delay: -0.9s
}

.dstg-spin > div:nth-child(1) {
	transform: rotate(0deg);
	transform-origin: 80px 50px
}

.dstg-spin div:nth-child(2) > div {
	left: 68px;
	top: 62px;
	animation-delay: -0.8s
}

.dstg-spin > div:nth-child(2) {
	transform: rotate(36deg);
	transform-origin: 74px 68px
}

.dstg-spin div:nth-child(3) > div {
	left: 53px;
	top: 73px;
	animation-delay: -0.7s
}

.dstg-spin > div:nth-child(3) {
	transform: rotate(72deg);
	transform-origin: 59px 79px
}

.dstg-spin div:nth-child(4) > div {
	left: 35px;
	top: 73px;
	animation-delay: -0.6s
}

.dstg-spin > div:nth-child(4) {
	transform: rotate(108deg);
	transform-origin: 41px 79px
}

.dstg-spin div:nth-child(5) > div {
	left: 20px;
	top: 62px;
	animation-delay: -0.5s
}

.dstg-spin > div:nth-child(5) {
	transform: rotate(144deg);
	transform-origin: 26px 68px
}

.dstg-spin div:nth-child(6) > div {
	left: 14px;
	top: 44px;
	animation-delay: -0.4s
}

.dstg-spin > div:nth-child(6) {
	transform: rotate(180deg);
	transform-origin: 20px 50px
}

.dstg-spin div:nth-child(7) > div {
	left: 20px;
	top: 26px;
	animation-delay: -0.3s
}

.dstg-spin > div:nth-child(7) {
	transform: rotate(216deg);
	transform-origin: 26px 32px
}

.dstg-spin div:nth-child(8) > div {
	left: 35px;
	top: 15px;
	animation-delay: -0.2s
}

.dstg-spin > div:nth-child(8) {
	transform: rotate(252deg);
	transform-origin: 41px 21px
}

.dstg-spin div:nth-child(9) > div {
	left: 53px;
	top: 15px;
	animation-delay: -0.1s
}

.dstg-spin > div:nth-child(9) {
	transform: rotate(288deg);
	transform-origin: 59px 21px
}

.dstg-spin div:nth-child(10) > div {
	left: 68px;
	top: 26px;
	animation-delay: 0s
}

.dstg-spin> div:nth-child(10) {
	transform: rotate(324deg);
	transform-origin: 74px 32px
}

.dstg-bal-loader {
  width: 15px;
  height: 15px;
  display: inline-block;
  overflow: hidden;
  background: rgba(NaN, NaN, NaN, 0)
}

.dstg-spin {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(0.15);
  backface-visibility: hidden;
  transform-origin: 0 0
}

.dstg-spin div { 
	box-sizing: content-box; 
}
/* transfer loader */

/* datepicker */
.dstg-datepicker.dstg-dropdown-menu {
	color: var(--color3);
    background: #cfcfcf;
    border: none
}

.dstg-datepicker-dropdown:before,
.dstg-datepicker-dropdown:after {
	content: "";
    border-bottom: 7px solid var(--color4);
    border-bottom-color: var(--color4)
}

.dstg-datepicker thead tr:first-child th:hover, 
.dstg-datepicker tfoot tr th:hover,
.dstg-datepicker table tr td.dstg-day:hover,
.dstg-datepicker table tr td.dstg-day.dstg-focused,
.dstg-datepicker table tr td span:hover {
	background: var(--color4);
	color: var(--color2)
}

.dstg-datepicker.dstg-dropdown-menu th.dstg-dow {
	color: var(--color4)
}

.dstg-datepicker table tr td.dstg-old, 
.dstg-datepicker table tr td.dstg-new {
	color: #444
}

.dstg-datepicker table tr td.dstg-disabled {
	color: #bdbdbd !important
}

.dstg-datepicker table tr td.dstg-disabled:hover {
	background: none
}

.dstg-datepicker table tr td span.dstg-disabled,
.dstg-datepicker table tr td span.dstg-disabled:hover {
	color: #bdbdbd !important;
	background: 0 0 !important
}
/* datepicker */

/* air datetimepicker */
.dstg-datepickers-container .dstg-datepicker {
	background: #cfcfcf;
    top: 552px !important
}

.dstg-datepickers-container .dstg-datepicker--pointer {
	background: var(--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(--color3)
}

.dstg-datepickers-container .dstg-datepicker--nav {
	border-bottom: 1px solid var(--color3)
}

.dstg-datepickers-container .dstg-datepicker--nav-title:hover i {
	color: var(--color2)
}

.dstg-datepickers-container .dstg-datepicker--nav-action,
.dstg-datepickers-container .dstg-datepicker--nav-title,
.dstg-datepickers-container .dstg-datepicker--cell {
	color: var(--color3)
}

.dstg-datepickers-container .dstg-datepicker--nav-action:hover,
.dstg-datepickers-container .dstg-datepicker--nav-title:hover,
.dstg-datepickers-container .dstg-datepicker--cell:hover  {
	background: var(--color4);
	color: var(--color2)
}

.dstg-datepickers-container .dstg-datepicker--nav-action svg path {
	stroke: var(--color3)
}

.dstg-datepickers-container .dstg-datepicker--nav-action:hover svg path {
	stroke: var(--color2)
}

.dstg-datepickers-container .dstg-datepicker--cell-day {
	color: var(--color3)
}

.dstg-datepickers-container .dstg-datepicker--cell-day.dstg--other-month-,
.dstg-datepickers-container .dstg-datepicker--cell-year.dstg--other-decade- {
	color: #444
}

.dstg-datepickers-container .dstg-datepicker--cell-day:hover,
.dstg-datepickers-container .dstg-datepicker--cell-day.dstg--other-month-:hover,
.dstg-datepickers-container .dstg-datepicker--cell-year.dstg--other-decade-:hover {
	color: var(--color2)
}

.dstg-datepickers-container .dstg-datepicker--cell.dstg--selected-,
.dstg-datepickers-container .dstg-datepicker--cell.dstg--selected-.dstg--current- {
	color: var(--color2);
	background: var(--color4)
}

.dstg-datepickers-container .dstg-datepicker--day-name {
	color: var(--color4)
}

.dstg-datepickers-container .dstg-datepicker--time {
	border-top: 1px solid var(--color3)
}

.dstg-datepickers-container .dstg-datepicker--time-row input[type=range]:focus::-webkit-slider-thumb {
	background: var(--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: var(--color3)
}
/* air datetimepicker */

/* light slider */
.lSSlideOuter .lSPager.lSpg > li a,
.lSSlideOuter .lSPager.lSpg > li:hover a {
    background: var(--color2)
}

.lSSlideOuter .lSPager.lSpg > li.active a {
	background: var(--color6)
}

.lSSlideOuter .lSAction .lSPrev,
.lSSlideOuter .lSAction .lSNext {
    color: var(--color2);
    transition: .3s ease
}

.lSSlideOuter .lSAction .lSPrev:hover,
.lSSlideOuter .lSAction .lSNext:hover,
.lSSlideOuter .lSAction .lSPrev:focus,
.lSSlideOuter .lSAction .lSNext:focus,
.lSSlideOuter .lSAction .lSPrev:active,
.lSSlideOuter .lSAction .lSNext:active {
    color: var(--color6);
    transition: .3s ease
}
/* light slider */

/* provider list */
.dstg-label-box {
    border-bottom: 2px solid var(--color3)
}

.dstg-label-box .dstg-label-name {
	color: var(--color3)
}

.dstg-provider-wrap .dstg-provider-item,
.dstg-gameList-wrap .dstg-gameListTab .dstg-provider-item {
	background-color: transparent
}

.dstg-provider-wrap .dstg-provider-item:hover .dstg-provider-name,
.dstg-gameList-wrap .dstg-gameListTab .dstg-provider-item:hover .dstg-provider-name {
   color: var(--color2)
}

.dstg-provider-wrap .dstg-provider-item .dstg-mask .dstg-provider-detail .dstg-provider-name,
.dstg-provider-wrap .dstg-provider-item .dstg-mask .dstg-provider-detail .dstg-btn-box .dstg-is-maintenance,
.dstg-gameList-wrap .dstg-gameListTab .dstg-provider-item .dstg-mask .dstg-provider-detail .dstg-provider-name,
.dstg-gameList-wrap .dstg-gameListTab .dstg-provider-item .dstg-mask .dstg-provider-detail .dstg-btn-box .dstg-is-maintenance {
	color: var(--color2)
}

.dstg-provider-wrap  .dstg-provider-item .dstg-mask .dstg-provider-detail .dstg-fav-icon,
.dstg-gameList-wrap .dstg-gameListTab .dstg-provider-item .dstg-mask .dstg-provider-detail .dstg-fav-icon {
	color: white;
}

.dstg-provider-wrap  .dstg-provider-item .dstg-mask .dstg-provider-detail .dstg-fav-icon:hover,
.dstg-provider-wrap  .dstg-provider-item .dstg-mask .dstg-provider-detail .dstg-fav-icon:active,
.dstg-gameList-wrap .dstg-gameListTab .dstg-provider-item .dstg-mask .dstg-provider-detail .dstg-fav-icon:hover,
.dstg-gameList-wrap .dstg-gameListTab .dstg-provider-item .dstg-mask .dstg-provider-detail .dstg-fav-icon:active {
	color: red;
}

.dstg-provider-wrap  .dstg-provider-item .dstg-mask .dstg-provider-detail .dstg-addfav,
.dstg-gameList-wrap .dstg-gameListTab .dstg-provider-item .dstg-mask .dstg-provider-detail .dstg-addfav {
	color: red;
}

.dstg-provider-wrap  .dstg-provider-item .dstg-mask .dstg-provider-detail .dstg-addfav:hover,
.dstg-provider-wrap  .dstg-provider-item .dstg-mask .dstg-provider-detail .dstg-addfav:active,
.dstg-gameList-wrap .dstg-gameListTab .dstg-provider-item .dstg-mask .dstg-provider-detail .dstg-addfav:hover,
.dstg-gameList-wrap .dstg-gameListTab .dstg-provider-item .dstg-mask .dstg-provider-detail .dstg-addfav:active {
	color: white;
}

.dstg-provider-wrap .dstg-provider-item .dstg-mask .dstg-provider-detail .dstg-btn-box .dstg-btn-plays .dstg-fa-play-circle,
.dstg-gameList-wrap .dstg-gameListTab .dstg-provider-item .dstg-mask .dstg-provider-detail .dstg-btn-box .dstg-btn-plays .dstg-fa-play-circle,
.dstg-provider-wrap .dstg-provider-item .dstg-mask .dstg-provider-detail .dstg-btn-box .dstg-btn-plays .dstg-fa-gamepad,
.dstg-gameList-wrap .dstg-gameListTab .dstg-provider-item .dstg-mask .dstg-provider-detail .dstg-btn-box .dstg-btn-plays .dstg-fa-gamepad {
	color: var(--color6);
}

.dstg-provider-wrap .dstg-provider-item .dstg-mask .dstg-provider-detail .dstg-btn-box .dstg-btn-plays .dstg-fa-play-circle:hover,
.dstg-gameList-wrap .dstg-gameListTab .dstg-provider-item .dstg-mask .dstg-provider-detail .dstg-btn-box .dstg-btn-plays .dstg-fa-play-circle:hover,
.dstg-provider-wrap .dstg-provider-item .dstg-mask .dstg-provider-detail .dstg-btn-box .dstg-btn-plays .dstg-fa-gamepad:hover,
.dstg-gameList-wrap .dstg-gameListTab .dstg-provider-item .dstg-mask .dstg-provider-detail .dstg-btn-box .dstg-btn-plays .dstg-fa-gamepad:hover {
	color: var(--color2);
}
/* provider list */

/* provider banner */
.dstg-provider-banner-wrap .dstg-provider-banner .dstg-img-box {
	background: var(--color5)
}

.dstg-provider-banner-wrap .dstg-provider-banner .dstg-btn-box .dstg-left {
	background: var(--color4);
	color: var(--color2)
}

.dstg-provider-banner-wrap .dstg-provider-banner .dstg-btn-box .dstg-left:hover {
	background: var(--color2);
	color: var(--color4)
}

.dstg-provider-banner-wrap .dstg-provider-banner .dstg-btn-box .dstg-right {
	background: var(--color6);
	color: var(--color2)
}

.dstg-provider-banner-wrap .dstg-provider-banner .dstg-btn-box .dstg-right:hover {
	background: var(--color2);
	color: var(--color6)
}
/* provider banner */

/* transaction input */
.dstg-transaction-seperate .dstg-transaction-option .dstg-transaction-list li .option,
.dstg-claimReward-seperate .dstg-claimReward-option .dstg-claimReward-list li .option {
	background: #f3f3f3;
	color: var(--color1);
}

.dstg-transaction-seperate .dstg-transaction-option .dstg-transaction-list li:hover .option,
.dstg-transaction-seperate .dstg-transaction-option .dstg-transaction-list li .option.dstg-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.dstg-is-acted {
	color: var(--color1);
	background: var(--color6);
	transition: .3s
}

.dstg-transaction-seperate .dstg-transaction-option .dstg-transaction-list li .dstg-date-input,
.dstg-claimReward-seperate .dstg-claimReward-option .dstg-claimReward-list li .dstg-date-input {
    background: var(--color2);
    border: 1px solid var(--color10)
}

.dstg-transaction-seperate .dstg-transaction-option .dstg-transaction-list li .dstg-date-input .dstg-date-picker,
.dstg-transaction-seperate .dstg-transaction-option .dstg-transaction-list li .dstg-date-input .dstg-datetime-picker,
.dstg-claimReward-seperate .dstg-claimReward-option .dstg-claimReward-list li .dstg-date-input .dstg-date-picker,
.dstg-claimReward-seperate .dstg-claimReward-option .dstg-claimReward-list li .dstg-date-input .dstg-datetime-picker {
    color: var(--color1)
}

.dstg-transaction-seperate .dstg-transaction-option .dstg-transaction-list li .dstg-date-input .dstg-date-icon,
.dstg-claimReward-seperate .dstg-claimReward-option .dstg-claimReward-list li .dstg-date-input .dstg-date-icon {
    color: var(--color4)
}

.dstg-transaction-seperate .dstg-transaction-option .dstg-transaction-list li .dstg-text-input,
.dstg-claimReward-seperate .dstg-claimReward-option .dstg-claimReward-list li .dstg-text-input {
    color: var(--color1);
    background: var(--color2);
    border: 1px solid var(--color10)
}

.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(--color12);
    color: var(--color4);
    border: 1px solid 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(--color3);
    background: #f3f3f3;
    border: 1px solid #bdbdbd;
}

.dstg-transaction-seperate .dstg-transaction-option .dstg-transaction-list li .dstg-select-input .dstg-select-selected:after,
.dstg-claimReward-seperate .dstg-claimReward-option .dstg-claimReward-list li .dstg-select-input .dstg-select-selected:after {
	content: "";
	border-color: var(--color4) transparent transparent transparent
}

.dstg-transaction-seperate .dstg-transaction-option .dstg-transaction-list li .dstg-select-input .dstg-select-items,
.dstg-claimReward-seperate .dstg-claimReward-option .dstg-claimReward-list li .dstg-select-input .dstg-select-items {
    color: var(--color2);
    background: rgba(125,125,125,1)
}

.dstg-transaction-seperate .dstg-transaction-option .dstg-transaction-list li .dstg-select-input .dstg-select-items div:hover,
.dstg-claimReward-seperate .dstg-claimReward-option .dstg-claimReward-list li .dstg-select-input .dstg-select-items div:hover {
	background: var(--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 {
    color: var(--color1);
    background: var(--color2);
    border: 1px solid var(--color10)
}
/* transaction input */

/* announcement/member bank info/member info dropdown */
.dstg-info-cover {
	color: var(--color2);
	border-bottom: 2px solid var(--color4);
	font-size: 1rem
}

.dstg-info-cover .dstg-info-title-box .dstg-flag {
	background: var(--color4)
}

.dstg-info-cover .dstg-info-content {
	color: var(--color2)
}
/* announcement/member bank info/member info dropdown */

/* transaction summary section */
.dstg-summary-wrapper {
    background: var(--color12)
}

.dstg-summary-wrapper .dstg-summary-title {
	color: var(--color4);
    border-bottom: 1px solid var(--color4);
    font-size: 1rem
 }

.dstg-summary-wrapper .dstg-summary-content .dstg-content-separate .dstg-content-label span,
.dstg-summary-wrapper .dstg-summary-content .dstg-content-separate .dstg-content-info .dstg-content-text span,
.dstg-summary-wrapper .dstg-summary-content .dstg-content-separate .dstg-content-info .dstg-content-img.dstg-deposit-type {
	color: var(--color1)
}
/* transaction summary section */

/* specific slot container */
.dstg-filter-wrapper .dstg-filter-type .dstg-filter-title.dstg-provider-title {
    color: var(--color6);
}

.dstg-filter-wrapper .dstg-filter-type .dstg-filter-option .dstg-filter-list li .dstg-option {
	background: #f3f3f3;
	transition: .3s
}

.dstg-filter-wrapper .dstg-filter-type .dstg-filter-option .dstg-filter-list li:hover .dstg-option,
.dstg-filter-wrapper .dstg-filter-type .dstg-filter-option .dstg-filter-list li .dstg-option.dstg-is-acted {
	background: var(--color4);
	color: var(--color2);
	transition: .3s
}

.dstg-specificSlotContainer .dstg-leftSideContent .dstg-topContent {
	background: linear-gradient(141deg, #2f2f2f, #000000);
}

.dstg-specificSlotContainer .dstg-leftSideContent .dstg-topContent .dstg-userContentBox .dstg-content-seperate .dstg-content-value {
    background: var(--color5);
    color: var(--color2);
    transition: .3s
}

.dstg-specificSlotContainer .dstg-leftSideContent .dstg-topContent .dstg-userContentBox .dstg-userAccount-noti .dstg-userAccount-register {
	border-bottom: 1px solid transparent
}

.dstg-specificSlotContainer .dstg-leftSideContent .dstg-topContent .dstg-userContentBox .dstg-userAccount-noti .dstg-userAccount-register:hover,
.dstg-specificSlotContainer .dstg-leftSideContent .dstg-topContent .dstg-userContentBox .dstg-userAccount-noti .dstg-userAccount-register:active,
.dstg-specificSlotContainer .dstg-leftSideContent .dstg-topContent .dstg-userContentBox .dstg-userAccount-noti .dstg-userAccount-register:focus {
	border-bottom: 1px solid var(--color6);
	transition: .3s
}

.dstg-specificSlotContainer .dstg-leftSideContent .dstg-bottomContent .dstg-descriptionBox .dstg-title { 
    color: var(--color3)
}

.dstg-specificSlotContainer .dstg-rightSideContent .dstg-download-title {
    border-bottom: 2px dashed var(--color3)
}

.dstg-specificSlotContainer .dstg-rightSideContent .dstg-download-item .dstg-download-btn button {
    color: var(--color2);
    transition: .3s
}

.dstg-gameListBtn-wrapper button {
    color: var(--color2)
}
/* specific slot container */

/* FREE CREDIT */
#btn-freecredit-close,
#btn-minigame-close{
 	border: 2px solid var(--color6);
    color: var(--color6);
    background-color: transparent;
}

/* pop box */
.dstg-claimPop-box .dstg-claimList-wrapper .dstg-bonus-img .dstg-description-title .dstg-text {
	color: var(--color2);
	font-weight: bold;
}
/* pop box */
.dstg-bonus-wrapper .dstg-home-packet .dstg-freeCreditList .dstg-freeCreditItems .dstg-center {
	color: var(--color1);
}

.dstg-bonus-wrapper .dstg-home-packet .dstg-freeCreditList .dstg-freeCreditItems .dstg-center .dstg-title {
	color: #E8A300;
	font-weight: 700;
	text-transform: uppercase;
}

.dstg-bonus-wrapper .dstg-home-packet .dstg-freeCreditList .dstg-freeCreditItems .dstg-center .dstg-moreInfo-btn {
	color: var(--color4)
}

.dstg-bonus-wrapper .dstg-home-packet .dstg-freeCreditList .dstg-freeCreditItems .dstg-right .dstg-claim-btn {
    color: var(--color2);
    background: #E8A300;
    box-shadow: var(--color3) 0 2px;
}
/* FREE CREDIT */

/* Free Credit in transfer page */
.dstg-freeCreditTransfer-wrap .dstg-transaction-freeCredit-title{
 	color: var(--color6);
 	border-bottom: dashed 2px var(--color3);
}

.dstg-transaction-list:before {
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    cursor: pointer;
    background: rgb(0 0 0 / 70%);
    border-radius: 12px;
    height: 100%;
	width: 100%;
}

.dstg-transaction-list.masked .maskedText {
    color: var(--color2);
}

.dstg-freeCreditWrapper .dstg-transaction-btn {
    box-shadow: var(--color3) 0 2px;
    background: #e8a300;
    color: var(--color2);
}

.dstg-freeCreditTransfer-wrap .dstg-moreInfoBtn{
	box-shadow: #7d7d7c 0 2px;
    background: #e8a300;
    color: var(--color2);
}

.dstg-freeCreditWrapper .dstg-freeCreditProviderOption {
	color: var(--color2);
    border: 1px solid #0269c6;
	background: rgb(1 50 86);
}

.dstg-transactionChangeTab-btn .active,
.dstg-referralChangeTab-btn .active,
.dstg-historyChangeTab-btn .active {
	background: var(--color5);
    color: var(--color2)
}

.dstg-transactionBtn,
.dstg-historyBtn {
	background: var(--color3);
    color: var(--color2)
}

.dstg-transactionBtn:hover,
.dstg-historyBtn:hover  {
	background: 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(--color2)
}

.dstg-referral-wrap .dstg-referral-info-wrapper .dstg-left .dstg-item-group input {
    color: var(--color4);
    background-color: var(--color12);
    border: 1px solid var(--color4)
}

.dstg-referral-wrap .dstg-referral-info-wrapper .dstg-left .dstg-item-group .dstg-copyIcon {
    color: var(--color3)
}

.dstg-referral-wrap .dstg-referral-info-wrapper .dstg-shareBtn {
    background-color: transparent;
    border: none
}

.dstg-referral-wrap .dstg-referral-info-wrapper .dstg-QRcodeWrap {
    background-color: var(--color7)
}

.dstg-referral-wrap .dstg-referral-info-wrapper .dstg-QRtext {
    color: var(--color1);
    background-color: var(--color6)
}

.dstg-referral-flow-box .dstg-title {
    color: var(--color2)
}

.dstg-referral-flow-box .dstg-content .dstg-referral-flow-desc {
    color: var(--color2)
}
/* REFERRAL PAGE */

/* referral container  */

.dstg-ref-box{
    background: var(--color1);
    border: 1px solid var(--color6);
}

.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: var(--color6);
}

.dstg-ref-box .dstg-referral-code-box .dstg-share-btn{
	border: 3px solid var(--color6);
}
.dstg-ref-box .dstg-ref-details .dstg-ref-desc-2 , 
.dstg-ref-box .dstg-ref-details .dstg-ref-desc-3 {
	color: #bcbcbc;
}


.dstg-ref-box .dstg-referral-code-box .dstg-copyIcon{
	color: var(--color3);
}
.dstg-ref-box .dstg-referral-code-box #refCode{
    background-color: #d1d1d1;
}

/* referral container  */

/* UPCOMING MATCH */
.dstg-member-upcoming-wrap {
	border: 2px solid var(--color6);
	background: var(--color1);
}
.dstg-member-upcoming-wrap .dstg-member_text_game_title {
	color: var(--color6);
}
/* UPCOMING MATCH */

/* TOURNAMENT */
/* countdown timer */
.dstg-countdown-container {
    color: #2caae6
}
/* countdown timer */

/* tournament slideshow */
.dstg-tournament-main:after {
    background: #000000ab
}

.dstg-tournament-main img.dstg-frame {
	border: 1px solid #bdbdbd
}

.dstg-tournament-main .dstg-main-content .dstg-detailsBox {
	color: #2caae6
}
/* tournament slideshow */

/* tournament list */
.dstg-tournament-wrap .dstg-title-box .dstg-iconBottom {
	border-bottom: 3px solid var(--color4)
}

.dstg-tournament-wrap .dstg-tournament-box .dstg-box-row .dstg-box-item .dstg-img .dstg-btn-box {
    background-color: #000000ab
}

.dstg-tournament-wrap .dstg-tournament-box .dstg-box-row .dstg-box-item .dstg-img .dstg-btn-box button {
    border: none;
    color: var(--color2);
    background-color: var(--color6);
    box-shadow: 2px 3px 5px 1px #0000008c
}

.dstg-tournament-wrap .dstg-tournament-box .dstg-box-row .dstg-box-item .dstg-img .dstg-btn-box button:hover { 
	background-color: #b67603
}

.dstg-tournament-wrap .dstg-tournament-box .dstg-box-row .dstg-box-item .dstg-img .dstg-btn-box button.dstg-last { 
	background-color: var(--color4)
}

.dstg-tournament-wrap .dstg-tournament-box .dstg-box-row .dstg-box-item .dstg-img .dstg-btn-box button.dstg-last:hover { 
	background-color: #07213c
}

.dstg-tournament-wrap .dstg-tournament-box-action i {
    color: var(--color2)
}

.dstg-tournament-wrap .dstg-tournament-box-action i:hover {
	color: var(--color6)
}
/* tournament list */

/* ranking list*/
.dstg-tournament-ranking-wrap .dstg-rank-top {
    background-color: #033b78
}

.dstg-tournament-ranking-wrap .dstg-rank-top .dstg-boxAction i {
    color: var(--color2)
}

.dstg-tournament-ranking-wrap .dstg-rank-top .dstg-boxAction i:hover {
	color: var(--color6)
}

.dstg-tournament-ranking-wrap .dstg-rank-bottom {
    background-color: #313058
}

.dstg-tournament-ranking-wrap .dstg-rank-bottom .dstg-tournament-type {
    color: #e2ab06;
    border-bottom: 2px solid #e2ab06
}

.dstg-tournament-ranking-wrap .dstg-rank-bottom .dstg-rank-tab li {
    color: var(--color2);
    border: 2px solid var(--color2);
    background-color: #2e2d3a
}

.dstg-tournament-ranking-wrap .dstg-rank-bottom .dstg-rank-tab li:hover,
.dstg-tournament-ranking-wrap .dstg-rank-bottom .dstg-rank-tab li.dstg-active {
    color: #e2ab06;
    border-color: #e2ab06
}

.dstg-tournament-ranking-wrap .dstg-rank-bottom .dstg-tab-box button {
    color: var(--color6);
    border: none;
    background: transparent
}

.dstg-rank-list .dstg-list-item {
    background: linear-gradient(to bottom, #2e2d3a, #043b79);
    border: 2px solid #6596c8
}

.dstg-rank-list .dstg-list-item:nth-child(1) {
    border: 2px solid var(--color2);
    background: linear-gradient(to bottom, #2e2d3a, #fcc523);
    box-shadow: 0 0 10px 4px #fcc523
}

.dstg-rank-list .dstg-list-item:nth-child(2) {
    border: 2px solid var(--color2);
    background: linear-gradient(to bottom, #2e2d3a, #5ea9d3);
    box-shadow: 0 0 10px 4px #5ea9d3
}

.dstg-rank-list .dstg-list-item:nth-child(3) {
    border: 2px solid var(--color2);
    background: linear-gradient(to bottom, #2e2d3a, #f7aa31);
    box-shadow: 0 0 10px 4px #f7aa31
}

.dstg-rank-list .dstg-list-item .dstg-index {
    color: var(--color2);
    text-shadow: 2px 2px #222
}
/* ranking list*/

/* pop box */
.dstg-tournamentPop-wrapper {
    background: #1e2639
}

.dstg-tournamentPop-wrapper .dstg-modal-header {
    color: var(--color2);
    background: #033b78
}

.dstg-tournamentPop-wrapper .dstg-modal-header .dstg-btn button {
	color: var(--color2);
	border: none;
    background: 0 0
}

.dstg-tournamentPop-wrapper .dstg-modal-body hr {
	border: none;
	border-bottom: 1px solid var(--color2)
}

#tourMoreInfomodal .dstg-img img {
    box-shadow: 3px 3px 4px 1px #000000ad
}

#tourMoreInfomodal .dstg-info {
    color: var(--color2)
}

#tourMoreInfomodal .dstg-info .dstg-title:before {
    background: #69b7f8
}

#tourMoreInfomodal .dstg-info .dstg-date:before {
    background: #69b7f8
}

#tourMoreInfomodal .dstg-info .dstg-btn button {
    color: var(--color6);
	border: none;
	background: 0 0
}

#tourMoreInfomodal .dstg-content {
	color: var(--color2)
}

#tourMoreInfomodal h3 {
    color: var(--color2);
    text-shadow: 2px 1px 4px var(--color6)
}

#tourRankingmodal .dstg-info .dstg-title {
	color: var(--color2)
}

#tourRankingmodal .dstg-info .dstg-title:before {
	background: var(--color2)
}

#tourRankingmodal .dstg-info .dstg-btn button {
    color: var(--color6);
	border: none;
	background: 0 0
}
/* pop box */
/* TOURNAMENT */

/* Total Balance List */
.dstg-header-content .dstg-header-center .dstg-balance-box .wallet-balance .totalBalList {
	color: var(--color1);
	background: var(--color12);
	border: 2px solid var(--color5);
    box-shadow: 3px 3px 0 0 var(--color4)
}

.dstg-header-content .dstg-header-center .dstg-balance-box .wallet-balance .totalBalList hr {
	border-bottom: 1px solid var(--color4)
}

.dstg-header-content .dstg-header-center .dstg-balance-box .wallet-balance .totalBalList .item {
	border-bottom: 1px solid #3e3e3e
}

.dstg-header-content .dstg-header-center .dstg-balance-box .wallet-balance .totalBalList .item:last-child {
	border-bottom: none
}

.dstg-header-content .dstg-header-center .dstg-balance-box .wallet-balance .totalBalList .item .provBal.unlocked,
.dstg-header-content .dstg-header-center .dstg-balance-box .wallet-balance .totalBalList .item .provBal.active  {
	color: #3ec682
}

.dstg-header-content .dstg-header-center .dstg-balance-box .wallet-balance .totalBalList .item .provBal.locked {
	color: #cd5c5c
}
/* Total Balance List */

/* LIVE SCORE */
/* live score loading */
@keyframes ldio-gblex47ykrc-c {
	0% { background: #626dfc }
	25% { background: #a1a7f9 }
	50% { background: #fcc972 }
	75% { background: #f9b43d }
	100% { background: #626dfc }
}

.ldio-gblex47ykrc div {
	background: #626dfc
}
.ldio-gblex47ykrc div:nth-child(1) {
	background: #f9b43d
}
.ldio-gblex47ykrc div:nth-child(2) {
	background: #626dfc
}
.ldio-gblex47ykrc div:nth-child(4) {
	background: #fcc972
}
.ldio-gblex47ykrc div:nth-child(5) {
	background: #a1a7f9
}
/* live score loading */

.memberLiveScoreWidget {
    border: 2px solid var(--color6)
}

.liveScoreWidget .ls-header {
	background: #222;
    border-bottom: 1px solid var(--color4)
}

.liveScoreWidget .ls-header .filter-select .input {
    color: var(--color1);
    background: #f3f3f3;
    border: 2px solid var(--color4)
}

.liveScoreWidget .ls-header .filter-select select::-webkit-scrollbar-track {
	background-color: var(--color10);
    color: var(--color10)
}

.liveScoreWidget .ls-header .filter-select select::-webkit-scrollbar-thumb {
	background-color: var(--color3);
	color: var(--color3)
}

.liveScoreWidget .ls-header .filter-select .icon {
    color: var(--color4)
}

.liveScoreWidget .ls-header .date-option li button {
    color: var(--color1);
    background: var(--color6);
    border: 2px solid var(--color6)
}

.liveScoreWidget .ls-header .date-option li button:hover {
	filter: drop-shadow(0 0 4px var(--color6))
}

.liveScoreWidget .ls-header .date-option li button.active {
	filter: none;
	background: var(--color7)
}

.liveScoreWidget .ls-body {
    background: #222
}

.liveScoreWidget .ls-body .b-msg {
    background: var(--color5);
    color: var(--color2)
}

.liveScoreWidget .ls-body .b-mask {
    background: #000000ba
}

.liveScoreWidget .ls-body .b-getResult .msg {
	color: var(--color1)
}

.liveScoreWidget .league-section {
    background: #1e1e1e
}

.liveScoreWidget .league-fixture-list .layer::-webkit-scrollbar-track {
	background-color: var(--color10);
    color: var(--color10)
}

.liveScoreWidget .league-fixture-list .layer::-webkit-scrollbar-thumb {
	background-color: var(--color3);
	color: var(--color3)
}

.liveScoreWidget .league-fixture-list .fixture-drop {
	background: var(--color4)
}

.liveScoreWidget .league-fixture-list .cat-name {
    color: var(--color2)
}

.liveScoreWidget .league-fixture-list .fixture-item-list .item {
    color: #bdbdbd;
    background: #222
}

.liveScoreWidget .league-fixture-list .fixture-item-list .item:hover,
.liveScoreWidget .league-fixture-list .fixture-item-list .item.active {
	background: #333
}

.liveScoreWidget .league-fixture-list .fixture-item-list .item .f-team .win {
	color: var(--color2)
}

.liveScoreWidget .league-fixture-list .fixture-item-list .item .f-score {
    color: var(--color2)
}

.liveScoreWidget .league-fixture-content hr {
    border: none;
    border-bottom: 1px solid var(--color4)
}

.liveScoreWidget .league-fixture-content .fc-label {
    color: var(--color2);
    background: var(--color4)
}

.liveScoreWidget .league-fixture-content .fc-team .fc-home div:last-child,
.liveScoreWidget .league-fixture-content .fc-team .fc-away div:last-child {
    color: var(--color2)
}

.liveScoreWidget .league-fixture-content .fc-team .fc-short-info .fc-score .win {
	color: var(--color6)
}

.liveScoreWidget .league-fixture-content .fc-team .fc-short-info .fc-score i {
    color: var(--color6)
}

.liveScoreWidget .league-fixture-content .fc-team .fc-short-info .fc-date {
    color: var(--color2)
}

.liveScoreWidget .league-fixture-content .fc-info .info-row .info-column {
    background: #555
}

.liveScoreWidget .league-fixture-content .fc-info .info-row .info-column span:first-child {
	color: #bdbdbd
}

.liveScoreWidget .league-fixture-content .fc-info .info-row .info-column span:last-child {
	color: var(--color2)
}

.liveScoreWidget .league-fixture-content .fc-score-details .score-section {
    background: #222;
    border: 1px solid var(--color4)
}

.liveScoreWidget .league-fixture-content .score-section .label {
    color: #bdbdbd
}

.liveScoreWidget .league-fixture-content .score-section .score-board {
	color: var(--color2)
}
/* LIVE SCORE */

/* favourite */
.dstg-favourite-tab .dstg-fav-title .dstg-icon {
	color: red;
}

.dstg-favourite-tab .dstg-favourite-box {
	background: var(--color1);
    border: 1px solid var(--color6);
}
/* favourite */

/* Spin Wheel */
.dstg-spinwheel-container .dstg-spin-container .dstg-spin-selector .dstg-spin-selector-box {
    border: 5px solid transparent;
    background: linear-gradient(#045db6, #0f0a2f) padding-box, linear-gradient(to right, var(--color6), var(--color6)) border-box;
    box-shadow: 0 0 5px var(--color6);
    color: var(--color2);

}

.dstg-spinwheel-container .dstg-spin-container .dstg-spin-selector .dstg-spin-selector-box:hover,
.dstg-spinwheel-container .dstg-spin-container .dstg-spin-selector .dstg-spin-selector-box:active,
.dstg-spinwheel-container .dstg-spin-container .dstg-spin-selector .dstg-spin-selector-box:focus{
	border: 5px solid transparent;
    background: linear-gradient(#045db6, #0f0a2f) padding-box, linear-gradient(to right, var(--color6), var(--color6)) border-box;
    box-shadow: 0 0 5px var(--color6);
    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: var(--color6);
    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: var(--color6)
}

.dstg-article-wrap .dstg-title-box .dstg-claimed-reward .dstg-msg-label,
.dstg-article-wrap .dstg-title-box .dstg-btn-history .dstg-msg-label {
	color: var(--color2);
}

.dstg-article-wrap .dstg-title-box .dstg-claimed-reward:focus,
.dstg-article-wrap .dstg-title-box .dstg-claimed-reward:active,
.dstg-article-wrap .dstg-title-box .dstg-claimed-reward:hover,
.dstg-article-wrap .dstg-title-box .dstg-btn-history:focus,
.dstg-article-wrap .dstg-title-box .dstg-btn-history:active,
.dstg-article-wrap .dstg-title-box .dstg-btn-history:hover,
.dstg-spinwheel-container .dstg-msg-box .dstg-button-box button:focus,
.dstg-spinwheel-container .dstg-msg-box .dstg-button-box button:active,
.dstg-spinwheel-container .dstg-msg-box .dstg-button-box button:hover {
   background: var(--color7)
}

@keyframes glowing-box {
  0% {
	box-shadow: 0 0 5px 2px #fcb913;
  }
  20% {
	box-shadow: 0 0 10px 2px #f9b43d;
  }
  40% {
	box-shadow: 0 0 15px 2px #ffa100;
  }
  60% {
	box-shadow: 0 0 20px 2px #ffa100;
  }
  80% {
	box-shadow: 0 0 15px 2px #f9b43d;
  }
  100% {
	box-shadow: 0 0 5px 2px #fcb913;
  }
}

/*Spinwheel Button Shockwave effect*/
/* Spin Wheel */

/* DAILY LOGIN REWARD */

@keyframes lights {
  0% {
    color: rgb(212 175 55);
    text-shadow: 0 0 1em hsl(69deg 100% 50% / 20%), 
    	0 0 0.125em hsl(320deg 100% 60% / 30%), 
    	-1em -0.125em 0.5em hsl(40deg 100% 60% / 0%), 
    	1em 0.125em 0.5em hsl(200deg 100% 60% / 0%);
  }
  
  30% { 
    color: rgb(212 175 55);
    text-shadow: 0 0 1em hsl(64deg 100% 50% / 50%),
     	0 0 0.125em hsl(68deg 100% 60% / 50%),
     	-0.5em -0.125em 0.25em hsl(40deg 100% 60% / 20%),
     	0.5em 0.125em 0.25em hsl(82deg 100% 60% / 40%);
  }
  
  40% { 
    color: hsl(63deg 100% 95%);
    text-shadow: 0 0 1em hsl(51deg 100% 50% / 50%), 
    	0 0 0.125em hsl(320deg 100% 90% / 50%), 
    	-0.25em -0.125em 0.125em hsl(40deg 100% 60% / 20%), 
    	0.25em 0.125em 0.125em hsl(69deg 100% 60% / 40%);
  }
  
  70% {
    color: rgb(212 175 55);
    text-shadow: 0 0 1em hsl(71deg 100% 50% / 50%), 
    	0 0 0.125em hsl(50deg 100% 60% / 50%), 
    	0.5em -0.125em 0.25em hsl(40deg 100% 60% / 20%), 
    	-0.5em 0.125em 0.25em hsl(66deg 100% 60% / 40%);
  }
  
  100% {
    color: rgb(212 175 55);
    text-shadow: 0 0 1em hsl(66deg 100% 50% / 20%), 
    	0 0 0.125em hsl(75deg 100% 60% / 30%), 
    	1em -0.125em 0.5em hsl(40deg 100% 60% / 0%), 
    	-1em 0.125em 0.5em hsl(200deg 100% 60% / 0%);
  }
  
}

@keyframes glowing {
  0% {
	box-shadow: 0 0 5px #284bf7;
    background: rgb(5 86 174);
  }
  50% {
  	box-shadow: 0 0 20px #19ade8;
    background: rgb(2 69 142);
  }
  100% {
	box-shadow: 0 0 5px #05a5a8;
    background: var(--color4);
  }
}

.dstg-reward-frame{
	background-color:#2c2c2c;
	color:var(--color2);
}

.dstg-reward-frame::before{
	background: linear-gradient(120deg, #F1C840, #9D6B00, #D4AF37) border-box;
}

.dstg-reward-frame-today{
	box-shadow: 0 0 1rem 0 #f9ff00;
}

.dstg-member-daily-reward-container{
	/* background-image: url('/images/templates/Template 3/dailyCheckInReward/DT_DMM_BG_T2_Desktop.dstg-png'); */
    background-size: 1180px 460px;
    background-repeat: no-repeat;
}

.dstg-daily-reward-container{
	/* background-image: url('/images/templates/Template 3/dailyCheckInReward/DT_DMM_BG_T2_Desktop.dstg-png'); */
	background-size: 1280px 500px;
	background-repeat: no-repeat;
}

.dstg-check-in-day-wrap{
    background: var(--color6);
}

.dstg-check-in-day-wrap:before{
    border-right: 30px solid var(--color6);
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
}

.dstg-check-in-day-wrap:after{
     border-left: 30px solid var(--color6);
     border-top: 25px solid transparent;
     border-bottom: 25px solid transparent;
}

.dstg-check-in-day{
	color:var(--color1);
}

.dstg-daily-reward-title{
	animation: lights 5s 750ms linear infinite;
}

.dstg-reward-check-in-button{
	background: rgba(249,18,18,1);
    color: var(--color2);
}

.dstg-claimed-btn:disabled{
 	background-color: #69739b7d;
    color: var(--color2);
}

.dstg-claim-next:disabled{
	background-color: #cccccc;
  	color: #666666;
}

.dstg-claim-today{
	color: var(--color2);
	border: none;
	
}

.dstg-dailyRewardPop-box .dstg-dailyRewardContent-wrapper{
	background: linear-gradient(136deg, #f6f4f4, #dddddf);
    border: 1px solid transparent;
}

.dstg-dailyRewardPop-box .dstg-dailyRewardContent-wrapper .dstg-reward-pop .dstg-description-title .dstg-text,
.dstg-dailyRewardPop-box .dstg-dailyRewardContent-wrapper .dstg-reward-pop .dstg-description-content .dstg-text{
	color:var(--color1);
}

.dstg-dailyRewardPop-box .dstg-dailyRewardContent-wrapper .dstg-reward-pop .dstg-description-content .dstg-success-icon i,
.dstg-dailyRewardPop-box .dstg-dailyRewardContent-wrapper .dstg-reward-pop .dstg-description-content .dstg-please-login-icon i{
	color: var(--color6);
}

.dstg-dailyRewardPop-box .dstg-dailyRewardContent-wrapper .dstg-reward-pop .dstg-dailyRewardPop-btn button{
	border: none;
	color: var(--color2);
	background: var(--color6);
}

.dstg-dailyRewardPop-box .dstg-dailyRewardContent-wrapper .dstg-reward-pop .dstg-dailyRewardPop-btn button:hover{
	background: #8e6d00;
}

#dailyRewardLaterBtn{
	background: var(--color4);
}

.dstg-dailyRewardPop-box .dstg-dailyRewardContent-wrapper .dstg-reward-pop .dstg-description-content .dstg-text a{
	color: var(--color4);
}

.dstg-dailyRewardPop-box .dstg-dailyRewardContent-wrapper .dstg-reward-pop .dstg-description-content .dstg-text a:hover{
	border-bottom: 2px solid var(--color4);
}
/* DAILY LOGIN REWARD */

/* PROMO GROUP */
.dstg-provider-wrap .dstg-provider-item .dstg-mask .dstg-locked {
    color: var(--color2)
}

.dstg-shortcut-seperate .dstg-shortcut-provider .dstg-provider-content .dstg-provider-btn button:disabled,
.dstg-shortcut-seperate .dstg-shortcut-provider .dstg-provider-content .dstg-provider-btn button:disabled:hover {
	background: var(--color3);
	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: var(--color3);
	color: var(--color2)
}

.dstg-freeCreditWrapper .dstg-btn-creditTransfer:disabled,
.dstg-freeCreditWrapper .dstg-btn-creditTransfer:disabled:hover {
	background: var(--color3);
	color: var(--color2)
}
/* PROMO GROUP */

/* Deposit New Layout */
.deposit-wrap .title-box .flag {
	background: linear-gradient(-240deg, #8a1515 0%, rgba(174, 41, 41, 1) 50%, rgba(227, 69, 69, 1) 100%);
}

.deposit-container  {
    background: unset;
}

.deposit-wrapper {
	display: grid;
}

.deposit-wrapper .deposit-tab-container {
    background: #2b2b2b;
}

.deposit-wrapper .deposit-tab-container .deposit-tab-header p {
	color: var(--color2);
}

.deposit-wrapper .deposit-tab-container .deposit-tab-header .deposit-tittle:after {
	color: #e0082d;
    content: "*";
    margin-left: 0.04rem;
    padding: 0 0.04rem 0 0;
    font-size: 16px;
}

.deposit-wrapper .standard-tab-container .tab-header,
.deposit-wrapper .deposit-channel-container .deposit-select-box .tab-header {
    background: unset!important;
    color: #0f161f;
}

.deposit-wrapper .standard-tab-container .tab-header .img-container,
.deposit-wrapper .deposit-channel-container .deposit-select-box .tab-header .img-container {
    background: #3b3b3b;
}

.deposit-wrapper .standard-tab-container .tab-header.active .img-container,
.deposit-wrapper .standard-tab-container .tab-header .img-container:hover {
	/* background: linear-gradient(to right, #067db0, #04abc2); */
	background: linear-gradient(to right, var(--color4), var(--color5));
}

.deposit-wrapper .deposit-channel-container .deposit-select-box .tab-header .channel-img:hover {
	border: 3px solid var(--color4);
}

.deposit-wrapper .deposit-channel-container .deposit-select-box .tab-header .channel-img.active {
	background: #585858;
    border: 3px solid var(--color4);
}

.deposit-wrapper .deposit-channel-container .deposit-select-box .tab-header .channel-img img {
	filter: grayscale(100%) opacity(.5) brightness(100%);
}

.deposit-wrapper .deposit-channel-container .deposit-select-box .tab-header .channel-img.active img,
.deposit-wrapper .deposit-channel-container .deposit-select-box .tab-header .channel-img:hover img {
	filter: grayscale(0%);
}

.deposit-wrapper .standard-tab-container .tab-header .deposit-option-tittle,
.deposit-wrapper .deposit-channel-container .deposit-select-box .deposit-option {
	color: var(--color2);
}

.deposit-wrapper .deposit-channel-container {
	background: #2b2b2b;
}

.deposit-wrapper .deposit-channel-container p {
	color: var(--color2);
}

.deposit-wrapper .deposit-channel-container .deposit-channel-tittle:after {
	color: #e0082d;
    content: "*";
    margin-left: 0.04rem;
    padding: 0 0.04rem 0 0;
    font-size: 16px;
}

.deposit-wrapper .bank-list-container {
	background: #585858;
}

.nav-tabs .nav-link {
	color: #8697a2;
}

.nav-tabs .nav-link:hover{
	border: unset;
	color: #0f161f;
}

.nav-tabs .nav-link.active {
	color: #0f161f;
	background-color: unset;
    border-color: unset;
    border: unset;
}

.form-group .choose-box li {
    background: #585858;
    color: var(--color2);
}

.form-group .col-form-label{
	margin-bottom: unset;
}

.form-group .col-form-label b {
	color: var(--color2);
}

.form-group button {
	/* background: #ff8a00; */
	background: linear-gradient(to bottom, var(--color4), var(--color5));
    color: var(--color2);
}

.form-group input, .form-group select {
	background: var(--color2);
	color: var(--color1);
    border-color: var(--color10);
}

.form-group .form-input .deposit-amount-input span i {
    color: #f35e5e;
}

.form-group .form-input .minmax-input span {
	color: var(--color2);
}

.form-group .copyIcon {
    color: #1973c5;
    top: 25%;
    right: unset;
    margin-left: 10px
}

.region-qr-container .bank-qrcode .frame {
    border: 3px solid #8697a2;
}

.region-qr-container .bank-qrcode .frame .top-mask {
	background: #2b2b2b;
    position: absolute;
    top: -4px;
    left: 25%;
    height: 0.025rem;
    width: 50%;
    border: 3px solid #2b2b2b;
}

.region-qr-container .bank-qrcode .frame .right-mask {
	background: #2b2b2b;
    position: absolute;
    top: 25%;
    right: -4px;
    height: 50%;
    width: 0.025rem;
    border: 3px solid #2b2b2b;
}

.region-qr-container .bank-qrcode .frame .bottom-mask {
	background: #2b2b2b;
    position: absolute;
    bottom: -4px;
    left: 25%;
    height: 0.025rem;
    width: 50%;
    border: 3px solid #2b2b2b;
}

.region-qr-container .bank-qrcode .frame .left-mask {
	background: #2b2b2b;
    position: absolute;
    top: 25%;
    left: -4px;
    height: 50%;
    width: 0.025rem;
    border: 3px solid #2b2b2b;
}

.region-qr-container .bank-qrcode .frame img {
	width: 10rem;
}

.form-group .specificUploadBtn .btnDepositReceipt.btnSelect {
	background: #0e9dff;
    color: var(--color2);
}

.form-group .specificUploadBtn .btnDepositReceipt.btnRemove {
	background: #005d9c;
    color: var(--color2);
  	border: none;
}

.form-group .depositNotice {
    border: 2px solid #7293e1;
    background-color: rgba(114,147,225,.4);
    color: var(--color2);
}

.form-group.manual-btn {
	text-align: -webkit-center;
}

.form-group .exchangeIcon {
	color: black;
    transform: rotate(270deg);
    width: fit-content;
    height: fit-content;
    top: 55%;
    right: 6px;
    font-size: 1.5rem;
    cursor: pointer;
}

.important-icon {
    color: var(--important);
}

.nav-tabs .nav-link .paymentgateway-name {
	color: var(--color2);
}

.bank-list-container .nav-item .nav-link img {
	width: 14%;
    filter: grayscale(100%) opacity(.5) brightness(100%);
}

.bank-list-container .nav-item .nav-link.active img,
.bank-list-container .nav-item:hover .nav-link img {
	filter: grayscale(0%);
}

.bank-list-container .nav-item .nav-link.active .paymentgateway-name,
.bank-list-container .nav-item:hover .nav-link .paymentgateway-name {
	color: var(--color6);
}
/* Deposit New Layout */

/* 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 */