:root {
	--color1: #000; /* black */
	--color2: #fff; /* white */
	--color3: #6a718e;
	--color4: #ffc100;
	--color5: #f2f2f2;
	--color6: #082d47;
	--color7: #031c2e;
	--color8: #a18782;
	--color9: #7d7d7d;
	--color10: #bdbdbd;
	--filter1: brightness(0) saturate(100%) invert(97%) sepia(65%) saturate(5914%) hue-rotate(325deg) brightness(85%) contrast(86%);
	--gradient1: linear-gradient(to bottom, #031c2e, #082d47);
	--gradient2: linear-gradient(to bottom, #ffc100, #f9d76f);
	--walOn: #3ec682;
	--walOff: #cd5c5c;
	--important: #ce0f10;
	--ecd_BG: #ffc100;
	--ecd_TXT: #fff;
	--hgs_ACTION_BTN: #ffc100; /* hotGames_2 */
	--adclose_BTN_RADIUS: 5px;
	--adclose_BTN_BG: #ffc100;
	--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(--color2);
	--memberinfo4_FORM_INPUT_SELECT_BG: var(--color2);
	--memberinfo4_FORM_INPUT_SELECT_BG_DISABLED: var(--color4);
	--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(--color2);
	--memberinfo4_FORM_INPUT_SELECT_BORDER_COLOR_DISABLED: var(--color4);
	--memberinfo4_FORM_INPUT_SELECT_RADIUS: 0;
	--memberinfo4_FORM_INPUT_SELECT_HOVER_BOX_SHADOW: none;
	--memberinfo4_FORM_OTP_TIMER_TXT_COLOR: var(--color2);
	--memberinfo4_FORM_BTN_SUBMIT_BG: var(--color4);
	--memberinfo4_FORM_BTN_SUBMIT_TXT_COLOR: var(--color1);
	--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(--color4);
	--memberinfo4_FORM_BTN_SUB_SUBMIT_TXT_COLOR: var(--color1);
	--memberinfo4_FORM_BTN_SUB_SUBMIT_RADIUS: var(--memberinfo4_SECTION_BTN_RADIUS);
	--memberinfo4_FORM_BTN_SUB_SUBMIT_HOVER_FILTER: drop-shadow(0 0 4px var(--color4));
	--memberinfo4_FORM_UNDERLINE: inherit;
	--memberinfo4_FORM_IMPORTANT: var(--red);
	
	--memberinfo4_CONTENT_BG: transparent;
	--memberinfo4_CONTENT_TXT_COLOR: var(--color2);
	--memberinfo4_CONTENT_BOX_SHADOW: none;
	--memberinfo4_CONTENT_LBL_TXT_COLOR: var(--color4);
	--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(--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(--color1);
	--memberinfo4_CONTENT_LBL_TABLIST_BORDER_COLOR: var(--color4);
	--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(--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: 2px solid var(--color4);
	--login1_TABLIST_ITEM_COLOR: var(--color1);
	--login1_TABLIST_ITEM_BG: var(--color5);
	--login1_TABLIST_ITEM_BOX_SHADOW: none;
	--login1_TABLIST_ITEM_HOVER_BORDER: 2px solid var(--color4);
	--login1_TABLIST_ITEM_HOVER_COLOR: var(--color1);
	--login1_TABLIST_ITEM_HOVER_BG: var(--color4);
	--login1_TABLIST_ITEM_HOVER_BOX_SHADOW: none;
	
	--login1_FORM_LABEL_COLOR: var(--color1);
	--login1_FORM_INPUT_COLOR: inherit;
	--login1_FORM_INPUT_BORDER: 1px solid var(--color4);
	--login1_FORM_INPUT_BG: var(--color5);
	--login1_FORM_INPUT_BORDER_RADIUS: 1rem;
	--login1_FORM_INPUT_FOCUS_BOX_SHADOW: 0 0 0 .2rem #ffc10059;
	--login1_FORM_BTN_SUBMIT_BORDER_RADIUS: 10px;
	--login1_FORM_BTN_SUBMIT_COLOR: var(--color1);
	--login1_FORM_BTN_SUBMIT_BG: var(--color4);
	--login1_FORM_BTN_SUBMIT_BOX_SHADOW: none;
	--login1_FORM_BTN_SUBMIT_HOVER_COLOR: var(--color1);
	--login1_FORM_BTN_SUBMIT_HOVER_BG: var(--color4);
	--login1_FORM_BTN_SUBMIT_HOVER_BOX_SHADOW: 0 0 6px 2px var(--color4);
	--login1_FORM_BTN_SUBSUBMIT_BORDER_RADIUS: 10px;
	--login1_FORM_BTN_SUBSUBMIT_COLOR: var(--color1);
	--login1_FORM_BTN_SUBSUBMIT_BG: var(--color4);
	--login1_FORM_BTN_SUBSUBMIT_BOX_SHADOW: none;
	--login1_FORM_BTN_SUBSUBMIT_HOVER_COLOR: var(--color1);
	--login1_FORM_BTN_SUBSUBMIT_HOVER_BG: var(--color4);
	--login1_FORM_BTN_SUBSUBMIT_HOVER_BOX_SHADOW: 0 0 6px 2px var(--color4);
	--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(--color3);
	--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;
}


/* custom fonts */ 
@font-face {
	font-family: titanone_regular;
	src: url('/template/fonts/titanone_regular.ttf') format('truetype');
}

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

*::-webkit-scrollbar {
	width: 5px;
	height: 5px
}

*::-webkit-scrollbar-track {
    background-color: transparent;
    color: transparent
}

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

*::-ms-scrollbar {
	width: 5px;
    height: 5px
}

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

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

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

hr {
    border-top: 1px solid #222
}

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

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

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

/* LOGO */
.logo img {
    max-height: 95px;
    padding: 0px;
}

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

/* SIDE RIGHT */
.social {
    background-color: var(--color2);
    border: 2px solid var(--color4);
    box-shadow: 0 0 8px 3px var(--color4);
    -moz-box-shadow: 0 0 8px 3px var(--color4);
    -webkit-box-shadow: 0 0 8px 3px var(--color4)
}

span.np-ef {
    background: var(--color2);
    border: 2px solid var(--color4);
    box-shadow: 0 0 8px 3px var(--color4);
    -moz-box-shadow: 0 0 8px 3px var(--color4);
    -webkit-box-shadow: 0 0 8px 3px var(--color4)
}

.social li {
	color: #222
}

.social li:hover {
	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 {
	color: #222
}

.np-ef_inner:hover {
    background-color: #fff3cf
}

.np-ef_inner .icon-wrapper {
	color: #222;
    border: 1px solid #222
}

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: #222;
    border: 2px solid var(--color4);
    background: var(--color5);
    border-radius: 5px;
    font-weight: 600
}

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

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 {
	background: var(--color4);
    border: 2px solid var(--color4)
}

/* customise login form  */
ul#registerTab .nav-item,
ul#loginTab .nav-item {
	/* width: 185px;
    height: 40px; */
}

ul#registerTab li a.nav-link,
ul#loginTab li a.nav-link {
    /* color: var(--color1);
    border: none;
    background: url('/images/templates/Template 4/login/boxbase-button.png');
	border-color: transparent;
	border-radius: unset;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: unset; */
}

ul#registerTab li a.nav-link.active,
ul#loginTab li a.nav-link.active {
    /* color: var(--color1);
    background: url('/images/templates/Template 4/login/boxbase-button_hover.png');
    box-shadow: 0 3px #ffd6c500;
    border-radius: unset;
    background-position: center;
    background-repeat: no-repeat; */
}

/* header */
.main-wrap {
	background-repeat: repeat-y;
    background-position: top center;
    background-color: var(--color6);
}

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

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

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

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

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

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

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

.login_header_afterlogin .acc_pic {
	width: 60px;
}

.login_header_afterlogin .acc_pic img {
	border-radius: 0
}

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

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

.btn_logout {
    color: #222;
    background: var(--color4);
    border: none;
    border-radius: 5px;
    font-weight: 600
}

.btn_logout:hover {
	filter: drop-shadow(0 0 4px var(--color4));
	-webkit-filter: drop-shadow(0 0 4px var(--color4))
}

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

.dropdown-option {
    background: var(--color2);
    border: 2px solid var(--color4)
}

.balance-drop .dropdown-balance {
    background: var(--color2);
    color: #222;
    border: 2px solid var(--color4)
}

.balance-drop .dropdown-balance .summary-wrapper {
    border-top: 1px solid #222
}

.balance-drop .dropdown-balance .summary-wrapper::-webkit-scrollbar {
	background-color: transparent
}

.balance-drop .dropdown-balance .summary-wrapper::-webkit-scrollbar-thumb {
	background-color: var(--color4);
    color: var(--color4)
}

.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 {
	border: none;
	color: #222;
    font-weight: 600
}

.balance-drop .dropdown-balance .summary-wrapper .amount-item button.btn-in {
	background: #12e87b
}

.balance-drop .dropdown-balance .summary-wrapper .amount-item button.btn-out {
    background: #dc3149
}

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

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

.main_btn_short_custom a .main_text {
    color: #222
}

.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: #222 !important;
    background-color: transparent;
    border: 2px solid transparent;
    border-left: 4px solid transparent;
    border-right: 1px solid transparent
}

