:root {
	--color1: #000; /* black */
	--color2: #fff; /* white */
	--color3: #6a718e;
	--color4: #004ec4;
	--color5: #e7ebf6;
	--color6: #628dd0;
	--color7: #e6bfbbab;
	--color8: #023d95;
	--color9: #7d7d7d;
	--color10: #cbb698;
	--color11: #f8f9fb;
	--color12: #f91414;
	--color13: #bdbdbd;
	--color14: #2e2e2e;
	--colorop1: #dcb3ac5c;
	--filter1: brightness(0) saturate(100%) invert(97%) sepia(65%) saturate(5914%) hue-rotate(325deg) brightness(85%) contrast(86%);
	--gradient1: linear-gradient(#5d9eff,#004ec4);
	--gradient2: linear-gradient(#ffffff, #b1afaf);
	--walOn: #3ec682;
	--walOff: #cd5c5c;
	--important: var(--red);
	
	--hgs_ACTION_BTN: var(--color4); /* hotGames_2 */
	
	/* ecd_widget_1 */
	--ecd_BG: linear-gradient(#a8a6fa, #0713ff);
	--ecd_TXT: var(--color2);

	/* ad_1 */
	--adclose_BTN_RADIUS: 5px;
	--adclose_BTN_BG: #0713ff;
	--adclose_BTN_TXT: var(--color2);
	
	/* ad_video_1 */
	--ad_video_1_BTN_RADIUS: 5px;
	--ad_video_1_BTN_BG: var(--color1);
	--ad_video_1_BTN_TXT: var(--color2);
	
	/* ecd_widget_2 */
	--ecd_widget_2_BG: var(--color1);
	--ecd_widget_2_TXT: var(--color2);
	--ecd_widget_2_MARQUEE_BG: var(--color4);
	--ecd_widget_2_MARQUEE_TXT: var(--color1);
	--ecd_widget_2_IMGBG_TXT: var(--color2);
	--ecd_widget_2_BTN_BG: #f5ac00;
	--ecd_widget_2_BTN_TXT: var(--color1);
	
	--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%;
	
	/* 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: var(--color11);
	--memberinfo4_FORM_INPUT_SELECT_BG_DISABLED: var(--color11);
	--memberinfo4_FORM_INPUT_SELECT_ICON_COLOR: var(--color1);
	--memberinfo4_FORM_INPUT_SELECT_TXT_COLOR: var(--color1);
	--memberinfo4_FORM_INPUT_SELECT_TXT_COLOR_DISABLED: var(--color1);
	--memberinfo4_FORM_INPUT_SELECT_BORDER_COLOR: var(--color13);
	--memberinfo4_FORM_INPUT_SELECT_BORDER_COLOR_DISABLED: var(--color4);
	--memberinfo4_FORM_INPUT_SELECT_RADIUS: 0;
	--memberinfo4_FORM_INPUT_SELECT_HOVER_BOX_SHADOW: 0 0 0 .2rem var(--colorop1);
	--memberinfo4_FORM_OTP_TIMER_TXT_COLOR: var(--color1);
	--memberinfo4_FORM_BTN_SUBMIT_BG: var(--gradient1);
	--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 var(--color10));
	--memberinfo4_FORM_BTN_SUB_SUBMIT_BG: var(--color1);
	--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(--color1));
	--memberinfo4_FORM_UNDERLINE: inherit;
	--memberinfo4_FORM_IMPORTANT: var(--red);
	
	--memberinfo4_CONTENT_BG: var(--color5);
	--memberinfo4_CONTENT_TXT_COLOR: var(--color1);
	--memberinfo4_CONTENT_BOX_SHADOW: 0 0 6px 2px var(--color6);
	--memberinfo4_CONTENT_LBL_TXT_COLOR: var(--color1);
	--memberinfo4_CONTENT_LBL_BULLET: var(--color1);
	--memberinfo4_CONTENT_LBL_INFO_COLOR: var(--color1);
	--memberinfo4_CONTENT_LBL_INFO_BG: var(--color2);
	--memberinfo4_CONTENT_LBL_INFO_CONTENT_TXT_COLOR: var(--color2);
	--memberinfo4_CONTENT_LBL_INFO_CONTENT_BG: var(--color1);
	--memberinfo4_CONTENT_LBL_TABLIST_BG: var(--color2);
	--memberinfo4_CONTENT_LBL_TABLIST_ACTIVE_BG: var(--color4);
	--memberinfo4_CONTENT_LBL_TABLIST_TXT_COLOR: var(--color1);
	--memberinfo4_CONTENT_LBL_TABLIST_ACTIVE_TXT_COLOR: var(--color2);
	--memberinfo4_CONTENT_LBL_TABLIST_BORDER_COLOR: var(--color14);
	--memberinfo4_CONTENT_LBL_TABLIST_ACTIVE_BORDER_COLOR: var(--color4);
	--memberinfo4_CONTENT_LBL_TABLIST_RADIUS: var(--memberinfo4_SECTION_BTN_RADIUS);
	
	--memberinfo4_KYC_ITEM_LBL_TXT_COLOR: var(--color1);
	--memberinfo4_KYC_ITEM_LBL_INFO_COLOR: var(--color1);
	--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(--color1);
	--memberinfo4_KYC_ITEM_UPLOAD_BORDER_COLOR: var(--color13);
	--memberinfo4_KYC_ITEM_UPLOAD_BG: var(--color11);
	--memberinfo4_KYC_ITEM_UPLOAD_TXT_COLOR: var(--color1); 
	--memberinfo4_KYC_ITEM_UPLOAD_ICON: var(--color1);
	--memberinfo4_KYC_ITEM_PREVIEW_BORDER_COLOR: var(--color13);
	--memberinfo4_KYC_ITEM_PREVIEW_BG: var(--color11);
	--memberinfo4_KYC_ITEM_PREVIEW_TXT_COLOR: var(--color1);
	--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(--color1);
	--memberinfo4_KYC_ITEM_PREVIEW_BTN_CHANGE_HOVER_FILTER: drop-shadow(0 0 4px var(--color1));
	--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));
	
	/* General HOtGame */
	--General_hotgamenaviitem_background: radial-gradient(circle, rgba(235, 235, 235, 1) 0%, rgba(179, 179, 179, 1) 100%);
	--General_hotgamenaviitem_active_background: radial-gradient(circle, rgba(255, 234, 228, 1) 0%, rgba(209, 172, 166, 1) 100%);
	--General_hotgamenaviitem_border: unset;
	--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);
	
	/* login_1 */
	--login1_CONTENT_COLOR: var(--color1);
	--login1_CONTENT_BORDER: 1px solid var(--color4);
	--login1_CONTENT_BORDER_RADIUS: 5px;
	--login1_CONTENT_BG: var(--color5);
	--login1_CONTENT_BOX_SHADOW: none;
	
	--login1_TABLIST_ITEM_BORDER_RADIUS: 1rem;
	--login1_TABLIST_ITEM_BORDER: none;
	--login1_TABLIST_ITEM_COLOR: var(--color1);
	--login1_TABLIST_ITEM_BG: var(--gradient2);
	--login1_TABLIST_ITEM_BOX_SHADOW: 0 3px #b1afaf;
	--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 var(--color8);
	
	--login1_FORM_LABEL_COLOR: var(--color1);
	--login1_FORM_INPUT_COLOR: inherit;
	--login1_FORM_INPUT_BORDER: 1px solid var(--color4);
	--login1_FORM_INPUT_BG: #f8f9fb;
	--login1_FORM_INPUT_BORDER_RADIUS: 1rem;
	--login1_FORM_INPUT_FOCUS_BOX_SHADOW: 0 0 0 .2rem #004ec459;
	--login1_FORM_BTN_SUBMIT_BORDER_RADIUS: 10px;
	--login1_FORM_BTN_SUBMIT_COLOR: var(--color2);
	--login1_FORM_BTN_SUBMIT_BG: var(--gradient1);
	--login1_FORM_BTN_SUBMIT_BOX_SHADOW: none;
	--login1_FORM_BTN_SUBMIT_HOVER_COLOR: var(--color2);
	--login1_FORM_BTN_SUBMIT_HOVER_BG: var(--gradient1);
	--login1_FORM_BTN_SUBMIT_HOVER_BOX_SHADOW: 0 3px var(--color8);
	--login1_FORM_BTN_SUBSUBMIT_BORDER_RADIUS: 10px;
	--login1_FORM_BTN_SUBSUBMIT_COLOR: var(--color2);
	--login1_FORM_BTN_SUBSUBMIT_BG: var(--gradient1);
	--login1_FORM_BTN_SUBSUBMIT_BOX_SHADOW: none;
	--login1_FORM_BTN_SUBSUBMIT_HOVER_COLOR: var(--color2);
	--login1_FORM_BTN_SUBSUBMIT_HOVER_BG: var(--gradient1);
	--login1_FORM_BTN_SUBSUBMIT_HOVER_BOX_SHADOW: 0 3px var(--color8);
	--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(--color1);
	
	/* 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);
	background-color: var(--color5);
}

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

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

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

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

.buttonback:active {
    background-color: #628dd0
}

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

/* SIDE RIGHT */
.social {
    background-color: var(--color5);
    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)
}

span.np-ef {
    background: var(--color5);
    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: #3e3e3e
}

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

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

.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(--color1);
    border: none;
    background: var(--gradient2);
    box-shadow: 0 3px #b1afaf
}

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 var(--color8)
}

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

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

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

