:root {
	--color1: #000; /* black */
	--color2: #fff; /* white */
	--color3: #6a718e;
	--color4: #ffc400;
	--color5: #2e22ac;
	--color6: #ffaf00;
	--color7: #7d7d7d;
	--color8: #bdbdbd;
	--color9: #f8f9fb;
	--color10: #ff9000;
	--filter1: brightness(0) saturate(100%) invert(97%) sepia(65%) saturate(5914%) hue-rotate(325deg) brightness(85%) contrast(86%);
	--gradient1: linear-gradient(black, black) padding-box, linear-gradient(to right, #2f22ac, #e54c9c) border-box;
	--gradient2: linear-gradient(black, black) padding-box, #ffc400 border-box;
	--gradient3: linear-gradient(#8175fa, #2e22ac);
	--gradient4: linear-gradient(#333, #333) padding-box, linear-gradient(to bottom, #2f22ac, #e54c9c) border-box;
	--gradient5: linear-gradient(black, black) padding-box, linear-gradient(to right, #ffc400, #e2ff00) border-box;
	--walOn: #3ec682;
	--walOff: #cd5c5c;
	--important: #ce0f10;
	--ecd_BG: #ffc400;
	--ecd_TXT: #fff;
	--adclose_BTN_RADIUS: 100%;
	--adclose_BTN_BG: #222;
	--adclose_BTN_TXT: #fff;
	
	/* ad_video_1 */
	--ad_video_1_BTN_RADIUS: 5px;
	--ad_video_1_BTN_BG: var(--color4);
	--ad_video_1_BTN_TXT: var(--color1);
	
	/* 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_BG: unset;
	--memberinfo4_SECTION_FONT_WEIGHT: 400;
	
	--memberinfo4_FORM_LABEL_TXT_COLOR: var(--color2);
	--memberinfo4_FORM_INPUT_SELECT_BG: var(--color9);
	--memberinfo4_FORM_INPUT_SELECT_BG_DISABLED: var(--color4);
	--memberinfo4_FORM_INPUT_SELECT_ICON_COLOR: var(--color3);
	--memberinfo4_FORM_INPUT_SELECT_TXT_COLOR: var(--color1);
	--memberinfo4_FORM_INPUT_SELECT_TXT_COLOR_DISABLED: var(--color1);
	--memberinfo4_FORM_INPUT_SELECT_BORDER_COLOR: var(--color1);
	--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 #ffc4005c;
	--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(--color4));
	--memberinfo4_FORM_BTN_SUB_SUBMIT_BG: var(--color3);
	--memberinfo4_FORM_BTN_SUB_SUBMIT_TXT_COLOR: var(--color2);
	--memberinfo4_FORM_BTN_SUB_SUBMIT_RADIUS: var(--memberinfo4_SECTION_BTN_RADIUS);
	--memberinfo4_FORM_BTN_SUB_SUBMIT_HOVER_FILTER: drop-shadow(0 0 4px var(--color3));
	--memberinfo4_FORM_UNDERLINE: inherit;
	--memberinfo4_FORM_IMPORTANT: var(--red);
	
	--memberinfo4_CONTENT_BG: #1e1e1e;
	--memberinfo4_CONTENT_TXT_COLOR: var(--color2);
	--memberinfo4_CONTENT_BOX_SHADOW: 0 0 6px 2px var(--color4);
	--memberinfo4_CONTENT_LBL_TXT_COLOR: var(--color2);
	--memberinfo4_CONTENT_LBL_BULLET: transparent;
	--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: #1e1e1e;
	--memberinfo4_CONTENT_LBL_TABLIST_BG: #2e2e2e;
	--memberinfo4_CONTENT_LBL_TABLIST_ACTIVE_BG: var(--color4);
	--memberinfo4_CONTENT_LBL_TABLIST_TXT_COLOR: var(--color2);
	--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));
	
	/* launchGame_1.css */
	--launchGame1_BG: var(--color1);
	--launchGame1_MAIN_BUBBLE_BG: var(--color4);
	--launchGame1_MAIN_BUBBLE_TXT: var(--color2);
	--launchGame1_MAIN_BUBBLE_BOX_SHADOW: 1px 1px 2px 0 #181818;
	--launchGame1_LOADER_FIRST: var(--color4);
	--launchGame1_LOADER_SECOND: var(--color10);
	
	/* login_2 */
	--login2_CONTENT_COLOR: var(--color2);
	--login2_CONTENT_BORDER: none;
	--login2_CONTENT_BORDER_RADIUS: 10px;
	--login2_CONTENT_BG: var(--color1);
	--login2_CONTENT_BOX_SHADOW: 0 0 6px 0 var(--color4);

	--login2_TABLIST_ITEM_BORDER_RADIUS: 1.25rem;
	--login2_TABLIST_ITEM_BORDER: 2px solid var(--color4);
	--login2_TABLIST_ITEM_COLOR: var(--color2);
	--login2_TABLIST_ITEM_BG: transparent;
	--login2_TABLIST_ITEM_HOVER_BORDER: 2px solid var(--color4);
	--login2_TABLIST_ITEM_HOVER_COLOR: var(--color1);
	--login2_TABLIST_ITEM_HOVER_BG: var(--color4);
	
	--login2_FORM_LABEL_COLOR: var(--color2);
	--login2_FORM_INPUT_COLOR: var(--color1);
	--login2_FORM_INPUT_BORDER: none;
	--login2_FORM_INPUT_BG: var(--color2);
	--login2_FORM_INPUT_BORDER_RADIUS: 1rem;
	--login2_FORM_INPUT_FOCUS_BOX_SHADOW: 0 0 0 .2rem #ffc40059;
	--login2_FORM_BTN_SUBMIT_BORDER_RADIUS: 10px;
	--login2_FORM_BTN_SUBMIT_COLOR: var(--color1);
	--login2_FORM_BTN_SUBMIT_BG: var(--color4);
	--login2_FORM_BTN_SUBMIT_BOX_SHADOW: none;
	--login2_FORM_BTN_SUBMIT_HOVER_COLOR: var(--color1);
	--login2_FORM_BTN_SUBMIT_HOVER_BG: var(--color4);
	--login2_FORM_BTN_SUBMIT_HOVER_BOX_SHADOW: 0 0 6px 2px var(--color4);
	--login2_FORM_BTN_SUBSUBMIT_BORDER_RADIUS: 10px;
	--login2_FORM_BTN_SUBSUBMIT_COLOR: var(--color2);
	--login2_FORM_BTN_SUBSUBMIT_BG: var(--color1);
	--login2_FORM_BTN_SUBSUBMIT_BOX_SHADOW: none;
	--login2_FORM_BTN_SUBSUBMIT_HOVER_COLOR: var(--color2);
	--login2_FORM_BTN_SUBSUBMIT_HOVER_BG: var(--color4);
	--login2_FORM_BTN_SUBSUBMIT_HOVER_BOX_SHADOW: none;
	--login2_FORM_BTN_SUBMIT_DISABLED_COLOR: var(--color2);
	--login2_FORM_BTN_SUBMIT_DISABLED_BG: linear-gradient(to bottom, #aeadaa 5%, #706f6e 100%);
	--login2_FORM_OTP_COLOR: var(--color2);
	--login2_FORM_OTP_BG: #000000b3;
	--login2_FORM_LINK_COLOR: var(--color4);
	--login2_FORM_VISI_ICON_COLOR: var(--color1);
	
	/* Update Password */
	--header_top_BG: var(--color5);
	--t_body_BG: var(--color2);
	--main_profile_title_Color: var(--color3);
	--login_form_Color: var(--color3);
	--login_form_Border: var(--color4);
	--login_form_BoxShadow: var(--color7);
	--login_form_formcontrol_Border: var(--color4);
	--login_form_group_b_Color: var(--color3);
	--login_form_label_b_Color: var(--color1);
	--login_form_group_input_BG: #f8f9fb;
	--update_page_form_group_btn_Color: var(--color2);
	--update_page_form_group_btn_BG: var(--gradient1);
	--update_page_form_group_btn_BoxShadow: var(--color8);
	--update_page_form_group_important_icon_Color: #e0082d;
	--update_page_preloader_BG: #171d22d1;
}


@font-face {
  font-family: 'ocean_rush';
  font-style: normal;
  font-weight: 200;
  src: url('/resources/fonts/ocean_rush_demo.woff') format('woff'),
  		url('/resources/fonts/ocean_rush_demo.woff2') format('woff2'),
  		url('/resources/fonts/ocean_rush_demo.ttf') format('ttf');
} 


/* slidebars */
[canvas=container] {
	background-color: transparent;

}


[off-canvas] {
	background-color: var(--color1);
	color: var(--color2)
}
/* slidebars */

.live_section {
	background-color: var(--color9)
}

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

[off-canvas] {
	color: var(--color3)
}

input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
input[type=url],
select,
textarea {
	color: #666
}

[off-canvas*=left] {
	background-color: var(--color1);
    /* background-image: url('/images/templates/Template%204/sidebar_base.jpg'); */
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 0 0 1rem 0 var(--color4);
    z-index:1;
    transition-duration: 100ms;
}

.js-close-any-slidebar:after {
	content: '';
	box-shadow: inset 5px 0 16px 0 rgba(106,113,142,.44)
}

body.gry {
	background: var(--color2)
}

.bg_spec {
	background: var(--color9)
}

.body_gry {
	background: var(--color9)
}

.body_vip {
	background: var(--color2)
}

.t-body {
	/* background-image: url('/images/templates/Template 4/mobile_background.jpg'); */
	padding: 55px 0 6em
}

#afterlogin_bonus .modal-content {
	background-color: transparent
}

#afterlogin_bonus button.close {
	color: var(--color2)
}

#announcementmodal.modal .modal-header .close{
	opacity: 1.0;
	color: var(--color4);
}

.logo{
	max-width: 160px !important;
    min-width: 120px;
    margin-left: -10px;
}
.bonus_bg {
	background-color: var(--color2);
	/* background: url(../images/index/bonus_bg.png) no-repeat; */
	background-repeat: no-repeat;
	border: 1px solid #cbb698
}

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

.btn_bonus {
	background: linear-gradient(to bottom, #e0d2bc 0, #c5a684 100%);
	color: var(--color2);
	border: 1px solid #c9b69a;
	box-shadow: 0 2px 7px -3px rgba(0,0,0,.58)
}

.header-top {
	background-image: url('/resources/images/NPL123_NPR/bg/bg_3.jpg')
}

.inbox-icon {
	color: #8e8e8e
}

.inbox-icon::after {
	content: '';
	background: #fb0000
}

.title-top {
	color: #414655;
	background: var(--color2)
}

.left-btn {
	color: #8e8e8e
}

.right-btn {
	color: #8e8e8e
}

.right-btn-mail {
	color: var(--color3)
}

.right-btn-1 a {
	color: #414655
}

.nav-icon div,
.nav-icon:after,
.nav-icon:before {
	content: '';
	background-color: var(--color2);
}

.userlogin_name {
	font-weight: 700;
	font-size: 12px;
    color: var(--color2)
}

.left-menu-wrapper hr {
	border-top: 2px solid transparent;
	background: var(--color4);
}

.responsive-menu a {
	color: var(--color2) !important
}

.sidemenu-icon {
	border: 2px solid transparent;
	background: linear-gradient(var(--color1), var(--color1)) padding-box, linear-gradient(to right, #d2f000, #ffc107) border-box;
	box-shadow: 0 0 5px  var(--color4)
}

.sidemenu-icon i {
	color: var(--color2)
}

.sidemenu-icon img {
	width: 25px
}

button#language-menu {
	color: #dcdcdc
}

.dropdown-menu.language {
	background: rgba(0,0,0,.7)
}

.dropdown-menu.language .dropdown-item {
	color: #212121
}

.dstg-video-wrap .dstg-title {
	background: linear-gradient(to right, var(--color4), #ff9000);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: 'ocean_rush' , Arial,sans-serif;
    font-size: 20px;
}

.special-video-check iframe{
	height: 420px;
}

.btn_login {
	color: var(--color1) !important;
    border: 2px solid var(--color4);
    border-radius: 5px;
    background: var(--color4);
}

.btn_reg {
	color: var(--color1) !important;
    border: 2px solid var(--color4);
    background: var(--color4);
    border-radius: 5px;
}

.btn_logout {
	color: var(--color2) !important;
	border: 1px solid #ffb9f5;
	background-image: linear-gradient(#ffb9f5, #b140a1);
	box-shadow: 0 3px 11px -5px rgb(0 0 0 / 58%)
}

.mobile-slider {
	margin: -5px 0 1rem;
    padding: unset;
}

.mobile-slider .carousel-inner {
	/* border: 2px solid transparent;
    background: var(--gradient1); */
    border-radius: 0px;
    width: 100%;
}

.annuuce-wrapper {
	border: 2px solid transparent;
	background: var(--gradient1);
	border-radius: 5px
}

.speaker-icon {
	color: var(--color5)
}

.anouce-msg {
	color: var(--color2)
}

.no-sign {
	color: var(--color3)
}

.pls-sign a {
	color: var(--color3)
}

.slct-wrapper a {
	color: #b8a18b !important
}

.game-sec {
	background-color: transparent
}

.nav-pills.game-nav .nav-link {
	color: var(--color2);
    border: var(--color4) groove 2px;
    background-size: cover;
	
}

.nav-pills.game-nav .nav-link.active,
.nav-pills.game-nav .show>.nav-link {
	background-color: var(--color1);
    box-shadow: 0 0 5px var(--color10);
    border: var(--color10) dotted 2px;
}

.tab-content.game a img {
	/* border: 2px solid transparent; */
/*     background: var(--gradient1) */
}

.menu-btm {
	/* background: linear-gradient(var(--color1), var(--color1)) padding-box, linear-gradient(to right, var(--color4) 60%, #e2ff00) border-box;
    border: 2px solid transparent;
    border-radius: 5px 5px 0 0; */
}

.menu-wrapper {
	box-shadow: 0 -3px 5px 0 rgba(0,0,0,.1);
	align-items: end;
	background: url('/resources/images/NPL123_NPR/bg/bg_3.jpg');
    border: 2px solid transparent;
    border-radius: 5px 5px 0 0
}

.menu-wrapper a,
.menu-wrapper .menu-item {
	color: var(--color2);
	font-weight: 600;
	line-height: 10px
}

.menu-wrapper a.active,
.menu-wrapper .menu-item.active {
	background: linear-gradient(to right, #ff0000, var(--color4));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.announcement_more {
	background-color: var(--color3)
}

.announcement_more a {
	color: var(--color2)
}

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

.btn_acc {
	border: 1px solid #cba98c;
	background: 0 0;
	color: var(--color3)
}

.pmbox {
	color: var(--color2);
    border: solid 2px var(--color4);
    border-radius: 20px;
    box-shadow: 0 0 3px var(--color2);
}

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

.pm-boxer {
	border: 2px solid var(--color4);
	border-radius: 5px;
}

.promo-bx .btn-box .btn:nth-child(odd) {
	color: var(--color2);
    border: 1px solid #b5928c;
    background: linear-gradient(180deg, #fdcdc5, #b5928c);
    box-shadow: 0 3px 11px -5px rgb(0 0 0 / 58%)
}

.promo-bx .btn-box .btn:nth-child(even) {
	color: var(--color2);
    border: 1px solid #72716f;
    background: linear-gradient(180deg, #cfcfcf, #929292);
    box-shadow: 0 3px 11px -5px rgb(0 0 0 / 58%)
}

.date-promo {
	color: var(--color2);
    border: 2px solid var(--color4);
    border-left: none;
    border-radius: 0px 5px 5px 0px;
    background: #000000c9;
}

.date-promo.right {
	border-radius: 5px 0 0 5px;
	border-left: 2px solid var(--color4);
	border-right: none
}

.date-promo i {
	color: var(--color2)
}

.pmbx {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .12);
	color: #626772
}

.prosm-title {
	color: #b1987f
}

.promo-table tr th {
	background: #dcc9b6;
	border: 1px solid #f2f2f2
}

.promo-table tr td {
	background: var(--color2);
	border: 1px solid #f2f2f2
}

.lotto_table span {
	color: var(--color3)
}

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

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

.lotto_table span.promo_table_exclude {
	color: #dc3545
}

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

.promotnccontent ul li::before {
	content: "\2022";
	color: #c3aa8a
}

.promo_collapse {
	border: 1px solid #c2b2e3;
	border-top: none;
	background-color: var(--color2)
}

.promo_collapse .promoDescription {
    border-bottom: 1px solid var(--color3)
}

.promo_collapse .promoDetails table tr td {
	border: 1px solid var(--color3);
	color: var(--color3)
}

.profile-sec {
	background: transparent
}

.profile-sec.contact_spec {
	background-color: transparent
}

.cam.fa-camera {
	background: #cba98c;
	color: var(--color2);
	border: 2px solid var(--color2)
}

.upload.fa-camera {
	background: var(--color9);
	color: var(--color3);
	border: 2px solid var(--color3)
}

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

.vip-lvl {
	background: #e1c8ba;
	color: var(--color2)
}

.plycap {
	color: #acafb9
}

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

.grey a {
	color: var(--color3)
}

.vip-mall {
	background: var(--color2);
	box-shadow: 0 0 5px 0 rgba(0,0,0,.1)
}

.vptitle {
	color: #313e4a
}

.vptitle span {
	color: #c2c5cb
}

.player-wallet-wrapper {
	border-bottom: 2px solid transparent;
	background: var(--gradient5)
}

.player-wallet-wrapper a {
	color: var(--color2) !important
}

.profile-1 {
	background: var(--color2)
}

.profile-2 {
	background: var(--color2)
}

.fund-sec{
	margin-bottom: 20px;
}

#memberAction .profile-2,
.fund-sec .profile-2 {
	background: transparent
}

.rtitle {
	color: #414655
}

.rtitle i {
	color: #8998b4
}

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

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

.wallet-sec {
	background: var(--color2);
	box-shadow: 0 0 5px 0 rgba(0,0,0,.1)
}

.remaining {
	color: #263440
}

.remaining a i {
	color: #d4c2b7
}

.dps-btn {
	background: linear-gradient(to right, #9aa4c2 0, #647095 100%);
	color: var(--color2);
	border: none;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.4)
}

.taowapper a {
	color: #414655
}

.wallet-detail {
	border-top: 1px solid #f3f3f3
}

.wd-caption {
	color: #a5a9b3
}

.wpbox {
	background: #fafbfc;
	box-shadow: 0 0 5px 0 rgba(0,0,0,.1)
}

.walet-wrap {
	color: #414655
}

.wamot {
	color: #d2b79c
}

.walet-wrap .wwb:first-child:after {
	content: "";
	background: #eee
}

.pwbox {
	color: #414655
}

.pamount {
	color: #a5a9b3
}

.provider-wrapper .pwbox:after {
	content: "";
	background: #eee
}

.wtitle h3:before {
	content: "";
	background-image: linear-gradient(180deg, #d5b79d 4%, #f6e8dd)
}

.wtcap {
	color: #d6ac83
}

.wtitle i {
	color: #a5a9b3
}

.wuser-wrapper a {
	color: #878787
}

.norecord {
	color: #adadad
}

.withdraw-sec {
	background: var(--color2)
}

.wallet-money {
	color: #414655
}

.wallet-money i {
	color: #d3b9a0
}

.onebutton {
	color: #d3b9a0
}

.addcard {
	background: var(--color2);
	color: #d2b79c
}

.bind {
	color: #a5a9b3
}

.trans-btm {
	background: var(--color2)
}

.auto-trans {
	color: #414655
}

.btn-toggle {
	border: none;
	color: #6b7381;
	background: #bdc1c8
}

.btn-toggle>.handle {
	background: var(--color2)
}

.btn-toggle.active {
	background-color: #7d87a5
}

.card-sec {
	background: var(--color2)
}

.cardbox input::placeholder,
.cardbox select {
	color: #b5b5b5
}

.notc {
	color: #a5a9b3;
	background: #f8f8f8
}

.cardfirm {
	color: #a5a9b3
}

button.nextbtn {
	background: #ece2d8;
	color: var(--color2)
}

.help-sec {
	color: #b7b7b7
}

.addcard-btn {
	background: var(--color2);
	color: #414655
}

.cardsup {
	color: #a5a9b3
}

.afterloginform.transfer_main .form-group b,
.afterloginform.transfer_amount .form-group b {
	color: var(--color2)
}

.bank-input-wrap label [type=radio]:checked+img {
	border: 1px solid #d2b79c;
	/* background: url(../images/tick.png) no-repeat */
	background-repeat: no-repeat
}

.deposit-sec {
	background: var(--color2)
}

.bank-choice {
	background: var(--color2)
}

.amount-input-wrap label [type=radio]+div {
	border: 1px solid #e4e4e4
}

.amount-input-wrap label [type=radio]:checked+div {
	border: 1px solid #d2b79c;
	color: var(--color2);
	background: linear-gradient(to bottom, #838db4 0, var(--color3) 100%);
	background: -moz-linear-gradient(to bottom, #838db4 0, var(--color3) 100%);
	background: -webkit-linear-gradient(to bottom, #838db4 0, var(--color3) 100%);
	background: -webkit-gradient(to bottom, #838db4 0, var(--color3) 100%)
}

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

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

.messagecenterbody {
	background-color: #f8f8f8
}

.nav-pills.messagemain {
	box-shadow: -1px 2px 4px 0 rgba(186,186,186,.2);
	background-color: var(--color2)
}

.nav-pills.messagemain li.nav-item a {
	color: #c5c5c5
}

.nav-pills.messagemain .nav-link.active {
	background-color: transparent;
	border-bottom: 2px solid #d2b79c;
	color: var(--color1)
}

.nav-pills.messagemain .nav-link.info .info_notiy {
	background: #db6372;
	color: var(--color2)
}

.messagesubtab ul li {
	background-color: var(--color2);
	border-bottom: 1px solid rgba(220,220,220,.2)
}

.messagesubtab ul li .imp {
	border: 1px solid #ff4949;
	color: #ff4949
}

.messagesubtab ul li .title {
	color: #414655
}

.messagesubtab ul li .date {
	color: #a5a9b3
}

.messagesubtab ul li .info_content {
	color: #a5a9b3
}

.messagesubtabread ul {
	background-color: var(--color2)
}

.messagesubtabread ul li {
	border-bottom: 1px solid rgba(220,220,220,.2)
}

.messagesubtabread ul li .title {
	color: #414655
}

.messagesubtabread ul li .date {
	color: #a5a9b3
}

.messagesubtabread ul li .info_content {
	color: #a5a9b3
}

.vipbody {
	background-color: #f8f8f8
}

.vipbg {
	/* background: url(../images/vip/userinfo_bg.png) center no-repeat */
	background-repeat: no-repeat;
	background-position: center
}

.vipghead00 {
	color: #414655
}

.vipfrom {
	background: #d2b79c;
	color: var(--color2)
}

.vipto {
	background: linear-gradient(270deg, #dde1e6, #b9b0b9);
	color: var(--color2)
}

.vipbg .progress {
	box-shadow: -1px 2px 4px 0 rgba(112,112,112,.3)
}

.vipbg .progress .progress-bar-striped {
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, .15) 25%,
		transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%,
		rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.vipbg .progress .progress-bar {
	background-color: #cacaca
}

.currentsaving span {
	color: #9aa4c2
}

.currentsaving .savingamt {
	color: #414655
}

.walletcard-item {
	/* background: url(../images/vip/card_bg.png) center no-repeat */
	background-repeat: no-repeat;
	background-position: center
}

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

.walletcard-item .walletname {
	color: var(--color2)
}

.displaywalletcount {
	color: #9aa4c2
}

.sectionhead {
	box-shadow: -1px 2px 4px 0 rgba(186,186,186,.2);
	background-color: var(--color2)
}

.vipexclusivemain {
	background-color: var(--color2)
}

.vipexclusivelabel:before {
	content: "";
	background: #cbb698
}

.vipexclusive_inner .vipexclusive_amount {
	color: #414655
}

.vipexclusive_inner .vipexclusive_title {
	color: #9aa4c2
}

.vipbonusmain {
	background-color: var(--color2)
}

.vipbonus_inner .vipbonus_amount {
	color: #d2b79c
}

.vipbonus_inner .vipbonus_amount_sec {
	color: #d2b79c
}

.vipbonus_inner .vipbonus_title {
	color: #9aa4c2
}

.vipbonusselect_section {
	background-image: linear-gradient(270deg, #fcfaf7, #f3ede6)
}

.vipbonuslvl {
	color: var(--color2);
	background-image: linear-gradient(90deg, #dccab7, #d2b597)
}

.vipbonusselect select {
	border: 1px solid #d2b79c;
	color: #d2b79c;
	background-color: hsla(0, 0%, 100%, .5);
	background: hsla(0, 0%, 100%, .5)
}

.vipbonusmore_detail {
	color: #b1987f
}

.info-boxer {
	background-color: var(--color2);
	box-shadow: 0 2px 7px -1px rgba(0,0,0,.1)
}

.blog_read {
	background-color: var(--color3)
}

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

.blog_read a {
	color: var(--color2)
}

.blog_paging {
	box-shadow: 0 2px 7px -1px rgba(0,0,0,.1);
	background-color: var(--color2)
}

.info_tab {
	color: var(--color2);
	border: 2px solid transparent;
	background: var(--gradient2)
}

.info_back a {
	color: var(--color3)
}

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

.info_img {
	border: 1px solid #cbb698
}

.contact_main_title {
	background: linear-gradient(to right, var(--color4) 10%, var(--color10));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: 'ocean_rush' , Arial,sans-serif;
}

.contact_inner_title {
    background: var(--color4);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    font-family: 'ocean_rush' , Arial,sans-serif;
}

.back_custom a {
	color: var(--color2)
}

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

table.bankingtable tbody tr td {
	border: 1px solid #cba98c
}

.bankaccordion .card .tncbtn {
	background: -moz-linear-gradient(bottom, #eacdad 0, #c3aa8a 99%);
	background: -webkit-linear-gradient(bottom, #eacdad 0, #c3aa8a 99%);
	background: linear-gradient(to bottom, #eacdad 0, #c3aa8a 99%);
	color: var(--color2)
}

.bankaccordion .card .tncbtn.collapsed {
	background: var(--color2);
	border: 1px solid #cba98c;
	color: var(--color3)
}

.bankaccordion .card-body {
	border: 1px solid #cba98c
}

.tncaccordion .card .tncbtn {
	background: -moz-linear-gradient(bottom, #eacdad 0, #c3aa8a 99%);
	background: -webkit-linear-gradient(bottom, #eacdad 0, #c3aa8a 99%);
	background: linear-gradient(to bottom, #eacdad 0, #c3aa8a 99%);
	color: var(--color2)
}

.tncaccordion .card .tncbtn.collapsed {
	background: var(--color2);
	border: 1px solid #cba98c;
	color: var(--color3)
}

ul#registerTab li a.nav-link,
ul#loginTab li a.nav-link,
ul#forgotPasswordTab li a.nav-link {
	color: var(--color2);
	border: solid 2px var(--color4);
	border-radius: 5px;
}

ul#registerTab li a.nav-link.active,
ul#loginTab li a.nav-link.active,
ul#forgotPasswordTab li a.nav-link.active  {
	background: var(--color4);
}

ul#downloadTab {
	box-shadow: none
}

ul#downloadTab .nav-item {
	box-shadow: none;
	padding-bottom: 5px;
}

ul#downloadTab li a.nav-link {
    color: var(--color2);
    border: solid 2px var(--color4);
    background: transparent;
    border-radius: 20px;
}

ul#downloadTab li a.nav-link.active,
ul#downloadTab li.nav-item.show .nav-link {
    border: solid 2px var(--color4);
    background: var(--color4);
    border-radius: 20px;

}

.download_inner_title_custom {
	color: var(--color2);
	text-shadow: 2px 2px #717171
}

.download_btn_img {
	border-radius: 5px;
	border: solid 2px var(--color4);
}

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

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

.download_box_column {
	border: 1px solid var(--color5);
    -webkit-box-shadow: 0 0 6px 0 rgba(195,184,255,.7);
    -moz-box-shadow: 0 0 6px 0 rgba(195,184,255,.7);
    box-shadow: 0 0 6px 0 rgba(195,184,255,.7)
}

.download_scan {
	background-image: linear-gradient(#eacdad, #c3aa8a)
}

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

.download_table table {
	-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)
}

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

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

.download_pass {
	border: 1px solid #c5ac8c
}

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

.login_form {
	color: var(--color2);
    border: 2px solid transparent;
    border-radius: 5px;
    box-shadow: 0 0 2rem var(--color4);
    /* background-image: url('/images/templates/Template 4/login_base.jpg'); */
    background-repeat: no-repeat;
    background-size: cover;
	background-position: center
}

.login_form .text{
	color: var(--color4);
}

.login_form_inner a {
	color: var(--color4) !important
}

.login_form .form-group img {
	background-color: var(--color2)
}

.forgotText{
	color:var(--color4);
}

.btn_login_page {
	background: var(--color4);
    color: var(--color1);
    font-weight: 600;
}

.btn_login_page:hover {
	-webkit-box-shadow: 0 0 6px 0 rgba(195,184,255,.7);
	-moz-box-shadow: 0 0 6px 0 rgba(195,184,255,.7);
	box-shadow: 0 0 6px 0 rgba(195,184,255,.7)
}

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

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

.contact-mall {
	background: var(--color2);
	box-shadow: 0 4px 6px 1px rgb(0,0,0,.2)
}

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

.contact-wrapper {
    border: 2px solid transparent;
    border-radius: 5px;
    box-shadow: 0 0 1rem var(--color4);
}

.follow {
	color: var(--color2);
	font-family: 'ocean_rush' , Arial,sans-serif;
}

.contact-record-wrapper {
	border-bottom: 2px solid var(--color4);
	background: transparent
}

.contact-info {
	background-color: transparent
}

.contact_spec_wrapper {
	box-shadow: 0 4px 6px -5px rgb(0,0,0,.2)
}

#memberAction .contact_spec_wrapper {
	border-bottom: 1px solid transparent;
    background: var(--gradient5);
}

.vipdetails_btn {
	color: var(--color3);
	border: 1px solid var(--color3);
	background-color: var(--color9)
}

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

.drop a {
	color: var(--color3)
}

.index_login_wallet .wallet-provider {
    color: var(--color2);
	background-color: transparent;
	border-top: 2px solid transparent;
    background: var(--gradient5)
}

.index_login_wallet .transfer-form {
	color: var(--color2);
	background-color: transparent;
	border-top: 2px solid transparent;
    background: var(--gradient1)
}

.dropdown-balance {
	background: rgba(255,255,255,.95);
	color: var(--color3);
	border: 1px solid #b9a78d;
	box-shadow: 0 3px 7px 0 #ccc
}

.platform-item.unlocked {
	color: #3ec682
}

.platform-item.locked {
	color: #cd5c5c
}

.amount-item .btn-quickplay {
    background: var(--color4);
    color: var(--color1);
    font-weight: 600;
}


.amount-item .wpDrop-maintenance { 
    background: #cd5c5ca1;
    color: var(--color2);
}

.amount-item .wpDrop-locked { 
    background: #dc354569;
    color: var(--color2)
}

.balc.unlocked {
	color: #3ec682
}

.balc.locked {
	color: #cd5c5c
}

button.btn-in {
	background: var(--color6);
	color: var(--color1);
	font-weight: 600;
}

button.btn-out {
	background: #eacdad;
    color: var(--color1);
    font-weight: 600;
}

.main_profile_title {
	color: var(--color2);
	font-family: 'ocean_rush' , Arial,sans-serif;
}

.btn-gender .btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
	color: var(--color2);
	background-color: var(--color3);
	border-color: var(--color3)
}

.btn-gender .btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:not(:first-child) {
	background-color: var(--color9)
}

.btn-gender .btn-outline-primary {
	color: var(--color3);
	border-color: var(--color3)
}

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

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

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

.afterlogin-main {
	background-color: var(--color9)
}

.afterlogin_deposit.nav .nav-item .nav-link {
	color: var(--color2);
    border: solid 2px var(--color4);
    border-radius: 5px;
    box-shadow: 0 0 4px var(--color4);
}

.afterlogin_deposit.nav .nav-item .nav-link.active,
.afterlogin_deposit.nav .nav-item .nav-link:hover {
	background: var(--color4);
	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 {
	color: var(--color2);
    border: 2px solid transparent;
    border-radius: 5px;
    box-shadow: 0 0 2rem var(--color4);
}

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

.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 {
	/* background: var(--gradient1); */
    border: 2px solid var(--color4);
	color: var(--color2);
	box-shadow: 0 0 1rem var(--color4);
}

.box-prov ul li a {
	color: var(--color3)
}

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

.box-prov ul li.active,
.box-prov ul li:hover {
	background-image: linear-gradient(to bottom, #838db4 0, var(--color3) 100%);
	border: 1px solid #838db4;
	color: var(--color2)
}

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

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

.form-inline .form-control label {
	color: var(--color3)
}

.btn_history {
	border: 1px solid #e7e7e7;
	background-color: var(--color9);
	color: #b7b7b7
}

.btn_history.active {
	color: var(--color3);
	border: 1px solid var(--color3)
}

.history_table {
	-webkit-box-shadow: 0 0 6px 0 rgb(203, 182, 152, .7);
	-moz-box-shadow: 0 0 6px 0 rgb(203, 182, 152, .7);
	box-shadow: 0 0 6px 0 rgb(203, 182, 152, .7)
}

table.history_table thead {
	background-image: linear-gradient(to bottom, #eacdad 0, #c3aa8a 100%);
	color: var(--color2)
}

table.history_table tbody tr:nth-child(2n) {
	background-color: #f1f1f1
}

table.history_table tbody tr td {
	border-right: 1px solid #c3aa8a
}

.history_green {
	color: #129c80
}

.history_red {
	color: #ff112d
}

.afterlogin_inbox.nav .nav-item .nav-link {
	background: var(--color9);
	color: var(--color3);
	border: 1px solid #c9b69a
}

.afterlogin_inbox.nav .nav-item .nav-link.active,
.afterlogin_inbox.nav .nav-item .nav-link:hover {
	background: linear-gradient(to bottom, #e0d2bc 5%, #c9b69a 100%);
	color: var(--color2);
	border: 1px solid #c9b69a
}

.inbox_tab table {
	-webkit-box-shadow: 0 0 6px 0 rgba(204,203,201,.7);
	-moz-box-shadow: 0 0 6px 0 rgba(204,203,201,.7);
	box-shadow: 0 0 6px 0 rgba(204,203,201,.7)
}

.inbox_tab table tbody tr td .fa-envelope {
	color: #c9b69a
}

.inbox_tab table tbody tr.noread {
	background-color: var(--color3);
	color: var(--color2)
}

.inbox_tab table tbody tr.noread_half {
	background-color: var(--color9)
}

.inbox_tab table tbody tr.noread .min_deposit {
	color: var(--color2)
}

.notification_NOTICE {
	background-color: #99acc4;
	color: var(--color2)
}

.inbox_box_content {
	border-top: 3px solid var(--color3);
	background-color: var(--color2)
}

.inbox_box_back a {
	color: var(--color3)
}

.inbox_box table tbody tr.active,
.inbox_box table tbody tr:hover {
	background-color: var(--color3);
	color: var(--color2)
}

.min_deposit {
	color: #79797975
}

.vip_inner_title {
	color: #cbb698
}

.btn_vip {
	color: var(--color3);
	background-color: var(--color2);
	border: 1px solid #cba98c
}

.slick-slide.slick-current.slick-active .item .btn_vip {
	color: var(--color2);
	background-image: linear-gradient(#f2e2d7, #d7b99f)
}

.profile_bg {
	background-color: var(--color9)
}

.vipaccordion .card .tncbtn {
	background: -moz-linear-gradient(bottom, #eacdad 0, #c3aa8a 99%);
	background: -webkit-linear-gradient(bottom, #eacdad 0, #c3aa8a 99%);
	background: linear-gradient(to bottom, #eacdad 0, #c3aa8a 99%);
	color: var(--color2)
}

.vipaccordion .card .tncbtn.collapsed {
	background: var(--color2);
	border: 1px solid #cba98c;
	color: var(--color3)
}

.vip_table_rules table thead {
	background-color: var(--color3);
	color: var(--color2)
}

.vip_table_rules table tbody tr td {
	border: 1px solid #ccad8d
}

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

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

.error_btn_img {
	filter: drop-shadow(0 3px 1px #cbb697);
	-webkit-filter: drop-shadow(0 3px 1px #cbb697)
}

.buttonback {
	background: var(--gradient5);
	border: 2px solid transparent;
}

.buttonback::before {
	content: "\f106";
	background: linear-gradient(to right, var(--color4), #e2ff00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

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

.lottoTitle {
	color: #cbb698
}

.lotto_main {
	border: 1px solid #bdb09d;
	background-image: linear-gradient(var(--color2), #d0d0d07d)
}

.lotto_ball_out {
	filter: drop-shadow(rgba(0,0,0,.4) 1px 2px 1px)
}

.lotto_balltext {
	color: #cbb698
}

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

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

.toto-result-sec {
	color: #43475a
}

ul.lt-wrap {
	border-bottom: 2px solid #c6ac8c
}

.nav-tabs.lt-wrap .nav-item.show .nav-link,
.nav-tabs.lt-wrap .nav-link.active {
	color: #495057;
	background-color: transparent
}

.prize {
	background-image: linear-gradient(#f2e2d7, #d7b99f)
}

.result-box {
	border: 1px solid #e8e8e8
}

ul.lt-wrap li a.active:after {
	content: "";
	color: #c6ac8c;
	border-top: 0;
	border-right: .7em solid transparent;
	border-bottom: .7em solid;
	border-left: .7em solid transparent
}

.pre_box img {
	border: 1px solid #cbb698
}

#announcement_completed.announcementmodal .close,
#announcement_winner.announcementmodal .close {
	color: var(--color2)
}

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

.record_table {
	background-color: #0c101c;
	border: 2px solid var(--color3);
	color: var(--color2)
}

.record_table_pry:first-child {
	border: 1px solid var(--color2);
	background-color: var(--color1);
	color: var(--color2)
}

.record_table_pry {
	border-bottom: 1px solid var(--color3)
}

.announcementmodal .modal-content {
	background-color: transparent;
	border: none
}

a.pmbox.active {
	color: var(--color2)
}

.predict_box {
	-webkit-box-shadow: 0 0 6px 0 #58534da1;
	-moz-box-shadow: 0 0 6px 0 #58534da1;
	box-shadow: 0 3px 6px 0 #58534d38
}

.howtowin_btn {
	background-image: linear-gradient(#f2e2d7, #d7b99f);
	border: 1px solid #c6ac8c;
	text-shadow: 0 1px 0 #00000059;
	color: var(--color2);
	box-shadow: 0 2px 3px 0 #58534d61
}

.rules_btn {
	background-image: linear-gradient(#99a3cb, var(--color3));
	border: 1px solid #c6ac8c;
	text-shadow: 0 1px 0 #00000059;
	color: var(--color2);
	box-shadow: 0 2px 3px 0 #58534d61
}

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

.endsin:before {
	content: "";
	color: var(--color3);
	border-top: 1px solid var(--color3)
}

.endsin:after {
	content: "";
	color: var(--color3);
	border-top: 1px solid var(--color3)
}

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

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

.vs_head_txt {
	color: #394b61
}

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

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

.vs_score_main {
	background-color: var(--color2);
	box-shadow: 0 0 5px 0 #58534d4a
}

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

.vs_btn_txt {
	color: #394b61
}

#announcement_howtowin .latest_title {
	color: var(--color2)
}

.modal_title_predict {
	color: #e0c4a4
}

.how_to_win_table tr:first-child {
	background-color: #cbb698;
	color: var(--color2)
}

.how_to_win_table tr {
	color: var(--color3)
}

.how_to_win_table tr:first-child td {
	border: none;
	border-right: 1px solid var(--color2)
}

.how_to_win_table tr td {
	border: 1px solid #ccad8d
}

#announcement_howtowin .record_table {
	background-color: var(--color2);
	border: 2px solid var(--color3);
	color: var(--color1)
}

.text-bold {
	color: var(--color3)
}

.txt_max {
	color: #e0c4a4
}

#announcement_rules .latest_title {
	color: var(--color2)
}

#announcement_rules .record_table {
	background-color: var(--color2);
	border: 2px solid var(--color3);
	color: var(--color1)
}

#announcement_howtowin .close,
#announcement_rules .close {
	color: var(--color2)
}

select.countdown_select {
	background: 0 0;
	color: var(--color2)
}

select.countdown_select option {
	color: var(--color1)
}

.text-error {
    color: #c15151
}

.important-icon {
	color: #ff0000;
}

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

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

.tab-content.game .tab-pane .gameCategoryLabel {
	color: var(--color2);
    border-bottom: 1px solid var(--color2)
}

#announceContentList .announce-bx {
	border: 1px solid var(--color4);
}

#announceContentList .announce-bx a .title {
    color: var(--color2)
}

#announceContentList .announce-bx a .title i {
    color: #ff0000
}

#announceContentList .announce-bx .announce_collapse {
	border-top: 1px solid var(--color4);
	color: var(--color2)
}

.member-info-wrapper {
	border: 2px solid var(--color4);
}

.member-info-wrapper .member-info-item .item-icon {
	background: linear-gradient(to right, var(--color4) 30%, #e2ff00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.member-info-wrapper .member-info-item .item-label {
	background: var(--color4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.member-info-wrapper .member-info-item .item-value {
	color: var(--color2)
}

.changePswd-sec {
	border: 2px solid var(--color4);
	box-shadow: 0 0 1rem var(--color4);
}
.changePswd-sec .changePswdContent .chgPswdMobileIdLabel {
	color: var(--color2)
}

.changePswd-sec .changePswdContent .chgPswdMobileIdLabel .underline {
	color: #b140a1;
	border-bottom: 1px solid #b140a1
}

.bank-info-wrapper {
    border: 2px solid var(--color4);
    box-shadow: 0 0 2rem var(--color4);
    color: var(--color2);
}

.bank-info-wrapper .info-item {
	border-bottom: 1px solid transparent;
    background: var(--gradient1);
}

.bank-info-wrapper .info-item .iaccinfo div {
	color: var(--color2)
}

.bank-info-wrapper .info-item .ibtn button {
    background: transparent;
    color: #b140a1
}

.bankSetting-sec .setting-label {
	display: grid;
    grid-template-columns: 35px auto 15px;
    align-items: center;
    padding: 12px 32px;
    box-shadow: 0 4px 6px -5px rgba(0,0,0,.2)
}

.bankSetting-sec .setting-label .sicon {
	color: #414655
}

.bankSetting-sec .setting-label .scaption {
	color: var(--color2)
}

.bankSetting-sec .setting-content {
    border: 2px solid transparent;
    box-shadow: 0 0 2rem var(--color4);
}

.transfer_title_main .toggle-btn .toggle-slider {
    border: 2px solid var(--color4);
}

.transfer_title_main .toggle-btn .toggle-slider:before {
	content: "";
	background: var(--color4);
}

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

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

.transfer_title_main .toggle-btn .toggle-checkbox:checked + .toggle-slider {
	background: var(--color4);
    border: 2px solid var(--color4);
}

.transfer_title_main .toggle-btn .toggle-checkbox:checked + .toggle-slider .on {
	color: var(--color1);
	font-weight:600;
}

.afterloginform .specificUploadBtn .btnDepositReceipt.btnSelect {
	color: var(--color2);
    border: 2px solid var(--color4);
}

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

.history-list .dataTables_wrapper .dataTables_filter label input {
    color: #495057;
    background-color: var(--color9);
    border: 1px solid #ced4da
}

.history-list .dataTables_wrapper .history-table {
	background: var(--color2)
}

.history-list .dataTables_wrapper .history-table thead {
	background-image: linear-gradient(var(--color4), #e2ff00);
    color: var(--color1)
}

.history-list .dataTables_wrapper .history-table .btn-detail {
	color: var(--color2);
    border: none;
    background-color: #7f62f6
}

.history-list .dataTables_wrapper .dataTables_filter {
	color: var(--color2) !important
}

.history-list .dataTables_wrapper .dataTables_paginate .paginate_button {
	color: var(--color2) !important
}

.history-list .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.history-list .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	color: var(--color2) !important;
    border: none !important;
    background: #7f62f6 !important
}

.history-list .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	border: none !important;
	background: transparent !important
}

.history-list .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.history-list .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.history-list .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
	color: #333 !important
}

.loading-panel {
    background-color: rgba(0,0,0,.5)
}

.prov-split .prov-category {
    border-bottom: 1px solid #ff0000;
    color: var(--color2)
}

.prov-split .prov-list .prov-maintenance {
	background: #cd5c5c;
    color: var(--color2)
}

#provgamemodal .prov-img {
    background: var(--color1);
    border-color: var(--color4);
    background-image: url('/resources/images/NPL123_NPR/bg/bg_4.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

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

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

#provgamemodal .prov-btn button:hover {
	filter: brightness(1) drop-shadow(0 0 4px rgba(182,249,255,1))
}

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

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

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

ul#transferTab {
	width: 100%;
    border: none;
    box-shadow: 0 2px 7px -1px rgba(0,0,0,.1)
}

ul#transferTab .nav-item {
	width: 50%;
    box-shadow: 0 2px 6px -4px rgba(0,0,0,.29)
}

ul#transferTab li a.nav-link {
	color: var(--color2);
    border: none;
   /*  background-image: url('/images/templates/Template 4/provider_images/buttonbase.png'); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

ul#transferTab li a.nav-link.active,
ul#transferTab li.nav-item.show .nav-link {
	/* background-image: url('/images/templates/Template 4/provider_images/buttonbase_hover.png'); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.slot-sec .slot-title,
.lottery-sec .lottery-title {
    color: var(--color2)
}

.slot-sec .slotbox,
.lottery-sec .lotterybox {
    color: var(--color2);
    border-radius: 5px;
    border: none;
    /* background-image: url('/images/templates/Template 4/provider_images/buttonbase.png'); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.slot-sec .slotbox.active,
.lottery-sec .lotterybox.active {
    /* background-image: url('/images/templates/Template 4/provider_images/buttonbase_hover.png'); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.slot-sec .slot-content .slot-bx .game-boxer,
.lottery-sec .lottery-content .lottery-bx .game-boxer {
	border-radius: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.slot-sec .slot-content .slot-bx .game-boxer .gameimg,
.lottery-sec .lottery-content .lottery-bx .game-boxer .gameimg {
	border-radius: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border: 2px solid transparent;
    border-bottom: none;
    background: var(--gradient1) 
}

.slot-sec .slot-content .slot-bx .game-boxer .gamename,
.lottery-sec .lottery-content .lottery-bx .game-boxer .gamename {
    color: var(--color2);
    /* background-image: url('/images/templates/Template 4/provider_images/buttonbase_hover.png'); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: var(--color2)
}

.slot-sec .downloadWrapper .downloadContent .downloadLink button {
	border: none;
	border-radius: 5px;
    color: var(--color2);
    background: var(--gradient3);
    filter: drop-shadow(0 3px 1px var(--color5));
    -webkit-filter: drop-shadow(0 3px 1px var(--color5));
}

.back_custom {
	color: var(--color2) !important
}

.modal-dialog .modal-content {
	background: var(--color1)
}

#languagemodal .modal-header,
#profilemodal.modal .modal-header,
.downloadmodal.modal .modal-header,
#payoutmodal.modal .modal-header,
#promomodal.modal .modal-header,
#transferplaymodal.modal .modal-header,
#restorelistmodal.modal .modal-header,
#announcemodal.modal .modal-header,
#viewtypemodal .modal-header,
#moreinfomodal .modal-header,
#playoptionmodal .modal-header {
	color: var(--color2);
	background:var(--color1);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border: 2px solid var(--color4);
    box-shadow: 0 0 5px var(--color4);
    font-family: 'ocean_rush' , Arial,sans-serif;
}

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


#languagemodal .modal-body,
#profilemodal.modal .modal-body,
.downloadmodal.modal .modal-body,
#payoutmodal.modal .modal-body,
#promomodal.modal .modal-body,
#transferplaymodal.modal .modal-body,
#restorelistmodal.modal .modal-body,
#announcementmodal.modal .modal-body,
#viewtypemodal .modal-body,
#moreinfomodal .modal-body,
#playoptionmodal .modal-body {
	background: var(--color1);
    border: 2px solid var(--color4);
    border-top: none;
    box-shadow: 0 0 5px var(--color4);
}

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

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

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

.language-content .language-label .language-icon.icon-USDT {
	/* background-image: url('/images/templates/Template 4/icon_language_international.png') */
}

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

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

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

#payoutmodal.modal .lotto_table table tbody tr td {
	border: 1px solid #ccad8d
}

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

#payoutmodal.modal .lotto_table span {
	color: var(--color3)
}

@keyframes blinkingText { 
	0%{
		color: #dc3545
	} 49% {
		color: #dc3545
	} 60% {
		color: #e2b3b7
	} 99% {
		color: #e2b3b7
	} 100% {
		color: #dc3545
	}
}

#payoutmodal.modal .lotto_table span.lotto_extra {
	color: #dc3545
}

#transferplaymodal.modal .modal-body .provider_main .providerimg {
	border-radius: 0
}

#transferplaymodal.modal .modal-body .provider_main .providerinfo {
	background: var(--gradient1);
    border: 2px solid transparent;
    color: var(--color2)
}

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

#transferplaymodal.modal .modal-body .provider_main .providerautoinfo .msg {
	color: var(--color2)
}

#transferplaymodal.modal .modal-body .provider_main .providerautoinfo .restoreListTable .t-row {
	background-color: var(--color2);
    border-bottom: 1px solid var(--color3)
}

#transferplaymodal.modal .modal-body .provider_main .providerautoinfo .restoreListTable .t-row.t-header {
	background: var(--gradient3);
	border: none
}

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

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

#transferplaymodal.modal .modal-body .provider_main .providerbtn button {
	color: var(--color2);
    border: 1px solid #8175fa;
    background-image: var(--gradient3)
}

#transferplaymodal.modal .modal-body .provider_main .providernotice {
	background: linear-gradient(var(--color1), #1e1e1e) padding-box, linear-gradient(to right, #2f22ac, #e54c9c) border-box;
    border: 2px solid transparent
}

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

#restorelistmodal.modal .modal-body .restore_main .restoreListTable .t-row {
	background-color: var(--color2);
    border-bottom: 1px solid var(--color3)
}

#restorelistmodal.modal .modal-body .restore_main .restoreListTable .t-row.t-header {
    background: var(--gradient3);
	border: none
}

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

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

/* FOR JACKPOT */

.dstg-jackpot-wrap .dstg-jackpot-content {
	color: var(--color2);
    text-align: center;
    font-style: italic;
    top: 75%;
    left: 50%;
    transform: translate(-50%, -75%);
    font-size: 1rem
}

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

/* .jackpot-bar .jackpot-amt {
    top: 45%;
    font-size: 1.4rem;
    color: var(--color2)
} */

/* FOR JACKPOT */

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

#bethistorymodal.modal .modal-body .referralinfo {
	color: var(--color2)
}

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

.memberUpdate-container .header-top .logo img {
	height: 40px
}

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

#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;
}

#angpowmodal .login-box .login-wrap .login_form_inner {
	background: var(--gradient3);
    border: 1px solid #b6f9ff;
}

#angpowmodal .login-box .login-wrap .login_form_inner a,
#moreinfomodal .login-box .login-wrap .login_form_inner a {
	color: var(--color2)!important;
	font-weight:bold;
}

#angpowmodal .popTitle-wrap .popTitle-item,
#moreinfomodal .popTitle-wrap .popTitle-item {
	color: var(--color2);
}

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

.sub-slider-wrapper .title-box {
	color: var(--color2);	
	border-bottom: 2px solid var(--color2)
}

.sub-slider-wrapper .title-box .icon {
	color: #3B5998;
}

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

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

.bonus-wrapper .home-packet .freeCreditList .freeCreditItems .center .title {
	text-transform: uppercase;
    background: var(--color4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bonus-wrapper .home-packet .freeCreditList .freeCreditItems .right .claim-btn {
    box-shadow: var(--color7) 0 2px;
    background: var(--color4);
    color: #222;
}

.bonus-wrapper .home-packet .freeCreditList .freeCreditItems .right .moreInfo-btn {
	color: #555;
}

.transaction-btn .normalBtn {
	background-color: #646164;
    color: var(--color2);
}

.transaction-btn .angpowBtn {
	background-color: var(--color2);
    color: #646164;
}

#angpowTransferAmt {
	background-image: linear-gradient(to bottom, #2f22ac 0%, #e54c9c 100%);
    color: var(--color2);
}

.memberPoint-wrap {
	color: var(--color4); 
	text-shadow:none;
}

/* before login show loginBox */
.bonusList-wrapper .btnBox .claimBtn {
	border: none;
	color: var(--color2);
}

/* FreeCredit in transfer page */
.freeCreditWrapper .transaction-list .claim-credit {
	color: var(--color2);
}

.transactionChangeTab-btn .active, 
.referralChangeTab-btn .active,
.historyChangeTab-btn .active {
	background-image: linear-gradient(to right,var(--color4),#e2ff00);
    color: var(--color1);
}

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

.transaction-list:before {
    background: rgb(0 0 0 / 70%);
}

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

.freeCreditTransfer-wrap .btn_freeCredit_transfer {
	background: var(--color4);
    color: var(--color1);
    border: 1px solid #a18782
}

/* VOUCHER */
.freeCreditTransfer-wrap .transaction-freeCredit-title {
    border-bottom: 2px dashed var(--color8);
    color: var(--color2);
}

#vouchermodal .modal-body .voucherPopContent-wrap .redeemBtn,
.freeCreditTransfer-wrap .transaction-freeCredit-title .redeemBtn,
.freeCreditTransfer-wrap .unClaim_voucher-wrap .redeemBtn {
	background: var(--color4);
	color: var(--color1);
}

.freeCreditList label{
	color: var(--color4);
}
/* VOUCHER */

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

.referralChangeTab-btn button.active {
	background: linear-gradient(to right,var(--color4),#e2ff00);
    color: var(--color1)
}

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

.referralInfo .form-group div{
	color:var(--color4);
}

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

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

.referral-flow-box .title{
	color: var(--color4);
}
/* REFERRAL PAGE */

/* referral container */
.ref-container{
	box-shadow: 0 0 2rem var(--color4);
    border: 2px solid var(--color4);
}	

.ref-row1{
	border-bottom: 1px dashed #f5eebc;
}

.referral-tittle{
	color: var(--color7);
}

.ref-row1-tittle , .ref-row2-tittle {
	color: var(--color2);
}

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

.ref-row1-msg{
	color: var(--color7);
}

.ref-box1 #refCode{
	background: #dadada;
}

.share-btn{
	color: var(--color2);
    box-shadow: 0 0 1rem #ff0000;
    border: 1px solid #ff0000;
}

.ref-wrap .ref-box1 .copyIcon{
	color: var(--color7);
}

/* referral container */

/* ANNOUNCEMENT MODAL */
#announcemodal .announce-item {
    border: 3px solid #ff0000;
    padding: 5px;
    margin-bottom: 10px;
    color: var(--color2);
    background: transparent;
    box-shadow: 0 0 5px #ff0000;
}

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

#announcemodal .announce-item .message {
	display: none;
}
/* ANNOUNCEMENT MODAL */

/* HOME PAGE */
.carousel.pointer-event{
	padding: unset !important;
}

.carousel-inner{
	border-radius: unset !important;
}

.bar_title:after {
	background: linear-gradient(to right, var(--color2), #ff0000)
}

.bar_title .text_game_title {
	background: linear-gradient(to right, var(--color4), var(--color10));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: 'ocean_rush' , Arial,sans-serif;
    font-size: 20px;
}

.floating-banner .close {
	color: var(--color7);
	border: none;
	background-color: transparent;
	opacity: 1 
}

.simple-marquee-box {
	border-radius: 5px !important;
	color: var(--color1)!important;
    border: 2px solid transparent!important;
    background: var(--color4)!important;
}

.simple-marquee-box .marquee-sibling {
    color: var(--color10)!important;
    background-color: var(--color1)!important
}


.simple-marquee-box .marquee-content-items{
	font-weight: 700 !important;
}

.dstg-video-wrap .dstg-title:after{
	background-color: var(--color3)
}
/* HOME PAGE */

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

.btn-modalClose {
    border: none;
    color: var(--color4);
    background-color: transparent
}

#advertisementmodal .modal-content .modal-body{
/* 	box-shadow: 0 0 1rem var(--color4); */
}
/* AD MODAL */

/* LAUNCH GAME PAGE */
.pre-loader {
    background: rgba(0,0,0,.8)
}

.launchGame-navi.show {
    background-color: rgba(0,0,0,.8)
}

.launchGame-navi .drag-label {
	background: var(--gradient1);
    border: 2px solid transparent
}

.launchGame-navi.show .drag-label {
    background: var(--gradient1);
    border: 2px solid transparent
}

.launchGame-navi .drag-label:before,
.launchGame-navi .drag-label div,
.launchGame-navi .drag-label:after {
	background: linear-gradient(to right, #2f22ac, #e54c9c)
}

.launchGame-navi.show .drag-label:before,
.launchGame-navi.show .drag-label div,
.launchGame-navi.show .drag-label:after {
	background: linear-gradient(to right, #2f22ac, #e54c9c)
}

.launchGame-navi .drag-item li {
	background: var(--gradient1);
    border: 2px solid transparent
}
/* LAUNCH GAME PAGE */

/* SEO CONTENT */
.seo-content {
	display: none;
    padding: 1rem;
    max-height: 400px;
    border-radius: 10px;
    overflow-y: scroll;
    background: var(--gradient1);
    border: 2px solid transparent
}

.seo-content.show {
	display: block;
	color: var(--color2);
}

.seo-content a {
	color: #007bff
}

.seo-content h4{
	color: var(--color3);
}
/* SEO CONTENT */

/* VIEW TYPE MODAL */
#viewtypemodal.modal .modal-dialog .view-type-content,
#demoviewtypemodal.modal .modal-dialog .view-type-content,
#selectviewtypemodal.modal .modal-dialog .view-type-content{
	background: var(--color1);
}

#viewtypemodal .modal-dialog .view-type-content .modal-body .btn-DesktopView,
#viewtypemodal .modal-dialog .view-type-content .modal-body .btn-MobileView,
#demoviewtypemodal .modal-dialog .view-type-content .modal-body .btn-DesktopView,
#demoviewtypemodal .modal-dialog .view-type-content .modal-body .btn-MobileView,
#selectviewtypemodal .modal-dialog .view-type-content .modal-body .btn-DesktopView,
#selectviewtypemodal .modal-dialog .view-type-content .modal-body .btn-MobileView {
    background: linear-gradient(#8175fa,var(--color5));
    color: var(--color2);
    border: 1px solid #8175fa;
}

#viewtypemodal .modal-dialog .view-type-content .modal-body .btn-DesktopView:hover,
#viewtypemodal .modal-dialog .view-type-content .modal-body .btn-DesktopView:focus,
#viewtypemodal .modal-dialog .view-type-content .modal-body .btn-DesktopView:active,
#demoviewtypemodal .modal-dialog .view-type-content .modal-body .btn-DesktopView:hover,
#demoviewtypemodal .modal-dialog .view-type-content .modal-body .btn-DesktopView:focus,
#demoviewtypemodal .modal-dialog .view-type-content .modal-body .btn-DesktopView:active,
#selectviewtypemodal .modal-dialog .view-type-content .modal-body .btn-DesktopView:hover,
#selectviewtypemodal .modal-dialog .view-type-content .modal-body .btn-DesktopView:focus,
#selectviewtypemodal .modal-dialog .view-type-content .modal-body .btn-DesktopView:active,
#viewtypemodal .modal-dialog .view-type-content .modal-body .btn-MobileView:hover,
#viewtypemodal .modal-dialog .view-type-content .modal-body .btn-MobileView:focus,
#viewtypemodal .modal-dialog .view-type-content .modal-body .btn-MobileView:active,
#demoviewtypemodal .modal-dialog .view-type-content .modal-body .btn-MobileView:hover,
#demoviewtypemodal .modal-dialog .view-type-content .modal-body .btn-MobileView:focus,
#demoviewtypemodal .modal-dialog .view-type-content .modal-body .btn-MobileView:active,
#selectviewtypemodal .modal-dialog .view-type-content .modal-body .btn-MobileView:hover,
#selectviewtypemodal .modal-dialog .view-type-content .modal-body .btn-MobileView:focus,
#selectviewtypemodal .modal-dialog .view-type-content .modal-body .btn-MobileView:active {
	box-shadow: 0 0 6px 0 rgb(195 184 255 / 70%);
}
/* VIEW TYPE MODAL END*/

/* countdown-widget */
.mobile-countdown-widget>div {
	background: linear-gradient(#2f22ac, #e54c9c);
	color: var(--color2);
}
/* 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 .bottom,
.flip-card .bottom-flip {
	background-color: var(--color2);
}
/* flip card animation */

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

.tournament_main .main-content .countdown-container .container-segment .segment-title {
	background: linear-gradient(to right, #2f22ac, #e54c9c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

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

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

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

.tour-carousel-item .main-content .countdown-container .container-segment .segment-title {
	background: linear-gradient(to right, var(--color4) 50%, #ff0000);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

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

.tour-carousel-item img {
	height: 235px;
}

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

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

/* tournament carousel */

/* tournament list */
.tournament-section .label{
	color:var(--color2);
}

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

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

.tournament-section .title {
	color: #013b7a;
	border-bottom: 1px solid #2f22ac;
    background: linear-gradient(to right, var(--color4) 30%, #e2ff00);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    font-family: 'ocean_rush' , Arial,sans-serif;
}

.tournament-section .title span {
    border-bottom: 3px solid #e2ff00;
}

.tournament-section .title .total { 
    background: #fcb913;
   	color: var(--color2)f;
   	-webkit-text-fill-color: var(--color2)
}

.tournament-section .tournament-bx {
    border: 2px solid transparent;
    box-shadow: 0 0 1rem var(--color4);
    
}

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

.tournament-section .tournament-bx.bx-1 .box-content .name,
.tournament-section .tournament-bx .box-content .date {
    color: var(--color2)
}

.tournament-section .tournament-bx.bx-2 img {
    background: linear-gradient(to right, var(--color4), #e2ff00)
}

.tournament-section .tournament-bx.bx-2 .box-content {
	color: var(--color2)
}
/* tournament list */

/* ranking list */
.ranking-section .section-title{
	color: #013b7a;
    border-bottom: 3px solid #e2ff00;
    background: linear-gradient(to right, var(--color4) 30%, #e2ff00);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    font-family: 'ocean_rush' , Arial,sans-serif;
}

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

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


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

.ranking-section .rank-tab li {
    color: var(--color2);
    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: var(--color4);
    text-shadow: 0 1px #bcc0d3;
}

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

.rank-list .list-item:nth-child(1),
.rank-list .list-item:nth-child(2),
.rank-list .list-item:nth-child(3){
	background: #f8f3d5;
    border: 3px solid var(--color4);
    box-shadow: 2px 3px #ffcc45;
}

.rank-list .list-item:nth-child(4),
.rank-list .list-item:nth-child(5){
	color: var(--color3);
    background: #f0f0f0;
    border: 3px solid var(--color3);
    box-shadow: 2px 3px #5b6169;
}

.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 {
    font-size: 1rem;
    text-align: center;
}

.winnerList .nav-tabs {
    border: none
}

.winnerList .nav-tabs .nav-item .nav-link {
    color: var(--color2);
	border: 2px solid transparent;
	background: var(--gradient1)
}

.winnerList .nav-tabs .nav-item .nav-link.active,
.winnerList .nav-tabs .nav-item .nav-link:hover {
	background: linear-gradient(to right, #2f22ac, #e54c9c) padding-box, linear-gradient(to right, #2f22ac, #e54c9c) border-box
}

.winnerList .winner-boxes .groupList .tournament_name {
    color: var(--color2);
    text-shadow: 0px 1px #bcc0d3
}

.winnerList .winner-boxes .groupList .rankingList .winner-bx .details {
    color: var(--color2);
	background: var(--gradient1);
	border: 3px solid transparent;
    box-shadow: 2px 3px #5b6169
}

.winnerList .winner-boxes .groupList .rankingList .winner-bx:nth-child(1) .details,
.winnerList .winner-boxes .groupList .rankingList .winner-bx:nth-child(2) .details,
.winnerList .winner-boxes .groupList .rankingList .winner-bx:nth-child(3) .details {
    background: linear-gradient(to right, #2f22ac, #e54c9c) padding-box, linear-gradient(to right, #2f22ac, #e54c9c) border-box
}

.winnerList .winner-boxes .groupList button {
    color: var(--color2);
    border: none;
    background: transparent
}
/* ranking list */

/* tournament modal */
#tournamentmodal .modal-content .modal-header {
	background: unset;
    border-bottom: unset;
}

#tournamentmodal .modal-header .close {
	color: var(--color4);
}

#tournamentmodal .modal-dialog .modal-content {
	color: var(--color2);
    border: 5px solid transparent;
    box-shadow: 0 0 2rem var(--color4);
}

#tournamentmodal .popTitle-wrap {
	color: var(--color2)
}

#tournamentmodal .popTitle-wrap .upperTitle {
	background: linear-gradient(to right, var(--color4) 30%, #e2ff00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

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

#tournamentmodal .btn-box button {
    color: var(--color2);
    border: none;
    background: var(--color4);
    box-shadow: 0 0 8px var(--color2);
}

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

#tournamentmodal hr {
    border-top: 2px solid transparent;
    background: var(--gradient5);
}

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

#tourrankingmodal .modal-content {
	color: var(--color2);
    border: 5px solid transparent;
    box-shadow: 0 0 2rem var(--color4);
}

#tourrankingmodal .modal-header {
	background: unset
}

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

#tourrankingmodal .modal-header .popTitle-wrap {
	color: var(--color2)
}

#tourrankingmodal hr {
	border-top: 2px solid transparent;
    background: var(--gradient5)
}

#tourrankingmodal .upperTitle {
   	background: linear-gradient(to right, var(--color4) 30%, #e2ff00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

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

#tourrankingmodal .rank-title button {
    color: var(--color2);
    border: none;
    background: var(--color4);
    box-shadow: 0 0 8px var(--color2);
}

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

#tourrankingmodal .tournament-rank .rank-item {
    color: var(--color2);
	background: var(--gradient5);
	border: 3px solid transparent;
    box-shadow: 2px 3px #5b6169
}

#tourrankingmodal .tournament-rank .rank-item:nth-child(1),
#tourrankingmodal .tournament-rank .rank-item:nth-child(2),
#tourrankingmodal .tournament-rank .rank-item:nth-child(3) {
    background: linear-gradient(to right, var(--color4), #e2ff00) padding-box, linear-gradient(to right, var(--color4), #e2ff00) border-box
}
/* tournament modal */
/* TOURNAMENT */

/* register page */

.register-box .reg-progress .label {
	color: var(--color2);
    border: 2px solid transparent;
    background: var(--gradient5);
	transition: .3s;
}

.register-box .reg-progress .label.is-acted {
	color: var(--color1);
    border: 0.5px solid transparent;
    background: linear-gradient(to right, var(--color4) 50%, #e2ff00) padding-box;
    transition: .3s;
}

.register-box .reg-progress .progressBar-check{
	background:var(--color2);
}

.register-box .reg-progress .progressBar {
	background: rgba(207,207,207,1);
	transition: .3s;
}

.register-box .reg-progress .progressBar.is-acted {
	background: var(--color4);
	transition: .3s;
}

.register-box .register-form .form-input .form-control,
.mobile-register-box .form-input .form-control {
	border: 1px solid var(--color5);
}

.register-box .register-form .form-separate .input-separate .form-input .select-input {
	background: var(--color2);
	border: 1px solid var(--color5);
}

/* register page */

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

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

.liveScoreWidget {
	border: 2px groove transparent;
    background: var(--gradient5);
    box-shadow: 0 0 1rem var(--color4);
}

.liveScoreWidget .ls-header {
    background: var(--color1)
}

.liveScoreWidget .ls-header .h-top {
    border-bottom: 1px solid transparent;
    background: var(--gradient5);
}

.liveScoreWidget .ls-header .h-top .filter-select {
    color: var(--color2)
}

.liveScoreWidget .ls-header .h-top .league-- {
    color: var(--color2)
}

.liveScoreWidget .ls-header .h-top .league-- .sub {
    color: var(--color8)
}

.liveScoreWidget .ls-header .h-bottom .h-dateOption li button {
    color: var(--color2);
    background: linear-gradient(to bottom, var(--color1), var(--color1)) padding-box, var(--color4) border-box;
    border: 2px solid transparent
}

.liveScoreWidget .ls-header .h-bottom .h-dateOption li button.active {
    background: linear-gradient(to bottom, var(--color1), var(--color1)) padding-box, linear-gradient(to bottom, var(--color10), #ff0000) border-box
}

.liveScoreWidget .ls-header .h-bottom .h-dateOption .cal-- {
	color: var(--color2)
}

.liveScoreWidget .ls-header .h-search {
    background: #222
}

.liveScoreWidget .ls-header .h-search .field-- .input {
    color: #222;
    background: linear-gradient(var(--color2), var(--color2)) padding-box, linear-gradient(to right, #2f22ac, #e54c9c) border-box;
    border: 2px solid transparent
}

.liveScoreWidget .ls-header .h-search .field-- .icon {
    color: #e54c9c
}

.liveScoreWidget .ls-header .h-search .field-- select::-webkit-scrollbar-track {
	background-color: var(--color7);
    color: var(--color7)
}

.liveScoreWidget .ls-header .h-search .field-- select::-webkit-scrollbar-thumb {
	background-color: #e54c9c;
	color: #e54c9c
}

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

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

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

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

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

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

.liveScoreWidget .league-fixture-list .layer::-webkit-scrollbar-thumb {
	background-color: #e54c9c;
	color: #e54c9c
}

.liveScoreWidget .league-fixture-list .fixture-drop {
    background: transparent;
    border: 2px solid #ff0000;
    box-shadow: 0 0 5px 0 #ff0000;
}

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

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

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

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

.liveScoreWidget .league-fixture-content .fc-label {
   	color: var(--color1);
    background: linear-gradient(to right, var(--color4), #e2ff00);
}

.liveScoreWidget .league-fixture-content .fc-back {
	background: var(--gradient1);
    border: 2px solid transparent;
    border-bottom: none
}

.liveScoreWidget .league-fixture-content .fc-back button {
    border: none;
    color: var(--color2);
    background: #e54c9c
}

.liveScoreWidget .league-fixture-content .fc-main {
	background: var(--gradient2);
    border: 2px solid transparent;
    border-top: none
}

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

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

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

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

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

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

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

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

.liveScoreWidget .league-fixture-content .fc-info .info-row .info-column span:first-child {
    color: #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: var(--gradient4);
    border: 2px solid transparent;
}

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

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

/* HOT GAME */
.hot-games-wrap{
	padding-bottom: 20px;
}

.hot-games-wrap .subSlider-wrapper .lSSlideOuter .lSSlideWrapper .lSAction i{
	font-size: 32px;
}
/* HOT GAME */

/* TOTAL WALLET BALANCE */
.dropdown-main-wallet:after {
	border-bottom: 1px solid var(--color2)
}

.dropdown-main-wallet .mainWalletArea button {
	color: var(--color2);
	border: none;
	background: 0 0
}

.summary-wrapper .amount-item .fa-tools {
	color: #cd5c5c;
    background: 0 0
}
/* TOTAL WALLET BALANCE */

/* PRELOADER */
#preloader {
	background-color: #171d22d1
}
/* PRELOADER */
/* LIVE SCORE */

/* Deposit and Withdraw Page Announcement */

.announcement-container{
	border: 2px solid var(--color4);
    background: transparent;
    color: var(--color2);
    box-shadow: 0 0 1rem var(--color4);
}

/* Deposit and Withdraw Page Announcement */

/* memberUpdatePassword */
.main_profile_right .row .main_profile_title,
.update-label .col-form-label {
	color: #1c0734
}

#update_submitbtn {
	background: var(--color4);
	color: var(--color1)
}
/* memberUpdatePassword */

/* FIX FOOTER */
.fix-footer .traceAmt {
	color: var(--color2);
    background: var(--color1)
}
/* FIX FOOTER */

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

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

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

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

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

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

.footer-sitemap .sitemap-col .col-img{
	justify-content: center;
}

.footer-sitemap .sitemap-col .col-img img.s2{
	max-width: 78px;
}
/* FOOTER SITEMAP */

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

/* TUTORIAL PAGE */
.tutorial-wrap .tutorial-title {
    color: #0088ff 
}

.tutorial-wrap .tutorial-video iframe {
	min-height: 500px
}
/* TUTORIAL PAGE */

/* 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-details-wrap{
	background-color: #f7e0dd;
	color:var(--color3);
}

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

.daily-reward-container{
	/* background-image: url('/images/templates/Template 4/dailyCheckInReward/DT_DMM_BG_T4_Mobile.png'); */
    background-size: 350px 290px;
    background-repeat: no-repeat;
    background-position: center;
}

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

.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-selector .spin-selector-box {
	border: 3px solid transparent;
    background: linear-gradient(#150239, #50275d) padding-box, linear-gradient(to right, var(--color4), var(--color4)) border-box;
    box-shadow: 0 0 5px #dcb3ac;
    color: var(--color1);
}

.spinwheel-container .spin-selector .spin-selector-box:hover,
.spinwheel-container .spin-selector .spin-selector-box:active,
.spinwheel-container .spin-selector .spin-selector-box:focus{
	border: 3px solid transparent;
    background: linear-gradient(#150239, #50275d) padding-box, linear-gradient(to right, var(--color4), 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: var(--color4);
    color: var(--color1)
}

@-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 .msg-box .error-msg-label {
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	color: var(--color2)
}

.spinwheel-container .msg-box .button-box {
	text-align: center;
    margin-top: 10px;
}

.spinwheel-container .msg-box .button-box button {
	border: none;
    border-radius: 5px;
    padding: 10px 15px;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    background: linear-gradient(180deg,rgb(208 179 91) 0%,rgb(140 105 1) 100%);
    color: var(--color2);
}

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

.btn-box .claimed-reward:focus,
.btn-box .claimed-reward:active,
.btn-box .claimed-reward:hover,
.btn-box .btn-history:focus,
.btn-box .btn-history:active,
.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 #ffc107;
  }
  20% {
	box-shadow: 0 0 10px 2px var(--color4);
  }
  40% {
	box-shadow: 0 0 15px 2px #bd9202;
  }
  60% {
	box-shadow: 0 0 20px 2px #bd9202;
  }
  80% {
	box-shadow: 0 0 15px 2px var(--color4);
  }
  100% {
	box-shadow: 0 0 5px 2px #ffc107;
  }
}

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


/*PROMO GROUP*/

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

/* decorator navi */

.tab-content .tab-pane .gwrap_4 .prov-tab-wrap .locked{
   	background-color: rgb(195 195 195 / 85%);
}

.tab-content .tab-pane .gwrap_4 .prov-tab-wrap .loading{
   	background-color: rgb(195 195 195 / 85%);
}

.tab-content .tab-pane .gwrap_4 .prov-tab-wrap .locked .wrap{
	color:#484848;
}

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

.slot-content .slot-bx .loading .wrap,
.lottery-content .lottery-bx .loading .wrap{
	line-height:104px;
}

.slot-content .slot-bx .loading img,
.lottery-content .lottery-bx .loading img{
	width: 35px;
}

.slot-content .slot-bx .locked,
.lottery-content .lottery-bx .locked{
   	background-color: rgb(0 0 0 / 85%);
}
/*END OF PROMO GROUP*/

/* NEW PROV CAT LIST */
#playoptionmodal .content- button {
    color: var(--color2);
    text-shadow: 1px 1px 2px var(--color1);
    background: var(--color4);
    border-color: var(--color6);
    box-shadow: 0 2px var(--color6)
}

.provgamelist- {
    background: var(--color1)
}

.provgamelist- .top-lbl- button {
    color: var(--color2);
    background: linear-gradient(var(--color4), var(--color6));
    border-color: var(--color6)
}

.provgamelist- .gamelist- .gamelist-lbl- .prov-filter-list- button {
    color: var(--color2);
    text-shadow: 1px 1px 2px var(--color1);
    background: var(--color1);
    border-color: var(--color4);
    box-shadow: 0 2px var(--color4);
}

.provgamelist- .gamelist- .gamelist-lbl- .prov-filter-list- button.active {
	background: var(--color4);
    border-color: var(--color6);
    box-shadow: 0 2px var(--color6)
}

/* provider list search bar */
.provgamelist- .gamelist- .gamelist-content- .search-bar{
    border: 1px solid var(--color4);
    color: var(--color4);
    background: var(--color2);
}

.provgamelist- .gamelist- .gamelist-content- .search-bar .searchInputBox{
    background: transparent;
    color: var(--color1);
}

/* provider list search bar */

.provgamelist- .gamelist- .gamelist-content- .gamelist-wrap- .provItem- .prov-img- {
    border-color: var(--color4)
}

.provgamelist- .gamelist- .gamelist-content- .gamelist-wrap- .provItem- .prov-img- .locked- {
    color: #fdb354;
    border-color: #fdb354;
    background: #000000c7
}

.provgamelist- .gamelist- .gamelist-content- .gamelist-wrap- .provItem- .prov-name- {
    color: var(--color2);
    background: linear-gradient(var(--color4), var(--color6))
}

.provgamelist- .gamelist- .gamelist-content- .usrpswd-field- .input- input {
    border-color: var(--color4);
    background: #f7f7f7
}

.provgamelist- .gamelist- .gamelist-content- .usrpswd-download- .down-item .lbl {
    color: var(--color2);
    background: linear-gradient(var(--color4), var(--color6))
}

.homeprovlist- .tablist- ul li {
    color: var(--color2);
    border: var(--color4) groove 2px;
    background-size: cover;
}

.homeprovlist- .tablist- ul li.active {
    background-color: var(--color1);
    box-shadow: 0 0 5px #ff9000;
    border: #ff9000 dotted 2px;
}

.homeprovlist- .tabcontent- .provItem- img {
    background: transparent;
}

.homeprovlist- .tabcontent- .provItem- .maintenance- {
    color: #fd5454;
    border-color: #fd5454;
    background: #000000c7
}

.homeprovlist- .tabcontent- .provItem- .locked- {
    color: #fdb354;
    border-color: #fdb354;
    background: #000000c7
}

.homeprovlist- .tabcontent- .provItem- .btn-prov-click{
	background: 0;
}
/* NEW PROV CAT LIST */

/* Info page navi bar */
.navi-bar-container .navi-bar-content {
    color: var(--color2);
    border: 2px solid transparent;
    background: var(--gradient2);
}

.navi-bar-container .navi-bar-content .navi-item.active {
    background: var(--color4);
}
/* Info page navi bar */

/* tutorial */
.tutorial-item:first-of-type .tutorial-video{
	max-height: 500px;
    margin-top: -250px;
}

.tutorial-video{
	margin-top: -80px;
    max-height: 650px;
}
/* tutorial */

/* info_4 */
.member-info-4- .content-lbl-block- .content-lbl- {
	font-family: 'ocean_rush' , Arial,sans-serif
}
/* info_4 */

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

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

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

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

.advideomodal-1- iframe{
	min-height: 400px !important;
}

.advideomodal-1- .modal-header .btn-adclose{
	display: none !important;
}

.advideomodal-1- .btn-adclose{
	display: flex;
    position: absolute;
    left: 80%;
    margin-left: auto;
    width: fit-content;
    height: fit-content;
    padding: 1px 10px;
    font-size: 1.2rem;
    border: 0;
    border-radius: var(--ad_video_1_BTN_RADIUS);
    background: var(--ad_video_1_BTN_BG);
    color: var(--ad_video_1_BTN_TXT);
}