:root {
	--color1: #000; /* black */
	--color2: #fff; /* white */
	--color3: #6a718e;
	--color4: #ffc400;
	--color5: #2e22ac;
	--color6: #ffaf00;
	--color7: #7d7d7d;
	--color8: #bdbdbd;
	--color9: #f8f9fb;
	--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;
	--walOn: #3ec682;
	--walOff: #cd5c5c;
	--important: #ce0f10;
	--ecd_BG: #ffc400;
	--ecd_TXT: #fff;
	--hgs_ACTION_BTN: #ffc400; /* hotGames_2 */
	--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_PADDING: unset;
	--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));

	/* login_1 */
	--login1_CONTENT_COLOR: var(--color2);
	--login1_CONTENT_BORDER: none;
	--login1_CONTENT_BORDER_RADIUS: 10px;
	--login1_CONTENT_BG: var(--color1);
	--login1_CONTENT_BOX_SHADOW: 0 0 6px 0 var(--color4);
	
	--login1_TABLIST_ITEM_BORDER_RADIUS: 1rem;
	--login1_TABLIST_ITEM_BORDER: 2px solid var(--color4);
	--login1_TABLIST_ITEM_COLOR: var(--color2);
	--login1_TABLIST_ITEM_BG: transparent;
	--login1_TABLIST_ITEM_BOX_SHADOW: none;
	--login1_TABLIST_ITEM_HOVER_BORDER: 2px solid var(--color4);
	--login1_TABLIST_ITEM_HOVER_COLOR: var(--color1);
	--login1_TABLIST_ITEM_HOVER_BG: var(--color4);
	--login1_TABLIST_ITEM_HOVER_BOX_SHADOW: none;
	
	--login1_FORM_LABEL_COLOR: var(--color2);
	--login1_FORM_INPUT_COLOR: var(--color1);
	--login1_FORM_INPUT_BORDER: none;
	--login1_FORM_INPUT_BG: var(--color2);
	--login1_FORM_INPUT_BORDER_RADIUS: 1rem;
	--login1_FORM_INPUT_FOCUS_BOX_SHADOW: 0 0 0 .2rem #ffc40059;
	--login1_FORM_BTN_SUBMIT_BORDER_RADIUS: 10px;
	--login1_FORM_BTN_SUBMIT_COLOR: var(--color1);
	--login1_FORM_BTN_SUBMIT_BG: var(--color4);
	--login1_FORM_BTN_SUBMIT_BOX_SHADOW: none;
	--login1_FORM_BTN_SUBMIT_HOVER_COLOR: var(--color1);
	--login1_FORM_BTN_SUBMIT_HOVER_BG: var(--color4);
	--login1_FORM_BTN_SUBMIT_HOVER_BOX_SHADOW: 0 0 6px 2px var(--color4);
	--login1_FORM_BTN_SUBSUBMIT_BORDER_RADIUS: 10px;
	--login1_FORM_BTN_SUBSUBMIT_COLOR: var(--color2);
	--login1_FORM_BTN_SUBSUBMIT_BG: var(--color1);
	--login1_FORM_BTN_SUBSUBMIT_BOX_SHADOW: none;
	--login1_FORM_BTN_SUBSUBMIT_HOVER_COLOR: var(--color1);
	--login1_FORM_BTN_SUBSUBMIT_HOVER_BG: var(--color4);
	--login1_FORM_BTN_SUBSUBMIT_HOVER_BOX_SHADOW: none;
	--login1_FORM_BTN_SUBMIT_DISABLED_COLOR: var(--color2);
	--login1_FORM_BTN_SUBMIT_DISABLED_BG: linear-gradient(to bottom, #aeadaa 5%, #706f6e 100%);
	--login1_FORM_OTP_COLOR: var(--color2);
	--login1_FORM_OTP_BG: #000000b3;
	--login1_FORM_LINK_COLOR: var(--color4);
	--login1_FORM_VISI_ICON_COLOR: var(--color1);
	
	/* Update Password */
	--header_menu_BG: var(--color5);
	--afterlogin_form_BG: var(--color11);
	--main_profile_right_Color: var(--color5);
	--main_profile_right_BoxShadow: var(--color6);
	--update_body_name_Border: var(--color4);
	--main_profile_title_Color: var(--color3);
	--main_profile_title_before_BG: var(--color3);
	--update_page_submitbtn_Color: var(--color2);
	--update_page_submitbtn_BG: var(--gradient1);
	--update_page_submitbtn_BoxShadow: var(--color8);
	--update_page_important_icon_Color: rgb(212, 175, 55);
	--update_page_error_Color: #c15151;
	--update_page_preloader_BG: #171d22d1;
}

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


/* Works on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: blue orange;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 6px;
}

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

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

body {
	color: var(--color2)
}

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

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

#rmNum {
	background: var(--color2);	
}

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

.buttonback::before {
    background: var(--color4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

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

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

/* SIDE RIGHT */
.social {
    border: 2px solid var(--color4);
    background: var(--color1);
}

span.np-ef {
    background: var(--color1);
    border: 2px solid var(--color4)
}

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

