: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: #3fc1cb;
	--color5: #0082b5;
	--color6: #2b3990;
	--color7: #181644;
	--color8: #b90000;
	--color9: #7e0707;
	--color10: #bdbdbd;
	--color11: #cb9d3f;
	--filter1: brightness(0) saturate(100%) invert(9%) sepia(67%) saturate(6083%) hue-rotate(198deg) brightness(105%) contrast(99%);
	--gradient1: linear-gradient(136deg, #f6f4f4, #dddddf);
	--gradient2: linear-gradient(to bottom, #aaa7a7, #696969);
	--walOn: #3ec682;
	--walOff: #cd5c5c;
	--important: #ce0f10;
	--error: #b90000;
	--ecd_BG: linear-gradient(#3fc1cb, #0082b5);
	--ecd_TXT: #fff;
	--adclose_BTN_RADIUS: 5px;
	--adclose_BTN_BG: #3fc1cb;
	--adclose_BTN_TXT: #fff;
	
	/* info_2 */
	--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(--color4);
	--memberinfo2_SECTION_BTN_RADIUS: 0;
	--memberinfo2_SECTION_BLOCK_RADIUS: 0;
	
	--memberinfo2_KYCMODAL_TXT_COLOR: var(--color1);
	--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(--color1);
	--memberinfo2_FORM_INPUT_SELECT_BG: var(--color2);
	--memberinfo2_FORM_INPUT_SELECT_BG_DISABLED: var(--color5);
	--memberinfo2_FORM_INPUT_SELECT_ICON_COLOR: var(--color3);
	--memberinfo2_FORM_INPUT_SELECT_TXT_COLOR: var(--color3);
	--memberinfo2_FORM_INPUT_SELECT_TXT_COLOR_DISABLED: var(--color2);
	--memberinfo2_FORM_INPUT_SELECT_BORDER_COLOR: var(--color10);
	--memberinfo2_FORM_INPUT_SELECT_BORDER_COLOR_HOVER: var(--color4);
	--memberinfo2_FORM_INPUT_SELECT_BORDER_COLOR_DISABLED: var(--color4);
	--memberinfo2_FORM_INPUT_SELECT_RADIUS: var(--memberinfo2_SECTION_BTN_RADIUS);
	--memberinfo2_FORM_INPUT_SELECT_FONT_WEIGHT: 600;
	--memberinfo2_FORM_OTP_TIMER_TXT_COLOR: var(--color3);
	--memberinfo2_FORM_BTN_SUBMIT_BG: linear-gradient(to left, var(--color4), var(--color5));
	--memberinfo2_FORM_BTN_SUBMIT_TXT_COLOR: var(--color2);
	--memberinfo2_FORM_BTN_SUBMIT_RADIUS: var(--memberinfo2_SECTION_BTN_RADIUS);
	--memberinfo2_FORM_BTN_SUB_SUBMIT_BG: linear-gradient(to left, var(--color6), var(--color7));
	--memberinfo2_FORM_BTN_SUB_SUBMIT_DISABLED_BG: var(--color3);
	--memberinfo2_FORM_BTN_SUB_SUBMIT_TXT_COLOR: var(--color2);
	--memberinfo2_FORM_BTN_SUB_SUBMIT_DISABLED_TXT_COLOR: var(--color2);
	--memberinfo2_FORM_BTN_SUB_SUBMIT_RADIUS: var(--memberinfo2_SECTION_BTN_RADIUS);
	--memberinfo2_FORM_UNDERLINE: var(--color5);

	--memberinfo2_CONTENT_BG: var(--gradient1);
	--memberinfo2_CONTENT_TXT_COLOR: var(--color1);
	--memberinfo2_CONTENT_RADIUS: var(--memberinfo2_SECTION_BLOCK_RADIUS);
	--memberinfo2_CONTENT_LBL_TXT_COLOR: var(--color1);
	--memberinfo2_CONTENT_LBL_BORDER_COLOR: var(--color1);
	--memberinfo2_CONTENT_LBL_BULLET: var(--color4);
	--memberinfo2_CONTENT_LBL_BULLET_RADIUS: 0;
	--memberinfo2_CONTENT_LBL_BULLET_TRANSFORM: translateY(-50%) rotateZ(45deg);
	--memberinfo2_CONTENT_LBL_INFO_COLOR: #0eb2f3;
	--memberinfo2_CONTENT_LBL_INFO_BG: var(--color2);
	--memberinfo2_CONTENT_LBL_INFO_CONTENT_TXT_COLOR: var(--color1);
	--memberinfo2_CONTENT_LBL_INFO_CONTENT_BG: var(--color10);
	--memberinfo2_CONTENT_LBL_TABLIST_BG: var(--color3);
	--memberinfo2_CONTENT_LBL_TABLIST_ACTIVE_BG: var(--color4);
	--memberinfo2_CONTENT_LBL_TABLIST_TXT_COLOR: var(--color2);
	--memberinfo2_CONTENT_LBL_TABLIST_ACTIVE_TXT_COLOR: var(--color2);
	--memberinfo2_CONTENT_LBL_TABLIST_RADIUS: 10px;
	
	--memberinfo2_PROFILE_BORDER_COLOR: var(--color10);
	--memberinfo2_PROFILE_ITEM_LBL_TXT_COLOR: var(--color6);
	--memberinfo2_PROFILE_ITEM_VAL_TXT_COLOR: var(--color6);
	
	--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: var(--memberinfo2_SECTION_BTN_RADIUS);
	--memberinfo2_KYC_ITEM_PREVIEW_BTN_CHANGE_TXT_COLOR: var(--color2);
	--memberinfo2_KYC_ITEM_PREVIEW_BTN_CHANGE_BG: linear-gradient(to left, var(--color4), var(--color5));
	--memberinfo2_KYC_ITEM_PREVIEW_BTN_PREVIEW_TXT_COLOR: var(--color2);
	--memberinfo2_KYC_ITEM_PREVIEW_BTN_PREVIEW_BG: linear-gradient(to left, var(--color6), var(--color7)); 
	--memberinfo2_KYC_REFRESH_BTN_BG: transparent !important;
	--memberinfo2_KYC_REFRESH_BTN_COLOR: var(--color1) !important;
	--memberinfo2_KYC_REFRESH_BTN_BORDER: none !important;
	--memberinfo2_KYC_REFRESH_BTN_HOVER_COLOR: var(--color3) !important;
	
	/* General HOtGame */
	--General_hotgamenaviitem_background: transparent;
	--General_hotgamenaviitem_active_background: linear-gradient(to bottom, var(--color4), var(--color5));
	--General_hotgamenaviitem_border: 1px solid var(--color4);
	--General_hotgamenaviname_color: var(--color2);
	--General_hotgameimg_playoverlay_background: rgb(33, 33, 33);
	--General_hotgameimg_playbtn_icon_color: #f9d834;
	--General_hotgameimg_playbtn_icon_background: var(--color1);
	
	/* Update Password */
	--update_psw_input_BG: rgba(28,28,29,1);
	--update_psw_input_Border: var(--color3);
	--update_psw_input_Color: var(--color2);
	--update_psw_content_Color: rgb(212, 175, 55);
	--update_psw_content_detail_Color: var(--color3);
	--update_psw_content_detail_highlight_Color: rgb(212, 175, 55);
	--update_psw_btn_Color: var(--color2);
	--update_psw_preloader_BG: #171d22d1;
	
	/* transfer_2 */
	--trans2_CONTENT_TITLE_TXT_COLOR: var(--color2);
	--trans2_CONTENT_TITLE_DISC_BG: var(--color4);
	--trans2_CONTENT_TABLIST_ACTIVE_BG: var(--color4);
	--trans2_CONTENT_TXT_COLOR: var(--color1);
	--trans2_CONTENT_BORDER_SEPERATE_LINE: 2px dashed var(--color1);
	
	--trans2_PROV_BOX_TITLE_TXT_COLOR: var(--color1);
	--trans2_PROV_BOX_PROV_ITEM_INFO_TXT_COLOR: var(--color1);
	--trans2_PROV_BOX_PROV_ITEM_INFO_BORDER: none;
	--trans2_PROV_BOX_PROV_ITEM_INFO_BG: var(--color4);
	--trans2_PROV_BOX_PROV_ITEM_INFO_HOVER_TXT_COLOR: var(--color1);
	--trans2_PROV_BOX_PROV_ITEM_INFO_HOVER_BORDER: none;
	--trans2_PROV_BOX_PROV_ITEM_INFO_HOVER_BG: var(--color5);
	
	/* prov_list_3 */
	--prov3_CAROUSEL_PADDLE_BTN_TXT_COLOR: #bdbdbd;
	--prov3_CAROUSEL_PROV_IMG_BG: #00000075;
	--prov3_CAROUSEL_PROV_IMG_BORDER: 4px solid var(--color7);
	--prov3_CAROUSEL_PROV_IMG_LBL_LOBBY_TXT_COLOR: var(--color2);
	--prov3_CAROUSEL_PROV_IMG_LBL_LOBBY_BG: var(--color4);
	--prov3_CAROUSEL_PROV_IMG_LBL_GAMELIST_TXT_COLOR: var(--color2);
	--prov3_CAROUSEL_PROV_IMG_LBL_GAMELIST_BG: var(--color4);
	--prov3_CAROUSEL_PROV_IMG_PROV_NAME_TXT_COLOR: var(--color2);
	--prov3_CAROUSEL_PROV_IMG_PROV_NAME_BG: var(--color7);
	--prov3_CAROUSEL_PROV_IMG_PROV_NAME_HOVER_TXT_COLOR: var(--color2);
	--prov3_CAROUSEL_PROV_IMG_PROV_NAME_HOVER_BG: var(--color4);
	
	--prov3_FORM_INPUT_BG: var(--color1);
	--prov3_FORM_INPUT_TXT_COLOR: var(--color2);
	--prov3_FORM_INPUT_DISABLED_BG: var(--color7);
	--prov3_FORM_INPUT_DISABLED_BORDER: 2px solid var(--color7);
	--prov3_FORM_INPUT_ICON_COLOR: var(--color2);
	--prov3_FORM_INPUT_LBL_TXT_COLOR: var(--color2);
	--prov3_FORM_INPUT_COPY_COLOR: var(--color2);
	
	--prov3_TAB_FILTER_BTN_BG: var(--color7);
	--prov3_TAB_FILTER_BTN_TXT_COLOR: var(--color2);
	--prov3_TAB_FILTER_BTN_BORDER: none;
	--prov3_TAB_FILTER_BTN_HOVER_BG: var(--color4);
	--prov3_TAB_FILTER_BTN_HOVER_TXT_COLOR: var(--color2);
	
	--prov3_PROVITEM_IMG_BG: 0 0;
	--prov3_PROVITEM_IMG_BORDER: none;
	--prov3_PROVITEM_LBL_GAMELIST_BG: var(--color4);
	--prov3_PROVITEM_BTN_BG: var(--color4);
	--prov3_PROVITEM_BTN_HOVER_TXT_COLOR: var(--color4);
	
	--prov3_USRPSWDBOX_BG: #111;
	--prov3_USRPSWDBOX_TXT_COLOR: var(--color2);
	--prov3_USRPSWDBOX_QR_BG: var(--color7);
	
	--prov3_FAVBOX_TITLE_TXT_COLOR: var(--color2);
	--prov3_FAVBOX_BG: #111111147;
	
	
	/* h3 */
	--h3_NAVI_ITEM_TXT_COLOR: var(--color2);
	--h3_NAVI_ITEM_BG: 0 0;
	--h3_NAVI_ITEM_ICON: var(--filterW);
	--h3_NAVI_ITEM_HOVER_TXT_COLOR: var(--color2);
	--h3_NAVI_ITEM_HOVER_BG: var(--color4);
	--h3_NAVI_ITEM_HOVER_ICON: var(--filterW);
	--h3_NAVI_ITEM_DROPDOWN_TXT_COLOR: var(--color2);
	--h3_NAVI_ITEM_DROPDOWN_BG: var(--color4);
	--h3_NAVI_ITEM_DROPDOWN_BORDER: none;
	--h3_NAVI_ITEM_DROPDOWN_ITEM_TXT_COLOR: var(--color2);
	--h3_NAVI_ITEM_DROPDOWN_ITEM_BG: 0 0;
	--h3_NAVI_ITEM_DROPDOWN_ITEM_HOVER_TXT_COLOR: var(--color2);
	--h3_NAVI_ITEM_DROPDOWN_ITEM_HOVER_BG: var(--color7);
	
	/* prov_cat_menu_1 */
	--provcatmenu1_MENU_ITEM_BG: 0 0;
	--provcatmenu1_MENU_ITEM_BTN_BG: var(--color4);
	--provcatmenu1_MENU_ITEM_BTN_TXT: var(--color2);
	--provcatmenu1_MENU_ITEM_BTN_HOVER_BG: var(--color2);
	--provcatmenu1_MENU_ITEM_BTN_HOVER_TXT: var(--color4);
}

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

*::-webkit-scrollbar-track {
    background-color: var(--color10);
    color: var(--color10)
}

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

*::-ms-scrollbar-track-piece {
	background-color: var(--color10);
    color: var(--color10)
}

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

.background-primary {
	background-color: var(--color1)
}

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

body {
	color: var(--color2)
}

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

.dstg-background-primary-img {
	/* position: fixed;
	top: 0;
    right: 0;
    bottom: 0;
    left: 0;
	overflow: hidden;
    z-index: -100;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: var(--color2);
    background-image: url('/resources/images/background/dekstop/desktop_background.dstg-jpg') */
}

.dstg-bg-gradient-primary {
	background: linear-gradient(to left, var(--color4), var(--color5))
}

.dstg-bg-gradient-primary:hover,
.dstg-bg-gradient-primary:focus,
.dstg-bg-gradient-primary:active {
	filter: brightness(.6)
}

.dstg-bg-gradient-secondary {
	background: linear-gradient(to right, var(--color6), var(--color7))
}

.dstg-bg-gradient-secondary:hover,
.dstg-bg-gradient-secondary:focus,
.dstg-bg-gradient-secondary:active {
	filter: brightness(.6)
}

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

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

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

.dstg-text-error, .error {
	color: var(--error)
}

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

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

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

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

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

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

.dstg-spinner-animation > div {
	position: absolute;
	width: 72px;
	height: 72px;
	top: 14px;
	left: 14px;
	border-radius: 50%;
	border: 8px solid var(--color1);
	border-color: var(--color4) transparent var(--color4) transparent;
	animation: spinner-animation 1s linear infinite
}

.dstg-spinner-animation > div:nth-child(2), 
.dstg-spinner-animation > div:nth-child(4) {
	width: 54px;
	height: 54px;
	top: 23px;
	left: 23px;
	animation: spinner-animation 1s linear infinite reverse
}

.dstg-spinner-animation > div:nth-child(2) {
	border-color: transparent var(--color6) transparent var(--color4)
}

.dstg-spinner-animation > div:nth-child(3) { 
	border-color: transparent 
}

.dstg-spinner-animation > div:nth-child(3) div {
	position: absolute;
	width: 100%;
	height: 100%;
	transform: rotate(45deg)
}

.dstg-spinner-animation > div:nth-child(3) div:before,
.dstg-spinner-animation > div:nth-child(3) div:after { 
	content: "";
	display: block;
	position: absolute;
	width: 8px;
	height: 8px;
	top: -8px;
	left: 24px;
	background: var(--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(--color4);
	border-radius: 50%;
	box-shadow: 0 46px 0 0 var(--color4)
}

.dstg-spinner-animation > div:nth-child(4) div:after {
	left: -8px;
	top: 15px;
	box-shadow: 46px 0 0 0 var(--color4)
}

.dstg-spinner-double-ring {
	width: 100%;
    height: 100%;
    display: inline-block;
    overflow: hidden;
    background: none
}

.dstg-spinner-animation {
	width: 80px;
	height: 80px;
	position: relative;
	transform: translateZ(0) scale(0.dstg-8);
	backface-visibility: hidden;
	transform-origin: 0 0;
	margin: 300px auto
}

.dstg-spinner-animation div { 
	box-sizing: content-box
}
/* main loader */

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

.dstg-slideshow-area .dstg-container {
	max-width: 1400px;
}

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

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

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

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

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

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

/* langmodal */
#langmodal .lang- {
    border-bottom: 1px solid var(--color3)
}

#langmodal .lang- .lang-option li:hover {
	color: var(--color6)
}

#langmodal .lang- .lang-option li:after {
    background: var(--color3)
}

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

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

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

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

