:root {
	--color1: #000; /* black */
	--color2: #fff; /* white */
	--color3: #6a718e;
	--color4: #2ec290;
	--color5: #f2f2f2;
	--color6: #4280dd;
	--color7: #e6bfbbab;
	--color8: #3e3e3e;
	--color9: #7d7d7d;
	--color10: #bdbdbd;
	--color11: #8cd3c9;
	--filter1: brightness(0) saturate(100%) invert(97%) sepia(65%) saturate(5914%) hue-rotate(325deg) brightness(85%) contrast(86%);
	--gradient1: linear-gradient(to bottom, #2ec290, #8cd3c9);
	--gradient2: linear-gradient(to bottom, #cfcfcf, #929292);
	--gradient3: linear-gradient(to bottom, #2ec290, #8cd3c9);
	--walOn: #3ec682;
	--walOff: #cd5c5c;
	--important: #ce0f10;
	
	--hgs_ACTION_BTN: #2ec290; /* hotGames_2 */
	
	/* ecd_widget_1 */
	--ecd_BG: #2ec290;
	--ecd_TXT: #fff;

	/* ad_1 */	
	--adclose_BTN_RADIUS: 5px;
	--adclose_BTN_BG: #2ec290;
	--adclose_BTN_TXT: #222;
	
	/* info_4 */
	--memberinfo4_KYCMODAL_TXT_COLOR: var(--color1);
	--memberinfo4_KYCMODAL_BG_COLOR: var(--color2);
	--memberinfo4_KYCMODAL_BTN_CLOSE_BG: var(--color4);
	--memberinfo4_KYCMODAL_BTN_CLOSE_COLOR: var(--color2);
	--memberinfo4_KYCMODAL_BTN_CLOSE_RADIUS: 5px;
	
	--memberinfo4_SECTION_BTN_RADIUS: 10px;
	--memberinfo4_SECTION_PADDING: unset;
	--memberinfo4_SECTION_BG: unset;
	--memberinfo4_SECTION_FONT_WEIGHT: 400;
	
	--memberinfo4_FORM_LABEL_TXT_COLOR: var(--color1);
	--memberinfo4_FORM_INPUT_SELECT_BG: #f8f9fb;
	--memberinfo4_FORM_INPUT_SELECT_BG_DISABLED: var(--color11);
	--memberinfo4_FORM_INPUT_SELECT_ICON_COLOR: var(--color3);
	--memberinfo4_FORM_INPUT_SELECT_TXT_COLOR: var(--color3);
	--memberinfo4_FORM_INPUT_SELECT_TXT_COLOR_DISABLED: var(--color1);
	--memberinfo4_FORM_INPUT_SELECT_BORDER_COLOR: var(--color9);
	--memberinfo4_FORM_INPUT_SELECT_BORDER_COLOR_DISABLED: #2ec2905c;
	--memberinfo4_FORM_INPUT_SELECT_RADIUS: 0;
	--memberinfo4_FORM_INPUT_SELECT_HOVER_BOX_SHADOW: 0 0 0 .2rem #2ec2905c;
	--memberinfo4_FORM_OTP_TIMER_TXT_COLOR: var(--color1);
	--memberinfo4_FORM_BTN_SUBMIT_BG: var(--color6);
	--memberinfo4_FORM_BTN_SUBMIT_TXT_COLOR: var(--color2);
	--memberinfo4_FORM_BTN_SUBMIT_RADIUS: var(--memberinfo4_SECTION_BTN_RADIUS);
	--memberinfo4_FORM_BTN_SUBMIT_HOVER_FILTER: drop-shadow(0 0 4px --color6);
	--memberinfo4_FORM_BTN_SUB_SUBMIT_BG: var(--color3);
	--memberinfo4_FORM_BTN_SUB_SUBMIT_TXT_COLOR: var(--color2);
	--memberinfo4_FORM_BTN_SUB_SUBMIT_RADIUS: var(--memberinfo4_SECTION_BTN_RADIUS);
	--memberinfo4_FORM_BTN_SUB_SUBMIT_HOVER_FILTER: drop-shadow(0 0 4px var(--color3));
	--memberinfo4_FORM_UNDERLINE: inherit;
	--memberinfo4_FORM_IMPORTANT: var(--red);
	
	--memberinfo4_CONTENT_BG: var(--color2);
	--memberinfo4_CONTENT_TXT_COLOR: var(--color1);
	--memberinfo4_CONTENT_BOX_SHADOW: 0 0 6px 2px var(--color1);
	--memberinfo4_CONTENT_LBL_TXT_COLOR: var(--color1);
	--memberinfo4_CONTENT_LBL_BULLET: var(--color4);
	--memberinfo4_CONTENT_LBL_INFO_COLOR: var(--color3);
	--memberinfo4_CONTENT_LBL_INFO_BG: var(--color2);
	--memberinfo4_CONTENT_LBL_INFO_CONTENT_TXT_COLOR: var(--color2);
	--memberinfo4_CONTENT_LBL_INFO_CONTENT_BG: var(--color3);
	--memberinfo4_CONTENT_LBL_TABLIST_BG: var(--gradient2);
	--memberinfo4_CONTENT_LBL_TABLIST_ACTIVE_BG: var(--gradient1);
	--memberinfo4_CONTENT_LBL_TABLIST_TXT_COLOR: var(--color2);
	--memberinfo4_CONTENT_LBL_TABLIST_ACTIVE_TXT_COLOR: var(--color2);
	--memberinfo4_CONTENT_LBL_TABLIST_BORDER_COLOR: #929292;
	--memberinfo4_CONTENT_LBL_TABLIST_ACTIVE_BORDER_COLOR: var(--color4);
	--memberinfo4_CONTENT_LBL_TABLIST_RADIUS: var(--memberinfo4_SECTION_BTN_RADIUS);
	
	--memberinfo4_PROFILE_VERIFY_ITEM_TXT_COLOR:  var(--color12);
	--memberinfo4_PROFILE_VERIFY_ITEM_ICON_COLOR: var(--color4);
	--memberinfo4_PROFILE_BTN_DISABLE_BG: linear-gradient(180deg,rgba(170,167,167,1) 0%,rgba(105,105,105,1) 100%);
	--memberinfo4_PROFILE_VERIFY_OTP_BTN_BG: var(--gradient1);
	--memberinfo4_PROFILE_VERIFY_OTP_BTN_TXT_COLOR: var(--color2);
	--memberinfo4_PROFILE_VERIFY_OTP_TIMER_TXT_COLOR: var(--color1);
	--memberinfo4_PROFILE_VERIFY_ITEM_BORDER: 0px;	
	
	--memberinfo4_KYC_ITEM_LBL_TXT_COLOR: var(--color1);
	--memberinfo4_KYC_ITEM_LBL_INFO_COLOR: var(--color3);
	--memberinfo4_KYC_ITEM_LBL_INFO_BG: var(--color2);
	--memberinfo4_KYC_ITEM_LBL_INFO_TXT_COLOR: var(--color2);
	--memberinfo4_KYC_ITEM_LBL_INFO_CONTENT_BG: var(--color3);
	--memberinfo4_KYC_ITEM_UPLOAD_BORDER_COLOR: var(--color13);
	--memberinfo4_KYC_ITEM_UPLOAD_BG: var(--color11);
	--memberinfo4_KYC_ITEM_UPLOAD_TXT_COLOR: var(--color3); 
	--memberinfo4_KYC_ITEM_UPLOAD_ICON: var(--color3);
	--memberinfo4_KYC_ITEM_PREVIEW_BORDER_COLOR: var(--color13);
	--memberinfo4_KYC_ITEM_PREVIEW_BG: var(--color11);
	--memberinfo4_KYC_ITEM_PREVIEW_TXT_COLOR: var(--color3);
	--memberinfo4_KYC_ITEM_PREVIEW_BTN_RADIUS: var(--memberinfo4_SECTION_BTN_RADIUS);
	--memberinfo4_KYC_ITEM_PREVIEW_BTN_CHANGE_TXT_COLOR: var(--color2);
	--memberinfo4_KYC_ITEM_PREVIEW_BTN_CHANGE_BG: var(--color3);
	--memberinfo4_KYC_ITEM_PREVIEW_BTN_CHANGE_HOVER_FILTER: drop-shadow(0 0 4px var(--color3));
	--memberinfo4_KYC_ITEM_PREVIEW_BTN_PREVIEW_TXT_COLOR: var(--color2);
	--memberinfo4_KYC_ITEM_PREVIEW_BTN_PREVIEW_BG: var(--color12);
	--memberinfo4_KYC_ITEM_PREVIEW_BTN_PREVIEW_HOVER_FILTER: drop-shadow(0 0 4px var(--color12));

	/* login_1 */
	--login1_CONTENT_COLOR: var(--color1);
	--login1_CONTENT_BORDER: 1px solid var(--color4);
	--login1_CONTENT_BORDER_RADIUS: 5px;
	--login1_CONTENT_BG: var(--color2);
	--login1_CONTENT_BOX_SHADOW: none;
	
	--login1_TABLIST_ITEM_BORDER_RADIUS: 1rem;
	--login1_TABLIST_ITEM_BORDER: none;
	--login1_TABLIST_ITEM_COLOR: var(--color2);
	--login1_TABLIST_ITEM_BG: var(--gradient2);
	--login1_TABLIST_ITEM_BOX_SHADOW: 0 3px #7e7d7c;
	--login1_TABLIST_ITEM_HOVER_BORDER: none;
	--login1_TABLIST_ITEM_HOVER_COLOR: var(--color2);
	--login1_TABLIST_ITEM_HOVER_BG: var(--gradient1);
	--login1_TABLIST_ITEM_HOVER_BOX_SHADOW: 0 3px #82a19a;
	
	--login1_FORM_LABEL_COLOR: var(--color1);
	--login1_FORM_INPUT_COLOR: inherit;
	--login1_FORM_INPUT_BORDER: 1px solid var(--color4);
	--login1_FORM_INPUT_BG: var(--color2);
	--login1_FORM_INPUT_BORDER_RADIUS: 1rem;
	--login1_FORM_INPUT_FOCUS_BOX_SHADOW: 0 0 0 .2rem #2ec29059;
	--login1_FORM_BTN_SUBMIT_BORDER_RADIUS: 10px;
	--login1_FORM_BTN_SUBMIT_COLOR: var(--color2);
	--login1_FORM_BTN_SUBMIT_BG: var(--color6);
	--login1_FORM_BTN_SUBMIT_BOX_SHADOW: none;
	--login1_FORM_BTN_SUBMIT_HOVER_COLOR: var(--color2);
	--login1_FORM_BTN_SUBMIT_HOVER_BG: var(--color6);
	--login1_FORM_BTN_SUBMIT_HOVER_BOX_SHADOW: 0 3px #444b58;
	--login1_FORM_BTN_SUBSUBMIT_BORDER_RADIUS: 10px;
	--login1_FORM_BTN_SUBSUBMIT_COLOR: var(--color2);
	--login1_FORM_BTN_SUBSUBMIT_BG: var(--color6);
	--login1_FORM_BTN_SUBSUBMIT_BOX_SHADOW: none;
	--login1_FORM_BTN_SUBSUBMIT_HOVER_COLOR: var(--color2);
	--login1_FORM_BTN_SUBSUBMIT_HOVER_BG: var(--color6);
	--login1_FORM_BTN_SUBSUBMIT_HOVER_BOX_SHADOW: 0 3px #444b58;
	--login1_FORM_BTN_SUBMIT_DISABLED_COLOR: var(--color2);
	--login1_FORM_BTN_SUBMIT_DISABLED_BG: linear-gradient(to bottom, #aeadaa 5%, #706f6e 100%);
	--login1_FORM_OTP_COLOR: var(--color2);
	--login1_FORM_OTP_BG: #000000b3;
	--login1_FORM_LINK_COLOR: var(--color4);
	--login1_FORM_VISI_ICON_COLOR: var(--color3);
	
	/*Floating button*/
	--FLOATBTN1_FLOAT_CONTAINER_FLOATING_TIPS_1_MAX_WIDTH: 100px;
	--FLOATBTN1_FLOAT_CONTAINER_FLOATING_TIPS_1_TOP: 235px;
	--FLOATBTN1_FLOAT_CONTAINER_FLOATING_TIPS_1_RIGHT: 5px;
	--FLOATBTN1_FLOAT_CONTAINER_FLOATING_TIPS_1_ZINDEX: 10;
	--FLOATBTN1_FLOAT_CONTAINER_FLOATING_TIPS_1_ANIMATION: movemove 10s infinite;
	
	--FLOATBTN1_FLOAT_CONTAINER2_MAX_WIDTH: 75px;
	--FLOATBTN1_FLOAT_CONTAINER2_PADDING_RIGHT: 5px;
	--FLOATBTN1_FLOAT_CONTAINER2_FLOATING_TIPS_2_IMG_HEIGHT: 100%;
	
	--FLOATBTN1_FLOAT_CONTAINER_FLOATING_TIPS_3_MAX_WIDTH: 100px;
	--FLOATBTN1_FLOAT_CONTAINER_FLOATING_TIPS_3_TOP: 235px;
	--FLOATBTN1_FLOAT_CONTAINER_FLOATING_TIPS_3_LEFT: 5px;
	--FLOATBTN1_FLOAT_CONTAINER_FLOATING_TIPS_3_ZINDEX: 10;
	--FLOATBTN1_FLOAT_CONTAINER_FLOATING_TIPS_3_ANIMATION: movemove 10s infinite;
	
	/* Update Password */
	--header_menu_BG: var(--color5);
	--afterlogin_form_BG: var(--color11);
	--main_profile_right_Color: var(--color5);
	--main_profile_right_BoxShadow: var(--color6);
	--update_body_name_Border: var(--color4);
	--main_profile_title_Color: var(--color3);
	--main_profile_title_before_BG: var(--color3);
	--update_page_submitbtn_Color: var(--color2);
	--update_page_submitbtn_BG: var(--gradient1);
	--update_page_submitbtn_BoxShadow: var(--color8);
	--update_page_important_icon_Color: rgb(212, 175, 55);
	--update_page_error_Color: #c15151;
	--update_page_preloader_BG: #171d22d1;
}

body {
	color: var(--color1)
}

hr {
    border-top: 1px solid var(--color4);
}

h4,
.english_text {
    color: var(--color3)
}

.buttonback {
    background-color: var(--color2);
    border: 2px solid var(--color4);
    color: var(--color2) !important
}

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

/* .whatsapp-icon .whatsapp{ */
/* 	font-size: 38px; */
/*     background: #4CAF50; */
/*     color: var(--color2); */
/*     border-radius: 50px; */
/* } */

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

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

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

/* .messenger-icon .messenger{ */
/* 	font-size: 38px; */
/*     background: #2e95d1; */
/*     color: var(--color2); */
/*     border-radius: 50px; */
/* } */

.buttonback::before {
    color: var(--color4)
}

.buttonback:active {
    background-color: #555
}

/* LOADING SCREEN */
.loading-panel {
    background-color: rgba(0,0,0,.5)
}

/* SIDE RIGHT */
.social {
    background-color: var(--color2);
    border: 1px solid var(--color4);
    -webkit-box-shadow: 0 0 6px 0 var(--color7);
    -moz-box-shadow: 0 0 6px 0 var(--color7);
    box-shadow: 0 0 6px 0 var(--color7);
    top: 50%;
}

span.np-ef {
    background: var(--color2);
    color: var(--color4);
    border: 1px solid var(--color4);
    -webkit-box-shadow: 0 0 6px 0 var(--color7);
    -moz-box-shadow: 0 0 6px 0 var(--color7);
    box-shadow: 0 0 6px 0 var(--color7)
}

.social li {
	color: var(--color1)
}

.social li:hover {
	color: var(--color4)
}

.social li span {
    color: var(--color4)
}

.social li span:after {
    border-left: 10px solid var(--color4);
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent
}

.np-ef_inner:hover {
    background-color: var(--color8)
}

.np-ef_inner:hover .np-ef_inner_link {
    color: var(--color2)
}

.np-ef_inner_link {
    color: var(--color3)
}

.np-ef_inner_title a.np-ef_inner_title_info {
    color: #cbb698
}

.np-ef_inner_title a.np-ef_inner_title_info:hover {
    text-decoration: none;
    color: #dec4a0;
    background-color: #efefef
}

.icon-wrapper {
    /* border: 1px solid var(--color4); */
}

ul#registerTab li a.nav-link,
ul#loginTab li a.nav-link,
ul#memberInfoTab li a.nav-link,
ul#forgotPasswordTab li a.nav-link {
    color: var(--color2);
    border: none;
    background: var(--gradient2);
    box-shadow: 0 3px #7e7d7c
}

ul#registerTab li a.nav-link:hover,
ul#loginTab li a.nav-link:hover,
ul#memberInfoTab li a.nav-link:hover,
ul#forgotPasswordTab li a.nav-link:hover {
	border-color: transparent
}

ul#registerTab li a.nav-link.active,
ul#loginTab li a.nav-link.active,
ul#memberInfoTab li a.nav-link.active,
ul#forgotPasswordTab li a.nav-link.active {
	color: var(--color2);
    background: var(--gradient1);
    box-shadow: 0 3px #82a19a;
}

/* header */
.header-menu {
    background-color: var(--color2);
}

.main-menu ul li {
	border-bottom: 3px solid transparent
}

.main-menu ul li.active,
.main-menu ul li:hover {
    border-bottom: 3px solid var(--color4)
}

.main-menu ul li a {
    color: var(--color3)
}

.main-menu ul li:hover a,
.main-menu ul li:hover a .chineseFont_text,
#navMore:hover .more-selection{
    color: var(--color4);
    text-decoration: none
}

