@import url('https://fonts.googleapis.com/css2?family=Quicksand&display=swap');

body{
	font-family: 'Quicksand', sans-serif;
}

:root {
	--color1: #000; /* black */
	--color2: #fff; /* white */
	--color3: #6a718e;
	--color4: #ac7e10;
	--color5: #f2f2f2;
	--color6: #F0D67B;
	--color7: #25252e;
	--color8: #7d7d7d78;
	--color9: #7d7d7d;
	--color10: #bdbdbd;
	--color11: #e97b20;
	--color12: #59381b;
	--color13: #e6e6e6;
	--colorOrange2: #F78D35;
	--colorOrange3: #FFB980;
	--filter1: brightness(0) saturate(100%) invert(97%) sepia(65%) saturate(5914%) hue-rotate(325deg) brightness(85%) contrast(86%);
	--filter2: brightness(0) saturate(100%);
	--gradient1: linear-gradient(to bottom, #f0d67b, #ac7e10 );
	--gradient2: linear-gradient(#AC7E10, #F0D67B);
	--gradient3: linear-gradient(to bottom, #F0D67B , #ac7e10);
	--gradient4: linear-gradient(to right, #fdb82f, #f78d35);
	--walOn: #3ec682;
	--walOff: #cd5c5c;
	--important: #ce0f10;
	--ecd_BG: #ac7e10;
	--ecd_TXT: #fff;
	--hgs_ACTION_BTN: #ac7e10; /* hotGames_2 */
	--adclose_BTN_RADIUS: 5px;
	--adclose_BTN_BG: var(--color11);
	--adclose_BTN_TXT: #fff;
	
	/* info_4 */
	--memberinfo4_KYCMODAL_TXT_COLOR: var(--color1);
	--memberinfo4_KYCMODAL_BG_COLOR: var(--color2);
	--memberinfo4_KYCMODAL_BTN_CLOSE_BG: var(--color4);
	--memberinfo4_KYCMODAL_BTN_CLOSE_COLOR: var(--color2);
	--memberinfo4_KYCMODAL_BTN_CLOSE_RADIUS: 5px;
	
	--memberinfo4_SECTION_BTN_RADIUS: 10px;
	--memberinfo4_SECTION_PADDING: unset;
	--memberinfo4_SECTION_BG: unset;
	--memberinfo4_SECTION_FONT_WEIGHT: 400;
	
	--memberinfo4_FORM_LABEL_TXT_COLOR: var(--color1);
	--memberinfo4_FORM_INPUT_SELECT_BG: var(--colorOrange3);
	--memberinfo4_FORM_INPUT_SELECT_BG_DISABLED: var(--color9);
	--memberinfo4_FORM_INPUT_SELECT_ICON_COLOR: var(--color2);
	--memberinfo4_FORM_INPUT_SELECT_TXT_COLOR: var(--color2);
	--memberinfo4_FORM_INPUT_SELECT_TXT_COLOR_DISABLED: var(--color2);
	--memberinfo4_FORM_INPUT_SELECT_BORDER_COLOR: none;
	--memberinfo4_FORM_INPUT_SELECT_BORDER_COLOR_DISABLED: var(--color9);
	--memberinfo4_FORM_INPUT_SELECT_RADIUS: 0;
	--memberinfo4_FORM_INPUT_SELECT_HOVER_BOX_SHADOW: none;
	--memberinfo4_FORM_OTP_TIMER_TXT_COLOR: var(--color1);
	--memberinfo4_FORM_BTN_SUBMIT_BG: var(--color11);
	--memberinfo4_FORM_BTN_SUBMIT_TXT_COLOR: var(--color2);
	--memberinfo4_FORM_BTN_SUBMIT_RADIUS: var(--memberinfo4_SECTION_BTN_RADIUS);
	--memberinfo4_FORM_BTN_SUBMIT_HOVER_FILTER: drop-shadow(0 0 4px var(--color11));
	--memberinfo4_FORM_BTN_SUB_SUBMIT_BG: var(--color3);
	--memberinfo4_FORM_BTN_SUB_SUBMIT_TXT_COLOR: var(--color2);
	--memberinfo4_FORM_BTN_SUB_SUBMIT_RADIUS: var(--memberinfo4_SECTION_BTN_RADIUS);
	--memberinfo4_FORM_BTN_SUB_SUBMIT_HOVER_FILTER: drop-shadow(0 0 4px var(--color3));
	--memberinfo4_FORM_UNDERLINE: inherit;
	--memberinfo4_FORM_IMPORTANT: var(--red);
	
	--memberinfo4_CONTENT_BG: var(--color2);
	--memberinfo4_CONTENT_TXT_COLOR: var(--color1);
	--memberinfo4_CONTENT_BOX_SHADOW: none;
	--memberinfo4_CONTENT_LBL_TXT_COLOR: var(--color11);
	--memberinfo4_CONTENT_LBL_BULLET: var(--color11);
	--memberinfo4_CONTENT_LBL_INFO_COLOR: var(--color3);
	--memberinfo4_CONTENT_LBL_INFO_BG: var(--color2);
	--memberinfo4_CONTENT_LBL_INFO_CONTENT_TXT_COLOR: var(--color2);
	--memberinfo4_CONTENT_LBL_INFO_CONTENT_BG: var(--color3);
	--memberinfo4_CONTENT_LBL_TABLIST_BG: var(--color9);
	--memberinfo4_CONTENT_LBL_TABLIST_ACTIVE_BG: var(--color11);
	--memberinfo4_CONTENT_LBL_TABLIST_TXT_COLOR: var(--color2);
	--memberinfo4_CONTENT_LBL_TABLIST_ACTIVE_TXT_COLOR: var(--color2);
	--memberinfo4_CONTENT_LBL_TABLIST_BORDER_COLOR: #2e2e2e;
	--memberinfo4_CONTENT_LBL_TABLIST_ACTIVE_BORDER_COLOR: var(--color11);
	--memberinfo4_CONTENT_LBL_TABLIST_RADIUS: var(--memberinfo4_SECTION_BTN_RADIUS);
	
	--memberinfo4_KYC_ITEM_LBL_TXT_COLOR: var(--color1);
	--memberinfo4_KYC_ITEM_LBL_INFO_COLOR: var(--color3);
	--memberinfo4_KYC_ITEM_LBL_INFO_BG: var(--color2);
	--memberinfo4_KYC_ITEM_LBL_INFO_TXT_COLOR: var(--color2);
	--memberinfo4_KYC_ITEM_LBL_INFO_CONTENT_BG: var(--color3);
	--memberinfo4_KYC_ITEM_UPLOAD_BORDER_COLOR: var(--color13);
	--memberinfo4_KYC_ITEM_UPLOAD_BG: var(--color11);
	--memberinfo4_KYC_ITEM_UPLOAD_TXT_COLOR: var(--color3); 
	--memberinfo4_KYC_ITEM_UPLOAD_ICON: var(--color3);
	--memberinfo4_KYC_ITEM_PREVIEW_BORDER_COLOR: var(--color13);
	--memberinfo4_KYC_ITEM_PREVIEW_BG: var(--color11);
	--memberinfo4_KYC_ITEM_PREVIEW_TXT_COLOR: var(--color3);
	--memberinfo4_KYC_ITEM_PREVIEW_BTN_RADIUS: var(--memberinfo4_SECTION_BTN_RADIUS);
	--memberinfo4_KYC_ITEM_PREVIEW_BTN_CHANGE_TXT_COLOR: var(--color2);
	--memberinfo4_KYC_ITEM_PREVIEW_BTN_CHANGE_BG: var(--color3);
	--memberinfo4_KYC_ITEM_PREVIEW_BTN_CHANGE_HOVER_FILTER: drop-shadow(0 0 4px var(--color3));
	--memberinfo4_KYC_ITEM_PREVIEW_BTN_PREVIEW_TXT_COLOR: var(--color2);
	--memberinfo4_KYC_ITEM_PREVIEW_BTN_PREVIEW_BG: var(--color12);
	--memberinfo4_KYC_ITEM_PREVIEW_BTN_PREVIEW_HOVER_FILTER: drop-shadow(0 0 4px var(--color12));

	/* login_1 */
	--login1_CONTENT_COLOR: var(--color1);
	--login1_CONTENT_BORDER: none;
	--login1_CONTENT_BORDER_RADIUS: 5px;
	--login1_CONTENT_BG: var(--color2);
	--login1_CONTENT_BOX_SHADOW: none;
	
	--login1_TABLIST_ITEM_BORDER_RADIUS: 1rem;
	--login1_TABLIST_ITEM_BORDER: none;
	--login1_TABLIST_ITEM_COLOR: var(--color2);
	--login1_TABLIST_ITEM_BG: #2d2d2d;
	--login1_TABLIST_ITEM_BOX_SHADOW: none;
	--login1_TABLIST_ITEM_HOVER_BORDER: none;
	--login1_TABLIST_ITEM_HOVER_COLOR: var(--color2);
	--login1_TABLIST_ITEM_HOVER_BG: var(--colorOrange2);
	--login1_TABLIST_ITEM_HOVER_BOX_SHADOW: none;
	
	--login1_FORM_LABEL_COLOR: var(--color1);
	--login1_FORM_INPUT_COLOR: inherit;
	--login1_FORM_INPUT_BORDER: none;
	--login1_FORM_INPUT_BG: var(--colorOrange3);
	--login1_FORM_INPUT_BORDER_RADIUS: 5px;
	--login1_FORM_INPUT_FOCUS_BOX_SHADOW: 0 0 0 .2rem #F78D3559;
	--login1_FORM_BTN_SUBMIT_BORDER_RADIUS: 10px;
	--login1_FORM_BTN_SUBMIT_COLOR: var(--color2);
	--login1_FORM_BTN_SUBMIT_BG: var(--colorOrange2);
	--login1_FORM_BTN_SUBMIT_BOX_SHADOW: none;
	--login1_FORM_BTN_SUBMIT_HOVER_COLOR: var(--color2);
	--login1_FORM_BTN_SUBMIT_HOVER_BG: var(--colorOrange2);
	--login1_FORM_BTN_SUBMIT_HOVER_BOX_SHADOW: 0 0 6px 2px var(--colorOrange2);
	--login1_FORM_BTN_SUBSUBMIT_BORDER_RADIUS: 10px;
	--login1_FORM_BTN_SUBSUBMIT_COLOR: var(--color2);
	--login1_FORM_BTN_SUBSUBMIT_BG: var(--colorOrange2);
	--login1_FORM_BTN_SUBSUBMIT_BOX_SHADOW: none;
	--login1_FORM_BTN_SUBSUBMIT_HOVER_COLOR: var(--color2);
	--login1_FORM_BTN_SUBSUBMIT_HOVER_BG: var(--colorOrange2);
	--login1_FORM_BTN_SUBSUBMIT_HOVER_BOX_SHADOW: 0 0 6px 2px var(--colorOrange2);
	--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(--color11);
	--login1_FORM_VISI_ICON_COLOR: var(--color1);
}



body {
	color: #222;
	background: #e6e6e6;
}

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

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

.buttonback {
	bottom: 10%;
    right: 1rem;
    background-color: var(--color11);
    border: 2px solid var(--color11);
    color: var(--color2) !important;
}

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

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

.buttonback .btnbtt_text {
	opacity: 0
}

.usr-online-trace {
	background: var(--color2);
    color: var(--color4);
}

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

/* SIDE RIGHT */
.social {
    background-color: var(--color2);
    border: 2px solid var(--color11) 
}

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

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

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

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

.np-ef_inner:hover {
    /* background-color: #3e3e3e */
}

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

.np-ef_inner:hover .np-ef_inner_link {
    text-decoration: underline
}

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

ul#registerTab li a.nav-link,
ul#loginTab li a.nav-link,
ul#memberInfoTab li a.nav-link,
ul#forgotPasswordTab li a.nav-link {
    color: var(--color2);
    border: none;
    background: #2d2d2d;
    font-weight: 600;
    border-radius: 15px
}

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,
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 {
	border-color: transparent;
    background: var(--colorOrange2);
}

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

.header-menu .logo {
    padding: 10px;
    width: 80%;
}
    
.header-menu .menu-top {
	background: var(--color2);
}

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

.main-menu ul li.active,
.main-menu ul li:hover {
    /* border-bottom: 3px solid #dcb3ac */
}

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

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

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

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

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

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

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


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

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

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

.btn_acc {
    border: none;
    color: var(--color2);
    background: var(--color11);
    padding: 3px 5px
}

.btn_logout {
    background: var(--color11);
    border: none;
    color: var(--color2);
    font-weight: 600;
    border-radius: 15px;
    text-transform: uppercase
}

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

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

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

.dropdown-option hr {
	margin: 1rem 5px;
    border-top: 1px solid var(--color11)
}

.balance-drop .dropdown-balance {
	background: var(--color2);
    color: var(--color1);
    border: 2px solid var(--color11)
}

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

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

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

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

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

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

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

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

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

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

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

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

.menu_account a,
.menu_account a:not([href]):not([tabindex]),
.menu_account a:not([href]):not([tabindex]):focus {
    color: var(--color1);
    font-weight: 600
}

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

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

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

.memberBank-wrapper {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--color1);
    border: 1px solid var(--color8);
    border-radius: 5px
}

.memberBank-wrapper .memberBank-thead {
	color: var(--color1);
    text-transform: uppercase;
    font-size: 14px;
    border-bottom: 1px solid var(--color8)
}

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

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

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

.announcement {
    background: var(--color11);
    color: var(--color2);
    font-weight: 900;
    margin: 0px;
}

.announcementCustom i {
    color: var(--color2);
    filter: drop-shadow(0 0 4px #a8872f);
    -webkit-filter: drop-shadow(0 0 4px #a8872f);
    text-shadow: 0 0 10px #a8872f;
}

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

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

.slider ul li {
    border: 1px solid #dcb3ac;
    -webkit-box-shadow: 0 0 6px 0 rgb(230 191 187 / 67%);
    -moz-box-shadow: 0 0 6px 0 rgb(230 191 187 / 67%);
    box-shadow: 0 0 6px 0 rgb(230 191 187 / 67%)
}

.text_game_title {
    color: var(--color7);
   /*  text-shadow: 2px 1px 2px #919191;
    -webkit-text-shadow: 2px 1px 2px #919191;
    -webkit-text-fill-color: var(--color7); */
    font-size: 55px;
    font-family: 'Quicksand', sans-serif;
    font-weight: bold;
}

.chineseFont_text {
    /* color: var(--color3) */
}

.megamenu {
    color: #949ab3
}

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

.dropdown_btn_custom {
	background-color: transparent
}

.dropdown_btn_custom:hover {
    background: var(--gradient3);
    cursor: pointer
}

/* member pages */
.main_profile {
	color: var(--color2);
    background-color: #1c1c1c
}

.main_profile hr {
	border-top: 1px solid var(--color8)
}

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

.main_profile_right hr { 
	border-top: 1px solid var(--color8)
}

.afterlogin_deposit.nav .nav-item .nav-link {
	border-radius: 15px;
    font-weight: 600;
    color: #939393;
    border: 1px ridge #939393;
    background: var(--color2);
}

.afterlogin_deposit.nav .nav-item .nav-link.active,
.afterlogin_deposit.nav .nav-item .nav-link:hover {
   	background: var(--color11);
    color: var(--color2);
    border: 1px ridge var(--color11);
}

.afterloginform .specificUploadBtn .btnDepositReceipt {
	
}

.afterloginform .specificUploadBtn .btnDepositReceipt.btnSelect {
    background: var(--color11);
    color: var(--color2);
    border: none;
    font-weight: 600;
    border-radius: 15px;
}

.afterloginform .specificUploadBtn .btnDepositReceipt.btnRemove {
    background: var(--color9);
    color: var(--color2);
    font-weight: 600
}

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

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

.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 {
    border: 1px solid var(--color8);
    border-radius: 5px;
    background: #FAEBD7;
}

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

.afterloginform .form-control {
    color: var(--color2);
    border: 1px solid transparent;
    background-color: #3d3d3d;
    border-radius: 5px
}

.afterloginform .form-control:hover,
.afterloginform .form-control:focus {
	border-color: var(--color6)
}

.afterloginform .form-control:disabled {
	background: var(--color9);
	border-color: var(--color6);
	font-weight: 600
}

.submit_btn {
    color: var(--color2);
    background: var(--color11);
    border-radius: 5px;
    font-weight: 600
}

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

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

.allout_btn {
    background: var(--color11);
    color: var(--color2);
    font-weight: 600
}

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

.box-prov ul li {
	border: 1px solid var(--color8);
    color: var(--color1);
    border-radius: 5px;
}

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

.box-prov ul li.locked {
	background-image: linear-gradient(#f28585, #cd5c5c);
	border: 1px solid #d15555
}

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

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

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

.box-prov ul li .prov-maintenance {
	background: var(--color9);
    color: var(--color2);
    font-weight: 600
}

.box-prov ul li .prov-name {
	font-weight: 600
}

.box-prov ul li .prov-bal {
    border: 2px solid var(--color11);
    color: var(--color1);
    border-radius: 5px;
}

#provgamemodal .prov-img {
   	background: transparent;
    border: unset;
}

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

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

#provgamemodal .prov-info {
    background-color: #2d2d2d;
    color: var(--color2);
    border: unset;
    border-radius: unset;
}

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

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

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

#provgamemodal .prov-btn button {
	color: var(--color2);
    border: none;
    background: #922b3e;
    font-weight: 600;
}

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

#provgamemodal .prov-notice {
    border: 1px solid var(--color8);
    border-radius: 5px;
    background: #2d2d2d;
    color: #bcbcbc;
}

.prov-amot {
	background: #3c3c3c;
    border: 2px solid var(--color6);
    color: var(--color2);
    border-radius: 5px;
    margin: 5px 0;
    font-size: 1rem
}

.maintenance-text {
	background: linear-gradient(#bcbcbc, var(--color9));
    color: var(--color2)
}

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

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

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

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

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

.btn_transfer {
   	border: none;
    color: var(--color2);
    background: var(--color11);
    border-radius: 15px;
    font-weight: 600;
}

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

.toggle-btn .toggle-slider {
    background-color: #3c3c3c;
    -webkit-transition: .4s;
    transition: .4s;
    border: 2px solid var(--color11)
}

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

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

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

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

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

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

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

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

.tabsection_main .nav-item .nav-link {
	color: var(--color2)
}

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

.tabsection_main .nav-item .nav-link .game_tab_info,
.tabsection_main .nav-item .nav-link .game_tab .game_tab_info {
	border-radius: 5px;
	border: none;
	color: var(--color1);
    background: var(--color2)
}

.tabsection_main .nav-item .nav-link.active .game_tab_info,
.tabsection_main .nav-item .nav-link:hover .game_tab_info {
	color: var(--color2);
	background: linear-gradient(to left, #ff8f30, #ffb02f);
}


.tabsection_main .nav-item .nav-link .game_tab .game_tab_info img {
	border-radius: 5px
}

.tabsection_main .nav-item .nav-link .game_tab_info img {
	background: var(--color2);
}

.tabsection_main .nav-item .nav-link .game_tab_info img,
.tabsection_main .nav-item .nav-link .game_tab_info img {
	filter: var(--filter2);
	background: transparent;
}

.tabsection_main .nav-item .nav-link.active .game_tab_info img,
.tabsection_main .nav-item .nav-link:hover .game_tab_info img {
	filter: brightness(0) saturate(100%) invert(100%) sepia(4%) saturate(0%) hue-rotate(257deg) brightness(103%) contrast(107%);
	background: transparent !important;
}


.tabsection_main .nav-item .nav-link.active .game_tab .game_tab_info img,
.tabsection_main .nav-item .nav-link:hover .game_tab .game_tab_info img {
	background: linear-gradient(to left, #ff8f30, #ffb02f);
}

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

.tabsection_main .nav-item .nav-link .game_tab {
   border-radius: 5px;
   background-color: #2d2d2d 
}

.tabsection_main .nav-item .nav-link.active .game_tab {
	/* background-color: #922b3e */
}


.tabsection_main .nav-item .nav-link .game_tab_info {
    /* opacity: 0 */
}

.index_tab {
    /* background: url('/images/templates/Template 4/login_base.jpg'); */
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    /* border: 1px solid var(--color6); */
    border-radius: 5px;
    /* -webkit-box-shadow: 0 0 6px 0 var(--color6);
    -moz-box-shadow: 0 0 6px 0 var(--color6);
    box-shadow: 0 0 6px 0 var(--color6) */
}

.index_tab_content {
	color: #222
}

.tab_bar_tltle {
	color: var(--color7);
    font-size: 50px;
   /*  filter: drop-shadow(0 0 4px var(--color6));
    text-shadow: 0 0 10px var(--color6) */
}

.tab_bar_tltle_sec {
	color: var(--color7);
    /* filter: drop-shadow(0 0 4px var(--color6));
    text-shadow: 0 0 10px var(--color6) */
}

.tab_bar_tltle_sec_inner {
	color: var(--color7);
    font-size: 15px;
    text-transform: uppercase;
    margin: 5px 0 10px
}

.qualityservice_inner_title {
    color: var(--color7);
    font-size: 15px;
}

.qualityservice_inner_content {
    color: #222
}

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

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

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

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

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

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

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

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

.game_products_btn img {
    opacity: 0
}

.game_products_btntext,
.game_products_btntext_slot {
	width: 100%;
    padding: 5px;
    border-radius: 30px;
    color: var(--color2);
    background: var(--colorOrange2);
}

/* LOGIN */
.login_body {
    border-radius: 5px;
    /* background: url('/images/templates/Template 4/login_base.png') center; */
    background-position: center;
    background-size: cover;
    background: var(--color2);
}

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

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

.important-icon {
	color: #dc3545
}

.form-group b {
    /* color: var(--color3) */
}

.login_form .form-group .form-control {
    border: 1px solid transparent;
    background: var(--colorOrange3);
    color: var(--color2);
    border-radius: 5px
}

.login_form .form-group .form-control:hover,
.login_form .form-group .form-control:focus {
	border-color: var(--color6)
}

.login_form .form-group .form-control::placeholder {
	color: #888;
}

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

.form-control:focus {
    box-shadow: 0 0 6px 0 var(--color6)
}

.btn_login {
    color: var(--color2);
    background: var(--colorOrange2);
    border: none;
    border-radius: 15px;
    font-weight: 600
}

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

.btn_download {
    color: var(--color2);
    background: var(--colorOrange2);
    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(--color11) !important;
    font-weight: bold;
    border-bottom: 2px solid;
}

.btn_otp {
	box-shadow: none
}

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

/* PROMOTION */
.promotion_main{
	background: var(--color2);
	border: 2px solid #dddddd;
}

.pmbox {
	letter-spacing: 1px;
    font-size: 1rem;
    font-family: 'Quicksand' !important;
    font-weight: 700 !important;
    color: var(--color2);
    background: #5a381c;
    border: 2px solid #5a381c
}

.pmbox:hover,
.pmbox.active {
	color: var(--color2);
    background: var(--color11);
    border: 2px solid var(--color11);
}

.promo-bx {
	/* border: 3px solid var(--color11); */
    border-radius: 5px;
    background: var(--color2)
}

.mix {
    display: none
}

.promo-dl-date {
	background: #e97b20;
    color: var(--color2);
    border-radius: 0 10px 10px 0;
    font-size: 9px;
}

.promo-dl img {
    border-radius: 5px
}

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

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

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

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

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

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

.blinking {
    animation: blinkingText 1.2s infinite
}

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

    49% {
        color: #dc3545
    }

    60% {
        color: #e2b3b7
    }

    99% {
        color: #e2b3b7
    }

    100% {
        color: #dc3545
    }
}

.lotto_table span.lotto_extra {
    color: #dc3545
}

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

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

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

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

.sub-side-nav li.active {
    text-shadow: 0 0 10px #f1637d
}

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

.sub-side-right {
    border: 1px solid var(--color6);
    background: #1c1c1c;
    color: var(--color2)
}

.sub-side-right-title {
	color: var(--color2);
    filter: drop-shadow(0 0 4px var(--color6));
    text-shadow: 0 0 10px var(--color6);
    border-bottom: 1px solid var(--color8)
}

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

.footer_section hr {
    border-top: 2px solid var(--color2)fff8c;
}

.footer-sitemap .sitemap-col:first-child {
	border-right: 1px solid var(--color2)fff;
}

.footer_section .index_logo_provider {
	border-radius: 5px;
	background: var(--color7);
    /* background: linear-gradient(#f5f3f3, #bcbcbc) */
}

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

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

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

.menu-footer a:hover {
	color: var(--color6)
}

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

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

.footer-sitemap .sitemap-col .col-label {
    color: var(--color2);
    font-weight: 600
}

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

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

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

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

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

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

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

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

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

.slot-content .tab-pane .topContent .leftContent .form-group .addGenerate .generateBtn:hover {
	 filter: brightness(1) drop-shadow(0 0 4px #f1637d)
}

.slot-content .tab-pane .topContent .leftContent .downloadProv .downloadItem .downloadLink button,
.lottery-content .tab-pane .topContent .leftContent .downloadProv .downloadItem .downloadLink button  {
    border: none;
    color: var(--color2);
    background: var(--gradient2)
}

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

.slot-content .tab-pane .bottomContent .slot-list-content .slot-bx .game-boxer,
.lottery-content .tab-pane .bottomContent .lottery-list-content .lottery-bx .game-boxer {
    
}

.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(--color6);
	border-bottom: none;
	background: #1c1c1c;
	border-radius: 5px 5px 0 0
}

.slot-content .tab-pane .bottomContent .slot-list-content .slot-bx .game-boxer .gamename,
.lottery-content .tab-pane .bottomContent .lottery-list-content .lottery-bx .game-boxer .gamename {
	color: var(--color2);
    background: var(--gradient2);
    font-weight: 600;
    border-radius: 0 0 5px 5px
}

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

.highlight {
	color: #8ef35e
}

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

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

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

.jackpot-bar .jackpot-amt {
	top: 38%;
    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: 43%;
	font-size: 60px;
	font-weight: bold;
    color: var(--color2);
    text-align: center
}

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

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

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

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

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

/*FOR JACKPOT*/

.modal-content {
	color: var(--color11);
    background-color: var(--color2)
}

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

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

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

.download_box_column {
    border: 1px solid var(--color11);
    border-radius: 5px
}

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

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

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

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

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

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

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

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

.promoModal .modal-body hr {
	border-color: var(--color9)	
}

.promoModal .modal-body table tbody tr td,
.promoModal .modal-body table tr td {
	background: var(--color2);
    color: var(--color9);
    border: 1px solid var(--color9);
    padding: 3px
}

.promoModal .modal-footer .btn {
    color: var(--color2);
    background-color: #922b3e;
    background-image: linear-gradient(#fdb82f, #f78d35);
}

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

.promoModal .modal-footer .btn-promo-back:hover {
	color: var(--color2);
/*     background-color: #922b3e */
    background-image: linear-gradient(#fdb82f, #f78d35);
}

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

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

#languagemodal .modal-dialog .modal-content ul li {
	font-weight: 700
}

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

.language-content {
	border-bottom: 1px solid var(--color8)
}

.language-content .language-label .language-text {
    color: var(--color11);
    font-weight: 600
}

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

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

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

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

#restorelistmodal.modal .modal-body .restore_main .restoreListTable .t-row.t-header div {
	color: #222;
    background: #8ef35e;
    font-weight: 600;
}

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

#transferplaymodal.modal .modal-body .provider_main .providerinfo {
	background-color: #2d2d2d;
    color: var(--color2)
}

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

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

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

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

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

#transferplaymodal.modal .modal-body .provider_main .providerautoinfo .restoreListTable .t-row.t-header div {
	color: #222;
    background: #8ef35e;
    font-weight: 600;
}

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

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

#transferplaymodal.modal .modal-body .provider_main .providernotice {
	border: 1px solid var(--color8);
    border-radius: 5px;
    background: #2d2d2d
}