#loginmodal .forgot-field {
    color: inherit
}

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

#loginmodal .loginBtn,
#loginmodal .loginOtpBtn {
	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(--color2)
}

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

.dstg-header .dstg-header-content {
    background-image: url('/resources/images/BET333BD_BDT/bg_image/header_background_desktop.gif');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.dstg-header-content .dstg-header-left .dstg-logo {
	
}

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

.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 {
    background: var(--color4);
    transition: .3s
}

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

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

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

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

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

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

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

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

/* header deposit and withdraw button */
.dstg-hdepositBtn {
  color: var(--color2);
  background-color: var(--color7)
}

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

.dstg-header .dstg-header-content .btn-action-box- .btn-login- {
	border: none;
    color: var(--color2);
    background: linear-gradient(to left, var(--color4), var(--color5))
}

.dstg-header .dstg-header-content .btn-action-box- .btn-login-:hover {
	color: var(--color2);
    background: linear-gradient(to left, var(--color4), var(--color5));
    filter: brightness(.6);
    -webkit-filter: brightness(.6)
}

.dstg-header .dstg-header-content .btn-action-box- .btn-reg- {
	border: none;
    color: var(--color2);
    background: linear-gradient(to right, var(--color6), var(--color7))
}

.dstg-header .dstg-header-content .btn-action-box- .btn-reg-:hover {
	color: var(--color2);
    background: linear-gradient(to right, var(--color6), var(--color7));
    filter: brightness(.6);
    -webkit-filter: brightness(.6)
}

.dstg-header .dstg-header-content .btn-action-box- .btn-logout- {
	border: none;
    color: var(--color2);
    background: linear-gradient(to right, var(--color6), var(--color7))
}

.dstg-header .dstg-header-content .btn-action-box- .btn-logout-:hover {
	color: var(--color2);
    background: linear-gradient(to right, var(--color6), var(--color7))
}
/* HEADER */

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

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

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

footer .dstg-footer-bottom .dstg-bottom-wrap .dstg-footer-bottom-bar ul li {
	border-right: 1px solid var(--color6);
	color: var(--color10);
	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(--color4);
	transition: .3s ease
}

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

footer .dstg-img-wrapper .dstg-title-box {
    border-bottom: 2px dashed var(--color6);
    color: var(--color2)
}
/* FOOTER */

/* navi bar */
#more-list .dstg-new {
	background-color:var(--color4);
}