.main-menu ul li.active a,
.main-menu ul li.active a .chineseFont_text {
    color: var(--color4)
}

.more-list{
	border: 1px solid #dcb3ac;
    background: var(--color2);
}

#navMore:hover .more-list li a{
	color: var(--color3);
}

#navMore .more-list li:hover a ,
#navMore .more-list li.active a{
	color:#dcb3ac;
}

#navMore .more-list li:hover,
#navMore .more-list li.active{
	background-color:var(--color5);
	border:none;
	border-radius:5px;
}


.register_left_custom {
    border-left: 1px solid var(--color3)
}

.login_header_before a {
    color: var(--color3);
    text-decoration: none
}

.register_left_custom a {
    color: var(--color3);
    border-bottom: 2px solid #dcb3ac;
    padding-bottom: 5px
}

.btn_acc {
    border: 1px solid var(--color4);
    color: var(--color2);
    background: var(--color4);
}

.btn_logout {
    color: var(--color2);
    background: var(--color6);
    box-shadow: 0 3px #444b58;
    border: none;
}

.btn_logout:hover {
	filter: brightness(1) drop-shadow(0 0 4px rgba(203,182,152,1))
}

.btn_bal {
    background: var(--color6);
    color: var(--color2)
}

.dropdown-option {
    background: var(--color5);
    -webkit-box-shadow: 0 0 6px 2px #d1aca6;
    -moz-box-shadow: 0 0 6px 2px #d1aca6;
    box-shadow: 0 0 6px 2px #33363d
}

.balance-drop .dropdown-balance {
	background: var(--color2);
    color: var(--color1);
    border: none;
    -webkit-box-shadow: 0 0 6px 2px #d1aca6;
    -moz-box-shadow: 0 0 6px 2px #d1aca6;
    box-shadow: 0 0 6px 2px #33363d;
}

.balance-drop .dropdown-balance .summary-wrapper {
    border-top: 1px solid var(--color4);
}

.balance-drop .dropdown-balance .summary-wrapper::-webkit-scrollbar {
	background-color: rgba(255,255,255,.95)
}

.balance-drop .dropdown-balance .summary-wrapper::-webkit-scrollbar-thumb {
	background-color: #33363d;
    color: #33363d;
}

.balance-drop .dropdown-balance .summary-wrapper .amount-item .balc.locked {
	color: #cd5c5c
}

.balance-drop .dropdown-balance .summary-wrapper .amount-item .balc.unlocked {
	color: #3ec682
}

.balance-drop .dropdown-balance .summary-wrapper .amount-item button.btn-in {
	border: none;
	background: var(--color4);
    color: var(--color2)
}

.balance-drop .dropdown-balance .summary-wrapper .amount-item button.btn-out {
	border: none;
    background: var(--color6);
    color: var(--color2);
}

.balance-drop .dropdown-balance .summary-wrapper .amount-item button.btn-quickplay {
    border: none;
    background: var(--color4);
    color: var(--color2)
}

.balance-drop .dropdown-balance .summary-wrapper .amount-item .wpDrop-maintenance {
	border: none;
    background: #cd5c5c;
    color: var(--color2)
}

.main_btn_short_custom a .main_text {
    color: #2e2e2e
}

.main_btn_short_custom:hover a .main_text {
    color: var(--color4)
}