#transferplaymodal.modal .modal-body .provider_main .providernotice ul {
    color: #bcbcbc;
    font-size: 12px;
    line-height: 1rem
}

.text-error {
	color: #c15151
}

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

.dataTables_wrapper .history-list.dataTable thead tr td {
	color: var(--color2);
	font-weight: 600;
    border-bottom: none;
    background-color: var(--color11)
}

.dataTables_wrapper .history-list.dataTable tbody tr td {
	color: var(--color2);
    background: #2d2d2d
}

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

.dataTables_wrapper .dataTables_filter input {
	border-radius: 5px;
    background: #3c3c3c;
    border: 1px solid transparent;
    color: var(--color2)
}

.dataTables_wrapper .dataTables_filter input:focus {
	border-color: var(--color6);
	box-shadow: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.transactionBtn,
.historyBtn{
	background-color: var(--color2);
    color: var(--color1);
    border: 1px solid var(--color11);
}

.transactionBtn:hover,
.historyBtn:hover {
	filter: brightness(.8)
}

.freeCreditTransfer-wrap .moreInfoBtn {
	 color: var(--color2)
}

.transaction-freeCredit-title .main_profile_title {
	font-size: 14px;
    letter-spacing: normal;
    filter: none
}

.transaction-freeCredit-title .main_profile_title:before {
	background: transparent;
	width: 0;
	height: 0
}
/* FREECREDIT in transfer page */

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

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

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

.memberPoint-wrap .refreshBtn-box div {
	color: var(--color1)
}

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

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

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

.referralChangeTab-btn button.active {
	background-color: #922b3e
}

.referralChangeTab-btn button:hover {
	filter: brightness(.8)
}

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

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

.referral-flow-box .content .referral-flow-desc {
    color: #222
}
/* REFERRAL PAGE */

/* referral container  */
.ref-box {
    color: var(--color2);
    background: #1c1c1c;
    border: 2px solid var(--color6);
    height: unset
}

.ref-box .ref-details {
	line-height: 1rem
}

.ref-box .ref-details .ref-desc-1 {
	margin: 0 0 10px
}

.ref-box .referral-code-box .share-btn {
	color: var(--color2);
	background: var(--gradient2);
	animation: btn_share_ 2s ease-in-out infinite;
    -webkit-animation: btn_share_ 2s ease-in-out infinite
}

@keyframes btn_share_ {
	0% {
		filter: drop-shadow(0 0 10px transparent)
	} 50% {
		filter: drop-shadow(0 0 10px #8ef35e)
	} 100% {
		filter: drop-shadow(0 0 10px transparent)
	}
}

.ref-box .referral-code-box .copyIcon {
	color: var(--color2)
}

.ref-box .referral-code-box #refCode {
    color: var(--color2);
    background: #3c3c3c;
    border: 1px solid var(--color6);
    border-radius: 5px;
    font-weight: 600
}

/* referral container  */

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

#announcemodal .announce-item .title{
	color:#5A381C;
}