#more-list .dstg-new a {
	color: var(--color2)
}

#more-list .dstg-new a.is-acted {
	color:var(--color4)
}

.dstg-navi-content .bottom-nav .navi-list .nav-item:hover,
.dstg-navi-content .bottom-nav .navi-list .nav-item .is-acted,
#more-list .dstg-new a:hover {
	background: var(--color4)
}

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

.dstg-navi-content .bottom-nav .navi-list .nav-item:hover a {
	text-decoration: none;
	-webkit-transition: .3s;
	transition: .3s
}

.dstg-navi-content .bottom-nav .navi-list .nav-item.is-acted a .navi-icon,
.dstg-navi-content .bottom-nav .navi-list .nav-item:hover a .navi-icon { 
	/* filter: var(--filter1) */
}

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

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

.dstg-navi-bar .navi-bar-bg {
	background: var(--color1)
}
/* navi bar */

/* side menu bar */
.dstg-sideMenuLeftContainer .dstg-sideMenuTop{
	background: linear-gradient(to left, var(--color6), var(--color7));
}

.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 {
	background: var(--color1)
}

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

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

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

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

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

.dstg-sideMenuLeftContainer .dstg-sideMenuMiddle .dstg-menu-box .dstg-menu-label{
	color: var(--color2);
	background: linear-gradient(to left, var(--color6), var(--color7));
	border-bottom: dashed 1px #bdbdbd	
}

.dstg-sideMenuLeftContainer .dstg-sideMenuMiddle .dstg-menu-box ul li{
	color: var(--color2);
	background: linear-gradient(to left, var(--color6), var(--color7));
}

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

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

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

.dstg-sideMenuLeftContainer .dstg-sideMenuMiddle ul li.noSubNavi {
	color: var(--color2);
	background: linear-gradient(to left, var(--color6), var(--color7));
}

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