.main_btn_short_custom a.active .main_text {
    color: var(--color4)
}

.menu_account a {
    color: #2e2e2e
}

.menu_account a.active {
    background-color: #33363d;
    border-left: 4px solid var(--color4)
}

.menu_account a.menu_account_inner:hover .main_text {
    color: var(--color4)
}

.menu_account a.active .main_text {
    color: var(--color4)
}

.memberBank-wrapper {
    -webkit-box-shadow: none;
    box-shadow: none;
}

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

.memberBank-wrapper .memberBank-tbody .memberBank-separate .thead-col .col-btn .btn-delete {
	border: 1px solid #cba98c;
    background: #f8f9fb;
    color: var(--color3)
}

.memberBank-wrapper .memberBank-tbody .memberBank-separate .thead-col .col-btn .btn-delete:hover {
    background-image: linear-gradient(to bottom, var(--color3) 0%, #838db4 100%);
    color: var(--color2)
}

/* BODY */
.index_home {
   /*  background-image: url('/images/templates/Template 4/desktop_background.jpg');
    background-repeat: repeat-y;
    background-position: top center */
    
    background-color:var(--color2);
}

.announcement {
    border: 1px solid var(--color4);
    -webkit-box-shadow: 0 0 6px 0 var(--color7);
    -moz-box-shadow: 0 0 6px 0 var(--color7);
    box-shadow: 0 0 6px 0 var(--color7);
    background: #33363d;
    color: var(--color4);
}

.announcementCustom i {
    color: var(--color4);
}

.carousel-indicators li {
	background-color: var(--color1)
}

.carousel-indicators .active {
	background-color: var(--color4)
}

.slider ul li {
    border: 1px solid #dcb3ac;
    -webkit-box-shadow: 0 0 6px 0 var(--color7);
    -moz-box-shadow: 0 0 6px 0 var(--color7);
    box-shadow: 0 0 6px 0 var(--color7)
}

.text_game_title {
    color: #43475a
}

.chineseFont_text {
    color: var(--color1)
}

.megamenu {
    color: #949ab3
}

.wbg3 {
    background: rgba(255,255,255,.95);
}

.dropdown_btn_custom {
	background-color: transparent
}

.dropdown_btn_custom:hover {
    background-color: #efefef;
    cursor: pointer
}

.free-credit-banner img{
	padding-left:30px;
}

/* member pages */
.main_profile {
    background-color: var(--color2);
    -webkit-box-shadow: 0 0 6px 2px #d1aca6;
    -moz-box-shadow: 0 0 6px 2px #d1aca6;
    box-shadow: 0 0 6px 2px #33363d;
}

.main_profile_right {
    background-color: var(--color2);
    -webkit-box-shadow: 0 0 6px 2px #d1aca6;
    -moz-box-shadow: 0 0 6px 2px #d1aca6;
    box-shadow: 0 0 6px 2px #33363d; 
}

.afterlogin_deposit.nav .nav-item .nav-link {
    color: var(--color2);
    background: var(--gradient2);
    box-shadow: 0 3px #7e7d7c;
    border: none
}

.afterlogin_deposit.nav .nav-item .nav-link.active,
.afterlogin_deposit.nav .nav-item .nav-link:hover {
    background: var(--gradient1);
    box-shadow: 0 3px #82a19a;
}

.deposit-form .tab-pane .deposit-msg{
	text-align: right;
    padding-bottom: 10px;
}

.afterloginform .specificUploadBtn .btnDepositReceipt.btnSelect {
    background: var(--color4);
    color: var(--color2);
    border: none
}

.afterloginform .specificUploadBtn .btnDepositReceipt.btnRemove {
    background: #f8f9fb;
    color: var(--color3);
    border: 1px solid #c9b69a;
}

.main_profile_title {
    color: var(--color1)
}

.main_profile_title:before {
	background: var(--color4)
}

.bank-type {
    color: #484848
}

.bank-input-wrap label .bank-type {
    color: #b7b7b7
}

.bank-input-wrap label [type=radio]:checked + .bank-type {
    border: 1px solid #cba98c;
    color: var(--color3);
    -webkit-box-shadow: 0 0 6px 0 rgba(203,182,152,.7);
    -moz-box-shadow: 0 0 6px 0 rgba(203,182,152,.7);
    box-shadow: 0 0 6px 0 rgba(203,182,152,.7)
}

.bnk-info {
    box-shadow: inset 0px 1px 5px -1px rgba(0,0,0,.62)
}

.bnk-info ul {
    color: var(--color3)
}

.afterloginform .form-control {
    background-color: #f8f9fb
}

.submit_btn {
    color: var(--color2);
    background: var(--color6);
    box-shadow: 0 3px #444b58;
}

.submit_btn:hover,
.submit_btn:active {
	filter: brightness(1) drop-shadow(0 0 4px var(--color6))
}

.copy_btn {
    color: var(--color2);
    background-color: var(--color3)
}

.allout_btn {
    background: var(--color6);
    color: var(--color2)
}

.box-prov ul li {
    border: 1px solid var(--color3);
    background-color: #f8f9fb;
    color: var(--color3)
}

.box-prov ul li.unlocked {
	background-image: linear-gradient(to bottom,#64f0aa 0,#3ec682 100%);
    border: 1px solid #35b475;
    color: var(--color2)
}

.box-prov ul li.locked {
	background-image: linear-gradient(to bottom,#f28585 0,#cd5c5c 100%);
	border: 1px solid #d15555;
	color: var(--color2)
}

.box-prov ul li .prov-btn .btn-allIn {
	background: var(--gradient2);
	color: var(--color2)
}

.box-prov ul li .prov-btn .btn-restore {
    background: var(--color6);
    color: var(--color2)
}

.box-prov ul li .prov-btn .btn-quickPlay {
	background: var(--color2);
    border: 1px solid var(--color4);
    color: var(--color4)
}

.box-prov ul li .prov-maintenance {
	background: #b9b9b9;
    color: var(--color2)
}

.box-prov ul li .prov-bal {
    color: var(--color3);
    background: var(--color2);
    border-color: var(--color4)
}

#provgamemodal .prov-img {
    background: var(--color2);
    border-color: var(--color4);
    /* background-image: url(/images/templates/Template 4/login_base.jpg); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#provgamemodal .prov-img .maintenance- {
    color: #ef2626;
    background: #000000ad;
    text-shadow: 2px 2px var(--color1)
}

#provgamemodal .prov-img img {
	filter: drop-shadow(2px 4px 2px var(--color1))
}

#provgamemodal .prov-info {
    background-color: #f8f9fb;
    box-shadow: 0 3px 7px 0 var(--color4);
    color: var(--color3);
    border-radius: unset;
}

#provgamemodal .prov-info .action- button {
	color: var(--color2)
}

#provgamemodal .prov-info .action- button:first-child {
	background: #19c703
}

#provgamemodal .prov-info .action- button:last-child {
	background: #b70505
}

#provgamemodal .prov-btn button {
    color: var(--color2);
    border: 1px solid #8c92b5;
    background: var(--color6);
    box-shadow: 0 2px #444b58;
}

#provgamemodal .prov-btn button:hover {
	filter: drop-shadow(0 0 6px var(--color6))
}

#provgamemodal .prov-notice {
    box-shadow: inset 0 1px 5px -1px rgba(0,0,0,.62);
    background-color: var(--color2);
    border: unset;
    color: var(--color3)
}

.prov-amot {
    background: var(--color2);
    border: 2px solid var(--color4);
    color: var(--color3)
}

.maintenance-text {
	background: var(--color3);
    color: var(--color2)
}

.maintenance-border {
    border-top: 3px solid var(--color3);
    border-bottom: 3px solid var(--color3);
    color: var(--color3)
}

.transfer-mini-btn {
	border: 2px solid #ccad8d;
    -webkit-box-shadow: 0 0 6px 0 rgba(203,182,152,.7);
    -moz-box-shadow: 0 0 6px 0 rgba(203,182,152,.7);
    box-shadow: 0 0 6px 0 rgba(203,182,152,.7);
    background: #ccad8d;
    color: var(--color2)
}

.transfer-mini-btn:hover {
	border: 2px solid var(--color3);
    -webkit-box-shadow: 0px 0px 6px 0px #2125299e;
    -moz-box-shadow: 0 0 6px 0 rgba(203,182,152,.7);
    box-shadow: 0px 0px 6px 0px #2125299e;
    background: var(--color3);
    color: var(--color2)
}

.transfer_main label {
    color: var(--color3)
}

.form-inline .form-control {
    background-color: #f8f9fb
}

.btn_transfer {
   	color: var(--color2);
    background: var(--color6);
    box-shadow: 0 3px #444b58;
    border: unset;
}

.btn_transfer:hover {
	filter: brightness(1) drop-shadow(0 0 4px var(--color6))
}

.toggle-btn .toggle-slider {
    background-color: #f8f9fb;
    -webkit-transition: .4s;
    transition: .4s;
    color: var(--color3);
    border: 1px solid var(--color4)
}

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

.toggle-btn .toggle-slider .off {
    color: var(--color9)
}

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

.toggle-btn .toggle-checkbox:checked + .toggle-slider {
    background: var(--color4);
    color: var(--color2)
}

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

/* Game Product div */
.nav-item .nav-link {
    color: var(--color2)
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #495057;
    background-color: transparent;
    border-color: #dee2e6 #dee2e6 var(--color2)
}

.nav-item .nav-link.active,
.nav-item .nav-link:hover {
    color: var(--color2)
}

.tabsection_main .nav-item .nav-link {
	color: #737a99;
}

.tabsection_main .nav-item .nav-link.active,
.tabsection_main .nav-item .nav-link:hover {
    text-shadow: 0px 4px 4px #dfb7b19e;
    color: var(--color2);
}

.tabsection_main .nav-item .nav-link.active,
.tabsection_main .nav-item .nav-link:hover,
.tabsection_main .nav-item .nav-link:focus {
    filter: brightness(1) drop-shadow(0 0 4px #dfb7b19e);
}

.index_tab {
    /* background: url('/images/templates/Template 4/login_base.jpg'); */
    background:var(--color2);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #33363C;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 6px 0 var(--color7);
    -moz-box-shadow: 0 0 6px 0 var(--color7);
    box-shadow: 0 0 6px 0 rgb(187 230 224 / 67%);
}

.index_tab_content {
	color: var(--color3)
}

.tab_bar_tltle {
    color: var(--color1)
}

.tab_bar_tltle_sec {
    color: var(--color1);
    text-shadow: 2px 2px 5px #868a8ad4;
}

.tab_bar_tltle_sec_inner {
    color: var(--color4)
}

.qualityservice_inner_title {
    color: var(--color3)
}

.qualityservice_inner_content {
    color: var(--color3)
}

/* SPORTS */
.game_products_btntext_slot {
    color: var(--color1)
}

.game_products_btn {
	border: none;
    background: none
}

.game_products_btn:focus {
    background: none;
    border: none;
}

.game_products_btn:hover {
    filter: brightness(1) drop-shadow(0 0 4px rgba(203,182,152,1))
}

/* LOGIN */
.login_body {
    border: 1px solid var(--color4);
    border-radius: 5px;
    -webkit-box-shadow: 0 0 6px 0 var(--color7);
    -moz-box-shadow: 0 0 6px 0 var(--color7);
    box-shadow: 0 0 6px 0 rgb(187 230 217 / 67%);
   /*  background: url('/images/templates/Template 4/login_base.jpg') top center */
   backrgound:var(--color2);
}

.login_title {
	color: #dcb3ac;
    text-shadow: 2px 2px 5px #868a8ad4
}

.login_form,
.important-icon {
    color: var(--color1)
}

.form-group b {
    color: var(--color1)
}

.login_form .form-group .form-control {
    border: 1px solid var(--color4)
}

.login_form .form-group img {
	background-color: transparent
}

.form-control:focus {
    box-shadow: 0 0 0 0.2rem #2ec29052
}

.btn_login {
    color: var(--color2);
    background: var(--color6);
    box-shadow: 0 3px #444b58;
    border: none;
    border-radius: 20px;
}

.btn_login:active {
	filter: brightness(1) drop-shadow(0 0 4px rgba(203,182,152,1))
}

.btn_download {
    color: var(--color2);
    background: var(--gradient1);
    box-shadow: 0 3px var(--color8);
    border: none;
    border-radius: 20px;
    height:50px;
    width: 171px;
}

.btn_download:active {
	filter: brightness(1) drop-shadow(0 0 4px var(--color10))
}

.login_form_inner a {
    color: var(--color4)!important;
    font-weight: bold;
    border-bottom: 2px solid;
}

.btn_otp {
	box-shadow: none
}

.btn_otp:disabled {
	background: linear-gradient(to bottom,#aeadaa 5%,#706f6e 100%)
}

/* PROMOTION */
.pmbox {
    color: var(--color2);
    background: #33363d;
    box-shadow: 0 3px #7e7d7c
}

.pmbox:hover,
.pmbox.active {
    color: var(--color2);
    background: var(--gradient1);
    box-shadow: 0 3px #82a19a;
}

.promo-bx {
    border: 1px solid var(--color4)
}

.mix {
    display: none
}

.promo-dl-date {
    background-color: rgba(255,255,255,.8);
    color: var(--color1)
}

.lotto_table {
    color: var(--color1)
}

.lotto_table table thead {
    background-color: #cbb698;
    color: var(--color2)
}

.lotto_table table thead tr td {
    border-right: 1px solid var(--color2)
}

.lotto_table table tbody {
    color: var(--color3)
}

.lotto_table table tbody tr td {
    border: 1px solid #ccad8d;
    text-transform: uppercase
}

.promotnc {
    background-image: linear-gradient(#eacdad, #c3aa8a);
    color: var(--color2);
    text-shadow: 0px 2px 3px #665641
}

.blinking {
    animation: blinkingText 1.2s infinite
}

@keyframes blinkingText {
    0% {
        color: #dc3545
    }

    49% {
        color: #dc3545
    }

    60% {
        color: #e2b3b7
    }

    99% {
        color: #e2b3b7
    }

    100% {
        color: #dc3545
    }
}

.lotto_table span.lotto_extra {
    color: #dc3545
}

.promotnccontent ul li::before {
    color: #c3aa8a
}

/* INFO PAGES */
.sup_wrap_main {
	color: var(--color2)
}

.sub-side-nav {
    border: 1px solid #a18782
}

.sub-side-nav li {
    background: linear-gradient(#4c4c4c, #33363d);
}

.sub-side-nav li:hover,
.sub-side-nav li.active {
        background: linear-gradient(180deg, #40f5d2, var(--color4));
}

.sub-side-nav li a {
    color: var(--color2)
}

.sub-side-nav li.active a {
    color: var(--color2);
    text-shadow: 0 4px 4px #8f7c5b
}

.sub-side-right {
    border: 1px solid var(--color4);
    background: var(--color5);
    color: var(--color3);
    -webkit-box-shadow: 0 0 6px 0 rgba(212,175,55,.7);
    -moz-box-shadow: 0 0 6px 0 rgba(212,175,55,.7);
    box-shadow: 0 0 6px 0 rgb(55 212 178 / 70%);
}

.sub-side-right-title {
    border-bottom: 1px solid var(--color4)
}

/* FOOTER */
.footer_section {
    background: #33363d;
    color: #8c90a3
}

.footer_section hr {
    border-top: 1px solid rgba(0,0,0,.1)
}

.footer_content_more_trigger span {
    border-bottom: 1px solid grey
}

.menu-footer a {
    color: #f1f1f1;
    border-left: 1px solid var(--color2)
}

.menu-footer a:first-child {
	border-left: none
}

/* footer sitemap */
.footer-sitemap .f-sec-container:after {
    background: #00000014
}

.footer-sitemap .sitemap-col:after {
    background: #00000014
}

.footer-sitemap .sitemap-col .col-label {
    color: var(--color4)
}

.footer-sitemap .sitemap-col .col-text a {
	color: var(--color2)
}

.footer-sitemap .sitemap-col .col-text ul li a {
	color: #8c90a3
}

.footer-sitemap .sitemap-col .col-text ul li a:hover {
	color: var(--color2)
}
/* footer sitemap */

/* add on css */
.hotGamesTab-content {
	/* background: url('/images/templates/Template 4/login_base.jpg'); */
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	border: 1px solid #dcb3ac;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 6px 0 var(--color7);
    -moz-box-shadow: 0 0 6px 0 var(--color7);
    box-shadow: 0 0 6px 0 var(--color7)
}
	
.game-page-label {
	color: var(--color3);
	border-bottom: 1px solid #dcb3ac
}

.slot-content .tab-pane .topContent .leftContent .reglink {
	color: #dcb3ac;
	border-bottom: 1px solid transparent
}

.slot-content .tab-pane .topContent .leftContent .reglink:hover {
	border-bottom: 1px solid #dcb3ac
}

.slot-content .tab-pane .topContent .leftContent .filter-menu-bar .slotbox,
.lottery-content .tab-pane .topContent .leftContent .filter-menu-bar .lotterybox {
    color: var(--color2);
    border: none;
    background: var(--gradient2);
    box-shadow: 0 3px #7e7d7c
}

.slot-content .tab-pane .topContent .leftContent .filter-menu-bar .slotbox.active,
.lottery-content .tab-pane .topContent .leftContent .filter-menu-bar .lotterybox.active {
    box-shadow: 0 3px #4c4c4c;
    background: linear-gradient(90deg, rgba(0,144,218,1) 49%, rgba(13,192,219,1) 52%, rgba(0,213,197,1) 100%);
}

.slot-content .tab-pane .topContent .leftContent .form-group .addGenerate .generateBtn {
	color: var(--color2);
    background: #dcb3ac;
}

.slot-content .tab-pane .topContent .leftContent .form-group .addGenerate .generateBtn:hover {
	 background: linear-gradient(#dcb3ac,#b39894);
}

.slot-content .tab-pane .topContent .leftContent .downloadProv .downloadItem .downloadLink button,
.lottery-content .tab-pane .topContent .leftContent .downloadProv .downloadItem .downloadLink button {
    border: none;
    color: var(--color2);
    background: linear-gradient(#f6e061, #b4911a);
    filter: drop-shadow(0 3px 1px #f6e061);
    -webkit-filter: drop-shadow(0 3px 1px #f6e061)
}

.slot-content .tab-pane .topContent .leftContent .downloadProv .downloadItem .downloadLink button:hover,
.lottery-content .tab-pane .topContent .leftContent .downloadProv .downloadItem .downloadLink button:hover {
	filter: brightness(1) drop-shadow(0 0 4px #dcb3ac)
}

.slot-content .tab-pane .bottomContent .slot-list-content .slot-bx .game-boxer,
.lottery-content .tab-pane .bottomContent .lottery-list-content .lottery-bx .game-boxer {
    -moz-box-shadow: 0 2px 3px 0 #8f7c5b;
    -webkit-box-shadow: 0 2px 3px 0 #8f7c5b;
    box-shadow: 0 2px 3px 0 #8f7c5b
}

.slot-content .tab-pane .bottomContent .slot-list-content .slot-bx .game-boxer .gameimg,
.lottery-content .tab-pane .bottomContent .lottery-list-content .lottery-bx .game-boxer .gameimg {
	border: 1px solid #f6e061;
	border-bottom: none
}

.slot-content .tab-pane .bottomContent .slot-list-content .slot-bx .game-boxer .gamename,
.lottery-content .tab-pane .bottomContent .lottery-list-content .lottery-bx .game-boxer .gamename  {
    color: var(--color2);
    background: linear-gradient(180deg, var(--color4), #007bff);
}

table.dataTable tbody tr,
table.dataTable tbody td {
	color: var(--color1)
}

.highlight {
	color: #dcb3ac
}

.highlight.underline {
	border-bottom: 1px solid #dcb3ac
}

.registrationPassIcon {
	color: var(--color3)
}

.jackpot-bar {
	/* height: 250px */
}

/*FOR JACKPOT*/
.dstg-jackpot-wrap {
	height: 250px
}

.dstg-jackpot-wrap .dstg-jackpot-title {
	color: transparent
}

.dstg-jackpot-wrap .dstg-jackpot-content {
	margin: auto
}

.dstg-jackpot-wrap .dstg-jackpot-content .dstg-jackpot-amount {
	position: absolute;
	width: 100%;
	top: 43%;
	font-size: 60px;
	font-weight: bold;
    color: var(--color2);
    text-align: center
}

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

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

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

.dstg-jackpot-wrap .dstg-jackpot-content .dstg-jackpot-currency {
	margin-right: 10px
}

/* .jackpot-bar .jackpot-amt {
	top: 45%;
    font-size: 3rem;
    font-weight: bold;
    color: var(--color2);
    font-style: italic;
    letter-spacing: 3px
} */

/*FOR JACKPOT*/
.modal-content {
	color: var(--color1);
	border: 1px solid var(--color1);
    background-color: var(--color5)
}

.modal-content .modal-header {
	border: none;
	color: var(--color4);
	background: #33363d;
}

.title-box .title{
	color:var(--color1);
}

#announcemodal .modal-content,
.admodal- .modal-content {
	border: none !important
}

#announcemodal .modal-content,
.admodal- .modal-content .modal-body img {
	border-radius: 4px;
	box-shadow: 0px 0px 7px 4px var(--color4)
}

.downloadmodal .modal-header {
    padding: 0px
}

.download_box_column {
    border: 1px solid #dcb3ac;
    -webkit-box-shadow: 0 0 6px 0 rgba(212,175,55,1);
    -moz-box-shadow: 0 0 6px 0 rgba(212,175,55,1);
    box-shadow: 0 0 6px 0 rgba(212,175,55,1)
}

.download_scan {
	background-color: var(--color2);
}

.download_icon {
    color: var(--color2);
    background-image: linear-gradient(#eaddad, #fdc731);
    border: 1px solid #dcb3ac
}

.download_toptitle {
    border: 1px solid #dcb3ac;
    background-color: var(--color2);
    color: #dcb3ac
}

.download_table table {
    -webkit-box-shadow: 0 0 6px 0 rgba(203,182 ,52,.7);
    -moz-box-shadow: 0 0 6px 0 rgba(203,182 ,52,.7);
    box-shadow: 0 0 6px 0 rgba(203,182 ,52,.7)
}

.download_table table thead {
    background-color: #c5ac8c;
    color: var(--color2);
    border: 1px solid #c5ac8c
}

.download_table table tbody tr td {
    border: 1px solid #c5ac8c
}

.promoModal .modal-header span {
    text-shadow: 0px 2px 3px #665641
}

.promoModal .modal-body {
	color: var(--color3)
}

.promoModal .modal-body table tbody tr td,
.promoModal .modal-body table tr td {
	color: var(--color3);
	border: 1px solid var(--color3)
}

.promoModal .modal-footer .btn {
	color:var(--color2);
	background: var(--color6);
}

.promoModal .modal-footer .btn-promo-back {
	border: none;
    color: #c5c5c5;
    background-color: transparent
}

.promoModal .modal-footer .btn-promo-back:hover {
	color:var(--color2);
	background: var(--color6);
    box-shadow: 0 3px #444b58;
}

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

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

#languagemodal .modal-dialog .modal-content ul li:hover a {
	color: var(--color1)
}

.language-content {
	border-bottom: 2px solid var(--color3)
}

.language-content .language-label .language-text {
    color: var(--color3)
}

#restorelistmodal.modal .modal-body .restore_main .restoreListTable .t-row {
    border: 1px solid #dcb3ac;
    border-top: none;
}

#restorelistmodal.modal .modal-body .restore_main .restoreListTable .t-row:last-child {
	border-bottom: 1px solid #dcb3ac
}

#restorelistmodal.modal .modal-body .restore_main .restoreListTable .t-row.t-header {
    border: none
}

#restorelistmodal.modal .modal-body .restore_main .restoreListTable .t-row div {
	color: var(--color3);
	background: var(--color2)
}

#restorelistmodal.modal .modal-body .restore_main .restoreListTable .t-row.t-header div {
	color: var(--color2);
	background: linear-gradient(180deg, #f6e061, #b4911a)
}

#transferplaymodal.modal .modal-body .provider_main .providerimg,
#slotplaymodal.modal .modal-body .provider_main .providerimg {
    /* background-image: url('/images/templates/Template 4/login_base.jpg'); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: 1px solid #dcb3ac
}

#transferplaymodal.modal .modal-body .provider_main .providerinfo {
	box-shadow: 0 3px 7px 0 #dcb3ac;
    background-color: #f8f9fb;
    color: var(--color3)
}

#transferplaymodal.modal .modal-body .provider_main .providerinfo .maintenance div {
    background: #cd5c5c;
    color: var(--color2)
}

#transferplaymodal.modal .modal-body .provider_main .providerautoinfo .restoreListTable .t-row {
	border: 1px solid #dcb3ac;
	border-top: none
}

#transferplaymodal.modal .modal-body .provider_main .providerautoinfo .restoreListTable .t-row:last-child {
	border-bottom: 1px solid #dcb3ac
}

#transferplaymodal.modal .modal-body .provider_main .providerautoinfo .restoreListTable .t-row div {
	color: var(--color3);
	background: var(--color2)
}

#transferplaymodal.modal .modal-body .provider_main .providerautoinfo .restoreListTable .t-row.t-header {
	border: none
}

#transferplaymodal.modal .modal-body .provider_main .providerautoinfo .restoreListTable .t-row.t-header div {
	color: var(--color2);
	background: linear-gradient(180deg, #f6e061, #b4911a)
}

#transferplaymodal.modal .modal-body .provider_main .providerbtn button,
#slotplaymodal.modal .modal-body .provider_main .providerbtn button {
    color: var(--color2);
    border: 1px solid #a18782;
    background: linear-gradient(180deg, #facf41, #d7b238)
}

#transferplaymodal.modal .modal-body .provider_main .providerbtn button:hover,
#slotplaymodal.modal .modal-body .provider_main .providerbtn button:hover {
	filter: brightness(1) drop-shadow(0 0 4px rgba(203,182,152,1))
}

#transferplaymodal.modal .modal-body .provider_main .providernotice {
    box-shadow: inset 0 1px 5px -1px rgba(0,0,0,.62);
    background-color: var(--color2)
}

#transferplaymodal.modal .modal-body .provider_main .providernotice ul {
    color: var(--color3)
}

.text-error {
	color: #c15151
}

.history-list.dataTable thead {
	background: #33363d
}

.history-list.dataTable thead tr td {
	color: var(--color4);
}

.history-list.dataTable .btn-detail {
	background-color: #dcb3ac;
	color: var(--color2);
	border: none
}	

.msgBox-wrap {
	border: 1px solid #dcb3ac;
	background: var(--color5);
    color: var(--color3);
    -webkit-box-shadow: 0 0 6px 0 rgba(212,175,55,.7);
    -moz-box-shadow: 0 0 6px 0 rgba(212,175,55,.7);
    box-shadow: 0 0 6px 0 rgba(212,175,55,.7)
}

.msgBox-wrap .msgtitle {
	border-bottom: 1px solid #dcb3ac
}

.msgBox-wrap .msgContent .error-btn {
	color: var(--color2);
    box-shadow: 0 3px 11px -5px rgb(0 0 0 / 58%);
    background: -moz-linear-gradient(#dcb3ac,#b39894);
    background: -webkit-linear-gradient(#dcb3ac,#b39894);
    background: linear-gradient(#dcb3ac,#b39894);
    border: 1px solid #a18782;
    text-shadow: 0 4px 4px #8f7c5b
}

.msgBox-wrap .msgContent .error-btn:hover {
	background: -moz-var(--gradient2);
    background: -webkit-var(--gradient2);
    background: var(--gradient2);
}	

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

/* popBox*/
#angpowmodal .login-box .login-wrap .login_form_inner {
    color: var(--color2);
    background: var(--color6);
    box-shadow: 0 3px #444b58;
}

#angpowmodal .bonusList-wrapper .description-content{
	color:var(--color1);
}

#angpowmodal .login-box .login-wrap .login_form_inner a {
	color: var(--color2) !important
}

#angpowclaimmodal .modal-content {
	color: var(--color2);
    border: none;
    background-color: var(--color2);
}

#angpowclaimmodal .modal-content .modal-header {
    background: var(--color5);
    color: var(--color2);
    border: none;
}

.bonusList-wrapper .btnBox .claimBtn {
	color: var(--color2);
}

.bonus-wrapper .home-packet .freeCreditList .freeCreditItems .left {
	color: var(--color2);	
}

.bonus-wrapper .home-packet .freeCreditList .freeCreditItems .center {
	color: #555;
}

.bonus-wrapper .home-packet .freeCreditList .freeCreditItems .center .title {
	color: var(--color4);
	font-weight: 700;
	text-transform: uppercase;
}

.bonus-wrapper .home-packet .freeCreditList .freeCreditItems .right .claim-btn {
    box-shadow: var(--color9) 0 2px;
    background: var(--color4);
    color: var(--color2);
}
/* Free Credit */

/* FREECREDIT in transfer page */
.transaction-list.masked .maskedText {
	color: var(--color2)	
}

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

.transactionBtn,
.historyBtn {
	background-color: #2e2e2e;
    color: var(--color2);
}

.transactionBtn:hover,
.historyBtn:hover {
	background-color: #94b3ac;
	color: var(--color2);
}

.freeCreditTransfer-wrap .moreInfoBtn {
	 color: var(--color2);
}
/* FREECREDIT in transfer page */

/* VOUCHER */
.freeCreditTransfer-wrap .transaction-freeCredit-title .voucher-wrap .redeemBtn,
.freeCreditTransfer-wrap .unClaim_voucher-wrap .redeemBtn {
	background-color: var(--color4);
	color: var(--color2)
}

.freeCreditTransfer-wrap .transaction-freeCredit-title .voucher-wrap .redeemBtn:hover,
.freeCreditTransfer-wrap .unClaim_voucher-wrap .redeemBtn:hover {
    background-color: #b39894;
    color: var(--color2)
}
/* VOUCHER */

/* REWARD POINT */
.rewardPoint { 
    color: #2e2e2e
}

.memberPoint-wrap .refreshBtn-box div {
	color:#2e2e2e;
}

.memberPoint-wrap .refreshBtn-box div:hover i {
	color: #dcb3ac;
}
/* REWARD POINT */

/* MEMBER UPDATE */
.memberUpdate_body .updateName {
	border: 1px solid #dcb3ac
}
/* MEMBER UPDATE */

/* REFERRAL PAGE */
.referralChangeTab-btn button {
	background-color: #2e2e2e;
    color: var(--color2)
}

.referralChangeTab-btn button.active {
	background-color: var(--color4);
    color: var(--color2)
}

.referralBtnBox .referralShareBtn {
	border: none;
    background: transparent 
}

.QRtext {
    background-color: var(--color6);
    color: var(--color2)
}

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

/* referral container  */

.ref-box{
    background: var(--color2);
    border: 1px solid #33363d;
    box-shadow: 0 0 6px 0 rgb(184 255 227 / 75%);
}

.ref-box .ref-logo{
	color: var(--color4);
}

.ref-box .referral-code-box .share-btn{
	background:var(--color6);
	color: var(--color2);
}

.ref-box .ref-details .ref-desc-1{
	color: var(--color1);
}

.ref-box .referral-code-box .share-btn,
.ref-box .referral-code-box .myDownline-btn,
.ref-box .referral-code-box .copyLink-btn{
    border: 1px solid var(--color3);
}

.ref-box .ref-details .ref-desc-2{
	color: var(--color9);
}

.ref-box .referral-code-box .copyIcon{
	color: var(--color9);
}
.ref-box .referral-code-box #refCode{
    background: #dedede;
}

/* referral container  */

/* ANNOUNCEMENT MODAL */
#announcemodal .announce-item {
    border: 3px solid var(--color1);
    padding: 5px;
    margin-bottom: 10px;
}

#announcemodal .announce-item .title{
	color:var(--color1);
	font-weight: bold;
}

#announcemodal .announce-item .title i{
	color:var(--color4);
	margin-right: 10px;
}

/* ANNOUNCEMENT MODAL */

/* AD MODAL */
#advertisementmodal .modal-content {
	border: none;
    background-color: transparent
}