.more-list{
	border: 1px solid var(--color4);
    background: white;
}

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

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

#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(--color1)
}

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

.register_left_custom a {
    color: var(--color1);
    border-bottom: 2px solid var(--color4);
    padding-bottom: 5px
}

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

.btn_logout {
    border: 1px solid var(--color4);
    background: var(--gradient1);
    box-shadow: 0 3px var(--color8);
    border: none;
    color: var(--color2)
}

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

.btn_bal {
    background: #002a50;
    color: var(--color2)
}

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

.balance-drop .dropdown-balance {
    background: var(--color5);
    color: var(--color1);
    border: none;
    -webkit-box-shadow: 0 0 6px 2px var(--color6);
    -moz-box-shadow: 0 0 6px 2px var(--color6);
    box-shadow: 0 0 6px 2px var(--color6)
}

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

.balance-drop .dropdown-balance .summary-wrapper .list-item- .prov-amt {
	
}

/* .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: #929292;
    color: var(--color2)
}

.balance-drop .dropdown-balance .summary-wrapper .amount-item button.btn-out {
	border: none;
    background: var(--color4);
    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: var(--color2);
    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 #cba98c solid
}

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

.memberBank-wrapper .memberBank-tbody .memberBank-separate .thead-col .col-btn .btn-delete:hover {
    background-image: linear-gradient(to bottom, var(--color1) 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
}

.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);
    color: var(--color2);
    background: linear-gradient(to bottom, #a8a6fa, #0713ff) !important;
}

.announcementCustom i {
    color: var(--color2)
}

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

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

.slider ul li {
    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)
}

.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
}

/* member pages */
.main_profile {
    background-color: var(--color5);
    -webkit-box-shadow: 0 0 6px 2px var(--color6);
    -moz-box-shadow: 0 0 6px 2px var(--color6);
    box-shadow: 0 0 6px 2px var(--color6)
}