/* .dstg-sideMenuRightContainer.show {
	background: rgba(246,244,244,1)
}

.dstg-sideMenuRightContainer .dstg-sideMenuTop .dstg-title-box .dstg-title {
	color: var(--color2)
}

.dstg-sideMenuRightContainer.dstg-show .dstg-sideMenuTop .dstg-title-box .dstg-title {
	color: #7b7b7b
}

.dstg-sideMenuRightContainer .dstg-sideMenuTop .dstg-title-box .dstg-icon {
	color: var(--color2);
	transition: transform .dstg-3s ease-in-out
}

.dstg-sideMenuRightContainer .dstg-sideMenuMiddle .dstg-balance-box {
	background: var(--color4)
}

.dstg-sideMenuRightContainer .dstg-sideMenuMiddle .dstg-balance-box .dstg-balance-amt {
	color: var(--color2)
}

.dstg-sideMenuRightContainer .dstg-sideMenuMiddle .dstg-balance-box .dstg-balance-timer .dstg-timer-title {
	color: var(--color2)
}

.dstg-sideMenuRightContainer .dstg-sideMenuMiddle .dstg-balance-box .dstg-balance-timer .dstg-timer-val {
	color: var(--color2)
}

.dstg-sideMenuRightContainer .dstg-sideMenuMiddle .dstg-balance-box .dstg-balance-timer .dstg-timer-val .dstg-highlight {
	font-weight: bold;
	color: var(--color4)
}

.dstg-fastTransfer-box .dstg-input-container .dstg-directAllIn-wrapper .dstg-toggle-btn .dstg-toggle-slider {
	background-color: rgba(207,207,207,1);
	-webkit-transition: .4s;
	transition: .4s
}

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

.dstg-fastTransfer-box .dstg-input-container .dstg-directAllIn-wrapper .dstg-toggle-btn .dstg-toggle-slider .dstg-on {
	color: var(--color2)
}

.dstg-fastTransfer-box .dstg-input-container .dstg-directAllIn-wrapper .dstg-toggle-btn .dstg-toggle-slider .dstg-off {
	color: var(--color3)
}

.dstg-fastTransfer-box .dstg-input-container .dstg-directAllIn-wrapper .dstg-toggle-btn .dstg-toggle-checkbox:checked + .dstg-toggle-slider {
	background: var(--color4)
}

.dstg-fastTransfer-box .dstg-input-container .dstg-directAllIn-wrapper .dstg-toggle-btn .dstg-toggle-checkbox:checked + .dstg-toggle-slider:before {
	background-color: var(--color2)
}

.dstg-fastTransfer-box .dstg-input-container .dstg-select-input .dstg-select-selected {
    color: var(--color3);
    background: rgba(255,253,253,1);
    border: 1px solid var(--color10)
}

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

.dstg-fastTransfer-box .dstg-input-container .dstg-select-input .dstg-select-items {
    color: var(--color2);
    background: rgba(125,125,125,1)
}

.dstg-fastTransfer-box .dstg-input-container .dstg-select-input .dstg-select-items div:hover {
	background: var(--color4);
	transition: .3s
}

.dstg-fastTransfer-box .dstg-input-container .dstg-text-input input {
    background: rgba(255,253,253,1);
    border: 1px solid #bdbdbd;
    color: var(--color3)
}

.dstg-fastTransfer-box .dstg-input-container .dstg-text-input input:disabled {
	background: var(--color5);
	color: var(--color2)
}

.dstg-fastTransfer-box .dstg-input-container .dstg-text-input select {
	background: rgba(255,253,253,1);
    border: 1px solid #bdbdbd;
    color: var(--color3)
}

.dstg-fastTransfer-box .dstg-input-container .dstg-btn-box button {
    color: var(--color2);
    transition: .3s
}

.dstg-fastTransfer-box .dstg-input-container #toogle-Transfer{
    text-decoration: underline solid rgb(1 59 122);
    color: rgb(1 59 122);
} */

.dstg-sideBtn-wrapper .dstg-btn-box button {
    color: var(--color2)
}
/* 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: #fcbc1d;
    font-weight: 700;
}

.dstg-content-wrapper .dstg-video-wrap .dstg-title-box,
.dstg-content-wrapper .dstg-video-wrap2 .dstg-title-box{
    border-bottom: 2px dashed var(--color3)
}

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

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

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

.dstg-sub-slider-wrapper .dstg-subSlider-wrapper .dstg-game-slider {
    height: 257px
}

.dstg-sub-slider-wrapper .dstg-subSlider-wrapper .dstg-game-slider .dstg-imgContainer .dstg-imgItem {
    width: 230px
}

.dstg-sub-slider-wrapper .dstg-subSlider-wrapper .dstg-game-slider .dstg-imgContainer .dstg-imgItem .dstg-img {
	width: 230px;
    height: 257px;
    border-bottom: 7px solid var(--color4)
}

.dstg-other-slider-wrapper .dstg-other-wrapper .dstg-jackpot-wrap {
	display: grid;
    grid-template-columns: 40% 60%
}

.dstg-other-slider-wrapper .dstg-other-wrapper .dstg-jackpot-wrap .dstg-jackpot-title {
	color: transparent
}

.dstg-other-slider-wrapper .dstg-other-wrapper .dstg-jackpot-wrap .dstg-jackpot-content .dstg-jackpot-amount {
	color: var(--color2);
	font-size: 50px;
	margin-top: 38px;
    margin-left: -80px;
}

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

@media ( max-width :1250px) {
	.dstg-other-slider-wrapper .dstg-other-wrapper .dstg-jackpot-wrap .dstg-jackpot-content .dstg-jackpot-amount {
		font-size: 35px
	}
}

.dstg-join-wrap .dstg-join-img .dstg-title,
.dstg-join-wrap .dstg-join-arrow {
	color: var(--color4)
}
/* home page */

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

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

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

.dstg-slots-container .dstg-slotProviderNavi-wrap .dstg-providerNaviControl button:disabled {
	color: var(--color10);
	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(--color7)
}

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

.dstg-slots-container .dstg-slotProviderNavi-wrap .dstg-providerNaviItem .dstg-providerNavi-box .dstg-providerNavi-option:hover .dstg-provider-name,
.dstg-slots-container .dstg-slotProviderNavi-wrap .dstg-providerNaviItem .dstg-providerNavi-box .dstg-providerNavi-option .dstg-provider-name.is-acted {
	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(--color2);
	background: var(--color7);
	transition: .3s
}

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

.promoList-wrapper .promoList-separate {
	background: var(--color7);
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px
}

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

.promoList-separate .promoContent-right .promo-description .description-left .description-title .text {
	color: var(--color2);
	background: var(--color7)
}

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

.promoList-separate .promoContent-right .promo-description .description-right .description-date .date-range {
	color: var(--color4)
}

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

.promoList-separate .promoContent-right .promo-btn button:hover {
	filter: none;
	color: var(--color4);
	background: var(--color2)
}

.promoList-separate .promoContent-right .promo-info .info-wrap {
    background: #2e2e2e;
    margin-bottom: 10px;
    margin-right: 10px;
    border-radius: 15px;
    border-top-left-radius: 0px;
}

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

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

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

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

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

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

.dstg-download-wrapper .dstg-download-item .dstg-content-box .dstg-title-box span,
.dstg-downloadList-wrapper .dstg-download-item .dstg-content-box .dstg-title-box span {
	color: var(--color2)
}
/* download page/download list */

/* info content base */
.dstg-article-wrap .dstg-title-box .dstg-flag {
	background: var(--color6)
}
/* 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: var(--color1)
}

.dstg-article-wrap .dstg-article-box .dstg-seo-info a {
	color: var(--color1);
	border-bottom: 1px solid var(--color1)
}

.dstg-article-wrap .dstg-article-box .dstg-seo-info a:hover {
	color: var(--color4);
	border-bottom: 1px solid var(--color4);
	transition: .3s
}

.dstg-seo-wrapper {
	color: var(--color3)
}

.dstg-seo-wrapper strong {
	color: var(--color1)
}

.dstg-seo-wrapper a {
	color: var(--color1);
	border-bottom: 1px solid var(--color1)
}

.dstg-seo-wrapper a:hover {
	color: var(--color4);
	border-bottom: 1px solid var(--color4);
	transition: .3s
}
/* seo content */