.btn-modalClose {
    border: none;
    color: var(--color2);
    background-color: transparent
}
/* AD MODAL */

/* Countdown Widget */
.countdown-widget>div {
	background: var(--color5);
	color: var(--color3);
	border: 2px solid #dcb3ac;
}
/* Countdown Widget */


/* TOURNAMENT */
/* flip card animation */
.flip-card {
	box-shadow: 0 2px 3px 0 rgba(0,0,0,.2);
	color: var(--color1)
}

.flip-card .top,
.flip-card .top-flip {
	background-color: #f7f7f7;
	border-bottom: 1px solid rgba(0,0,0,.1)
}
/* flip card animation */

.upcomingList .title,
.ongoingList .title,
.completedList .title,
.winnerList .title {
	color: var(--color1);
	text-shadow: 0px 1px #bcc0d3;
	border-bottom: 1px solid var(--color4);
}

.ongoingList .title .total span,
.upcomingList .title .total span,
.completedList .title .total span {
    background: var(--color6);
   	color: var(--color2)f;
}

/* tournament countdown */
.tournament_main:after {
    background: #00000073
}

.tournament_main .main-content .countdown-container .container-segment .segment-title {
	text-shadow: 2px 2px 2px #000000c4;
    color: #fcb913
}

.tournament_main .main-content .upComing-item {
    color: var(--color2)
}
/* tournament countdown */