.main_profile_right {
    background-color: var(--color5);
    -webkit-box-shadow: 0 0 6px 2px var(--color6);
    -moz-box-shadow: 0 0 6px 2px var(--color6);
    box-shadow: 0 0 6px 2px var(--color6) 
}

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

.afterlogin_deposit.nav .nav-item .nav-link.active,
.afterlogin_deposit.nav .nav-item .nav-link:hover {
    background: var(--gradient1);
    color: var(--color2);
    box-shadow: 0 3px var(--color8);
}

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

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

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

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

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

.afterloginform .form-control {
    background-color: var(--color11)
}

.submit_btn {
    color: var(--color2);
    background: var(--gradient1);
    box-shadow: 0 3px var(--color8)
}

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

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

.allout_btn {
    background-image: linear-gradient(to bottom, var(--color4) 0%, #002a50 100%);
    color: var(--color2)!important;
}

.box-prov ul li {
    border: 1px solid var(--color1);
    background-color: var(--color11);
    color: var(--color1)
}

.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: linear-gradient(#eaddad, #fdc731);
    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(--color1);
    background: var(--color2);
    border-color: var(--color4)
}

#provgamemodal .prov-img {
    background: #fff;
    border-color: var(--color4)
}

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

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

#provgamemodal .prov-info {
    background: var(--color2);
    border-color: var(--color4)
}

#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);
    background: var(--color4);
    border-color: #628dd0;
    box-shadow: 0 2px #628dd0;
    text-shadow: 1px 1px 2px var(--color1)
}

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

#provgamemodal .prov-notice {
    background: var(--color2);
    border-color: var(--color4)
}

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

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

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

.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(--color1);
    -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(--color1);
    color: var(--color2)
}

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

.form-inline .form-control {
    background-color: var(--color11)
}

.btn_transfer {
   	border: none;
    color: var(--color2) !important;
    background: var(--gradient1);
    box-shadow: 0 3px var(--color8)
}

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

.toggle-btn .toggle-slider {
    background-color: var(--color11);
    -webkit-transition: .4s;
    transition: .4s;
    color: var(--color1);
    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-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    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 var(--color7)
}

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

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

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

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

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

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