.menu_account a.active {
	background-color: #222;
    border-color: 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 {
    background-color: var(--color4);
    color: #222;
    font-size: 14px;
    margin: 0
}

.memberBank-wrapper .memberBank-tbody .memberBank-separate {
	background-color: var(--color2);
    color: #222;
    border: 2px solid var(--color4);
    border-top: none
}

.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-repeat: repeat-y;
    background-position: top center;
    background-color: var(--color6) */
}

.announcement {
    border: 2px solid var(--color4);
    background: var(--color2);
    color: #222
}

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

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

.carousel-indicators .active {
	background-color: #A6826C
}

.slider ul li {
    border: 1px solid #A6826C;
    -webkit-box-shadow: 0 0 6px 0 rgb(133 76 57 / 67%);
    -moz-box-shadow: 0 0 6px 0 rgb(133 76 57 / 67%);
    box-shadow: 0 0 6px 0 rgb(133 76 57 / 67%)
}

.text_game_title {
    color: #43475a
}

.chineseFont_text {
    color: var(--color4);
    font-weight: 600
}

.megamenu {
    color: #222;
    background: var(--color2);
    border: 3px solid var(--color4);
    /* top: 119px !important */
}

.dropdown_btn_custom {
	background-color: transparent;
}

.dropdown_btn_custom:hover {
	background-color: var(--color4)
}