/* flip card animation */
.flip-card {
	box-shadow: 0 2px 3px 0 rgba(0,0,0,.2);
	color: var(--color1)
}

.flip-card .top,
.flip-card .bottom,
.flip-card .top-flip,
.flip-card .bottom-flip {
	background-color: var(--color2)
}

.flip-card .top,
.flip-card .top-flip {
	border-bottom: 1px solid rgba(0,0,0,.1)
}
/* flip card animation */

/* tournament carousel */
.tournament-carousel-area {
	background: transparent;
}

.tour-carousel-item:after {
    background: #000000ab
}

.tour-carousel-item .main-content .countdown-container .container-segment .segment-title {
	text-shadow: 2px 2px 2px #000000c4;
    color: var(--color4)
}

.tour-carousel-item .main-content .detailsBox {
	color: var(--color2);
}

.tour-carousel-item .main-content .detailsBox .main-title {
    color: var(--color2)
}

.tour-carousel-item .main-content .detailsBox .main-title:before {
	background: var(--color4)
}

.tour-carousel-item .main-content .detailsBox .desc .btn-moreInfo:hover {
	color: var(--color4)
}


/* tournament carousel */

/* tournament list */
.tournament-section .tournament-box-action i {
    color: var(--color3)
}

.tournament-section .tournament-box-action i:hover {
	color: #dcb3ac
}