/* about us page */
.dstg-article-wrap .dstg-article-box .dstg-about-info {
	color: 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: var(--color2)
}

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

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

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

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

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

#contactmodal .modal-body tr .dstg-value-col {
    color: var(--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 */

/* member tnc page */
.dstg-tnc-wrap .dstg-tnc-content ul {
	color: var(--color4)
}

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

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

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

/* member tnc page */

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

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

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

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

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

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

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

.dstg-register-wrap .dstg-register-box .dstg-register-content .dstg-register-tab ul li {
	border-left: solid 4px var(--color4);
	background: var(--color7);
	color: var(--color2);
	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);
	transition: .3s
}

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

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

.dstg-register-box .dstg-register-content .dstg-register-form .dstg-register-separate .dstg-register-input .dstg-select-input .dstg-select-selected {
    color: var(--color3);
    background: rgba(255,253,253,1);
    border: 1px solid var(--color10)
}

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

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

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

.dstg-register-box .dstg-register-content .dstg-register-form .dstg-register-separate .dstg-whatsappRegStep{
	color: var(--color1)
}

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

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

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

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

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

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

/* transfer page */
.dstg-transfer-box .dstg-transaction-wrapper .dstg-transaction-seperate .dstg-transaction-title,
.dstg-transfer-box .dstg-transaction-wrapper .dstg-transaction-seperate .dstg-transaction-option .dstg-transaction-list li .dstg-center-seperate {
	color: var(--color1)
}

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

.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: #d0d0d0
}

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

.dstg-shortcut-seperate .dstg-shortcut-provider .provider-content .provider-bal .balanceActive {
	color: var(--walOn)
}

.dstg-shortcut-seperate .dstg-shortcut-provider .provider-content .provider-bal .balanceLocked {
	color: var(--walOff)
}

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

.dstg-timer-wrapper .dstg-timer-title,
.dstg-timer-wrapper .dstg-timer-val {
	color: var(--color1)
}

.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: rgba(207,207,207,1);
	-webkit-transition: .4s;
	transition: .4s
}

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

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

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

.dstg-timer-wrapper .dstg-toggle-btn .dstg-toggle-checkbox:checked + .dstg-toggle-slider {
	background: 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-title {
	color: var(--color1)
}

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

.dstg-deposit-box .dstg-deposit-description {
	color: var(--color3);
	border: 1px solid var(--color3)
}

.dstg-deposit-box .dstg-h2p-message-wrapper .dstg-h2p-message-box .dstg-message-text,
.dstg-deposit-box .dstg-h2p-message-wrapper .dstg-h2p-message-box .dstg-message-description {
	color: var(--color3)
}

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

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

/* withdraw page */
.dstg-withdraw-box .dstg-transaction-wrapper .dstg-transaction-seperate .dstg-transaction-title {
	color: var(--color1)
}

.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(--color10);
	border-bottom: 2px dashed var(--color10)
}

.dstg-withdraw-box .dstg-withdraw-form .dstg-summary-wrapper .dstg-summary-content .dstg-content-separate:last-child .dstg-content-info .dstg-content-text span {
	color: var(--color4)
}
/* withdraw page */

/* history page */
.dstg-history-box .dstg-transaction-wrapper .dstg-transaction-seperate .dstg-transaction-title,
.dstg-history-box .dstg-claimReward-wrapper .dstg-claimReward-seperate .dstg-claimReward-title,
.dstg-transaction-seperate .dstg-transaction-option .dstg-transaction-list li .dstg-center-seperate,
.dstg-claimReward-seperate .dstg-claimReward-option .dstg-claimReward-list li .dstg-center-seperate {
	color: var(--color1)
}

.dstg-history-wrap .dstg-history-box .dstg-table-wrapper .dstg-history-list {
	background: rgba(255,253,253,1)
}

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

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

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

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

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

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

.dstg-history-box .dstg-table-wrapper .dstg-dataTables_wrapper .dstg-dataTables_filter label input {
    background: rgba(255,253,253,1);
    border: 1px solid var(--color10);
    color: var(--color3)
}

.dstg-history-box .dstg-table-wrapper .dstg-dataTables_wrapper .dstg-dataTables_paginate .dstg-paginate_button {
	background: rgba(255,253,253,1);
	color: var(--color10) !important
}

.dstg-history-box .dstg-table-wrapper .dstg-dataTables_wrapper .dstg-dataTables_paginate .dstg-paginate_button:hover,
.dstg-history-box .dstg-table-wrapper .dstg-dataTables_wrapper .dstg-dataTables_paginate .dstg-paginate_button:focus,
.dstg-history-box .dstg-table-wrapper .dstg-dataTables_wrapper .dstg-dataTables_paginate .dstg-paginate_button.dstg-current, 
.dstg-history-box .dstg-table-wrapper .dstg-dataTables_wrapper .dstg-dataTables_paginate .dstg-paginate_button.dstg-current:hover {
	background: var(--color4);
	color: var(--color2) !important;
    transition: .3s
}

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

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

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

.dstg-memberBank-wrapper .dstg-memberBank-thead .dstg-thead-col span {
	color: #4a4a4a
}

.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: rgba(255,253,253,1);
    border: 1px solid var(--color10);
}

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

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

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

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

.dstg-bankSetting-wrapper .dstg-form-wrap .dstg-form-btn button {
    color: var(--color2);
    transition: .3s
}
/* member bank info page */

/* member info page */
.dstg-memberInfo-box .dstg-info-wrapper .dstg-basic-info {
	background: rgba(255,253,253,1)
}

.dstg-memberInfo-box .dstg-info-wrapper .dstg-basic-info .dstg-basic-title,
.dstg-memberInfo-box .dstg-info-wrapper .dstg-basic-info .dstg-basic-content{
	color: var(--color6)
}

.dstg-memberInfo-box .dstg-password-wrapper .dstg-form-wrap .dstg-form-seperate .dstg-formGroup {
    background: rgba(255,253,253,1);
    border: 1px solid var(--color10)
}

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

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

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

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

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

.dstg-memberInfo-box .dstg-password-wrapper .dstg-form-wrap .dstg-form-seperate .dstg-formGroup select {
    border: none;
	color: var(--color3) !important;
    background: rgba(255,253,253,1) 
}

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

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

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


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

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