/* member pages */
.main_profile {
    color: #222;
    border: 2px solid var(--color4);
    background-color: var(--color2)
}

.main_profile_right {
    /* background-color: var(--color5);
    -webkit-box-shadow: 0 0 6px 0 #a6826c;
    -moz-box-shadow: 0 0 6px 0 #a6826c;
    box-shadow: 0 0 6px 0 #a6826c;  */
	color: var(--color2)
}

.main_profile_right hr {
    border-color: var(--color4);
}

.afterlogin_deposit.nav .nav-item .nav-link {
	color: #222;
    background: var(--color2);
    border: 2px solid var(--color4);
    border-radius: 5px;
    font-weight: 600
}

.afterlogin_deposit.nav .nav-item .nav-link.active,
.afterlogin_deposit.nav .nav-item .nav-link:hover {
	background: var(--color4)
}

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

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

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

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

.important-icon {
	color: #dc3149;
}

.col-form-label,
.main_profile_right .inputMsg {
	color: 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(--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 {
    background: var(--gradient2)
}

.bnk-info ul {
    color: #222
}

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

.submit_btn {
	color: #222;
    background: var(--color4);
    border: none;
    border-radius: 5px;
    font-weight: 600
}

.submit_btn:hover,
.submit_btn:active {
	filter: drop-shadow(0 0 4px var(--color4));
    -webkit-filter: drop-shadow(0 0 4px var(--color4))
}

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

.allout_btn {
    background-image: linear-gradient(to bottom, #838db4 0%, var(--color3) 100%);
    color: var(--color2)
}

.box-prov ul li {
    border: 2px solid var(--color4);
    background-color: var(--color2);
    color: #222;
    font-weight: 600
}

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

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

.box-prov ul li .prov-btn button {
	color: #222
}

.box-prov ul li .prov-btn .btn-allIn {
	background: #12e87b
}

.box-prov ul li .prov-btn .btn-restore {
    background: #dc3149
}

.box-prov ul li .prov-btn .btn-quickPlay {
	background: 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: #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(--color1);
    background: var(--color4);
    border-color: var(--color4);
    box-shadow: 0 2px var(--color4);
    text-shadow: 1px 1px 2px var(--color1)
}

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

#provgamemodal .prov-notice {
    background: linear-gradient(to bottom,#ffc100,#f9d76f);
    border-color: var(--color4)
}

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

.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: #222;
    background: var(--color4);
    border: none;
    border-radius: 5px;
    font-weight: 600;
}

.btn_transfer:hover {
	filter: drop-shadow(0 0 4px var(--color4));
    -webkit-filter: drop-shadow(0 0 4px var(--color4))
}

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

.toggle-btn .toggle-slider .on {
    color: #222
}

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

.toggle-btn .toggle-checkbox:checked + .toggle-slider:before {
    background-color: #222
}

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

.inner_main .nav-item .nav-link .img_nonactive {
	/* background-image: url("/images/templates/Template 4/provider_images/provider_buttonbase/buttonbase.png"); */
	background-size: 100%
}

.inner_main .nav-item .nav-link .img_active {
	/* background-image: url("/images/templates/Template 4/provider_images/provider_buttonbase/buttonbase_hover.png"); */
	background-size: 100%
}

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

.nav-tabs.tabsection_main {
	justify-content: center;
}

.game_tab {
	width: 125px;
    height: 40px;
    border-radius: 5px;
    opacity: 1;
    background-size: 100%;
    /* background-image: url('/images/templates/Template 4/provider_images/buttonbase.png') */
    border: 2px solid var(--color4);
    background-color: var(--color2)
}

.game_tab_info {
	grid-template-columns: 30% 70%;
	padding: 5px
}

.game_tab .img_normal, .game_tab .img_hover {
	display: none;
}

.tabsection_main .nav-item .nav-link.active .game_tab .img_hover,
.tabsection_main .nav-item:hover .nav-link .game_tab .img_hover {
	display: none;
}

.tabsection_main .nav-item .nav-link.active .game_tab {
	/* background-image: url('/images/templates/Template 4/provider_images/buttonbase_hover.png') */
	background-color: var(--color4)
}

.tabsection_main .nav-item .nav-link .game_tab_info {
	color: #222
}

.tabsection_main .nav-item .nav-link.active .game_tab_info {
	/* color: #454446 */
}

/* .tabsection_main .nav-item #casino-tab .game_tab_info img {
	content: url('/images/templates/Template 4/provider_images/casino-mini-icon.png')
}

.tabsection_main .nav-item #casino-tab.active .game_tab_info img {
	content: url('/images/templates/Template 4/provider_images/casino-mini-icon-hover.png')
}

.tabsection_main .nav-item #sports-tab .game_tab_info img {
	content: url('/images/templates/Template 4/provider_images/sports-mini-icon.png')
}

.tabsection_main .nav-item #sports-tab.active .game_tab_info img {
	content: url('/images/templates/Template 4/provider_images/sports-mini-icon-hover.png')
}

.tabsection_main .nav-item #esport-tab .game_tab_info img {
	content: url('/images/templates/Template 4/provider_images/esport-mini-icon.png')
}

.tabsection_main .nav-item #esport-tab.active .game_tab_info img {
	content: url('/images/templates/Template 4/provider_images/esport-mini-icon-hover.png')
}

.tabsection_main .nav-item #slot-tab .game_tab_info img {
	content: url('/images/templates/Template 4/provider_images/slot-mini-icon.png')
}

.tabsection_main .nav-item #slot-tab.active .game_tab_info img {
	content: url('/images/templates/Template 4/provider_images/slot-mini-icon-hover.png')
}

.tabsection_main .nav-item #fishing-tab .game_tab_info img {
	content: url('/images/templates/Template 4/provider_images/fishing-mini-icon.png')
}

.tabsection_main .nav-item #fishing-tab.active .game_tab_info img {
	content: url('/images/templates/Template 4/provider_images/fishing-mini-icon-hover.png')
}

.tabsection_main .nav-item #lottery-tab .game_tab_info img {
	content: url('/images/templates/Template 4/provider_images/lottery-mini-icon.png')
}

.tabsection_main .nav-item #lotterytab.active .game_tab_info img {
	content: url('/images/templates/Template 4/provider_images/lottery-mini-icon-hover.png')
}

.tabsection_main .nav-item #horsebook-tab .game_tab_info img {
	content: url('/images/templates/Template 4/provider_images/horsebook-mini-icon.png')
}

.tabsection_main .nav-item #horsebook-tab.active .game_tab_info img {
	content: url('/images/templates/Template 4/provider_images/horsebook-mini-icon-hover.png')
} */

.tabsection_main .nav-item .nav-link.active,
.tabsection_main .nav-item .nav-link:hover {
    text-shadow: 1px 1px 3px #3d3d3d
}

.tabsection_main .nav-item .nav-link.active,
.tabsection_main .nav-item .nav-link:hover,
.tabsection_main .nav-item .nav-link:focus {
    filter: drop-shadow(0 0 4px var(--color4));
    -webkit-filter: drop-shadow(0 0 4px var(--color4))
}

.index_tab {
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    /* background-color: var(--color2);
    border: 2px solid var(--color4);
    border-radius: 5px */
}

.index_tab_content {
	color: #222
}

.tab_bar_tltle {
    color: var(--color4);
    text-shadow: 2px 2px 0 #3e3e3e;
    letter-spacing: 1px
}

.tab_bar_tltle_sec {
    color: var(--color4);
    text-shadow: 2px 2px 0 #3e3e3e
}

.tab_bar_tltle_sec_inner {
	color: var(--color2);
    font-size: 25px;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0
}

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

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

.index_tab_content .game_products_inner .img_normal_product {
	/* background-image: url('/images/templates/Template 4/provider_images/provider_buttonbase/buttonbase.png'); */
    background-size: 100%
}

.index_tab_content .game_products_inner .img_hover_product {
	/* background-image: url('/images/templates/Template 4/provider_images/provider_buttonbase/buttonbase_hover.png'); */
    background-size: 100%
}

/* SPORTS */
.game_products {
	scrollbar-width: thin;
	scrollbar-color: var(--color4) transparent
}

.game_products::-webkit-scrollbar {
	width: 5px;
	height: 5px
}

.game_products::-webkit-scrollbar-track {
    background-color: transparent;
    color: transparent
}

.game_products::-webkit-scrollbar-thumb {
	background-color: var(--color4);
	color: var(--color4);
	border-radius: 10px
}

.game_products::-ms-scrollbar {
	width: 5px;
    height: 5px
}

.game_products::-ms-scrollbar-track-piece {
	background-color: transparent;
    color: transparent
}

.game_products::-ms-scrollbar-thumb {
	background-color: var(--color4);
	color: var(--color4);
	border-radius: 10px
}

.game_products_btntext_slot {
    color: #222;
    background-color: var(--color4);
    width: 100%;
    padding: 5px;
    border-radius: 5px
}

.downloadProducts .downloadItem .download_btn img {
	opacity: 0
}

.game_products_btn {
	border: none;
    background: none;
    margin: 2rem auto 0 0;
    padding: 0
}

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

.game_products_btn:hover {
    filter: drop-shadow(0 0 4px var(--color4));
    -webkit-filter: drop-shadow(0 0 4px var(--color4))
}

.game_products_btn img {
	opacity: 0
}

.game_products_btntext {
	color: #222;
    background: var(--color4);
    width: 100%;
    padding: 5px;
    border-radius: 5px
}

/* LOGIN */
.login_body {
	background-color: var(--color2);
    border: 2px solid var(--color4);
    border-radius: 5px
}

.login-bg {
	/* border: unset;
	background: url('/images/templates/Template 4/login/boxbase-bg.png');
    background-repeat: no-repeat;
    background-size: 100% 330px;
    box-shadow: unset;
    height: 330px; */
}

#loginTab {
	padding: 0 3rem;
}

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

.login_form,
.important-icon {
    color: #222
}

.form-group b {
    color: #222
}

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

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

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

.form-control:focus {
    box-shadow: 0 0 6px 0 #3d3d3d
}

.btn_login {
    color: #222;
    background: var(--color4);
    border: none;
    border-radius: 5px;
    font-weight: 600
}

.btn_login:hover,
.btn_login:active {
	filter: drop-shadow(0 0 4px var(--color4));
	-webkit-filter: drop-shadow(0 0 4px var(--color4))
}

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

/* PROMOTION */
.pmbox {
    color: #222;
    background: var(--color2);
    border: 2px solid var(--color4);
    border-radius: 5px
}

.pmbox:hover,
.pmbox.active {
	background: var(--color4)
}

.promo-bx {
    border: 2px solid var(--color4);
    background-color: var(--color2)
}

.mix {
    display: none
}

.promo-dl img {
    width: 100%
}

.promo-dl-date {
	background-color: var(--color4);
    color: #222;
}

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

.sub-side-nav li {
	color: #222;
    background: var(--color2)
}

.sub-side-nav li:hover,
.sub-side-nav li.active {
    background: var(--color4)
}

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

.sub-side-right {
	border: 2px solid var(--color4);
    background: var(--color2);
    color: #222
}

.sub-side-right strong {
    text-decoration: underline
}

.sub-side-right-title {
	color: var(--color4);
    text-shadow: 2px 2px 0 #3e3e3e;
    border-bottom: 1px solid #222
}

/* FOOTER */
.footer_section {
    background: linear-gradient(to bottom, var(--color6), var(--color7));
    color: var(--color2)
}

.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: var(--color2);
    border-left: 1px solid var(--color2)
}

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