#announcemodal .announce-item .message{
	color:#5A381C;
}

#announcemodal .announce-item .title i{
	color:#5A381C;
	margin-right: 10px;
}
/* ANNOUNCEMENT MODAL */

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.tour-carousel-item .main-content .detailsBox .main-title:before {
	background: #dcb3ac
}

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


/* tournament carousel */

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

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

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

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

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

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

.tournament-bx .box-hover button {
    color: #222;
	border: none;
    background-color: #dcb3ac
}

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

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

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

/* ranking list */

.ranking-section .section-title{
	color: #e97b20;
    text-shadow: 0px 1px #fff;
    border-bottom: 1px solid #e97b20;
}

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

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

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

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

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

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

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

.rank-list .list-item {
	background: #e97b20;
    /* box-shadow: 2px 3px #b1796f; */
    color: var(--color2);
}


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

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

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

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

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

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

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

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

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

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

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

#tournamentmodal .modal-header {
	background: unset
}

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

#tournamentmodal .upperTitle {
   	color: #e97b20
}

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

#tournamentmodal .btn-box button {
    color: #fff;
    background: #e97b20;
    border: 2px solid #fff;
    box-shadow: 2px 2px #fff
}

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

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

#tourrankingmodal .modal-content {
	color: #000;
	border: 5px solid #e97b20
}