/* 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 var(--color10))
}

/* 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 var(--color7);
    /* background: url('/images/templates/Template 4/login_base.jpg') top center */
    background-position: top center
}

.login_title {
	color: var(--color4);
    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;
	width: unset;
}

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

.btn_login {
/*     color: var(--color2);
    background: var(--gradient1);
    box-shadow: 0 3px var(--color8);
    border: none;
    border-radius: 20px */
    color: #0713ff !important;
    border: 1px solid #e2e1fe;
    background-image: linear-gradient(to bottom, #e2e1fe, #ffffff);
    box-shadow: 0 3px 11px -5px #0713ff;
    border-radius: 0;
    padding: 10px 30px;
}

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

.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: #757c96!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: #0713ff;
	border: 1px solid #0713ff;
    box-shadow: 0 2px 2px 1px #0713ff;
    -webkit-box-shadow: 0 2px 2px 1px #0713ff;
	background-image: linear-gradient(#e2e1fe, var(--color2));
	border-radius: 10px;
}

.pmbox:hover,
.pmbox.active {
    color: var(--color2);
	border: 1px solid #0713ff;
	box-shadow: 0 2px 2px 1px #2f2f2f;
	-webkit-box-shadow: 0 2px 2px 1px #2f2f2f;
    background-image: linear-gradient(#a8a6fa, #0713ff)
}

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

.mix {
    display: none
}

.promo-dl-date {
    color: var(--color2);
    background: linear-gradient(to bottom, #a8a6fa, #0713ff);
}

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

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

.sub-side-nav li {
    background: var(--gradient2)
}

.sub-side-nav li:hover,
.sub-side-nav li.active {
    background: linear-gradient(180deg, #facf41, #d7b238)
}

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

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

/* FOOTER */
.footer_section {
    background: #25252e;
    color: #ffffff;
}

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

.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 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 var(--color7)
}
	
.game-page-label {
	color: var(--color1);
	border-bottom: 1px solid var(--color4)
}

.hotGames-tabs .noBtnBase{
	background: radial-gradient(circle, #ffffff 0%, #b1afaf 100%);
	box-shadow: 0 1px 2px #b1afaf;
}

.hotGames-tabs .noHoverBtnBase{
	background: radial-gradient(circle, #5d9eff 0%, #004ec4 100%);
	box-shadow: 0 1px 2px #004ec4;
}

.slot-content .tab-pane .topContent .leftContent .reglink {
	color: var(--color4);
	border-bottom: 1px solid transparent
}

.slot-content .tab-pane .topContent .leftContent .reglink:hover {
	border-bottom: 1px solid var(--color4)
}

.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 #b1afaf
}

.slot-content .tab-pane .topContent .leftContent .filter-menu-bar .slotbox.active,
.lottery-content .tab-pane .topContent .leftContent .filter-menu-bar .lotterybox.active {
    background: var(--gradient1);
    box-shadow: 0 3px var(--color8)
}

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

.slot-content .tab-pane .topContent .leftContent .form-group .addGenerate .generateBtn:hover {
	 background: var(--gradient1);
}

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

.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, #f6e061, #b4911a)
}

table.dataTable tbody tr,
table.dataTable tbody td {
	color: black
}

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

.highlight.underline {
	border-bottom: 1px solid var(--color4)
}

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

.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(--color4);
    background-color: var(--color5)
}

.modal-footer {
	color: var(--color1) !important;
}

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

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

.download_box_column {
    border: 1px solid var(--color4);
    -webkit-box-shadow: 0 0 6px 0 var(--color6);
    -moz-box-shadow: 0 0 6px 0 var(--color6);
    box-shadow: 0 0 6px 0 var(--color6)
}

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

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

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

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

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

.promoModal .modal-footer .btn {
	background-image: var(--gradient1)
}

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

.btn-promo-back:hover {
	color: var(--color2);
    background-image: var(--gradient1)
}

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

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

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

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

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

#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(--color1);
	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 var(--color4)
}

#transferplaymodal.modal .modal-body .provider_main .providerinfo {
	box-shadow: 0 3px 7px 0 var(--color4);
    background-color: var(--color11);
    color: var(--color1)
}

#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 var(--color4);
	border-top: none
}

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

#transferplaymodal.modal .modal-body .provider_main .providerautoinfo .restoreListTable .t-row div {
	color: var(--color1);
	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 var(--color8);
    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 var(--color10))
}