.menu-footer a:hover {
	color: var(--color4);
	text-decoration: underline
}

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

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

.footer-sitemap .sitemap-col .col-label {
    color: #dcb3ac
}

.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 {
    border-radius: 5px;
	/* background: url('/images/templates/Template 4/login_base.jpg'); */
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: var(--color2);
	border: 1px solid var(--color4);
    box-shadow: 0 0 8px 3px var(--color4);
    -moz-box-shadow: 0 0 8px 3px var(--color4);
    -webkit-box-shadow: 0 0 8px 3px var(--color4)
}
	
.game-page-label {
	color: var(--color3);
	border-bottom: 1px solid #A6826C
}

.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: #222;
    border: 2px solid var(--color4);
    background: var(--color2);
    font-weight: 600;
    border-radius: 5px
}

.slot-content .tab-pane .topContent .leftContent .filter-menu-bar .slotbox.active,
.lottery-content .tab-pane .topContent .leftContent .filter-menu-bar .lotterybox.active {
    background: var(--color4)
}

.slot-content .tab-pane .topContent .leftContent .form-group b,
.lottery-content .tab-pane .topContent .leftContent .form-group b {
	color: var(--color2)
}

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

.slot-content .tab-pane .topContent .leftContent .form-group .addGenerate .generateBtn:hover {
	
}