.tournament-bx {
	border: 1px solid #dcb3ac;
    box-shadow: 2px 2px #888888;
    background: var(--color2)
}

.tournament-bx .box-hover {
    background-color: #000000ab
}

.tournament-bx .box-hover .name {
	color: var(--color2)
}

.tournament-bx .box-hover .date {
    color: var(--color10)
}

.tournament-bx .box-hover button {
    color: #222;
	border: none;
    background-color: var(--color4)
}

.tournament-bx .box-hover button:hover {
	filter: brightness(.6) drop-shadow(0 0 5px transparent)
}

.tournament-bx.bx-2:hover {
	filter: drop-shadow(2px 2px 4px #dcb3ac)
}

.tournament-bx.bx-2 img {
    background-color: #F89880
}
/* tournament list */

/* ranking list */

.ranking-section .section-title{
	color: var(--color1);
    text-shadow: 0px 1px #bcc0d3;
    border-bottom: 1px solid var(--color4);
}

.ranking-section .boxAction {
    color: var(--color3);
}

.ranking-section .boxAction i:hover{
	color: var(--color4);
}

.ranking-section .tournament-type {
    color: var(--color4);
    text-shadow: 0 1px #bcc0d3;
    border-bottom: 2px solid var(--color4);
} 

.ranking-section .rank-tab li {
    color: var(--color2);
    cursor: pointer;
    background: #33363d;
}

.ranking-section .rank-tab li.active {
    color: var(--color2);
    background-color: var(--color4);
    border: 2px solid var(--color4);
}

.ranking-section .tab-box .title {
    color: var(--color1);
    text-shadow: 0 1px #bcc0d3;
}

.ranking-section .rank-tab-content button {
	color: var(--color1);
    border: none;
    background: 0 0;
}

.rank-list .list-item {
    background: var(--color4);
    box-shadow: 2px 3px #497066;
    color: var(--color2);
}


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

.rank-list .list-item .index {
   text-shadow: 2px 2px 3px #000000b8;
}
/* ranking list */

/* ranking list */
.winnerList .nav-tabs {
	border: none
}

.winnerList .nav-tabs .nav-item .nav-link {
    color: var(--color3);
	border: 2px solid #dcb3ac
}

.winnerList .nav-tabs .nav-item .nav-link.active,
.winnerList .nav-tabs .nav-item .nav-link:hover {
	color: var(--color2);
	background-color: #dcb3ac
}

.winnerList .winner-boxes .groupList .tournament_name {
    color: #013b7a;
    text-shadow: 0px 1px #bcc0d3
}

.winnerList .winner-boxes .groupList .rankingList .winner-bx .details {
	background: #dcb3ac;
    box-shadow: 2px 3px #b1796f;
    color: var(--color2)
}

.winnerList .winner-boxes .groupList .rankingList .winner-bx .details .index {
    text-shadow: 2px 2px 3px #000000b8
}

.winnerList .winner-boxes .groupList button {
    color: var(--color3);
    border: none;
    background: transparent
}

.winnerList .winner-boxes .groupList button:hover {
	text-decoration: underline
}
/* ranking list */

/* tournament modals */
#tournamentmodal .modal-content {
	color: var(--color1);
	border: 5px solid #33363d
}

#tournamentmodal .modal-header {
	background: unset
}

#tournamentmodal .modal-header .popTitle-wrap {
	font-weight: 600;
	color: var(--color4)
}

#tournamentmodal .upperTitle {
   	color: var(--color1)
}

#tournamentmodal .tournament-title {
    color: var(--color2);
    background: #00000080
}

#tournamentmodal .btn-box button {
    color: var(--color2);
    background: var(--color6);
    border: 2px solid var(--color6);
    box-shadow: 2px 2px #888888;
}

#tournamentmodal .btn-box button:hover {
	filter: drop-shadow(2px 2px 4px #dcb3ac)
}

#tournamentmodal .tour-play {
    color: #222;
    text-shadow: 1px 1px 2px var(--color9)
}

#tourrankingmodal .modal-content {
	color: var(--color1);
	border: 5px solid #33363d
}

#tourrankingmodal .modal-header {
	background: unset
}

#tourrankingmodal .modal-header .popTitle-wrap {
	font-weight: 600;
	color: var(--color4)
}

#tourrankingmodal .upperTitle {
   	color: var(--color1);
}

#tourrankingmodal .rank-title h2 {
    color: var(--color1);
    text-shadow: 0 1px #bcc0d3
}

#tourrankingmodal .rank-title button {
    color: var(--color2);
    background: var(--color6);
    border: 2px solid var(--color6);
    box-shadow: 2px 2px #888888
}

#tourrankingmodal .rank-title button:hover {
	filter: drop-shadow(2px 2px 4px #dcb3ac)
}

#tourrankingmodal .tournament-rank .rank-item {
	background: var(--color4);
    box-shadow: 2px 3px #497066;
    color: var(--color2);
}

#tourrankingmodal .tournament-rank .rank-item .index {
    text-shadow: 2px 2px 3px #000000b8
}

/* tournament modals */
/* TOURNAMENT */


/* deposit page button */