#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(--color1)
}

.text-error,
.error {
	color: #c15151
}

.history-list.dataTable thead {
	background: linear-gradient(180deg, #f6e061, #b4911a)
}

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

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

.msgBox-wrap {
	border: 1px solid var(--color4);
	background: var(--color5);
    color: var(--color1);
    -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 var(--color4)
}

.msgBox-wrap .msgContent .error-btn {
	color: var(--color2);
    box-shadow: 0 3px 11px -5px rgb(0 0 0 / 58%);
    background: var(--gradient1);
    background: var(--gradient1);
    background: var(--gradient1);
    border: 1px solid var(--color8);
    text-shadow: 0 4px 4px #8f7c5b
}

.msgBox-wrap .msgContent .error-btn:hover {
	background: var(--gradient2);
    background: 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 {
    background: var(--gradient1);
    border: 1px solid var(--color8);
}

#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 {
    color: var(--color2);
    background: var(--color4);
    box-shadow: var(--color9) 0 2px;
}
/* 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: white;
}

.transactionBtn,
.historyBtn {
	background-color: #fff;
    color: var(--color1);
}

.transactionBtn:hover,
.historyBtn:hover {
	background-color: var(--color6);
	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: var(--color6);
    color: var(--color2)
}
/* VOUCHER */

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

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

.memberPoint-wrap .refreshBtn-box div:hover i {
	color: var(--color4);
}
/* REWARD POINT */

/* MEMBER UPDATE */
.memberUpdate_body .updateName {
	border: 1px solid var(--color4)
}
/* MEMBER UPDATE */

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

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

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

.QRtext {
    background-color: var(--color4);
    color: var(--color1)
}

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

/* referral container  */

.ref-box{
    background: var(--color5);
    border: 1px solid var(--color4);
    box-shadow: 0 0 6px 0 var(--color7);
}

.ref-box .ref-logo , 
.ref-box .ref-details .ref-desc-1 ,
.ref-box .referral-code-box .share-btn {
	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(--color1);
}

.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 */
#announcementmodal .announce-item {
    border: 2px solid var(--color1)
}

#announcementmodal .announce-item .message {
	border-top: 1px solid var(--color1)
}
/* 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(--color1);
	border: 2px solid var(--color4);
}
/* 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: #013b7a;
	text-shadow: 0px 1px #bcc0d3;
	border-bottom: 1px solid var(--color1);
}

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

/* 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: #fcb913
}

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

.tournament-section .tournament-box-action i:hover {
	color: var(--color4)
}

.tournament-bx {
	border: 1px solid var(--color4);
    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: #bdbdbd
}

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

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

/* ranking list */

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

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

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

.ranking-section .tournament-type {
    color: #013b7a;
    text-shadow: 0 1px #bcc0d3;
    border-bottom: 2px solid #013b7a;
} 

.ranking-section .rank-tab li {
    color: var(--color1);
    border: 2px solid var(--color4);
    cursor: pointer;
}

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

.ranking-section .tab-box .title {
    color: #013b7a;
    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 var(--color8);
    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(--color1);
	border: 2px solid var(--color4)
}

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

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

.winnerList .winner-boxes .groupList .rankingList .winner-bx .details {
	background: var(--color4);
    box-shadow: 2px 3px var(--color8);
    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(--color1);
    border: none;
    background: transparent
}

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

/* tournament modals */
#tournamentmodal .modal-content {
	color: #07213c;
	border: 5px solid #F89880
}

#tournamentmodal .modal-header {
	background: unset
}

#tournamentmodal .modal-header .popTitle-wrap {
	font-weight: 600;
	color: #625e5e
}

#tournamentmodal .upperTitle {
   	color: #013b7a
}

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

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

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

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

#tourrankingmodal .modal-content {
	color: #07213c;
	border: 5px solid #F89880
}

#tourrankingmodal .modal-header {
	background: unset
}

#tourrankingmodal .modal-header .popTitle-wrap {
	font-weight: 600;
	color: #625e5e
}

#tourrankingmodal .upperTitle {
   	color: #013b7a
}

#tourrankingmodal .rank-title h2 {
    color: #013b7a;
    text-shadow: 0 1px #bcc0d3
}

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

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

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

#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: var(--gradient1);
    box-shadow: 0 3px var(--color8);
}

.deposit-form .btn-back .deposittype {
	 background: var(--gradient1);
	 color: var(--color2);
}

#content_inputAmount .choose-box .style-add-amount{
	background: var(--gradient1);
	color: var(--color2);
}