#tourrankingmodal .modal-header {
	background: unset
}

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

#tourrankingmodal .upperTitle {
   	color: #e97b20
}

#tourrankingmodal .rank-title h2 {
    color: #e97b20;
    text-shadow: 0 1px #fff
}

#tourrankingmodal .rank-title button {
    color: #222;
    background: #e97b20;
    border: 2px solid #e97b20;
    box-shadow: 2px 2px #fff
}

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

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

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

/* tournament modals */
/* TOURNAMENT */


/* deposit page button */

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

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

/* deposit page button */

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

/* Deposit and Withdraw Page Announcement */
.Announcement-container{
	background-color: var(--color1);
    -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);
    color: var(--color2);
}

/* Deposit and Withdraw Page Announcement */

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

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

.liveScoreWidget .ls-header {
	border-radius: 15px 15px 0 0;
	background: var(--color2);
    border-bottom: 1px solid var(--color11)
}

.liveScoreWidget .ls-header .filter-select .input {
    color: var(--color1);
    background: #f8f8f8;
    border: 2px solid var(--color11);
}

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

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

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

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

.liveScoreWidget .ls-header .date-option li button:hover {
	filter: drop-shadow(0 0 4px var(--color11))
}
 
.liveScoreWidget .ls-header .date-option li button.active {
	filter: none;
	color: var(--color2);
	background: #5A381C;
}