/* referral button */
.dstg-referralChangeTab-btn {
	display: flex;
    padding: 1px;
    border-bottom: dashed 2px var(--color3);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* spin color */
.dstg-spin-blue div > div {
	background: var(--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.dstg-1s
}

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

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

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

.dstg-bal-loader {
  width: 15px;
  height: 15px;
  display: inline-block;
  overflow: hidden
}

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

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

/* datepicker */
.dstg-datepicker.dstg-dropdown-menu {
	color: var(--color3);
    background: var(--color10);
    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: var(--color10) !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: var(--color10) !important;
	background: 0 0 !important
}
/* datepicker */

/* air datetimepicker */
.dstg-datepickers-container .dstg-datepicker {
	background: var(--color10);
    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(--color4)
}

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

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

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

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

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

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

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

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

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

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

/* provider banner */
.dstg-provider-banner-wrap .dstg-provider-banner .dstg-img-box {
	background: 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(--color4);
	color: var(--color2)
}

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

/* transaction input */
.dstg-transaction-seperate .dstg-transaction-option .dstg-transaction-list li .option,
.dstg-claimReward-seperate .dstg-claimReward-option .dstg-claimReward-list li .option  {
	background: var(--color7)
}

.dstg-transaction-seperate .dstg-transaction-option .dstg-transaction-list li:hover .option,
.dstg-transaction-seperate .dstg-transaction-option .dstg-transaction-list li .option.is-acted,
.dstg-claimReward-seperate .dstg-claimReward-option .dstg-claimReward-list li:hover .option,
.dstg-claimReward-seperate .dstg-claimReward-option .dstg-claimReward-list li .option.is-acted {
	color: var(--color2);
	background: var(--color4);
	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 .datetime-picker,
.dstg-claimReward-seperate .dstg-claimReward-option .dstg-claimReward-list li .dstg-date-input .dstg-date-picker,
.dstg-claimReward-seperate .dstg-claimReward-option .dstg-claimReward-list li .dstg-date-input .dstg-datetime-picker {
    color: var(--color3)
}

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

.dstg-transaction-seperate .dstg-transaction-option .dstg-transaction-list li .dstg-text-input,
.dstg-claimReward-seperate .dstg-claimReward-option .dstg-claimReward-list li .dstg-text-input {
    color: var(--color3);
    background: rgba(255,253,253,1);
    border: 1px solid 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(--color6);
    color: var(--color2)
}

.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: rgba(255,253,253,1);
    border: 1px solid var(--color10);
}

.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(--color3);
    background: var(--color2);
    border: 1px solid var(--color10)
}
/* transaction input */

/* announcement/member bank info/member info dropdown */
.dstg-info-cover {
	border-bottom: 2px dashed var(--color3)
}

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

.dstg-info-cover .dstg-info-title-box .dstg-title,
.dstg-info-cover .dstg-info-title-box i {
	color: var(--color1)
}

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

/* transaction summary section */
.dstg-summary-wrapper {
    background: var(--color2);
    color: var(--color1)
}

.dstg-summary-wrapper .dstg-summary-title {
	border-bottom: 2px dashed var(--color10)
 }

.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(--color10) */
}
/* transaction summary section */

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

/* provider list search bar */

.dstg-filter-type .search-bar{
    background: var(--color1);
    border: 2px solid var(--color4);
}

.dstg-filter-type .search-bar .searchInputBox{
	background: transparent;
    color: var(--color2);
}

/* provider list search bar */

.dstg-filter-wrapper .dstg-filter-type .dstg-filter-option .dstg-filter-list li .option {
	background: var(--color7);
	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 {
	background: var(--color3)
}

.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(--color4);
	transition: .3s
}

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

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

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

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

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

.dstg-bonus-wrapper .dstg-home-packet .dstg-freeCreditList .dstg-freeCreditItems .dstg-center {
	color: var(--color1);
}

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

.dstg-bonus-wrapper .dstg-home-packet .dstg-freeCreditList .dstg-freeCreditItems .dstg-center .dstg-moreInfo-btn {
	color: #013B7A
}

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

/* Free Credit in transfer page */
.dstg-freeCreditWrapper .dstg-transaction-seperate.dstg-se1 {
	color: var(--color2)
}

.dstg-freeCreditWrapper .dstg-transaction-seperate.dstg-se4 {
	color: #e2e2e3
}

.dstg-freeCreditTransfer-wrap .dstg-freeCreditTitle {
    color: var(--color2)
}

.dstg-freeCreditTransfer-wrap .dstg-freeCreditContent {
    color: var(--color2)
}

.dstg-freeCreditTransfer-wrap .dstg-transaction-freeCredit-title {
 	color: var(--color4);
 	border-bottom: dashed 2px var(--color3);
}

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

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

.dstg-freeCreditWrapper .dstg-transaction-btn {
	background: var(--color4);
    color: var(--color2);
}

.dstg-freeCreditWrapper .dstg-transaction-btn:hover {
	background: var(--color2);
	color: var(--color4);
}

.dstg-freeCreditTransfer-wrap .dstg-moreInfoBtn {
    background: var(--color4);
    color: var(--color2);
}

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

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

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

.dstg-transactionBtn:hover,
.dstg-historyBtn:hover  {
	background-color: var(--color5);
	color: var(--color2);
} 
/* Free Credit in transfer page */