.social li:hover {
	background: var(--color4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

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

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

.np-ef_inner .icon-wrapper {
    border: 2px solid var(--color2)
}

.np-ef_inner .icon-wrapper i {
    -webkit-text-fill-color: var(--color2)
}

.np-ef_inner:hover .icon-wrapper {
	border: 2px solid var(--color4);
	background: transparent;
}

.np-ef_inner:hover .icon-wrapper i {
	background: var(--color4);
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.np-ef_inner .np-ef_inner_title,
.np-ef_inner .np-ef_inner_link {
    -webkit-text-fill-color: var(--color2)
}

.np-ef_inner:hover .np-ef_inner_title,
.np-ef_inner:hover .np-ef_inner_link {
    background: var(--color4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

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

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

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

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

ul#registerTab li a.nav-link,
ul#loginTab li a.nav-link,
ul#memberInfoTab li a.nav-link,
ul#registerTab li a.nav-link:hover,
ul#loginTab li a.nav-link:hover,
ul#memberInfoTab li a.nav-link:hover,
ul#forgotPasswordTab li a.nav-link:hover {
	/* background: var(--color4);
    color:var(--color1); */
}

#whatsappQR, #telegramQR {
	padding: 5px;
    background: var(--color2);
    width: fit-content;
}

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

.header-menu .usr-online-trace {
	background: orange;
    color: var(--color1);
    font-weight: bold;
}

.header-menu .container {
	max-width: 1200px;
}

.main-menu ul {
	margin-top: 15px;
}

.main-menu ul li {
	border-bottom: 3px solid transparent;
	padding: 15px 13px;
}

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

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

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

.main-menu ul li.active a,
.main-menu ul li.active a .chineseFont_text {
    color: var(--color2);
    background: var(--color4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

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

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

.login_header_before .col-6 a {
	background: var(--color4);
	color: var(--color1);
    border-radius: 5px;
    border: 2px solid transparent;
    padding: 5px 10px;
    
}

.login_header_before .col-6.register_left_custom a {
    color: var(--color1);
    background: var(--color4);
    border-radius: 5px;
    border: 0.5px solid transparent;
    padding: 5px 10px;
}

.btn_acc {
    color: var(--color1);
    background:var(--color4);
    border-radius: 13px;
    border: 2px solid transparent;
}

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

.main_btn_short_custom a.active .main_text {
    background: var(--color4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

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

.menu_account a.active {
    background-color: #3c3c3c;
    border-left: 4px solid var(--color2);
}

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

.btn_logout:hover {
    filter: brightness(1) drop-shadow(0 0 4px rgba(154,153,204,1))
}

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

.dropdown-option {
    background: #1e1e1e;
    -webkit-box-shadow: 0 0 6px 2px rgb(195 184 255 / 70%);
    -moz-box-shadow: 0 0 6px 2px #b140a1d6;
    box-shadow: 0 0 6px 2px var(--color2);
}

.balance-drop .dropdown-balance {
    background: #1e1e1e;
    color: var(--color2);
    border: none;
    -webkit-box-shadow: 0 0 6px 2px var(--color4);
    -moz-box-shadow: 0 0 6px 2px var(--color4);
    box-shadow: 0 0 6px 2px var(--color4)
}

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

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

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

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

.balance-drop .dropdown-balance .summary-wrapper .amount-item .balc.unlocked {
	color: #6affb4;
	font-weight: 700
}

.balance-drop .dropdown-balance .summary-wrapper .amount-item button.btn-in {
	background: var(--color6);
    color: var(--color1);
    font-weight: 600;
}

.balance-drop .dropdown-balance .summary-wrapper .amount-item button.btn-out {
	background: #eacdad;
    color: var(--color1);
    font-weight: 600;
}

.balance-drop .dropdown-balance .summary-wrapper .amount-item button.btn-quickplay {
    background: var(--color4);
    color: var(--color1);
    font-weight: 600;
}

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

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

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

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

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

.menu_account a .main_text{
	top: 15%;
    position: relative;
}

.menu_account a .beforeactive, .menu_account a .afteractive{
	width: 25px;
}

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

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

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

.memberBank-wrapper .memberBank-tbody .memberBank-separate .thead-col .col-btn .btn-delete {
	border: 1px solid #b140a1;
    background: linear-gradient(#ffb9f5, #b140a1);
    color: var(--color2)
}

.memberBank-wrapper .memberBank-tbody .memberBank-separate .thead-col .col-btn .btn-delete:hover {
    filter: brightness(1) drop-shadow(0 0 4px rgba(255,184,246,1))
}

/* BODY */
.index_home {
	
}

.announcement {
    background: #ffc500;
    border-radius: 5px;
    border: 2px solid transparent;
    color: var(--color1);
}

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

.Announcement-container{
	box-shadow: 0 0 1rem var(--color4);
}

.Announcement-container section .announcement-info .announce-bx{
	box-shadow: 0 0 8px #ff0000;
}

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

.carousel-indicators .active {
	background-image: linear-gradient(to right, var(--color4), var(--color4))
}

.slider ul li {
    border: 2px solid transparent;
    background: var(--gradient1);
    border-radius: 5px
    /* -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) */
}

.slider ul li img {
	border-radius: 0px
}

.bar_title_img {
   	width: 350px;
}

.text_game_title {
    color: #43475a;
    font-size: 52px;
}

.chineseFont_text {
    color: var(--color4);
    font-weight: bold;
    font-family: 'ocean_rush' , Arial,sans-serif;
}

.megamenu {
    /* top: 176px !important; */
}

.wbg3 {
    background: #f4e2a891;
    color: var(--color1);
}

.dropdown_btn_custom {
	background-color: transparent
}

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

/* member pages */
.main_profile {
    background-color: #1e1e1e;
    -webkit-box-shadow: 0 0 6px 2px #2e22acd6;
    -moz-box-shadow: 0 0 6px 2px #2e22acd6;
    box-shadow: 0 0 6px 2px var(--color4);
}

.main_profile_right {
    background-color: #1e1e1e;
    -webkit-box-shadow: 0 0 6px 2px #2e22acd6;
    -moz-box-shadow: 0 0 6px 2px #2e22acd6;
    box-shadow: 0 0 6px 2px var(--color4);
}

.afterlogin_deposit.nav .nav-item .nav-link {
    color: var(--color1);
    box-shadow: 0 3px #8175fa;
    margin-bottom: 5px;
    background: linear-gradient(to right,#535353,#ababab);
    -webkit-box-shadow: 0 0 6px 0 rgb(195 184 255 / 70%);
    -moz-box-shadow: 0 0 6px 0 rgba(195,184,255,.7);
    box-shadow: 0 0 6px 0 rgb(195 184 255 / 70%);
}

.afterlogin_deposit.nav .nav-item .nav-link.active,
.afterlogin_deposit.nav .nav-item .nav-link:hover {
    background: var(--color4);
    -webkit-box-shadow: 0 0 6px 0 rgb(195 184 255 / 70%);
    -moz-box-shadow: 0 0 6px 0 rgba(195,184,255,.7);
    box-shadow: 0 0 6px 0 var(--color2);
}

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

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

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

.main_profile_title:before {
	background: transparent
}

.bank-type {
    color: #484848
}

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

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

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

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

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

.submit_btn {
    color: var(--color1);
    background: var(--color4);
    box-shadow: 0 3px 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 {
    border: 1px solid var(--color2);
    background-color: var(--color1);
    color: var(--color4);
    box-shadow: 0 0 5px var(--color2);
}

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

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

.box-prov ul li .prov-btn .btn-allIn {
	background: linear-gradient(#c49b15, #4c5000);
	color: var(--color2)
}

.box-prov ul li .prov-btn .btn-restore {
    background: linear-gradient(#fef1de, #9fb140);
    color: var(--color2)
}

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

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

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

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

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

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

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

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

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

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

#provgamemodal .prov-btn button {
	color: var(--color2);
    background: var(--color4);
    border-color: 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)
}

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

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

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

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

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

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

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

.btn_transfer {
   	border: none;
    color: var(--color1);
    background: var(--color4);
    box-shadow: 0 3px var(--color2)
}

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

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

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

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

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

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

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

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

.game_tab_info {
    bottom: -8px;
    padding: 12px;
}

.tabsection_main .nav-item .nav-link {
    /* width: 174px; */
}

.game_tab .img_normal, 
.game_tab .img_hover {
    width: 140px;
}

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

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

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

.tabsection_main .nav-item .nav-link.active,
.tabsection_main .nav-item .nav-link:hover {
    /* text-shadow: 0px 4px 4px #907c5d */
}

.tabsection_main .nav-item .nav-link.active,
.tabsection_main .nav-item .nav-link:hover,
.tabsection_main .nav-item .nav-link:focus {
    /* filter: brightness(1) drop-shadow(0 0 4px rgba(203,182,152,1)) */
}

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

.index_tab_content {
	padding-left: 3rem;
}

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

.tab_bar_tltle_sec {
	background: linear-gradient(to right, #2f22ac 0%, #e54c9c 30%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.tab_bar_tltle_sec_inner {
	background: var(--color2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

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

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

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

.game_products_btn {
	border: none;
    background: none
}

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

.game_products_btn:hover {
    filter: brightness(1) drop-shadow(0 0 4px #b140a1)
}

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

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

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

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

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

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

.btn_login {
    color: var(--color1);
    background: var(--color4);
    border: none;
    border-radius: 5px
}

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

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

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

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

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

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

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

.promo-bx {
	border: 2px solid transparent;
    border-radius: 5px;
    background: var(--gradient2);
}

.promo-dl img {
	border-radius: 0
}

.mix {
    display: none
}

.promo-dl-date {
    color: var(--color2);
    border: 2px solid transparent;
    border-left: none;
    border-radius: 0px 5px 5px 0px;
    background: var(--gradient2);
}

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

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

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

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

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

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

.blinking {
    animation: blinkingText 1.2s infinite
}

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

    49% {
        color: #dc3545
    }

    60% {
        color: #e2b3b7
    }

    99% {
        color: #e2b3b7
    }

    100% {
        color: #dc3545
    }
}

.lotto_table span.lotto_extra {
    color: #dc3545
}

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

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

.sub-side-nav {
    border: 1px solid var(--color5)
}

.sub-side-nav li {
	box-shadow: 0 3px 11px -5px rgba(0,0,0,.58);
	background: var(--gradient3);
    background: var(--gradient3);
    background: var(--color1);
    border: solid 2px var(--color4);
}

.sub-side-nav li:hover,
.sub-side-nav li.active {
    background: -moz-linear-gradient(#ffb9f5, #b140a1);
    background: -webkit-linear-gradient(#ffb9f5, #b140a1);
    background: var(--color4);
}

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

.sub-side-nav li.active a {
    text-shadow: 0 4px 4px #735b8f
}

.sub-side-right {
    border: 1px solid transparent;
    color: var(--color2);
    box-shadow: 0 0 2rem var(--color4);
}

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

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

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

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

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

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

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

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

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

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

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

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

/* home page */
.hotGamesTab-content {
	/* background: url('/images/templates/Template 4/login_base.jpg'); */
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border: 0px;
    border-radius: 0px;
    /* -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) */
}

.hotGamesTab-content .tab-pane .row .col-5 img {
	max-width: 80%;
}

.hotGamesTab-content .tab-pane .game_products {
    max-height: 1200px
}

.hotGamesTab-content .tab-pane .game_products .img_normal_product,
.hotGamesTab-content .tab-pane .game_products .img_hover_product{
	width: 170px;
}

.hotGamesTab-content .tab-pane .game_products .game_products_inner img {
	transition: 0s
}

.hotGamesTab-content .tab-pane .game_products .img_hover_product,
.hotGamesTab-content .tab-pane .game_products .game_products_inner:hover img {
	transform: scale(1.1);
    filter: brightness(120%);
}

.game_products_text {
	margin-top: 10px;
}
	
.game-page-label {
	color: var(--color2);
	border-bottom: 1px solid #cbb698
}

/*hot game banner*/

.sub-slider-wrapper {
	max-width: 1400px;
	margin-bottom: 50px
}

.sub-slider-wrapper .subSlider-wrapper {
	position: relative
}

.sub-slider-wrapper .subSlider-wrapper .sub-slider img {
	width: 100%;
	height: 100%
}

.sub-slider-wrapper .subSlider-wrapper .sub-slider .hide {
    opacity: 0 !important;
    z-index: -1 !important
}

.sub-slider-wrapper .subSlider-wrapper .sub-slider .locked {
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 1rem;
    opacity: 1;
    transition: .3s linear;
    background-color: #000000ba
}

.sub-slider-wrapper .subSlider-wrapper .sub-slider .locked .l-wrap {
	position: absolute;
    width: 90%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: .3s;
    text-align: center;
    font-size: 2rem;
    color: var(--color2)
}

.sub-slider-wrapper .subSlider-wrapper .sub-slider .loading {
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 1rem;
    opacity: 1;
    transition: .3s linear;
    background-color: #000000ba
}

.sub-slider-wrapper .subSlider-wrapper .sub-slider .loading .l-wrap {
    position: absolute;
    width: 90%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: .3s;
    text-align: center
}

.sub-slider-wrapper .subSlider-wrapper .sub-slider .loading .l-wrap img {
	width: 30px
}

.sub-slider-wrapper .subSlider-wrapper .lSSlideOuter .lSPager.lSpg {
	text-align: right
}

.sub-slider-wrapper .subSlider-wrapper .lSSlideOuter .lSPager.lSpg li:last-child {
	margin-right: 10px
}

.sub-slider-wrapper .subSlider-wrapper .game-slider.v2 {
    overflow: hidden;
    position: relative
}

.sub-slider-wrapper .subSlider-wrapper .game-slider.v2 .imgContainer {
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute
}

.sub-slider-wrapper .subSlider-wrapper .game-slider.v2 .imgContainer.hotgames-enter-active {
	-webkit-animation: enter 20s linear;
	animation: enter 20s linear;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite
}

.sub-slider-wrapper .subSlider-wrapper .game-slider.v2 .imgContainer.hotgames-leave-active {
	-webkit-animation: leave 20s linear;
	animation: leave 20s linear;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite
}

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

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

.sub-slider-wrapper .subSlider-wrapper .game-slider.v2 .imgContainer .imgItem {
	margin-right: 20px;
    height: 100%
}

.sub-slider-wrapper .subSlider-wrapper .game-slider.v2 .imgContainer .imgItem .img {
    cursor: pointer;
    overflow: hidden;
    box-sizing: border-box;
    position: relative
}

.sub-slider-wrapper .subSlider-wrapper .game-slider.v2 .imgContainer .imgItem .img img {
	position: absolute;
	display: block;
    width: 100%;
    height: auto
}

.sub-slider-wrapper  .subSlider-wrapper .lSAction i{
	font-size: 30px;
}

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

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

.slot-content .tab-pane .topContent .leftContent .filter-menu-bar .slotbox,
.lottery-content .tab-pane .topContent .leftContent .filter-menu-bar .lotterybox {
    color: var(--color2);
    border: solid 2px var(--color4);
    background: var(--color1);
}

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

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

.slot-content .tab-pane .topContent .leftContent .downloadProv .downloadItem .downloadLink button:hover,
.lottery-content .tab-pane .topContent .leftContent .downloadProv .downloadItem .downloadLink button:hover {
	/* filter: brightness(1) drop-shadow(0 0 4px rgba(203,182,152,1)) */
}

.slot-content .tab-pane .bottomContent .slot-list-content .slot-bx .game-boxer,
.lottery-content .tab-pane .bottomContent .lottery-list-content .lottery-bx .game-boxer {
    box-shadow: 0 0 8px var(--color2);
    border: 2px solid var(--color4);

}

.slot-content .tab-pane .bottomContent .slot-list-content .slot-bx .game-boxer .gameimg,
.lottery-content .tab-pane .bottomContent .lottery-list-content .lottery-bx .game-boxer .gameimg {
	border: 1px solid var(--color5)
}

.slot-content .tab-pane .bottomContent .slot-list-content .slot-bx .game-boxer .gamename,
.lottery-content .tab-pane .bottomContent .lottery-list-content .lottery-bx .game-boxer .gamename {
	color: var(--color1);
    background: var(--color4);
}

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

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

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

.highlight {
	color: #b140a1
}

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

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

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

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

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

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

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

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

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

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

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

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

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

/*FOR JACKPOT*/

.modal-content {
	color: var(--color2);
    border: 1px solid var(--color4);
    background-color: #1e1e1e;
}

.modal-content .modal-header {
	background: var(--color1);
	color: var(--color2);
	border:none;
	border-bottom: 1px solid var(--color4);
}

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

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

.download_box_column {
    border: 1px solid #3164fd;
    -webkit-box-shadow: 0px 0px 6px 0px #3164fd;
    -moz-box-shadow: 0px 0px 6px 0px #3164fd;
    box-shadow: 0px 0px 6px 0px #3164fd
}

.download_icon {
    color: var(--color2);
    background-image: linear-gradient(#adaeea, #3164fd);
    border: 1px solid #3164fd
}

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

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

.promoModal .modal-header span {
    text-shadow: 0px 2px 3px #454166;
    color: var(--color2)
}

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

.promoModal .modal-body hr {
	border-top: 1px solid var(--color5)
}

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

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

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

.promoModal .modal-footer .btn-promo-back:hover {
    background-image: var(--gradient3);
    color: var(--color2)
}

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

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

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

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

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

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

#angpowclaimmodal .modal-dialog {
	background: var(--color1);
}

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

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

#restorelistmodal.modal .modal-body .restore_main .restoreListTable .t-row.t-header {
    border: none;
    background: linear-gradient(#ffb9f5, #b140a1)
}

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

#transferplaymodal.modal .modal-body .provider_main .providerimg,
#slotplaymodal.modal .modal-body .provider_main .providerimg {
   /*  background-image: url('/images/templates/Template 4/login_base.jpg'); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: 1px solid #ccad8d;
    -webkit-box-shadow: 0 0 6px 0 rgba(203,182,152,.7);
    -moz-box-shadow: 0 0 6px 0 rgba(203,182,152,.7);
    box-shadow: 0 0 6px 0 rgba(203,182,152,.7)
}

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

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

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

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

#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 {
	border: none;
	background: linear-gradient(#ffb9f5, #b140a1)
}

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

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

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

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

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

.text-error {
	color: #c15151
}

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

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

.dataTables_filter label{
	color:var(--color2);
}


.history-list.dataTable .btn-detail {
	background-image: linear-gradient(#ffb9f5, #b140a1);
	color: var(--color2);
	border: none
}	

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

.msgBox-wrap .msgtitle {
	border-bottom: 1px solid #b140a1;
    color: #b140a1;
    text-shadow: 0 4px 4px #5b788f
}

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

.msgBox-wrap .msgContent .error-btn:hover {
	background: -moz-linear-gradient(#ffb9f5, #b140a1);
    background: -webkit-linear-gradient(#ffb9f5, #b140a1);
    background: linear-gradient(#ffb9f5, #b140a1);
    border: 1px solid #ffb9f5;
    text-shadow: 0 4px 4px #735b8f
}

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

/* popBox*/
#angpowmodal .login-box .login-wrap .login_form_inner {
	background: var(--color4);
    border: 1px solid var(--color2);
}

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

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

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

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

.bonus-wrapper .home-packet .freeCreditList .freeCreditItems {
	margin: 60px 0!important;
}

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

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

.bonus-wrapper .home-packet .freeCreditList .freeCreditItems .center .title {
	font-weight: 700;
    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: var(--color1);
}
/* Free Credit */

/* FREECREDIT in transfer page */
#angpowTransferAmt {
	background-image: linear-gradient(to bottom, #2f22ac 0%, #e54c9c 100%);
    color: var(--color2);
}
.transaction-btn .normalBtn, 
.transaction-btn .angpowBtn {
	background-color: #646164;
	color: var(--color2);
}

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

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

.transactionBtn:hover,
.historyBtn:hover {
	filter: brightness(1) drop-shadow(0 0 4px rgba(182,249,255,1));
}

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

/* VOUCHER */
.freeCreditTransfer-wrap .freeCreditTitle { 
	color: #8175fa;
}

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

.freeCreditTransfer-wrap .transaction-freeCredit-title .voucher-wrap .redeemBtn:hover,
.freeCreditTransfer-wrap .unClaim_voucher-wrap .redeemBtn:hover {
	filter: brightness(1) drop-shadow(0 0 4px rgba(182,249,255,1))
}
/* VOUCHER */

/* REWARD POINT */
.rewardPoint { 
    color: var(--color4)
}

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

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

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

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

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

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

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

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

/* referral container  */
.ref-box{
    background: var(--gradient2);
    border: 1px solid transparent;
    box-shadow: 0 0 6px 0 transparent;
}

.ref-box .ref-logo , 
.ref-box .ref-details .ref-desc-1 ,
.ref-box .referral-code-box .share-btn {
	color: var(--color2);
}

.ref-box .referral-code-box .share-btn{
	background: linear-gradient(var(--color1), var(--color1)) padding-box, #ff0000 border-box;
    border: 1px solid transparent
}

.ref-box .referral-code-box .share-btn:hover{
	box-shadow: 0 0 1rem var(--color2);
}

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

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

/* referral container  */

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

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


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

#advertisementmodal .modal-dialog {
	margin: 0;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

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

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

.seo-content.show {
	display: block
}

.seo-content a{
	color: #007bff;
}
/* SEO CONTENT */

/* countdown-widget */
.countdown-widget>div {
	background: var(--gradient1);
    border: 2px solid transparent;
    color: var(--color2);
}

.countdown-widget>div:first-child {
    font-family: cursive;
}
/* countdown-widget */

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

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

.upcomingList .title,
.ongoingList .title,
.completedList .title,
.winnerList .title {
	color: #013b7a;
	border-bottom: 1px solid var(--color2);
    background: var(--color4);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    font-family: 'ocean_rush' , Arial,sans-serif;   
}

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

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

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

.tour-carousel-item .main-content .countdown-container .container-segment .segment-title {
	font-size: 1.3rem;
	text-shadow: 2px 2px 2px #000000c4;
    background: var(--color4);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text
}

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

.tour-carousel-item .main-content .detailsBox hr {
	border-top: 1px solid transparent;
    background: var(--color4);
}

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

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

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

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

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

.tournament-bx {
	text-align: center;
    border: 2px solid transparent;
    box-shadow: 0 0 1rem var(--color4);
    background: linear-gradient(var(--color1), var(--color1)) padding-box, #ffc500 border-box;
}

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

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

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

.tournament-bx .box-hover button {
	color: var(--color1);
    background: var(--color4);
    box-shadow: 0 0 5px var(--color2);
}

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

.tournament-bx.bx-1 img {
	width: 99%
}

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

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

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

/* ranking list */
.ranking-section .section-title {
	color: var(--color4);
    text-shadow: 0px 1px #bcc0d3;
    border-bottom: 1px solid var(--color1);
    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(--color4);
    text-shadow: 0 1px #bcc0d3;
    border-bottom: 2px solid var(--color2);
} 

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

.ranking-section .rank-tab li.active {
	color: var(--color1);
    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 {
	background: var(--color1);
    box-shadow: 0 0 1rem var(--color4);
    color: var(--color2);
}

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

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

.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 {
	background: #2f22ac;
    box-shadow: 2px 3px #e54c9c;
    color: var(--color2)
}

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

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

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

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

#tournamentmodal .modal-header {
	background: unset
}

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

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

#tournamentmodal .upperTitle {
	background: var(--color4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

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

#tournamentmodal .tournament-img{
	max-height: unset !important;
}

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

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

#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 .popTitle-wrap {
	font-weight: 600;
	color: var(--color2)
}

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

#tourrankingmodal .upperTitle {
   	background: var(--color4);
    -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(--color1);
    border: none;
    background: var(--color4);
    box-shadow: 0 0 6px var(--color4);
}

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

#tourrankingmodal .tournament-rank .rank-item {
    color: var(--color2);
    background: var(--color1);
    box-shadow: 0 0 1rem var(--color4);
}

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

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

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

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

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

.liveScoreWidget .ls-header .filter-select .input {
    color: #222;
    background: linear-gradient(var(--color2), var(--color2)) padding-box, var(--color4) border-box;
    border: 2px solid transparent
}

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

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

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

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

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

.liveScoreWidget .ls-header .date-option li button.active {
	color: var(--color2);
	background: var(--gradient4)
}

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

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

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

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

.liveScoreWidget .league-section {
    background: var(--color1)
}

.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: linear-gradient(to bottom, var(--color4), #e2ff00);
}

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

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

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

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

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

.liveScoreWidget .league-fixture-content hr {
    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-main {
	background: var(--gradient2);
    border: 2px solid transparent;
    border-top: none
}

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

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

.liveScoreWidget .league-fixture-content .fc-team .fc-short-info .fc-btn button {
	color: var(--color2);
    background: #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 */

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

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

}

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

/* Deposit and Withdraw Page Announcement */

/* memberUpdatePassword */
.main_profile_right .row .main_profile_title,
.update-label .col-form-label {
	color: var(--color1);
}

.update .tipMsg {
	color: var(--color1);
}

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

/* tutorial */
.tutorial-item:first-child{
	max-width: 550px;
    margin: 0 auto;
}

.tutorial-item:first-child .tutorial-title{
	margin-bottom: -240px;
}

.tutorial-item:first-child .tutorial-video{
	max-height: 550px;
}

.tutorial-wrap .tutorial-title {
    color: #0088ff
}

.tutorial-wrap .tutorial-video iframe {
	min-height: 700px
}
/* tutorial */

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

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

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

#favouritemodal .modal-body {
	background: #1e1e1e;
}
/* favourite */

/* NEW PAGE HEADER */
.header-menu .login_header a {
	padding: 5px 10px;
    border-radius: 5px;
    background: var(--color4);
    color: var(--color1);
    border: 2px solid var(--color4)
}

.header-menu .login_header a:hover {
	color: var(--color2)
}

.header-menu .login_header a:after {
	background: var(--color2)
}

.header-menu .login_header a:last-child:after {
	background: transparent
}

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

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

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

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

.header-menu .main-menu ul li > .megamenu {
	color: orange;
	background: #f4e2a891;
	top: 95px;
	/* background-image: url('/images/templates/Template 4/desktop_background.jpg'); */
    background-repeat: repeat-y;
    background-position: bottom center;
    opacity: 0.9;
}

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

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

.header-menu .main-menu .navi-sub-list { 
	color: orange;
	background: #f4e2a891;
	top: 95px;
	background-image: url('/resources/images/NPL123_NPR/bg/bg_1.jpg');
    background-repeat: repeat-y;
    background-position: bottom center;
}

.header-menu .main-menu .navi-sub-list .container {
	margin-top: -10px;
}

.header-menu .main-menu .navi-sub-list.hover {
	opacity: .9
}

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

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

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

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

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

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

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

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

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

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

/* DAILY LOGIN REWARD */

@keyframes lights {
  0% {
    color: #cf8477;
    text-shadow: 0 0 1em #dcb3ac82, 
    	0 0 0.125em rgb(230 191 187 / 67%), 
    	-1em -0.125em 0.5em hsl(40deg 100% 60% / 0%), 
    	1em 0.125em 0.5em hsl(200deg 100% 60% / 0%);
  }
  
  30% { 
    color: #cf8477;
    text-shadow: 0 0 1em #dcb3acba, 
    	0 0 0.125em #dcb3ac91, 
    	-0.5em -0.125em 0.25em hsl(0deg 100% 60% / 20%), 
    	0.5em 0.125em 0.25em #dcb3acbd;
  }
  
  40% { 
    color: hsl(63deg 6% 76%);
    text-shadow: 0 0 1em hsl(0deg 51% 71% / 50%), 
    0 0 0.125em hsl(320deg 100% 90% / 50%), 
    -0.25em -0.125em 0.125em hsl(0deg 100% 60% / 20%), 
    0.25em 0.125em 0.125em hsl(0deg 44% 65% / 40%);
  }
  
  70% {
    color: #cf8477;
    text-shadow: 0 0 1em hsl(0deg 51% 65% / 50%), 
    0 0 0.125em hsl(0deg 55% 73% / 50%), 
    0.5em -0.125em 0.25em hsl(0deg 91% 78% / 20%), 
    -0.5em 0.125em 0.25em hsl(0deg 48% 65% / 40%);
  }
  
  100% {
    color: #cf8477;
    text-shadow: 0 0 1em hsl(0deg 46% 61% / 20%), 
    0 0 0.125em hsl(0deg 52% 63% / 30%), 
    1em -0.125em 0.5em hsl(0deg 100% 60% / 0%), 
    -1em 0.125em 0.5em hsl(0deg 100% 60% / 0%);
  }
  
}

@keyframes glowing {
  0% {
	box-shadow: 0 0 5px #c89087;
    background: #e2c4bf;
  }
  50% {
  	box-shadow: 0 0 20px #db7a69;
    background: #eccdc7;
  }
  100% {
	box-shadow: 0 0 5px #da9387;
    background: #e7d2ce;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



/* Spin Wheel */
.spinwheel-container .spin-container .spin-selector .spin-selector-box {
	border: 3px solid transparent;
    background: linear-gradient(#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-container .spin-selector .spin-selector-box:hover,
.spinwheel-container .spin-container .spin-selector .spin-selector-box:active,
.spinwheel-container .spin-container .spin-selector .spin-selector-box:focus{
    border: 3px solid transparent;
    background: linear-gradient(#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 .errormsg-box {
	margin-top: 20%;
}

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

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

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

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

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

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

@keyframes glowing-box {
  0% {
	box-shadow: 0 0 5px 2px #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 */

/*navicon*/
.header-menu .main-menu ul{
	gap: unset;
	background: #1d1d1d;
}

.header-menu .main-menu ul li{
	display: flex;
    flex-direction: column;
    align-items: center;
}

.header-menu .menu-bottom .main-menu #navHome .navicon{
	/* content: url('/images/templates/Template 4/header_navicon/home.png'); */
    width: 60px;
    padding: 0px 5px;
}

.header-menu .menu-bottom .main-menu #navCasino .navicon{
	/* content: url('/images/templates/Template 4/header_navicon/casino.png'); */
    width: 60px;
    padding: 0px 5px;
}

.header-menu .menu-bottom .main-menu #navSports .navicon{
	/* content: url('/images/templates/Template 4/header_navicon/sports.png'); */
	width: 60px;
    padding: 0px 5px;
}

.header-menu .menu-bottom .main-menu #navEsport .navicon{
	/* content: url('/images/templates/Template 4/header_navicon/esport.png'); */
	width: 60px;
    padding: 0px 5px;
}

.header-menu .menu-bottom .main-menu #navSlot .navicon{
	/* content: url('/images/templates/Template 4/header_navicon/slot.png'); */
	width: 60px;
    padding: 0px 5px;
}

.header-menu .menu-bottom .main-menu #navFishing .navicon{
	/* content: url('/images/templates/Template 4/header_navicon/fishing.png'); */
	width: 60px;;
    padding: 0px 5px;
}

.header-menu .menu-bottom .main-menu #navLottery .navicon{
	/* content: url('/images/templates/Template 4/header_navicon/lottery.png'); */
	width: 60px;
    padding: 0px 5px;
}


.header-menu .menu-bottom .main-menu #navCricket .navicon{
	/* content: url('/images/templates/Template 4/header_navicon/cricket.png'); */
	width: 60px;
    padding: 0px 5px;
}

.header-menu .menu-bottom .main-menu #navVip .navicon{
	/* content: url('/images/templates/Template 4/header_navicon/vip.png'); */
	width: 60px;
    padding: 0px 5px;
}

.header-menu .menu-bottom .main-menu #navReward .navicon{
	/* content: url('/images/templates/Template 4/header_navicon/reward.png'); */
	width: 60px;
    padding: 0px 5px;
}

.header-menu .menu-bottom .main-menu #navTournament .navicon{
	/* content: url('/images/templates/Template 4/header_navicon/tournament.png'); */
	width: 44px;
    padding: 0px 5px;
    margin-top: 9px;
}

.header-menu .menu-bottom .main-menu #navTournament a{
	margin-top: 7px;
}

.header-menu .menu-bottom .main-menu #navPromo .navicon{
	/* content: url('/images/templates/Template 4/header_navicon/promo.png'); */
	width: 60px;
    padding: 0px 5px;
}

.header-menu .menu-bottom .main-menu #navTutorial .navicon{
	/* content: url('/images/templates/Template 4/header_navicon/info.png'); */
	width: 60px;
    padding: 0px 5px;
}

.header-menu .menu-bottom .main-menu ul li a {
	 display:flex;
	 flex-direction: column;
	 align-items: center;
	 position: relative;
	 padding: 0 25px;
	 width: -webkit-fill-available;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.header-menu .menu-bottom .main-menu ul li a img{
	max-width: 50px;
}

.header-menu .menu-bottom .main-menu ul li a:after {
	content: "";
    position: absolute;
    width: 2px;
    height: 30px;
    top: 22px;
    right: 0;
    background: var(--color2);
}

.header-menu .menu-bottom .main-menu ul li:last-child a:after{
	background: transparent;
	width: 0;
    height: 0;
}

/*navicon*/

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

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

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

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

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

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

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

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

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

/* decorator navi */

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

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

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

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

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

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

.prov-list-wrap- .gametabcontent- .tabcontent- h3 {
    color: var(--color4);
    font-family: 'ocean_rush'
}

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

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

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

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

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

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

.prov-list-wrap- .gametabcontent- .tabcontent- .btn-prov-play- .btn-bg:hover {
	filter: drop-shadow(0 0 4px #b140a1)
}

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

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

/* provider list search bar */

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

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

/* provider list search bar */

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

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

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

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

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

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

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

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

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

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

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

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

.player-sidenav {
    background-color: #1e1e1e;
    -webkit-box-shadow: 0 0 6px 2px #2e22acd6;
    -moz-box-shadow: 0 0 6px 2px #2e22acd6;
    box-shadow: 0 0 6px 2px var(--color4);
}

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

.main_btn_short_custom a.active .main_text {
    color: #dcb3ac;
}

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

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

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

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

/* info_4 */
.member-info-4- .content-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;
    text-align: -webkit-center;
}

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

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

.advideomodal-1- iframe{
	min-height: 500px !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);
}