.liveScoreWidget .ls-body {
    background: var(--color2);
    border-radius: 0 0 15px 15px
}

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

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

.liveScoreWidget .ls-body .b-getResult .msg {
	color: #ff6600
}

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

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

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

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

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

.liveScoreWidget .league-fixture-list .fixture-item-list .item {
    color: var(--color2);
    background: var(--color12)
}

.liveScoreWidget .league-fixture-list .fixture-item-list .item:hover,
.liveScoreWidget .league-fixture-list .fixture-item-list .item.active {
	background: var(--color12)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* ANNOUNCEMENT PAGE */
.announce-bx {
    border-bottom: 1px solid var(--color8)
}
/* ANNOUNCEMENT PAGE */

/* NEW PAGE HEADER */
.header-menu .ne_login_header{
	gap: 0;
}

.header-menu .logo img {
    padding: 12px;
}

.header-menu .menu-bottom {
	/* border-top: 2px solid var(--color6); */
	margin: unset;
}

.header-menu .login_header a,
.header-menu .login_header:hover a {
	padding: 5px 2rem;
    border-radius: 20px;
    color: var(--color2);
    background: #5A381C;
}

.header-menu .ne_login_header a,
.header-menu .ne_login_header:hover a {
	padding: 5px 2rem;
    border-radius: 20px;
    color: var(--color2);
    background: #5A381C;
}

.header-menu .ne_login_header a:first-child {
    /* background-image: url('/resources/images/dcg555/btn/ne_login_btn.gif') !important;
    background-size: 110%;
    background-repeat: no-repeat;
    background-position: center; */
}

.header-menu .ne_login_header .ne_btn_reg {
    /* background-image: url('/resources/images/dcg555/btn/ne_reg_btn.gif') !important;
    background-size: 130% !important;
    background-repeat: no-repeat;
    background-position: center; */
}

.header-menu .login_header a:first-child {
    /* background-image: url('/resources/images/dcg555/btn/login_btn.gif');
    background-size: 110%;
    background-repeat: no-repeat;
    background-position: center; */
}

.header-menu .login_header a:last-child {
	/* background-image: url(/resources/images/dcg555/btn/reg_btn.gif);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center; */
    animation: shockwave 1.5s ease-out infinite;
    /* padding: 0;
    width: 118px;
    height: 35px;
    border-radius: 5px; */
    background: #F78D35;
}

.header-menu .login_header a:after {
	/* background: var(--color9) */
}

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

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

.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: #222;
	font-weight: 700;
}

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