.slot-content .tab-pane .topContent .leftContent .downloadProv .downloadItem .downloadLink button,
.lottery-content .tab-pane .topContent .leftContent .downloadProv .downloadItem .downloadLink button  {
    border: none;
    color: #222;
    background-color: var(--color4);
    border-radius: 5px
}

.slot-content .tab-pane .topContent .leftContent .downloadProv .downloadItem .downloadLink button:hover,
.lottery-content .tab-pane .topContent .leftContent .downloadProv .downloadItem .downloadLink button:hover {
	filter: drop-shadow(0 0 4px var(--color4));
	-webkit-filter: drop-shadow(0 0 4px var(--color4))
}

.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: 2px solid var(--color4);
	border-bottom: none;
	background-color: var(--color2)
}

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

.main-menu li>.megamenu::-webkit-scrollbar {
	background-color: var(--color2)
}

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

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

.highlight {
	color: #A6826C
}

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

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

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

.jackpot-bar .jackpot-amt {
	top: 48%;
    font-size: 3rem;
    color: var(--color2);
    font-style: italic;
    font-family: titanone_regular;
    letter-spacing: 3px
}

/*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: #222;
	border: 2px solid var(--color4);
    background-color: var(--color2)
}

.modal-content .modal-header {
	border: none;
	color: #222;
	background: var(--color4);
	border-radius: 0
}

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

.download_box_column {
    border: 2px solid var(--color4)
}

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

.download_icon {
	color: #222;
    background-image: radial-gradient(circle, #f9d76f, var(--color4));
    border: 2px solid var(--color4)
}

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

.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: 2px 2px 0 #3d3d3d
}

.promoModal .modal-body {
	color: #222
}

.promoModal .modal-body table tbody tr:first-child, 
.promoModal .modal-body table tr:first-child {
    background: linear-gradient(#b49079,#ffd6c5);
    text-align: center;
    color: var(--color2);
    border: 1px solid var(--color3);
}


.promoModal .modal-footer .btn {
	color: #222;
	background-color: var(--color4)
}

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

.promoModal .modal-footer .btn-promo-back:hover {
	background-color: var(--color4)
}

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

#languagemodal .modal-dialog .modal-content ul li:hover a {
	text-decoration: underline
}

.language-content {
	border-bottom: 2px solid #222;
	margin-bottom: 1rem
}

.language-content .language-label {
	height: unset
}

.language-content .language-label .language-icon {
	width: 35px;
	height: 35px
}

.language-content .language-label .language-text {
    color: #222;
    font-size: 1rem;
    font-weight: 600
}

#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: #222;
	background: var(--color2)
}

#restorelistmodal.modal .modal-body .restore_main .restoreListTable .t-row.t-header div {
	color: #222;
    background: var(--color4);
    font-weight: 600
}

#transferplaymodal.modal .modal-header .provider-name {
	font-weight: 600
}

#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 {
	border: 1px solid var(--color4);
    background-color: #f8f9fb;
    color: #222
}

#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: #222;
	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: #222;
	background: var(--color4);
	font-wieght: 600
}

#transferplaymodal.modal .modal-body .provider_main .providerbtn button,
#slotplaymodal.modal .modal-body .provider_main .providerbtn button {
	color: #222;
    border: none;
    background: var(--color4);
    font-weight: 600
}

#transferplaymodal.modal .modal-body .provider_main .providerbtn button:hover,
#slotplaymodal.modal .modal-body .provider_main .providerbtn button:hover {
	filter: drop-shadow(0 0 4px var(--color4));
	-webkit-filter: drop-shadow(0 0 4px var(--color4))
}

#transferplaymodal.modal .modal-body .provider_main .providernotice {
    background: var(--gradient2)
}

#transferplaymodal.modal .modal-body .provider_main .providernotice ul {
    color: #222;
    font-size: 12px
}

.text-error {
	color: #c15151
}

.history-list.dataTable thead {
	background: var(--gradient2)
}

.dataTables_wrapper .history-list.dataTable tr {
	border: none
}

.history-list.dataTable thead tr td {
	color: #222;
	font-weight: 600
}

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

.table-wrapper .dataTables_wrapper .dataTables_length,
.table-wrapper .dataTables_wrapper .dataTables_filter,
.table-wrapper .dataTables_wrapper .dataTables_info,
.table-wrapper .dataTables_wrapper .dataTables_processing,
.table-wrapper .dataTables_wrapper .dataTables_paginate {
	color: var(--color2)
}

.table-wrapper .dataTables_wrapper .dataTables_filter input {
	border: none;
    border-radius: 5px
}

.msgBox-wrap {
	border: 1px solid #A6826C;
	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 #A6826C
}

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

.msgBox-wrap .msgContent .error-btn:hover {
	background: -moz-linear-gradient(#cfcfcf, #929292);
    background: -webkit-linear-gradient(#cfcfcf, #929292);
    background: linear-gradient(#cfcfcf, #929292);
}	

/* Free Credit */
.freecredit-wrap {
    width: 120px;
    height: 130px;
}

