:root {
    --bg-nav-footer: #333333;
    --icon-color: #938767;
    --bg-btn-primary: #ead8ad;
    --bg-btn-secondary: #6a718e;
    --bg-nav-primary: linear-gradient(180deg, #a59468, #7d6e49);
    --bg-floating-item: linear-gradient(315deg, #ead8ad -17%, #938767 40%);

    --theme-gradient-primary: linear-gradient(315deg, #000000 -17%, var(--bg-btn-primary) 40%);
}

body {
    color: #6a718e
}

hr {
    border-top: 1px solid #ead8ad
}

h4,
.english_text {
    color: #6a718e
}

.buttonback {
    background-color: #f2f2f2;
    border: 2px solid #938767;
    color: #fff !important
}

.buttonback::before {
    color: #938767
}

.buttonback:active {
    background-color: #555
}

.runningtext_icon_color{
    color: var(--icon-color);
}

/* LOADING SCREEN */
.loading-panel {
    background-color: rgba(0, 0, 0, .5)
}

/* SIDE RIGHT */
.social {
    background-color: #f2f2f2;
    border: 1px solid #938767;
    -webkit-box-shadow: 0 0 6px 0 rgb(147 135 103 / 67%);
    -moz-box-shadow: 0 0 6px 0 rgb(147 135 103 / 67%);
    box-shadow: 0 0 6px 0 rgb(147 135 103 / 67%)
}

span.np-ef {
    background: #f2f2f2;
    color: #938767;
    border: 1px solid #938767;
    -webkit-box-shadow: 0 0 6px 0 rgb(147 135 103 / 67%);
    -moz-box-shadow: 0 0 6px 0 rgb(147 135 103 / 67%);
    box-shadow: 0 0 6px 0 rgb(147 135 103 / 67%)
}

.social li {
    color: #6a718e
}

.social li:hover {
    color: #ead8ad
}

.social li span {
    color: #ead8ad
}

.social li span:after {
    border-left: 10px solid #ead8ad;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent
}

.np-ef_inner:hover {
    background-color: #3e3e3e
}

.np-ef_inner:hover .np-ef_inner_link {
    color: #fff
}

.np-ef_inner_link {
    color: #6a718e
}

.np-ef_inner_title a.np-ef_inner_title_info {
    color: #cbb698
}

.np-ef_inner_title a.np-ef_inner_title_info:hover {
    text-decoration: none;
    color: #dec4a0;
    background-color: #efefef
}

.icon-wrapper {
    border: 1px solid #ead8ad
}

ul#registerTab li a.nav-link,
ul#loginTab li a.nav-link,
ul#memberInfoTab li a.nav-link {
    color: #fff !important;
    border: none;
    background: linear-gradient(#cfcfcf, #929292);
    box-shadow: 0 3px #7e7d7c
}

ul#registerTab li a.nav-link:hover,
ul#loginTab li a.nav-link:hover,
ul#memberInfoTab li a.nav-link:hover {
    border-color: transparent
}

ul#registerTab li a.nav-link.active,
ul#loginTab li a.nav-link.active,
ul#memberInfoTab li a.nav-link.active {
    color: #fff;
    background: linear-gradient(#BDBDBC, #938767);
    box-shadow: 0 3px #716852
}

/* header */
.header-menu {
    background-color: #000;
}

.main-menu ul li {
    border-bottom: 3px solid transparent
}

.main-menu ul li.active,
.main-menu ul li:hover,
.main-menu ul li.active a
 {
    /* border-bottom: 3px solid #938767; */
    color: #938767 !important;
}

.main-menu ul li:hover{
    background-color: #938767 !important;
}

.main-menu ul li a {
    color: #6a718e
}

.main-menu ul li:hover a,
.main-menu ul li:hover a .chineseFont_text {
    color: #938767;
    text-decoration: none
}

.main-menu ul li.active a,
.main-menu ul li.active a .chineseFont_text {
    color: #666565
}

.register_left_custom {
    border-left: 1px solid #6a718e
}

.login_header_before a {
    color: #6a718e;
    text-decoration: none
}


.header_balance_font{
    color: #ccc;
}

.header_balance_font:hover
{
    color: #938767 !important;
}

.register_left_custom a {
    color: #6a718e;
    /* padding-bottom: 5px */
}

.btn_acc {
    border: 1px solid #ead8ad;
    color: #ead8ad
}

.btn_logout {
    border: 1px solid #ead8ad;
    background: linear-gradient(#ead8ad, #938767);
    box-shadow: 0 3px #938767;
    border: none;
    color: #fff
}

.btn_logout:hover {
    filter: brightness(1) drop-shadow(0 0 4px rgba(203, 182, 152, 1))
}

.btn_bal {
    background: #6a718e;
    color: #fff
}

.dropdown-option {
    background: #f2f2f2;
    -webkit-box-shadow: 0 0 6px 2px #d1aca6;
    -moz-box-shadow: 0 0 6px 2px #d1aca6;
    box-shadow: 0 0 6px 2px #d1aca6
}

.balance-drop .dropdown-balance {
    background: #f2f2f2;
    color: #6a718e;
    border: none;
    -webkit-box-shadow: 0 0 6px 2px #d1aca6;
    -moz-box-shadow: 0 0 6px 2px #d1aca6;
    box-shadow: 0 0 6px 2px #d1aca6
}

.balance-drop .dropdown-balance .summary-wrapper {
    border-top: 1px solid #ead8ad
}

.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: #ead8ad;
    color: #ead8ad
}

.balance-drop .dropdown-balance .summary-wrapper .amount-item .balc.locked {
    color: #cd5c5c
}

.balance-drop .dropdown-balance .summary-wrapper .amount-item .balc.unlocked {
    color: #3ec682
}

.balance-drop .dropdown-balance .summary-wrapper .amount-item button.btn-in {
    border: none;
    background: #929292;
    color: #fff
}

.balance-drop .dropdown-balance .summary-wrapper .amount-item button.btn-out {
    border: none;
    background: #ead8ad;
    color: #fff;
}

.balance-drop .dropdown-balance .summary-wrapper .amount-item button.btn-quickplay {
    border: none;
    background: #ead8ad;
    color: #fff
}

.balance-drop .dropdown-balance .summary-wrapper .amount-item .wpDrop-maintenance {
    border: none;
    background: #cd5c5c;
    color: #fff
}

.main_btn_short_custom a .main_text {
    color: #2e2e2e
}

.main_btn_short_custom:hover a .main_text {
    color: #ead8ad
}

.main_btn_short_custom a.active .main_text {
    color: #ead8ad
}

.menu_account a {
    color: #2e2e2e
}

.menu_account a.active {
    background-color: #3e3e3e;
    border-left: 4px solid #ead8ad
}

.menu_account a.menu_account_inner:hover .main_text {
    color: #ead8ad
}

.menu_account a.active .main_text {
    color: #ead8ad
}

.memberBank-wrapper {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.memberBank-wrapper .memberBank-thead {
    border-bottom: 1px #cba98c solid
}

.memberBank-wrapper .memberBank-tbody .memberBank-separate .thead-col .col-btn .btn-delete {
    border: 1px solid #cba98c;
    background: #f8f9fb;
    color: #6a718e
}

.memberBank-wrapper .memberBank-tbody .memberBank-separate .thead-col .col-btn .btn-delete:hover {
    background-image: linear-gradient(to bottom, #6a718e 0%, #838db4 100%);
    color: #fff
}

/* BODY */
.t-body {
    /* background-image: url('../../../../template_default/gold/images/background_img/desktop_background.jpg');
    background-repeat: repeat-y;
    background-position: top center; */
    background-size: 100%;
    background-color: #0F0E0E;
    flex-grow: 1;
}

.announcement {
    border: 1px solid #938767;
    -webkit-box-shadow: 0 0 6px 0 rgb(147 135 103 / 67%);
    -moz-box-shadow: 0 0 6px 0 rgb(147 135 103 / 67%);
    box-shadow: 0 0 6px 0 rgb(147 135 103 / 67%);
    background: #f2f2f2
}

.announcementCustom i {
    color: #938767
}

.marquee_custom {
    color: #6a718e
}

.slider ul li {
    border: 1px solid #ead8ad;
    -webkit-box-shadow: 0 0 6px 0 rgb(234 216 173 / 67%);
    -moz-box-shadow: 0 0 6px 0 rgb(234 216 173 / 67%);
    box-shadow: 0 0 6px 0 rgb(234 216 173 / 67%)
}

.text_game_title {
    color: #43475a
}

.chineseFont_text {
    color: #666565;
    text-shadow: 2px 2px 5px #938767 ;
}

.megamenu {
    color: #949ab3
}

.wbg3 {
    background: rgba(0, 0, 0, .95);
}

.dropdown_btn_custom {
    background-color: transparent
}

.dropdown_btn_custom:hover {
    /* background-color: #efefef; */
    cursor: pointer
}

/* referral pages */
.referralChangeTab-btn {
    display: flex;
    margin-bottom: 10px;
}

.referralInfo-btn {
    margin: 5px;
    border: none;
    border-top-left-radius: 25px;
    font-size: 14px;
    width: 40%;
    min-height: 36px;
}

.referralReport-btn {
    margin: 5px;
    border: none;
    border-top-right-radius: 25px;
    margin-left: 6px;
    font-size: 14px;
    width: 40%;
    min-height: 36px;
}

/* end of referral button */

/* lineShare and facebookShare color code */

.lineShare {
    color: #fff;
    background: #00B900;
    /* border: 2px solid#00B900; */
    min-width: 100px;
    border-radius: 4px;
}

.facebookShare {
    color: #fff;
    background: #4267B2;
    /* border: 2px solid #4267B2; */
    min-width: 100px;
    border-radius: 4px;
}

/* end of lineShare and facebookShare color code */

/* bg-gradient */
.bg-gradient-primary {
    background: linear-gradient(315deg, #ead8ad -17%, #938767 40%);
}

.bg-gradient-secondary {
    background: #fcce4f;
}

.bg-gradient-gray {
    background: -webkit-gradient(linear, left top, right top, from(rgba(170, 167, 167, 1)) 0%, to(rgba(105, 105, 105, 1)) 100%);
    background: linear-gradient(180deg, rgba(170, 167, 167, 1) 0%, rgba(105, 105, 105, 1) 100%)
}

/* end of bg-gradient */

/* member pages */
.main_profile {
    background-color: #f2f2f2;
    -webkit-box-shadow: 0 0 6px 2px #d1aca6;
    -moz-box-shadow: 0 0 6px 2px #d1aca6;
    box-shadow: 0 0 6px 2px #d1aca6
}

.main_profile_right {
    background-color: #f2f2f2;
    -webkit-box-shadow: 0 0 6px 2px #d1aca6;
    -moz-box-shadow: 0 0 6px 2px #d1aca6;
    box-shadow: 0 0 6px 2px #d1aca6
}

.afterlogin_deposit.nav .nav-item .nav-link {
    color: #fff;
    background: linear-gradient(#cfcfcf, #929292);
    box-shadow: 0 3px #7e7d7c;
    border: none;
    margin-bottom: 5px
}

.afterlogin_deposit.nav .nav-item .nav-link.active,
.afterlogin_deposit.nav .nav-item .nav-link:hover {
    background: linear-gradient(#ead8ad, #938767);
    box-shadow: 0 3px #716852
}

.afterloginform .specificUploadBtn .btnDepositReceipt.btnSelect {
    background: linear-gradient(#ead8ad, #938767);
    color: #fff;
    border: none
}

.afterloginform .specificUploadBtn .btnDepositReceipt.btnRemove {
    background: #f8f9fb;
    color: #6a718e;
    border: 1px solid #c9b69a;
}

.main_profile_title {
    color: #6a718e
}

.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: #6a718e;
    -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: #6a718e
}

.afterloginform .form-control {
    background-color: #f8f9fb
}

.submit_btn {
    color: #fff;
    background: linear-gradient(#ead8ad, #938767);
    box-shadow: 0 3px #716852
}

.submit_btn:hover,
.submit_btn:active {
    filter: brightness(1) drop-shadow(0 0 4px rgba(203, 182, 152, 1))
}

.copy_btn {
    color: #fff;
    background-color: #6a718e
}

.allout_btn {
    background-image: linear-gradient(to bottom, #838db4 0%, #6a718e 100%);
    color: #fff
}

.box-prov ul li {
    border: 1px solid #6a718e;
    background-color: #f8f9fb;
    color: #6a718e
}

.box-prov ul li.unlocked {
    background-image: linear-gradient(to bottom, #64f0aa 0, #3ec682 100%);
    border: 1px solid #35b475;
    color: #fff
}

.box-prov ul li.locked {
    background-image: linear-gradient(to bottom, #f28585 0, #cd5c5c 100%);
    border: 1px solid #d15555;
    color: #fff
}

.box-prov ul li .prov-btn .btn-allIn {
    background: linear-gradient(#cfcfcf, #929292);
    color: #fff
}

.box-prov ul li .prov-btn .btn-restore {
    background: linear-gradient(#eaddad, #fdc731);
    color: #fff
}

.box-prov ul li .prov-btn .btn-quickPlay {
    background: #fff;
    border: 1px solid #ead8ad;
    color: #ead8ad
}

.box-prov ul li .prov-maintenance {
    background: #b9b9b9;
    color: #fff
}

.prov-amot {
    background: #fff;
    border: 2px solid #ead8ad;
    color: #6a718e
}

.maintenance-text {
    background: #6a718e;
    color: #fff
}

.maintenance-border {
    border-top: 3px solid #6a718e;
    border-bottom: 3px solid #6a718e;
    color: #6a718e
}

.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: #fff
}

.transfer-mini-btn:hover {
    border: 2px solid #6a718e;
    -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: #6a718e;
    color: #fff
}

.transfer_main label {
    color: #6a718e
}

.form-inline .form-control {
    background-color: #f8f9fb
}

.btn_transfer {
    border: none;
    color: #fff;
    background: linear-gradient(#ead8ad, #938767);
    box-shadow: 0 3px #716852
}

.btn_transfer:hover {
    filter: brightness(1) drop-shadow(0 0 4px rgba(203, 182, 152, 1))
}

.toggle-btn .toggle-slider {
    background-color: #f8f9fb;
    -webkit-transition: .4s;
    transition: .4s;
    color: #6a718e
}

.toggle-btn .toggle-slider .on {
    color: #fff
}

.toggle-btn .toggle-slider .off {
    color: #7d7d7d
}

.toggle-btn .toggle-slider:before {
    content: "";
    background-color: #7d7d7d;
    -webkit-transition: .4s;
    transition: .4s
}

.toggle-btn .toggle-checkbox:checked+.toggle-slider {
    background: linear-gradient(#d0a9a2, #ead8ad);
    color: #fff
}

.toggle-btn .toggle-checkbox:checked+.toggle-slider:before {
    background-color: #fff
}

/* Game Product div */
.nav-item .nav-link {
    color: #fff
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #495057;
    background-color: transparent;
    border-color: #dee2e6 #dee2e6 #fff
}

.nav-item .nav-link.active,
.nav-item .nav-link:hover {
    color: #fff
}

.tabsection_main .nav-item .nav-link {
    color: #737a99;
}

.tabsection_main .nav-item .nav-link.active,
.tabsection_main .nav-item .nav-link:hover {
    text-shadow: 0px 4px 4px #dfb7b19e;
    color: #fff;
}

.tabsection_main .nav-item .nav-link.active,
.tabsection_main .nav-item .nav-link:hover,
.tabsection_main .nav-item .nav-link:focus {
    filter: brightness(1) drop-shadow(0 0 4px #dfb7b19e);
}

.tabsection_main li:has(> .nav-link.active), .tabsection_main .nav-item:hover{
    background: var(--bg-floating-item);
}

.index_tab {
    background: url('../../../../../Template_4/template_default/gold/images/login_background/login_base.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #ead8ad;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 6px 0 rgb(234 216 173 / 67%);
    -moz-box-shadow: 0 0 6px 0 rgb(234 216 173 / 67%);
    box-shadow: 0 0 6px 0 rgb(234 216 173 / 67%)
}

.index_tab_content {
    color: #666565
}

.tab_bar_tltle {
    color: #666565
}

.tab_bar_tltle_sec {
    color: #938767;
    text-shadow: 2px 2px 5px #868a8ad4
}

.tab_bar_tltle_sec_inner {
    color: #ead8ad
}

.qualityservice_inner_title {
    color: #666565
}

.qualityservice_inner_content {
    color: #666565
}

/* SPORTS */
.game_products_btntext_slot {
    color: rgb(0, 0, 0)
}

.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 rgba(203, 182, 152, 1))
}

/* LOGIN */
.login_body {
    border: 2px solid #938767;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 6px 0 rgb(147 135 103 / 67%);
    -moz-box-shadow: 0 0 6px 0 rgb(147 135 103 / 67%);
    box-shadow: 0 0 6px 0 rgb(147 135 103 / 67%);
}

.login-modal-body{
    background-image: url(../../../../../../templates/Template_17/template_default/gold/images/background_img/blacksidebar.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center
}

.login_title {
    color: #938767;
    text-shadow: 2px 2px 5px #868a8ad4
}

.login_form,
.important-icon {
    color: #6a718e;
    z-index:2;
}

.form-group b {
    color: #fff;
    font-size: 12px;
}

.login_form .form-group .form-control {
    border: 1px solid #938767
}

.login_form .form-group img {
    background-color: transparent
}

.form-control:focus {
    box-shadow: 0 0 0 0.2rem #ead8ad;
}

.btn_login {
    color: #fff;
    background: linear-gradient(#BDBDBC, #938767);
    box-shadow: 0 3px #716852;
    border: none;
    border-radius: 20px
}

.btn_login:active {
    filter: brightness(1) drop-shadow(0 0 4px rgba(203, 182, 152, 1))
}

.login_form_inner a {
    color: #757c96 !important;
    font-weight: bold;
    border-bottom: 2px solid;
}

.btn_otp {
    box-shadow: none
}

/* PROMOTION */
.pmbox {
    color: #fff;
    background: linear-gradient(#cfcfcf, #929292);
    box-shadow: 0 3px #7e7d7c
}

.pmbox:hover,
.pmbox.active {
    color: #fff;
    background: linear-gradient(#ead8ad, #938767);
    box-shadow: 0 3px #716852
}

.promo-bx {
    border: 1px solid #ead8ad
}

.mix {
    display: none
}

.promo-dl-date {
    background-color: rgba(255, 255, 255, .8);
    color: #6a718e
}

.lotto_table {
    color: #000000
}

.lotto_table table thead {
    background-color: #cbb698;
    color: #fff
}

.lotto_table table thead tr td {
    border-right: 1px solid #fff
}

.lotto_table table tbody {
    color: #6a718e
}

.lotto_table table tbody tr td {
    border: 1px solid #ccad8d;
    text-transform: uppercase
}

.promotnc {
    background-image: linear-gradient(#eacdad, #c3aa8a);
    color: #fff;
    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: #fff
}

.sub-side-nav {
    border: 1px solid #716852;
    width: auto;
}

.sub-side-nav li {
    background: linear-gradient(#cfcfcf, #929292)
}

.sub-side-nav li:hover,
.sub-side-nav li.active {
    background: linear-gradient(180deg, #facf41, #d7b238)
}

.sub-side-nav li a {
    color: #fff
}

.sub-side-nav li.active a {
    color: #fff;
    text-shadow: 0 4px 4px #8f7c5b
}

.sub-side-right {
    border: 1px solid #ead8ad;
    background: #f2f2f2;
    color: #6a718e;
    -webkit-box-shadow: 0 0 6px 0 rgba(212, 175, 55, .7);
    -moz-box-shadow: 0 0 6px 0 rgba(212, 175, 55, .7);
    box-shadow: 0 0 6px 0 rgba(212, 175, 55, .7)
}

.sub-side-right-title {
    border-bottom: 1px solid #ead8ad
}

/* FOOTER */
.footer_section {
    background: #43475a;
    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-right: 1px solid #fff
}

/* add on css */
.hotGamesTab-content {
    background: url('../../../../../Template_17/template_default/gold/images/background_img/blacksidebar.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #938767;
    border-radius: 0px;
    -webkit-box-shadow: 0 0 6px 0 rgba(147, 135, 103, 0.67);
    -moz-box-shadow: 0 0 6px 0 rgb(147 135 103 / 67%);
    box-shadow: 0 0 6px 0 rgb(147 135 103 / 67%)
}

.game-page-label {
    color: #6a718e;
    border-bottom: 1px solid #ead8ad
}

.slot-content .tab-pane .topContent .leftContent .reglink {
    color: #ead8ad;
    border-bottom: 1px solid transparent
}

.slot-content .tab-pane .topContent .leftContent .reglink:hover {
    border-bottom: 1px solid #ead8ad
}

.slot-content .tab-pane .topContent .leftContent .filter-menu-bar .slotbox {
    color: #fff;
    border: none;
    background: linear-gradient(#cfcfcf, #929292);
    box-shadow: 0 3px #7e7d7c
}

.slot-content .tab-pane .topContent .leftContent .filter-menu-bar .slotbox.active {
    background: linear-gradient(#ead8ad, #938767);
    box-shadow: 0 3px #716852
}

.slot-content .tab-pane .topContent .leftContent .downloadProv .downloadItem .downloadLink button {
    border: none;
    color: #fff;
    background: linear-gradient(#f6e061, #b4911a);
    filter: drop-shadow(0 3px 1px #f6e061);
    -webkit-filter: drop-shadow(0 3px 1px #f6e061)
}

.slot-content .tab-pane .topContent .leftContent .downloadProv .downloadItem .downloadLink button:hover {
    filter: brightness(1) drop-shadow(0 0 4px #ead8ad)
}

.slot-content .tab-pane .bottomContent .slot-list-content .slot-bx .game-boxer {
    -moz-box-shadow: 0 2px 3px 0 #8f7c5b;
    -webkit-box-shadow: 0 2px 3px 0 #8f7c5b;
    box-shadow: 0 2px 3px 0 #8f7c5b
}

.slot-content .tab-pane .bottomContent .slot-list-content .slot-bx .game-boxer .gameimg {
    border: 1px solid #f6e061;
    border-bottom: none
}

.slot-content .tab-pane .bottomContent .slot-list-content .slot-bx .game-boxer .gamename {
    color: #fff;
    background: linear-gradient(315deg, #ead8ad -17%, #938767 40%)
}

.main-menu li>.megamenu::-webkit-scrollbar {
    background-color: #fff
}

.main-menu li>.megamenu::-webkit-scrollbar-thumb {
    background-color: #cba98c;
    color: #cba98c
}

table.dataTable tbody tr,
table.dataTable tbody td {
    color: white
}

.highlight {
    color: #ead8ad
}

.highlight.underline {
    border-bottom: 1px solid #ead8ad
}

.registrationPassIcon {
    color: #6a718e
}

.jackpot-bar {
    /* height: 250px */
}

.jackpot-bar .jackpot-amt {
    top: 38%;
    font-size: 2.2rem;
    font-weight: bold;
    color: #fff;
    font-style: italic;
    letter-spacing: 3px
}

.modal-content {
    color: #6a718e;
    border: 1px solid #ead8ad;
    background-color: #f2f2f2
}

.modal-content .modal-header {
    border: none;
    color: #fff;
    background: linear-gradient(#ead8ad, #938767)
}

.downloadmodal .modal-header {
    padding: 0px
}

.download_box_column {
    border: 1px solid #ead8ad;
    -webkit-box-shadow: 0 0 6px 0 rgba(212, 175, 55, 1);
    -moz-box-shadow: 0 0 6px 0 rgba(212, 175, 55, 1);
    box-shadow: 0 0 6px 0 rgba(212, 175, 55, 1)
}

.download_icon {
    color: #fff;
    background-image: linear-gradient(#eaddad, #fdc731);
    border: 1px solid #ead8ad
}

.download_toptitle {
    border: 1px solid #ead8ad;
    background-color: #fff;
    color: #ead8ad
}

.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: #fff;
    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: #6a718e
}

.promoModal .modal-body table tbody tr td,
.promoModal .modal-body table tr td {
    color: #6a718e;
    border: 1px solid #6a718e;
    vertical-align: middle !important;
}

.btn-promo-back {
    border: none;
    color: #c5c5c5;
    background-color: transparent
}

.btn-promo-back:hover {
    color: #fff;
    background-image: linear-gradient(#ead8ad, #938767)
}

#languagemodal .modal-header .label {
    color: #fff
}

#languagemodal.modal-header .close {
    color: #fff
}

#languagemodal .modal-dialog .modal-content ul li:hover a {
    color: #ead8ad
}

.language-content {
    border-bottom: 2px solid #6a718e
}

.language-content .language-label .language-text {
    color: #6a718e
}

#restorelistmodal.modal .modal-body .restore_main .restoreListTable .t-row {
    border: 1px solid #ead8ad;
    border-top: none;
}

#restorelistmodal.modal .modal-body .restore_main .restoreListTable .t-row:last-child {
    border-bottom: 1px solid #ead8ad
}

#restorelistmodal.modal .modal-body .restore_main .restoreListTable .t-row.t-header {
    border: none
}

#restorelistmodal.modal .modal-body .restore_main .restoreListTable .t-row div {
    color: #6a718e;
    background: #fff
}

#restorelistmodal.modal .modal-body .restore_main .restoreListTable .t-row.t-header div {
    color: #fff;
    background: linear-gradient(180deg, #f6e061, #b4911a)
}

#transferplaymodal.modal .modal-body .provider_main .providerimg {
    background-image: url('../../../../../Template_4/template_default/gold/images/login_background/login_base.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: 1px solid #ead8ad
}

#transferplaymodal.modal .modal-body .provider_main .providerinfo {
    box-shadow: 0 3px 7px 0 #ead8ad;
    background-color: #f8f9fb;
    color: #6a718e
}

#transferplaymodal.modal .modal-body .provider_main .providerinfo .maintenance div {
    background: #cd5c5c;
    color: #fff
}

#transferplaymodal.modal .modal-body .provider_main .providerautoinfo .restoreListTable .t-row {
    border: 1px solid #ead8ad;
    border-top: none
}

#transferplaymodal.modal .modal-body .provider_main .providerautoinfo .restoreListTable .t-row:last-child {
    border-bottom: 1px solid #ead8ad
}

#transferplaymodal.modal .modal-body .provider_main .providerautoinfo .restoreListTable .t-row div {
    color: #6a718e;
    background: #fff
}

#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: #fff;
    background: linear-gradient(180deg, #f6e061, #b4911a)
}

#transferplaymodal.modal .modal-body .provider_main .providerbtn button {
    color: #fff;
    border: 1px solid #716852;
    background: linear-gradient(180deg, #facf41, #d7b238)
}

#transferplaymodal.modal .modal-body .provider_main .providerbtn button:hover {
    filter: brightness(1) drop-shadow(0 0 4px rgba(203, 182, 152, 1))
}

#transferplaymodal.modal .modal-body .provider_main .providernotice {
    box-shadow: inset 0 1px 5px -1px rgba(0, 0, 0, .62);
    background-color: #fff
}

#transferplaymodal.modal .modal-body .provider_main .providernotice ul {
    color: #6a718e
}

.text-error {
    color: #c15151
}

.history-list.dataTable thead {
    background: linear-gradient(180deg, #f6e061, #b4911a)
}

.history-list.dataTable thead tr td {
    color: #fff
}

.history-list.dataTable .btn-detail {
    background-color: #ead8ad;
    color: #fff;
    border: none
}

.msgBox-wrap {
    border: 1px solid #ead8ad;
    background: #f2f2f2;
    color: #6a718e;
    -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 #ead8ad
}

.msgBox-wrap .msgContent .error-btn {
    color: #fff;
    box-shadow: 0 3px 11px -5px rgb(0 0 0 / 58%);
    background: -moz-linear-gradient(#ead8ad, #938767);
    background: -webkit-linear-gradient(#ead8ad, #938767);
    background: linear-gradient(#ead8ad, #938767);
    border: 1px solid #716852;
    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);
}

/* Angpow */
#angpowclaimmodal .modal-content {
    color: #fff;
    border: none;
    background-color: transparent;
}

#angpowclaimmodal .modal-content .modal-header {
    background: none;
    color: #fff;
    border: none;
}

.transaction-btn .normalBtn,
.transaction-btn .angpowBtn {
    background-image: linear-gradient(#d0a9a2, #ead8ad);
    color: #fff;
}

#angpowTransferAmt {
    background-image: linear-gradient(to bottom, #ead8ad 0%, #938767 100%);
    color: #fff;
}

.bonusList-wrapper .btnBox .claimBtn {
    background-color: #ead8ad;
}

.tooltipText {
    background-color: #555;
    color: #fff;
}

.tooltipText::after {
    border-color: #555 transparent transparent transparent;
}

/* Hover Background icon */
.angpowInfo:hover i {
    background-color: #716852;
}

/* REWARD POINT */
.rewardPoint {
    color: #2e2e2e
}

.memberPoint-wrap .refreshBtn-box div {
    color: #2e2e2e;
}

.memberPoint-wrap .refreshBtn-box div:hover i {
    color: #ead8ad;
}

/* REWARD POINT */

/* MEMBER UPDATE */
.memberUpdate_body .updateName {
    border: 1px solid #ead8ad
}

/* MEMBER UPDATE */


.contact-wrapper {
    box-shadow: 0 4px 6px 1px rgb(0, 0, 0, .2);
    border: 1px solid #003e78
}

.contact-mall {
    background: #fff;
    box-shadow: 0 4px 6px 1px rgb(0 0 0 / 20%);
}

.contact_main_title {
    color: #6a718e;
    text-shadow: 0 4px 4px #72716f;
}


.rtp-prod{
    overflow: hidden;
    position: absolute;
    font-size: 4px;
    width: 40%;
    margin-left: 3%;
    height: 9%;
    top: 5%;
    left: 0%;
    border-radius: 10%;
    color: red;
    box-shadow: 0 0 5px #eee;
    transition: 0.5s;
    background-image: linear-gradient(to right, #8e9eab 0%, #eef2f3 51%, #8e9eab 100%);
}

.rtp-clt{
    overflow: hidden;
    position: absolute;
    font-size: 4px;
    width: 32%;
    margin-right: 4%;
    height: 9%;
    top: 5%;
    right: 0%;
    border-radius: 10%;
    color: red;
    box-shadow: 0 0 5px #eee;
    transition: 0.5s;
    background-image: linear-gradient(to right, #FDFC47 -10%, #24FE41 55%, #FDFC47 110%);
}

.hot-games-tab-title{
    color: #212121;
}

.filter-wrapper .filter-type .filter-title.provider-title{
    color:#fcb913;
}

.filter-wrapper .filter-type .filter-title.provider-title{
    margin: 0;
    font-size: 30px;
    width: auto;
    font-weight: 700;
}

.btn-play.yellow {
    border: 1px solid #e7e7e7;
    /* background-color: #fcb913; */
    /* background-color: #b90000; */
    background:linear-gradient(315deg, #EAD092 -17%, #5F594B 40%);
    color: #fff;
    transition: .3s;
    padding:7px 10px 7px 10px;
}

.btn-play:not(.gray):hover {
    border: 1px solid #fff;
    background-color: #fff;
    color: #fcb913;
    transition: .3s
}

.header_login_btn:hover{
    color:#fff !important;
}

footer .img-wrapper {
    border: 2px solid #7d7d7d
}

footer .img-wrapper .title-box {
    border-bottom: 2px solid #7d7d7d;
    color: #7d7d7d
}

.navbar-nav .dropdown-menu{
    position:absolute;
}

.header_deposit_btn{
    cursor: pointer;
    padding: 15px 20px 15px 20px;
    background: linear-gradient(315deg, #ead8ad -17%, #938767 40%);
    border-radius: 20%;
    color: #fff !important;
}

.header_deposit_btn:hover {
    background: linear-gradient(315deg, #938767 -17%, #8C7F5E 40%);

}

.header_btn{
    background: var(--bg-floating-item);
    padding: 15px 20px;
    border-radius: 20%;
    color: white !important;
}

.header_invert_btn{
    padding: 15px 20px;
    border-radius: 20%;
    color: white !important;
    border: 2px solid var(--bg-btn-primary);
}

.filter-wrapper .filter-type .filter-option .filter-list li:hover .option, .filter-wrapper .filter-type .filter-option .filter-list li .option.is-acted{
    background: linear-gradient(315deg, #ead8ad -17%, #938767 40%);
    color: #fff;
    transition: .3s;
}

.dropdown-toggle::after{
    content: none;
}

.footer-contact-nav{
    background: #2c2c2c;
}

.header-navi{
    background: #4b4b4b;
}

.login_body{
    position:relative;
    z-index:2;
    background-color:black;
}
.login_body .bgreg17_desktop{
    position:absolute;
    top:0;
    left:0;
    border:none;
    object-fit: cover;
    width:100%;
    height:100%;
    min-width: 100%;
    min-height: 100%;
    z-index:-1;
    opacity:0.3;
}

.opacity-100{
    opacity: 1 !important;
}

.game-head-bg{
    background:linear-gradient(315deg, #ead8ad -17%, #938767 40%);
}

.no_img_found p{
    text-align: center;
    position: absolute;
    color: #FFF;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: 600;
    font-variant: petite-caps;
    font-size: 16px;
}

.smallFont{
    /* font-size: 12px !important; */
    /* left: 35% !important; */
}

.shakebtn{
    animation: shakebtn 0.5s infinite;
}

@keyframes shakebtn{
    0%{
        transform: scale(1.05);
    }
    50%{
        transform: scale(1.0);
    }
    100%{
        transform: scale(1.05);
    }
}

.password_login_title{
    background: linear-gradient(#BDBDBC, #938767);
    box-shadow: 0 3px #716852;
    border-radius: 20px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    color: #FFF;
    padding: 5px;
    width: 40%;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link:hover{
    background: linear-gradient(315deg, #ead8ad -17%, #a78b41 40%);
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
    background: linear-gradient(315deg, #ead8ad -17%, #a78b41 40%);
}

.btn-add{
    padding: 10px;
    margin-left: 5px;
    background: linear-gradient(315deg, #ead8ad -17%, #837654 40%);
    border: 1px solid #f3faff;
    color: #fff;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.75);
    border-radius: 6px;
    text-align: center;
    cursor: pointer;
}

.btn-add:hover{
    background: #837654;
}