.header-menu .main-menu ul li.active a {
	 background: var(--color11);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

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

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

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

.header-menu .main-menu .navi-sub-list { 
	color: #222;
    background: #ffffffeb;
}

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

.header-menu .main-menu .navi-sub-list .provItem- .prov-click-wrap-:hover {
	background: var(--color11);
    cursor: pointer;
}
/* NEW PAGE HEADER */

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

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

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

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

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

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

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

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

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

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

/*Spinwheel Button Shockwave effect*/
.spinwheel-btn--shockwave.is-active {
    -webkit-animation: shockwaveJump 1s ease-in-out infinite alternate;
    animation: shockwaveJump 1s ease-in-out infinite alternate;
    background: linear-gradient(to right,#fa0000 0%,#7e1e1e 100%);
    color: var(--color2);
    border: none;
}

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

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

.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-image: linear-gradient(180deg, #fdcdc5, #b5928c);
    color: var(--color2)
}

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

@keyframes glowing-box {
  0% {
	box-shadow: 0 0 5px 2px #dcb3ac;
  }
  20% {
	box-shadow: 0 0 10px 2px #d1aca6;
  }
  40% {
	box-shadow: 0 0 15px 2px #db7a69;
  }
  60% {
	box-shadow: 0 0 20px 2px #db7a69;
  }
  80% {
	box-shadow: 0 0 15px 2px #d1aca6;
  }
  100% {
	box-shadow: 0 0 5px 2px #dcb3ac;
  }
}

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

/* DAILY LOGIN REWARD */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* decorator navi */

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

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

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

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

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

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

.prov-list-wrap- .gametabcontent- .tabcontent- h3 {
    color: var(--color7);
    font-size: 50px;
}

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

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

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

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

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

/* provider list search bar */

.prov-list-wrap- .gametabcontent- .tabcontent- .search-bar {
	max-width: 300px;
    width: auto;
    padding: 5px 10px;
    border-radius: 20px;
    background: var(--color2);
    border: 1px solid var(--colorOrange2);
    color: var(--colorOrange2)
}

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

/* provider list search bar */

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

.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(--colorOrange2);
    border-color: var(--colorOrange2);
    text-shadow: 1px 1px 2px var(--color1)
}

.prov-list-wrap- .gametabcontent- .tabcontent- .provItem- .prov-img- .prov-btn-wrap- button:hover {
    filter: drop-shadow(0 0 6px var(--colorOrange2));
    -webkit-filter: drop-shadow(0 0 6px var(--colorOrange2))
}

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

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

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

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

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

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

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

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

.player-sidenav {
	color: var(--color1);
    background-color: var(--color2);
    border: 2px solid var(--color11);
    box-shadow: 0 0
}

.main_btn_short_custom a .main_text {
    color: var(--color1);
    font-weight: 600
}

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

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

/* shockwave animation */
@keyframes shockwave {
	0% {
	    opacity: .9;
	}
	10%, 80% {
	    transform: translate3d(-0.01rem,0,0);
	}
	70% {
	    transform: scale(1);
	    box-shadow: #ff8a0060 0 0 0 0.9rem;
	}
	100% {
	    transform: scale(1);
	    box-shadow: #f800 0 0 0 0.22rem;
	    opacity: 1;
	}
}

/* info_4 */
.member-info-4- .content-block- {
	border: 2px solid var(--color11)
}
/* info_4 */

/* login_1 */
.login-1- .linkredirect- a{
	font-weight: 900
}
/* login_1 */

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