/* deposit page button */

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

/* Deposit and Withdraw Page Announcement */
.Announcement-container{
	background-color: var(--color5);
    -webkit-box-shadow: 0 0 6px 2px var(--color6);
    -moz-box-shadow: 0 0 6px 2px var(--color6);
    box-shadow: 0 0 6px 2px var(--color6);

}

.Announcement-container section .announcement-info .announce-bx{
    border: 2px solid 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: var(--color4) }
	100% { background: #626dfc }
}

.ldio-gblex47ykrc div {
	background: #626dfc
}
.ldio-gblex47ykrc div:nth-child(1) {
	background: var(--color4)
}
.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 #0713ff;
}

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

.liveScoreWidget .ls-header .filter-select .input {
    color: #222;
    background: #f8f9fa;
    border: 2px solid #0713ff
}

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

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

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

.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;
    border: 1px solid #0713ff
}

.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(--color2);
	border: 1px solid #0713ff
}

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

.liveScoreWidget .league-fixture-list .fixture-drop.active {
	background: #0713ff
}

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

.liveScoreWidget .league-fixture-list .fixture-item-list .item {
    color: var(--color2);
    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 #a8a6fa
}

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

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

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

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

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

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

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

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

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

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

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

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

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

#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(--color1) */
}

.header-menu .login_header a:first-child{
	color: #0713ff !important;
    border: 1px solid #e2e1fe;
    background-image: linear-gradient(to bottom, #e2e1fe, #ffffff);
    box-shadow: 0 3px 11px -5px #0713ff;
    border-radius: 0;
    padding: 10px 30px;
}
   
.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: #949ab3;
	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 { 
	background: #ffffffdb
}

.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: #bdbdbd
}
/* NEW PAGE HEADER */

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

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

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

.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, var(--color4)) border-box;
    box-shadow: 0 0 5px var(--color4);
    color: var(--color1);
}

.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, var(--color4)) border-box;
    box-shadow: 0 0 5px var(--color4);
    color: var(--color1); 
}

/*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-image: var(--gradient1);
    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: var(--color8);
}

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

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

/* DAILY LOGIN REWARD */

@keyframes lights {
  0% {
    color: #cf8477;
    text-shadow: 0 0 1em #dcb3ac82, 
    	0 0 0.125em var(--color7), 
    	-1em -0.125em 0.5em hsl(40deg 100% 60% / 0%), 
    	1em 0.125em 0.5em hsl(200deg 100% 60% / 0%);
  }
  
  30% { 
    color: #cf8477;
    text-shadow: 0 0 1em #dcb3acba, 
    	0 0 0.125em #dcb3ac91, 
    	-0.5em -0.125em 0.25em hsl(0deg 100% 60% / 20%), 
    	0.5em 0.125em 0.25em #dcb3acbd;
  }
  
  40% { 
    color: hsl(63deg 6% 76%);
    text-shadow: 0 0 1em hsl(0deg 51% 71% / 50%), 
    0 0 0.125em hsl(320deg 100% 90% / 50%), 
    -0.25em -0.125em 0.125em hsl(0deg 100% 60% / 20%), 
    0.25em 0.125em 0.125em hsl(0deg 44% 65% / 40%);
  }
  
  70% {
    color: #cf8477;
    text-shadow: 0 0 1em hsl(0deg 51% 65% / 50%), 
    0 0 0.125em hsl(0deg 55% 73% / 50%), 
    0.5em -0.125em 0.25em hsl(0deg 91% 78% / 20%), 
    -0.5em 0.125em 0.25em hsl(0deg 48% 65% / 40%);
  }
  
  100% {
    color: #cf8477;
    text-shadow: 0 0 1em hsl(0deg 46% 61% / 20%), 
    0 0 0.125em hsl(0deg 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 #c89087;
    background: #e2c4bf;
  }
  50% {
  	box-shadow: 0 0 20px #db7a69;
    background: #eccdc7;
  }
  100% {
	box-shadow: 0 0 5px #da9387;
    background: #e7d2ce;
  }
}

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

.reward-frame::before{
	/* background: var(--color4); */
}

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

.reward-details-wrap::before{
	background: var(--color4);
}

.member-daily-reward-container,
.daily-reward-container{
	background-size: 1110px 600px;
}

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

.check-in-day{
	color:#cf8477;
}

.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(--color1);
    border: 2px solid var(--color1);
}

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

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

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

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

.daily-progress{
    background-color: var(--color1);
    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: var(--color4);
}