/* Voucher */
.dstg-freeCreditTransfer-wrap .dstg-transaction-freeCredit-title .dstg-voucher-wrap .dstg-redeemBtn,
.dstg-freeCreditTransfer-wrap .dstg-unClaim_voucher-wrap .dstg-redeemBtn  {
	color: var(--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(--color1)
}

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

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

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

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

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

/* REFERRAL PAGE */

/* referral container  */

.dstg-ref-box{
    border: 1px solid var(--color4);
    background: #1e1e1e;
}

.dstg-ref-box .dstg-ref-logo , 
.dstg-ref-box .dstg-ref-details .dstg-ref-desc-1 {
	color: var(--color4);
}

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

.dstg-ref-box .dstg-referral-code-box .dstg-share-btn{
	color: white;
	background: var(--color4);
}
/* referral container  */

/* UPCOMING MATCH */
.dstg-member-upcoming-wrap {
	border: 2px solid rgb(1 59 122);
}
.dstg-member-upcoming-wrap .dstg-member_text_game_title {
	color: #013b7a;
}
/* UPCOMING MATCH */

/* HIGHLIGHT VIDEO */
.dstg-member-video-wrap {
	border: 2px solid rgb(1 59 122);
}
.dstg-member-video-wrap .dstg-text_game_title {
	color: #013b7a;
}
/* HIGHLIGHT VIDEO */

/* TOURNAMENT */
/* countdown timer */
.dstg-big-text {
    color: var(--color2)
}

.dstg-countdown-tour span {
    color: var(--color2)
}
/* countdown timer */

/* tournament sildeshow */
.dstg-tournament-main:after {
    background: var(--color1)
}

.dstg-tournament-main .dstg-main-content .dstg-detailsBox {
    border-color: transparent transparent var(--color11)
}

.dstg-tournament-main .dstg-main-content .dstg-detailsBox .dstg-box-wrap .dstg-main-title {
    color: var(--color1)
}

.dstg-tournament-main .dstg-main-content .dstg-detailsBox .dstg-box-wrap .dstg-gameDetails {
	color: var(--color1)
}
/* tournament sildeshow */

/* tournament list */
.dstg-tournament-box-action {
    background: var(--color11)
}

.dstg-tournament-box-action:before {
	border-bottom: 41px solid var(--color11);
	border-left: 38px solid transparent
}

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

.dstg-tournamentList-section .dstg-section-title {
    color: var(--color2);
    border-bottom: 2px dashed var(--color2)
}

.dstg-tournament-box.box1 .dstg-box-row .dstg-box-item .dstg-box-hover {
    background-color: var(--color1)
}

.dstg-tournament-box.box1 .dstg-box-row .dstg-box-item .dstg-box-hover .dstg-box-wrap button {
    color: var(--color2);
    background: var(--color4);
    border: none
}

.dstg-tournament-box.box1 .dstg-box-row .dstg-box-item .dstg-box-hover .dstg-box-wrap button:hover {
	filter: drop-shadow(0 0 3px var(--color2));
	color: var(--color4);
	background: var(--color2)
}

.dstg-tournament-box.box1 .dstg-box-row .dstg-box-item .dstg-box-fix {
    background: #1e1e1e
}

.dstg-tournament-box.box1 .dstg-box-row .dstg-box-item .dstg-box-fix .dstg-title {
    color: var(--color2)
}

.dstg-tournament-box.box1 .dstg-box-row .dstg-box-item .dstg-box-fix .dstg-date {
	color: var(--color10)
}

.dstg-tournament-box.box2 .dstg-box-row .dstg-box-item:nth-child(odd) {
	background: #1e1e1e
}

.dstg-tournament-box.box2 .dstg-box-row .dstg-box-item:nth-child(even) {
	background: #2e2e2e
}

.dstg-tournament-box.box2 .dstg-box-row .dstg-box-item .dstg-img img {
    /* border: 2px solid var(--color3) */
}

.dstg-tournament-box.box2 .dstg-box-row .dstg-box-item .dstg-item-content {
	border-right: 2px dashed var(--color2)
}

.dstg-tournament-box.box2 .dstg-box-row .dstg-box-item .dstg-item-content .dstg-title {
    color: var(--color11)
}

.dstg-tournament-box.box2 .dstg-box-row .dstg-box-item .dstg-item-content .dstg-title:before {
    background: var(--color4)
}

.dstg-tournament-box.box2 .dstg-box-row .dstg-box-item .dstg-item-content .dstg-date {
	color: var(--color2)	
}

.dstg-tournament-box.box2 .dstg-box-row .dstg-box-item .dstg-item-content .dstg-desc {
	color: var(--color2)	
}

.dstg-tournament-box.box2 .dstg-box-row .dstg-box-item .dstg-btn-box button {
    color: var(--color2);
    border: none;
    background: var(--color4)
}

.dstg-tournament-box.box2 .dstg-box-row .dstg-box-item .dstg-btn-box button:hover {
	filter: drop-shadow(0 0 3px var(--color2));
    color: var(--color4);
    background: var(--color2)
}
/* tournament list */

/* ranking list */
.dstg-ranking-section .dstg-boxAction {
    background: var(--color11)
}

.dstg-ranking-section .dstg-boxAction:before {
	border-bottom: 41px solid var(--color11);
	border-left: 38px solid transparent
}

.dstg-ranking-section .dstg-boxAction i {
    color: var(--color1)
}

.dstg-ranking-section .dstg-rank-bottom {
    background-color: #1e1e1e
}

.dstg-ranking-section .dstg-tournament-type {
    color: var(--color11);
    border-bottom: 2px solid var(--color11)
} 

.dstg-ranking-section .dstg-rank-tab li {
    color: var(--color2);
    border-bottom: 2px solid transparent
}

.dstg-ranking-section .dstg-rank-tab li.active {
	color: var(--color11);
    border-bottom: 2px solid var(--color11)
}

.dstg-ranking-section .dstg-tab-box .dstg-title {
    color: var(--color2)
}

.dstg-ranking-section .dstg-rank-tab-content button {
	color: var(--color2);
	border: none;
	background: transparent
}

.dstg-rank-list .dstg-list-item {
	color: var(--color2)
}

.dstg-rank-list .dstg-list-item:nth-child(1) {
	background-color: #fdb81f !important;
	box-shadow: 3px 3px 0 0 #ba810b !important
}

.dstg-rank-list .dstg-list-item:nth-child(2) {
	background-color: #b0b0b0 !important;
	box-shadow: 3px 3px 0 0 var(--color3) !important
}

.dstg-rank-list .dstg-list-item:nth-child(3) {
	background-color: #e78e62 !important;
	box-shadow: 3px 3px 0 0 #de6643 !important
}

.dstg-rank-list .dstg-list-item:nth-child(odd) {
	background-color: #feeb83
}

.dstg-rank-list .dstg-list-item:nth-child(even) {
	background-color: #996c12
}

.dstg-rank-list .dstg-list-item:nth-child(1) .dstg-index,
.dstg-rank-list .dstg-list-item:nth-child(2) .dstg-index,
.dstg-rank-list .dstg-list-item:nth-child(3) .dstg-index {
    text-shadow: none
}

.dstg-rank-list .dstg-list-item .dstg-index {
    text-shadow: 2px 2px black
}
/* ranking list */

/* tournament modal */
.dstg-tournamentPop-wrapper {
	background: #1e1e1e
}

.dstg-tournamentPop-wrapper .dstg-modal-header .dstg-title {
	color: var(--color2);
    background-color: var(--color1)
}

.dstg-tournamentPop-wrapper .dstg-modal-header .dstg-btn {
    background-color: var(--color11)
}

.dstg-tournamentPop-wrapper .dstg-modal-header .dstg-btn:before {
    border-bottom: 66px solid var(--color11);
    border-left: 50px solid transparent
}

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

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

#tourMoreInfomodal .img img {
	box-shadow: 3px 3px 4px 1px var(--color1)
}

#tourMoreInfomodal .info {
	color: #222
}

#tourMoreInfomodal .info .date {
	color: var(--color10)
}

#tourMoreInfomodal .info .title {
    color: var(--color11)
}

#tourMoreInfomodal .info .title:before {
	background-color: var(--color4)
}

#tourMoreInfomodal .info .desc button {
    color: var(--color2);
    border: none;
    background: var(--color4)
}

#tourMoreInfomodal .info .desc button:hover {
	filter: drop-shadow(0 0 3px var(--color2));
	color: var(--color4);
	background: var(--color2)
}

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

#tourMoreInfomodal .content h3 {
    color: var(--color2);
    text-shadow: 2px 2px 2px var(--color11)
}

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

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

#tourRankingmodal .content .dstg-btn button {
    color: var(--color2);
    border: none;
    background: var(--color4)
}

#tourRankingmodal .content .dstg-btn button:hover {
	filter: drop-shadow(0 0 3px var(--color2));
	color: var(--color4);
	background: var(--color2)
}
/* tournament modal */
/* TOURNAMENT */

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

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

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

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

.dstg-header-content .dstg-header-center .dstg-balance-box .wallet-balance .totalBalList .item .provBal.unlocked,
.dstg-header-content .dstg-header-center .dstg-balance-box .wallet-balance .totalBalList .item .provBal.active {
	color: var(--walOn)
}

.dstg-header-content .dstg-header-center .dstg-balance-box .wallet-balance .totalBalList .item .provBal.locked {
	color: var(--walOff)
}
/* Total Balance List */

/* LIVE SCORE */
.dstg-liveScoreWidget .dstg-ls-header {
	background: #e9ecef;
	border-bottom: 1px solid rgb(1 59 122);
}

.dstg-liveScoreWidget .dstg-ls-header .dstg-filter-select .dstg-input {
    color: #222;
    background: var(--color2)bfb;
    border: 2px solid #343dad
}

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