.minigame-wrap {
    width: 120px;
    height: 275px;
}

#btn-freecredit-close,
#btn-minigame-close{
 	border: 2px solid #929292;
    color: #929292;
    background-color: transparent;
}

/* popBox*/
#angpowmodal .login-box .login-wrap .login_form_inner {
    background: linear-gradient(#A6826C,#f1bca6);
    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 {
	grid-template-columns: 37% 44% 18% !important;
}

.bonus-wrapper .home-packet .freeCreditList .freeCreditItems .left {
	color: transparent
}

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

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

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

/* FREECREDIT in transfer page */
#angpowTransferAmt {
	background-image: linear-gradient(to bottom, #A6826C 0%, #f1bca6 100%);
    color: var(--color2);
}

.transaction-btn .normalBtn, 
.transaction-btn .angpowBtn {
	background-image: linear-gradient(#d0a9a2, #A6826C);
	color: var(--color2);
}

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

.transactionBtn,
.historyBtn {
	background-color: var(--color2);
    color: #222;
    border: 2px solid var(--color4)
}

.transactionBtn:hover,
.historyBtn:hover {
	background-color: #f1bca6;
	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: #A6826C;
	color: var(--color2)
}

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

/* REWARD POINT */
.rewardPoint { 
    color: #222;
    font-weight: 600;
    text-transform: uppercase
}

.memberPoint-wrap .refreshBtn-box div {
	color: #222
}

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

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

/* REFERRAL PAGE */
.referralChangeTab-btn button {
	background-color: var(--color2);
    color: #222;
    border: 2px solid var(--color4)
}

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

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

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

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

/* referral container  */
.ref-box {
    background: var(--gradient2)
}

.ref-box .ref-logo , 
.ref-box .ref-details {
	color: #222
}

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

.ref-box .referral-code-box .share-btn:hover {
	background-color: #43c700
}

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

/* referral container  */

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

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

/* DOWNLOAD IMG */
.downloadProducts .downloadItem {
	display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.downloadProducts .downloadItem .providerLogo {
	height: unset
}


#upcomingSlider img {
    border: 3px solid #A6826C;
    border-radius: 40px;
    box-shadow: 0 0 6px 0 rgb(133 76 57 / 67%);
}

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

.countdown-widget>div:first-child {
    font-family: cursive;
}
/* 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: #dcb3ac
}

.tour-carousel-item .main-content .detailsBox .desc .btn-moreInfo:hover {
	color: #dcb3ac
}


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

.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: #013b7a;
    text-shadow: 0px 1px #bcc0d3;
    border-bottom: 1px solid var(--color1);
}

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

.ranking-section .boxAction i:hover{
	color: #dcb3ac;
}

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

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

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

.ranking-section .tab-box .title {
    color: #013b7a;
    text-shadow: 0 1px #bcc0d3;
}

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

.rank-list .list-item {
	background: #dcb3ac;
    box-shadow: 2px 3px #b1796f;
    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: #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: #dcb3ac;
    border: 2px solid #dcb3ac;
    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: #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: #dcb3ac;
    border: 2px solid #dcb3ac;
    box-shadow: 2px 2px #888888
}

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

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

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

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

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

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

.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: #dcb3ac;
	color: #dcb3ac
}

.liveScoreWidget .ls-header .filter-select .icon {
    color: #dcb3ac
}

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

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

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

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

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

.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: #dcb3ac;
	color: #dcb3ac
}

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

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

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

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

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

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

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

.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: #dcb3ac;
    border: 2px solid #dcb3ac
}

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

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

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

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

.liveScoreWidget .league-fixture-content .fc-score-details .score-section {
    background: #dcb3ac
}

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

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

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

/* Deposit and Withdraw Page Announcement */
.Announcement-container {
	background-color: var(--color2);
    border: 2px solid var(--color4)
}

.Announcement-container section .announcement-info .announce-bx {
	color: #222;
    border: 2px solid var(--color4)
}
/* Deposit and Withdraw Page Announcement */

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

/* NEW PAGE HEADER */
.header-menu {
	background: transparent
}

.header-menu .menu-top {
	background: var(--color2)
}

.header-menu .menu-bottom {
	background: var(--gradient1);
	border-top: 3px solid var(--color4)
}

.header-menu .logo img {
	margin: 1rem 0
}

.header-menu .login_header a,
.header-menu .login_header a:hover {
	color: #222
}

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

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

.header-menu .main-menu ul li > .megamenu {
	color: #222;
	background: var(--color2);
	border: 3px solid var(--color4)
}

.header-menu .main-menu ul li>.megamenu::-webkit-scrollbar {
	background-color: var(--color2)
}

.header-menu .main-menu ul li>.megamenu::-webkit-scrollbar-thumb {
	background-color: var(--color4);
	color: var(--color4)
}

.header-menu .main-menu .navi-sub-list { 
	color: #222;
    background: var(--color2);
    border: 3px solid var(--color4);
}

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

/* DAILY LOGIN REWARD */

@keyframes lights {
  0% {
    color: #cf8477;
    text-shadow: 0 0 1em #dcb3ac82, 
    	0 0 0.125em rgb(230 191 187 / 67%), 
    	-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(--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:#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(--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 */



/* 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, var(--color4), var(--color4)) border-box;
    box-shadow: 0 0 5px var(--color4);
    color: #222;
}

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

/*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: var(--color4);
    color: #222
}

@-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);
   }
}

.spinwheel-container .errormsg-box {
	margin-top: 20%;
}

.spinwheel-container .msg-box {
    display: flex;
    align-items: center;
    padding: 10px;
    border-radius: 5px;
}

.spinwheel-container .msg-box .error-msg-label {
    font-size: 18px;
    font-weight: bold;
    width: 55%;
    color: var(--color2)
}

.spinwheel-container .msg-box .button-box button {
	padding: 10px;
	border: none;
	font-size: 12px;
	color: var(--color2);
	border-radius: 15px;
	font-weight: bold;
	cursor: pointer;
}

.spinwheel-container .msg-box .button-box .icon { 
    margin-left: 10px;
}

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

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

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

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

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

.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(--color4);
    box-shadow: 0 2px var(--color4);
    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(--color4);
    box-shadow: 0 2px var(--color4)
}

/* provider list search bar */

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

.prov-list-wrap- .gametabcontent- .tabcontent- .search-bar .searchInputBox {
	outline: none;
    border: none;
    background: transparent
}

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

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

.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), var(--color4))
}
/* NEW PROV CAT LIST */

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

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

.player-sidenav {
    color: #222;
    border: 2px solid var(--color4);
    background-color: var(--color2);
}

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

/* info_4 */
.member-info-4- .content-block- {
	border-bottom: 1px solid var(--color4)
}

.member-info-4- .content-block-:last-child {
	border-bottom: none
}
/* info_4 */

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

.freeCreditTransfer-wrap .freeCreditContent {
	margin-top: 35px;
}

.freeCreditTransfer-wrap .transaction-freeCredit-title .freeCreditTitle {
	color: var(--color2);
}