.deposit-option button {
	color: var(--color2);
    background: linear-gradient(#dcb3ac,#b39894);
    box-shadow: 0 3px #a18782;
}

.deposit-form .btn-back .deposittype {
	 background: linear-gradient(#dcb3ac,#b39894);
	 color: var(--color2);
}

/* deposit page button */

/* Share Option modals */
#shareReferralmodal .modal-body .share-option .referralShareBtn .text{
	color: var(--color3)
}
/* Share Option modals */

/* Deposit and Withdraw Page Announcement */
.Announcement-container{
	background-color: var(--color2);
    -webkit-box-shadow: 0 0 6px 2px #d1aca6;
    -moz-box-shadow: 0 0 6px 2px #d1aca6;
    box-shadow: 0 0 6px 2px #33363d;

}

.Announcement-container section .announcement-info .announce-bx{
    border: 2px solid var(--color4);
}

.Announcement-container section .announcement-info .announce-bx .card-link .title i,
.announcement-info .announce-bx .card-link .title i{
	color:var(--color4);
}

/* Deposit and Withdraw Page Announcement */

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

.ldio-gblex47ykrc div {
	background: #626dfc
}
.ldio-gblex47ykrc div:nth-child(1) {
	background: #dcb3ac
}
.ldio-gblex47ykrc div:nth-child(2) {
	background: #626dfc
}
.ldio-gblex47ykrc div:nth-child(4) {
	background: #fcc972
}
.ldio-gblex47ykrc div:nth-child(5) {
	background: #a1a7f9
}
/* live score loading */
.liveScoreWidget {
    border: 2px solid var(--color4);
}

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

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

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

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

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

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

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

.liveScoreWidget .ls-header .date-option li button.active {
	filter: none;
	background: #333
}

.liveScoreWidget .ls-body {
    background: var(--color5)
}

.liveScoreWidget .ls-body .b-msg {
    background: var(--color1);
    color: #f8f9fa;
}

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

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

.liveScoreWidget .league-section {
    background: #333
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.liveScoreWidget .league-fixture-content .fc-team .fc-short-info .fc-status {
	color: #f0ffff
}

.liveScoreWidget .league-fixture-content .fc-team .fc-short-info .fc-btn button {
	color: var(--color2);
    background: var(--color4);
    border: 2px solid var(--color4)
}

.liveScoreWidget .league-fixture-content .fc-team .fc-short-info .fc-btn button:hover {
	filter: drop-shadow(0 0 4px var(--color4))
}

.liveScoreWidget .league-fixture-content .fc-info .info-row .info-column {
    background: var(--color4)
}

.liveScoreWidget .league-fixture-content .fc-info .info-row .info-column span:first-child {
    color: #333;
    font-size: 14px;
    font-weight: 600;
}

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

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

.liveScoreWidget .league-fixture-content .score-section .label {
    color: var(--color1)
}

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

/* favourite */
.tab-content .fav-icon:hover {
	color: red;
}

.tab-content .addfav{
	color: red;
}

.tab-content .addfav:hover{
	color: var(--color3);
}

#favouritemodal .modal-body {
	/* background: var(--color1); */
}
/* favourite */

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

/* NEW PAGE HEADER */
.header-menu .login_header a:after {
	background: var(--color4)
}

.header-menu .login_header a:last-child:after {
	background: var(--color4)
}

.header-menu .main-menu ul li.active,
.header-menu .main-menu ul li:hover {
	border-color: var(--color4)
}

.header-menu .main-menu ul li:hover a,
.header-menu .main-menu ul li:hover a {
	color: unset
}

.header-menu .main-menu ul li a {
	color: var(--color1)
}

.header-menu .main-menu ul li a:hover {
	color: var(--color4)
}

.header-menu .main-menu ul li > .megamenu {
	color: var(--color1);
	background: #ffffffeb
}

.header-menu .main-menu ul li>.megamenu::-webkit-scrollbar {
	background-color: #ffffffeb
}

.header-menu .main-menu ul li>.megamenu::-webkit-scrollbar-thumb {
	background-color: #cba98c;
	color: #cba98c
}

.header-menu .main-menu .navi-sub-list { 
	color: var(--color1);
    background: #ffffffeb;
}

.header-menu .main-menu .navi-sub-list .provItem- .locked- {
    color: #fdb354;
    border-color: #fdb354;
    background: #000000c7
}

.header-menu .main-menu .navi-sub-list .provItem- .prov-click-wrap-:hover {
	background-color: #efefef;
    cursor: pointer;
}
/* NEW PAGE HEADER */

/* MEMBER TNC (CREDIT MART) */
.member-tnc-container {
    border: 1px solid #dcb3ac;
    background: #fcfcfc
}

.member-tnc-container hr {
	border-top: 1px solid #00000024
}

.member-tnc-container .member-tnc-title {
    color: var(--color3)
}

.member-tnc-container .member-tnc-content {
	color: var(--color1)
}

.member-tnc-container .member-tnc-content .btn-box button:first-child {
	border: none;
    color: var(--color2);
    background: #ff6464
}

.member-tnc-container .member-tnc-content .btn-box button:first-child:hover,
.member-tnc-container .member-tnc-content .btn-box button:first-child:focus {
	filter: drop-shadow(0 0 6px #ff6464);
	-webkit-filter: drop-shadow(0 0 6px #ff6464)
}

.member-tnc-container .member-tnc-content .btn-box button:last-child {
	border: none;
    color: var(--color2);
    background: #64ff77
}

.member-tnc-container .member-tnc-content .btn-box button:last-child:hover,
.member-tnc-container .member-tnc-content .btn-box button:last-child:focus {
	filter: drop-shadow(0 0 6px #64ff77);
	-webkit-filter: drop-shadow(0 0 6px #64ff77)
}
/* MEMBER TNC (CREDIT MART) */

/* Spin Wheel */
.spinwheel-container .spin-container .spin-selector .spin-selector-box {
	border: 3px solid transparent;
    background: linear-gradient(var(--color5), var(--color5)) padding-box, linear-gradient(to right, #fd9d8d, #dcb3ac) border-box;
    box-shadow: 0 0 5px #dcb3ac;
    color: var(--color3);
}

.spinwheel-container .spin-container .spin-selector .spin-selector-box:hover,
.spinwheel-container .spin-container .spin-selector .spin-selector-box:active,
.spinwheel-container .spin-container .spin-selector .spin-selector-box:focus{
    border: 3px solid transparent;
    background: linear-gradient(var(--color5), var(--color5)) padding-box, linear-gradient(to right, #fd9d8d, #dcb3ac) border-box;
    box-shadow: 0 0 5px #dcb3ac;
    color: var(--color3); 
}

/*Spinwheel Button Shockwave effect*/
.spinwheel-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;
}

.spinwheel-btn--shockwave.is-active:hover,
.spinwheel-btn--shockwave.is-active:active,
.spinwheel-btn--shockwave.is-active:focus {
    background: linear-gradient(#fdcdc5, #b5928c);
    color: var(--color2)
}

@-webkit-keyframes shockwaveJump {
 from {
        -webkit-transform: scale(0.8, 0.8);
    }
    50% {
        -webkit-transform: scale(1, 1);
    }
    to {
        -webkit-transform: scale(1, 1);
    }
}
@keyframes shockwaveJump {
   from {
        transform: scale(0.8, 0.8);
   }
   to {
       transform: scale(1, 1);
   }
}

.btn-box .claimed-reward,
.btn-box .btn-history,
.spinwheel-container .msg-box .button-box button {
   background: var(--color4);
   color: var(--color2)
}

.btn-box .claimed-reward:active,
.btn-box .claimed-reward:focus,
.btn-box .claimed-reward:hover,
.btn-box .btn-history:active,
.btn-box .btn-history:focus,
.btn-box .btn-history:hover,
.spinwheel-container .msg-box .button-box button:focus,
.spinwheel-container .msg-box .button-box button:active,
.spinwheel-container .msg-box .button-box button:hover {
   background: #1f7d5d;
}

@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 #17a2b8;
  }
  60% {
	box-shadow: 0 0 20px 2px #17a2b8;
  }
  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: var(--color1);
    text-shadow: 0 0 1em #acdcd982,
     0 0 0.125em rgb(187 230 219 / 67%),
     -1em -0.125em 0.5em hsl(170.77deg 100% 60% / 0%),
      1em 0.125em 0.5em hsl(164.62deg 100% 60% / 0%);
  }
  
  30% { 
        color: var(--color1);
    text-shadow: 0 0 1em #acdcd3ba,
     0 0 0.125em #acdcca91,
      -0.5em -0.125em 0.25em hsl(160.92deg 100% 60% / 20%),
       0.5em 0.125em 0.25em #acdccfbd;
  }
  
  40% { 
    color: hsl(63deg 6% 76%);
    text-shadow: 0 0 1em hsl(154.77deg 51% 71% / 50%),
     0 0 0.125em hsl(134.87deg 100% 90% / 50%),
      -0.25em -0.125em 0.125em hsl(163.38deg 100% 60% / 20%),
       0.25em 0.125em 0.125em hsl(154.77deg 44% 65% / 40%);
  }
  
  70% {
    color: var(--color1);
    text-shadow: 0 0 1em hsl(167.08deg 51% 65% / 50%),
     0 0 0.125em hsl(163.17deg 55% 73% / 50%),
      0.5em -0.125em 0.25em hsl(163.38deg 91% 78% / 20%),
       -0.5em 0.125em 0.25em hsl(165.85deg 48% 65% / 40%)
  }
  
  100% {
    color: var(--color1);
    text-shadow: 0 0 1em hsl(167.08deg 46% 61% / 20%),
     0 0 0.125em hsl(145.94deg 52% 63% / 30%),
      1em -0.125em 0.5em hsl(0deg 100% 60% / 0%),
       -1em 0.125em 0.5em hsl(0deg 100% 60% / 0%);
  }
  
}

@keyframes glowing {
  0% {
	box-shadow: 0 0 5px #87c8b3;
    background: var(--color4);
  }
  50% {
  	box-shadow: 0 0 20px #69dbbe;
    background: #5FC29D;
  }
  100% {
	box-shadow: 0 0 5px #87dac0;
    background: #7EC2A4;
  }
}

.reward-frame{
	/* background-color:var(--color5);
	color:var(--color3); */
}

.reward-frame::before{
	/* background: #dcb3ac; */
}

.reward-details-wrap{
	background-color: #f7e0dd;
	color:var(--color3);
}

.reward-details-wrap::before{
	background: #dcb3ac;
}

.member-daily-reward-container,
.daily-reward-container{
	/* background-image: url('/images/templates/Template 4/dailyCheckInReward/DT_DMM_BG_T4_Desktop.png'); */
	background-size: 1100px 600px;
	background-repeat: no-repeat;
}

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

.check-in-day{
	color:#995b1f;
	font-size: unset;
}

.reward-amount{
	border-top: 2px dotted #cf8477;
    border-bottom: 2px dotted #cf8477;
}

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

.claimed-btn:disabled{
 	background-color: #838db56e;
    color: var(--color3);
    border: 2px solid var(--color3);
}

.claim-next:disabled{
	background-color: #cccccc;
    color: #666666;
    border: 2px solid #666666;
}

.claim-today{
	color: var(--color1);
    border: 2px solid;
	
}

.dailyRewardContent-wrapper{
    border: 1px solid transparent;
}

.dailyRewardContent-wrapper .reward-pop .description-content .success-icon i,
.dailyRewardContent-wrapper .reward-pop .description-content .please-login-icon i{
	color: rgba(252,185,19,1);
}

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

.dailyRewardContent-wrapper .reward-pop .dailyRewardPop-btn button:hover{
	background: var(--color2);
	color:#dcb3ac;
	border: 1px solid #dcb3ac;
}

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

#dailyRewardLaterBtn:hover{
	background: var(--color2);
}

.daily-progress{
    background-color: var(--color3);
    border: solid 2px var(--color1);
    color: var(--color2);
}

.daily-progress-bar{
    color: var(--color2);
    background-color: rgb(234 201 198);
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 15%);
}

.progress-message{
	color:var(--color2);
}

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

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

/*PROMO GROUP*/
.tab-content .tab-pane .game-play-button .loading{
    background-color: rgb(188 188 188 / 85%);
}

.tab-content .tab-pane .game-play-button .locked{
    background-color: rgb(188 188 188 / 85%);
}

.btn.disabled, .btn:disabled, .btn:disabled:hover {
    color: var(--color10);
    background-color: #505050 !important;
    background: #505050 !important;
    filter: brightness(1) drop-shadow(0 0 5px transparent);
}

.common-prov-content-area .game_products .nav-item .loading{
    background-color: rgb(0 0 0 / 85%);
}

.common-prov-content-area .game_products .nav-item .locked{
   	background-color: rgb(0 0 0 / 85%);
}

/*home page hot game*/
.hotGamesTab-content .tab-pane .row .index_tab_content .game_products .hot-games-navi-wrap .loading{
    background-color: rgb(0 0 0 / 85%);
}

.hotGamesTab-content .tab-pane .row .index_tab_content .game_products .hot-games-navi-wrap .locked{
   	background-color: rgb(0 0 0 / 85%);
}

/*slot game list*/
.slot-content .tab-pane .bottomContent .slot-list-content .slot-bx .loading,
.lottery-content .tab-pane .bottomContent .lottery-list-content .lottery-bx .loading{
    background-color: rgb(0 0 0 / 85%);
}

.slot-content .tab-pane .bottomContent .slot-list-content .slot-bx .locked,
.lottery-content .tab-pane .bottomContent .lottery-list-content .lottery-bx .locked{
   	background-color: rgb(0 0 0 / 85%);
}

/* decorator navi */

.megamenu .menu-in .navi-provider-wrap .locked{
   	background-color: rgb(195 195 195 / 85%);
}

.megamenu .menu-in .navi-provider-wrap .loading{
   	background-color: rgb(195 195 195 / 85%);
}

.megamenu .menu-in .navi-provider-wrap .locked .wrap{
	color:#484848;
}
/*PROMO GROUP*/

/* NEW PROV CAT LIST */
.prov-list-wrap- .tablist-carousel- .paddle- button {
    color: var(--color4);
    border: none;
    background: transparent
}

.prov-list-wrap- .tablist-carousel- .paddle- button:hover {
	filter: drop-shadow(0 0 6px var(--color4))
}

.prov-list-wrap- .tablist-carousel- .paddle- button:disabled {
	filter: brightness(.5)
}

.prov-list-wrap- .gametabcontent- .tabcontent- h3 {
    color: var(--color1)
}

.prov-list-wrap- .gametabcontent- .tabcontent- h4 {
	color: var(--color4)
}

.prov-list-wrap- .gametabcontent- .tabcontent- .locked- {
    color: #fdb354;
    border-color: #fdb354;
    background: #000000c7
}

.prov-list-wrap- .gametabcontent- .tabcontent- .maintenance- {
    color: var(--color1)
}

.prov-list-wrap- .gametabcontent- .tabcontent- .maintenance-:before,
.prov-list-wrap- .gametabcontent- .tabcontent- .maintenance-:after {
    background: var(--color1)
}

.prov-list-wrap- .gametabcontent- .tabcontent- .btn-prov-play- .btn-nobg {
    color: var(--color2);
    background: var(--color4);
    border-color: var(--color11);
    box-shadow: 0 2px var(--color11);
    text-shadow: 1px 1px 2px var(--color1)
}

.prov-list-wrap- .gametabcontent- .tabcontent- .btn-prov-play- .btn-nobg:hover {
	filter: drop-shadow(0 0 6px var(--color4))
}

.prov-list-wrap- .gametabcontent- .tabcontent- .btn-prov-play- .btn-bg span {
    color: var(--color2);
    text-shadow: 1px 1px 2px var(--color1)
}

.prov-list-wrap- .gametabcontent- .tabcontent- .prov-filter-list- button {
	color: var(--color2);
	text-shadow: 1px 1px 2px var(--color1);
	background: var(--color10);
	border-color: var(--color9);
    box-shadow: 0 2px var(--color9)
}

.prov-list-wrap- .gametabcontent- .tabcontent- .prov-filter-list- button.active {
	background: var(--color4);
	border-color: var(--color11);
    box-shadow: 0 2px var(--color11)
}

/* provider list search bar */

.prov-list-wrap- .gametabcontent- .tabcontent- .search-bar{
    border: 1px solid var(--color4);
    color: var(--color4);
}

.prov-list-wrap- .gametabcontent- .tabcontent- .search-bar .searchInputBox{
	outline: none;
    border: none;
    background: transparent;
    color: var(--color1);
}

.prov-list-wrap- .gametabcontent- .tabcontent- .search-bar .searchInputBox::placeholder{
	color: var(--color1);
}

.prov-list-wrap- .gametabcontent- .tabcontent- .provItem- .prov-img- {
	border-color: var(--color4)
}

.prov-list-wrap- .gametabcontent- .tabcontent- .provItem- .prov-img- .prov-btn-wrap- {
    background: #000000b3
}

.prov-list-wrap- .gametabcontent- .tabcontent- .provItem- .prov-img- .prov-btn-wrap- button {
    color: var(--color2);
    background: var(--color4);
    border-color: var(--color11);
    box-shadow: 0 2px var(--color11);
    text-shadow: 1px 1px 2px var(--color1)
}

.prov-list-wrap- .gametabcontent- .tabcontent- .provItem- .prov-name- {
    color: var(--color2);
    background: var(--gradient1)
}

.prov-list-wrap- .gametabcontent- .tabcontent- .usrpswd-notice- a {
	color: var(--color4)	
}

.prov-list-wrap- .gametabcontent- .tabcontent- .usrpswd-field- .input- input {
    border: 2px solid;
    border-color: var(--color4);
    background: #f7f7f7
}

.prov-list-wrap- .gametabcontent- .tabcontent- .usrpswd-field- button {
    color: var(--color2);
    background: var(--color4);
    text-shadow: 2px 2px var(--color1)
}

.prov-list-wrap- .gametabcontent- .tabcontent- .usrpswd-field- button:hover {
	filter: drop-shadow(0 0 6px var(--color4))
}

.prov-list-wrap- .gametabcontent- .tabcontent- .usrpswd-download- .down-item .lbl {
    color: var(--color2);
    background: var(--gradient1)
}
/* NEW PROV CAT LIST */

/* sidenav */
.sidenav-area::after{
    background: var(--color4);
}

.sidenav-background-color {
    background: #313131;
}

.player-sidenav {
    background-color: var(--color2);
    -webkit-box-shadow: 0 0 6px 2px #d1aca6;
    -moz-box-shadow: 0 0 6px 2px #d1aca6;
    box-shadow: 0 0 6px 2px #33363d;
}

.main_btn_short_custom a .main_text {
    color: #2e2e2e;
}

.main_btn_short_custom a.active .main_text {
    color: var(--color4);
}

.sidenav-area:not(.sidenav-money) li::after {
    background-color: #ea464f;
}

.link-member-bank .sidenav-icon::after, .link-bonuswallet .sidenav-icon::after, .link-my-wallet .sidenav-icon::after, .link-transaction-record .sidenav-icon::after, .link-turnover .sidenav-icon::after {
    background-color: #5dadff;
}

.link-friend .sidenav-icon::after, .link-gift .sidenav-icon::after, .link-mail .sidenav-icon::after, .link-password .sidenav-icon::after, .link-profile .sidenav-icon::after, .link-verify .sidenav-icon::after, .link-vip .sidenav-icon::after {
	background-color: #ff9f5d;
}

.sidenav-area:not(.sidenav-money) li.active, .sidenav-area:not(.sidenav-money) li:hover {
    background-color: rgba(0,0,0,.2);
}
/* sidenav */

/* special cacthing for video */
.viframe-wrap.wrap2{
	min-height: 350px;
}
/* special cacthing for video */

/* special onepay btn */
.fastdeposit-container {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-top: 10px;
    margin-bottom: 20px;
}
.fastdeposit-btn .btn {
    background-color: #FFD700;
    color: black;
    border: none;
    border-radius: 25px;
    padding: 10px 20px;
    font-size: 18px;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    font-weight: bold;
}
.fastdeposit-btn .btn i {
    margin-right: 10px;
}
.text-below {
    font-size: 20px;
    color: #FFD700;
    font-weight: bold;
    text-align: center;
    width: 100%;
}
.fastdeposit-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
}
/* special onepay btn */

/* RestoreMessagePopOut */
#restoreMsgmodal .modal-body .description-title {
	font-size: 14px;
    text-align: center;
}