.dailyRewardPop-box .dailyRewardContent-wrapper .reward-pop .description-content .text a:hover{
	border-bottom: 2px solid var(--color4);
}
/* 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: #bdbdbd;
    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: #628dd0;
    box-shadow: 0 2px #628dd0;
    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: #bdbdbd;
	border-color: var(--color9);
    box-shadow: 0 2px var(--color9)
}

/* 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);
}

/* provider list search bar */

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

.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: #628dd0;
    box-shadow: 0 2px #628dd0;
    text-shadow: 1px 1px 2px var(--color1)
}

.prov-list-wrap- .gametabcontent- .tabcontent- .provItem- .prov-name- {
    color: var(--color2);
    background: linear-gradient(var(--color4), #628dd0)
}

.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: linear-gradient(var(--color4), #628dd0)
}
/* NEW PROV CAT LIST */

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

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

.player-sidenav {
    background-color: var(--color5);
    -webkit-box-shadow: 0 0 6px 2px var(--color6);
    -moz-box-shadow: 0 0 6px 2px var(--color6);
    box-shadow: 0 0 6px 2px var(--color6);
}

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

/*Sub Navi*/
.prov-filter-list- .filter-header{
	color: var(--color2);
    text-shadow: 1px 1px 2px var(--color1);
    background: #bdbdbd;
    border-color: var(--color9);
    box-shadow: 0 2px var(--color9);
}

.prov-filter-list- .filter-header.active{
	background: var(--color4);
    border-color: #628dd0;
    box-shadow: 0 2px #628dd0;
}

.subNaviItem .icon{
	filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(248deg) brightness(106%) contrast(106%);
}

/*Sub Navi*/


/* New Deposit Layout */
.main_profile_right .deposit-tab-container .deposit-tab-header p {
	color: #000;
    font-size: 16px;
    padding: 0 0 15px;
    margin: 0 0 0 0.05rem;
}

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

.main_profile_right .standard-tab-container .tab-header,
.main_profile_right .deposit-channel-container .deposit-select-box .tab-header {
    color: #0f161f;
}

.main_profile_right .standard-tab-container .tab-header .img-container,
.main_profile_right .deposit-channel-container .deposit-select-box .tab-header .img-container {
    background: #f2f2f2;
    box-shadow: 0 0 6px 2px var(--color6);
}

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

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

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

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

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

.main_profile_right .standard-tab-container .tab-header .img-container img,
.main_profile_right .deposit-channel-container .deposit-select-box .tab-header .img-container img {
	width: 50%;
}

.main_profile_right .standard-tab-container .tab-header .deposit-option-tittle,
.main_profile_right .deposit-channel-container .deposit-select-box .deposit-option {
	color: #000;
}

.main_profile_right .deposit-channel-container p {
	color: #000;
}

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

.main_profile_right .bank-list-container {
	background: #f2f2f2;
    box-shadow: 0 0 6px 2px var(--color6);
}

.nav-tabs .nav-link {
	color: #8697a2;
    font-size: 13px;
    word-break: break-word;
    margin: 0 0 0 0.1rem;
    text-align: center;
}

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

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

.form-group .choose-box li {
    background: #585858;
    color: #fff;
}

.form-group .col-form-label b {
	color: #000;
}

.form-group button {
	color: var(--color2);
    background: var(--gradient1);
    box-shadow: 0 3px var(--color8);
    color: #fff;
}

.form-group input, .form-group select {
	background-color: #f8f9fb;
}

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

.form-group .form-input .minmax-input span {
	color: #000;
    font-size: 13px;
}

.form-group .copyIcon {
    width: fit-content;
    height: fit-content;
    font-size: 1rem;
    cursor: pointer;
    margin-left: 5px;
    color: #1973c5;
}

.region-qr-container .bank-qrcode .frame {
	position: relative;
    margin: 0 0 0.25rem;
    padding: 15px;
    border: 3px solid #8697a2;
    border-radius: 10px;
}

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

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

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

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

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

.form-group .specificUploadBtn .btnDepositReceipt.btnSelect {
	background: #81cafc;
    color: var(--color2);
    border: none;
    cursor: pointer;
}

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

.form-group .depositReceiptImg .receipt-img img {
	width: 50%;
}

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

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

.form-group .exchangeIcon {
	color: #000;
    font-size: 2rem;
    top: 30px;
    display: flex;
    justify-content: center;
}

.important-icon {
    color: rgb(212, 175, 55);
}

.nav-tabs .nav-link .paymentgateway-name {
	color: #000;
    word-break: break-word;
    margin: 0 0 0 0.1rem;
}

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

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

.bank-list-container .nav-item .nav-link.active .paymentgateway-name,
.bank-list-container .nav-item:hover .nav-link .paymentgateway-name {
	color: #d8b856;
}

/* New Deposit Layout */

/*Slogann Banner*/

.slogan-banner{
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.slogan-banner img{
	max-width: 750px;
    max-height: 100px;
}

/*Slogann Banner*/

#announcemodal .announce-item{
	border: 2px solid var(--color4);
    padding: 5px;
    margin-bottom: 10px;
}

.carousel-inner {
	margin-top: 10px;
    box-shadow: 0 0 12px 0 #000000;
}
	
.header-menu .login_header a.animation{
    padding: 10px 30px;
    overflow: hidden;
    background: linear-gradient(to bottom, #a8a6fa, #0713ff);
    color: #fff;
}

.header-menu .login_header a.animation:before{
	position: absolute;
	width: 100%;
	top: 2px;
	left: 2px;
	bottom: 2px;
	content: '';
}

.header-menu .login_header a.animation span:nth-child(1) {
	position: absolute;
	width: 100%;
	height: 5px;
	top: 0;
	left: 0;
	background: linear-gradient(to right, #002b9d, #34ffea);
	animation: animate1 2s linear infinite;
}

@keyframes animate1{
	0%{
		transform: translateX(-100%);
	}
	100%{
		transform: translateX(100%);
	}
}

a.animation span:nth-child(2) {
	position: absolute;
	width: 5px;
	height: 100%;
	top: 0;
	right: 0;
	background: linear-gradient(to bottom, #002b9d, #34ffea);
	animation: animate2 2s linear infinite;
	animation-delay: 1s;
}

@keyframes animate2{
	0%{
		transform: translateY(-100%);
	}
	100%{
		transform: translateY(100%);
	}
}
a.animation span:nth-child(3) {
	position: absolute;
	width: 100%;
	height: 5px;
	left: 0;
	bottom: 0;
	background: linear-gradient(to left, #002b9d, #34ffea);
	animation: animate3 2s linear infinite;
}
@keyframes animate3{
	0%{
		transform: translateX(100%);
	}
	100%{
		transform: translateX(-100%);
	}
}
a.animation span:nth-child(4) {
	position: absolute;
	width: 5px;
	height: 100%;
	top: 0;
	left: 0;
	background: linear-gradient(to top, #002b9d, #34ffea);
	animation: animate4 2s linear infinite;
	animation-delay: 1s;
}
@keyframes animate4{
	0%{
		transform: translateY(100%);
	}
	100%{
		transform: translateY(-100%);
	}
}

/*promo btn*/
.pmbox.animation.active {
    position: relative;  
    padding: 5px;
    overflow: hidden;
    background: linear-gradient(to bottom, #a8a6fa, #0713ff);
    color: #fff;
    min-width: 70px;
    border-radius: 10px;
    z-index: 1; 
}

.pmbox.animation.active:before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: '';
    z-index: -1; 
}

.pmbox.animation.active span {
    position: absolute;
    z-index: -1; 
}

.pmbox.animation.active span:nth-of-type(1) {
    width: 100%;
    height: 3px;
    top: 0;
    left: 0;
    background: linear-gradient(to right, #002b9d, #34ffea);
    animation: promoanimate1 2s linear infinite;
}

@keyframes promoanimate1 {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(100%);
    }
}

.pmbox.animation.active span:nth-of-type(2) {
    width: 3px;
    height: 100%;
    top: 0;
    right: 0;
    background: linear-gradient(to bottom, #002b9d, #34ffea);
    animation: promoanimate2 2s linear infinite;
    animation-delay: 1s;
}

@keyframes promoanimate2 {
    0% {
        transform: translateY(-100%);
    }
    100% {
        transform: translateY(100%);
    }
}

.pmbox.animation.active span:nth-of-type(3) {
    width: 100%;
    height: 3px;
    left: 0;
    bottom: 0;
    background: linear-gradient(to left, #002b9d, #34ffea);
    animation: promoanimate3 2s linear infinite;
}

@keyframes promoanimate3 {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(-100%);
    }
}

.pmbox.animation.active span:nth-of-type(4) {
    width: 3px;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(to top, #002b9d, #34ffea);
    animation: promonimate4 2s linear infinite;
    animation-delay: 1s;
}

@keyframes promonimate4 {
    0% {
        transform: translateY(100%);
    }
    100% {
        transform: translateY(-100%);
    }


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