.dstg-liveScoreWidget .dstg-ls-header .dstg-filter-select select::-webkit-scrollbar-thumb {
	background-color: #343dad;
	color: #343dad
}

.dstg-liveScoreWidget .dstg-ls-header .dstg-filter-select .dstg-icon {
    color: #343dad
}

.dstg-liveScoreWidget .dstg-ls-header .dstg-date-option li button {
    background: rgb(1 59 122);
    border: 2px solid rgb(1 59 122);
    color: var(--color2);
}

.dstg-liveScoreWidget .dstg-ls-header .dstg-date-option li button:hover {
	filter: drop-shadow(0 0 4px rgb(1 59 122))
}

.dstg-liveScoreWidget .dstg-ls-header .dstg-date-option li button.dstg-active {
    filter: none;
    background: #333;
    border: 2px solid #f9b43d;
    color: var(--color2);
}

.dstg-liveScoreWidget .dstg-ls-body {
    background: #e9ecef
}

.dstg-liveScoreWidget .dstg-ls-body .dstg-b-msg {
    color: var(--color2);
    background: #7a848d;
}

.dstg-liveScoreWidget .dstg-ls-body .dstg-b-mask {
    background: var(--color1)000ba
}

.dstg-liveScoreWidget .dstg-ls-body .dstg-b-getResult .dstg-msg {
    color: #e2e2e2
}

.dstg-liveScoreWidget .dstg-league-section {
    background: #7a848d
}

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

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

.dstg-liveScoreWidget .dstg-league-fixture-list .dstg-fixture-drop {
    background: #f9b43d
}

.dstg-liveScoreWidget .dstg-league-fixture-list .dstg-cat-name {
    color: #222
}

.dstg-liveScoreWidget .dstg-league-fixture-list .dstg-fixture-item-list .dstg-item {
    color: var(--color10);
    background: #222;
}

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

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

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

.dstg-liveScoreWidget .dstg-league-fixture-content hr {
    border: none;
    border-bottom: 1px solid #f9b43d
}

.dstg-liveScoreWidget .dstg-league-fixture-content .dstg-fc-label {
    color: #222;
    background: #f9b43d
}

.dstg-liveScoreWidget .dstg-league-fixture-content .dstg-fc-main {
	color: var(--color2)
}

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

.dstg-liveScoreWidget .dstg-league-fixture-content .dstg-fc-team .dstg-fc-short-info .dstg-fc-score .dstg-win {
	color: #f9b43d
}

.dstg-liveScoreWidget .dstg-league-fixture-content .dstg-fc-team .dstg-fc-short-info .dstg-fc-score i {
    color: #f9b43d
}

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

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

.dstg-liveScoreWidget .dstg-league-fixture-content .dstg-fc-info .dstg-info-row .dstg-info-column {
    background: #e2e1e1;
    color: var(--color1)
}

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

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

.dstg-liveScoreWidget .dstg-league-fixture-content .dstg-fc-score-details .dstg-score-section {
    color: #222;
    background: #e2e1e1;
    border: 1px solid #f9b43d
}

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

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

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

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

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

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

.dstg-spinwheel-container .dstg-spin-container .dstg-spin-selector .dstg-spin-selector-box:hover,
.dstg-spinwheel-container .dstg-spin-container .dstg-spin-selector .dstg-spin-selector-box:active,
.dstg-spinwheel-container .dstg-spin-container .dstg-spin-selector .dstg-spin-selector-box:focus{
    border: 5px solid transparent;
    background: linear-gradient(#08407d, #08407d) padding-box, linear-gradient(to right, #fcb913, #fcb913) border-box;
    box-shadow: 0 0 5px #fcb913;
    color: var(--color2);
}

/*Spinwheel Button Shockwave effect*/
.dstg-minigame-btn--shockwave.is-active {
  -webkit-animation: shockwaveJump 1s ease-in-out infinite alternate;
   animation: shockwaveJump 1s ease-in-out infinite alternate;
   background: linear-gradient(to right,#fa0000 0%,#7e1e1e 100%);
   color: var(--color2);
   border: none;
}

.dstg-minigame-btn--shockwave.is-active:hover,
.dstg-minigame-btn--shockwave.is-active:active,
.dstg-minigame-btn--shockwave.is-active:focus {
   background: #fcb913;
   color: var(--color2);
}

@-webkit-keyframes shockwaveJump {
 from {
        -webkit-transform: scale(0.dstg-8, 0.dstg-8);
    }
    50% {
        -webkit-transform: scale(1, 1);
    }
    to {
        -webkit-transform: scale(1, 1);
    }
}
@keyframes shockwaveJump {
   from {
        transform: scale(0.dstg-8, 0.dstg-8);
   }
   to {
       transform: scale(1, 1);
   }
}

.dstg-article-wrap .dstg-title-box .dstg-claimed-reward,
.dstg-article-wrap .dstg-title-box .dstg-btn-history,
.dstg-spinwheel-container .dstg-msg-box .dstg-button-box button {
    background: linear-gradient(to right, var(--color4), var(--color5))
}

.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 {
	filter: brightness(.6)
}

@keyframes glowing-box {
  0% {
	box-shadow: 0 0 5px 2px var(--color4);
  }
  20% {
	box-shadow: 0 0 10px 2px var(--color4);
  }
  40% {
	box-shadow: 0 0 15px 2px var(--color4);
  }
  60% {
	box-shadow: 0 0 20px 2px var(--color4);
  }
  80% {
	box-shadow: 0 0 15px 2px var(--color4);
  }
  100% {
	box-shadow: 0 0 5px 2px var(--color4);
  }
}


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


/* DAILY LOGIN REWARD */

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

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

.dailyRewardPop-box .pop-inner{
	color:var(--color1);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#dailyRewardLaterBtn{
	background: #013b7a;
}

.dstg-dailyRewardPop-box .dstg-dailyRewardContent-wrapper .dstg-reward-pop .dstg-description-content .dstg-text a{
	color: #013b7a;
}

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

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

.dstg-shortcut-seperate .dstg-shortcut-provider .provider-content .provider-btn button:disabled,
.dstg-shortcut-seperate .dstg-shortcut-provider .provider-content .provider-btn button:disabled:hover {
	background: var(--color3);
	color: var(--color2)
}

.dstg-timer-wrapper .dstg-btn-box .btn-mainRestoreAll:disabled,
.dstg-timer-wrapper .dstg-btn-box .btn-mainRestoreAll:disabled:hover {
	background: var(--color3);
	color: var(--color2)
}

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

/* HOME CONTENT (QUALITY SERVICE) */
.quality-service-section- {
	color: var(--color2)
}

.quality-service-section- .qualityservice_inner_title {
	color: var(--color4)
}
/* HOME CONTENT (QUALITY SERVICE) */

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

.telegram-icon{
	display: inline-block;
    width: 50px;
    text-align: center;
    border-radius: 30px;
    position: fixed;
    bottom: 245px;
    right: 11px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    z-index: 9999999999;
    cursor: pointer;
}

#tourMoreInfomodal .modal-content .dstg-modal-body,
#tourRankingmodal .modal-content .dstg-modal-body{
	color: var(--color2);
}

.contact-section {
    bottom: 245px !important;
    right: 11px !important;
}