#restoreMsgmodal .modal-body .restoreMsgPop-btn {
	margin-top: 40px;
    text-align: -webkit-center;
}

#restoreMsgmodal .modal-body .restoreMsgPop-btn .restoreMsgOkBtn {
	padding: 10px 0;
    border-radius: 20px;
    width: 25%;
    border: none;
    background: var(--color4);
    color: var(--color2);
}

#restoreMsgmodal .modal-body .restoreMsgPop-btn #restoreMsgLaterBtn {
	margin-left: 10px;
	background: var(--color3);
    color: var(--color2);
}
/* RestoreMessagePopOut */

/* Contact Box */
.contactBox {
	bottom: 7px;
	z-index: 99;
}

.contactBox_left, .contactBox_right {
    background: var(--color4);
    color: var(--color2);
}

.contact-tab-text-1, .contact-tab-text-2 {
    color: var(--color2);
}
/* Contact Box */
.BesideParnterLogo .ParnterLogo-1, 
.BesideParnterLogo .ParnterLogo-2 {
	z-index: 999;
	width: 32px;
}

.BesideParnterLogo .ParnterLogo-1 {
    bottom: 470px;
}

.BesideParnterLogo .ParnterLogo-2 {
    bottom: 375px;
}

/* Template7 Contact Btn Css */
.hcontact-float- {
	position: fixed;
    display: flex;
    flex-direction: column;
    z-index: 99;
    gap: 0;
    right: 0;
    bottom: 13%;
}

.hcontact-float- .float-item- {
	width: 50px;
    height: 50px;
    padding: .25em;
    border-radius: 0;
    font-size: 3rem;
}

.hcontact-float- .float-item-[data-contactcode='MESSENGER'] {
    background: var(--color2);
}

.hcontact-float- .float-item-[data-contactcode='TELEGRAM'] {
    background: #00a5ff;
}

.hcontact-float- .float-item-[data-contactcode='PHONE'] {
    color: var(--color2);
    background: #00a5ff;
}

.hcontact-float- .float-item-[data-contactcode='WHATSAPP'] {
    color: var(--color2);
    background: #2ebc0b;
}

.footer-sitemap .sitemap-col .col-img img.s4 {
	animation: pulse 2s infinite ease-in-out;
    transform-origin: center;
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.4); /* Bigger */
  }
  100% {
    transform: scale(1); /* Back to normal */
  }
}