: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: #ffffff;
}

hr {
    border-top: 1px solid #ead8ad;
}

h4,
.english_text {
    color: #6a718e;
}

.runningtext_icon_color {
    color: #ffd700;
}

/* LOADING SCREEN */
.loading-panel {
    background-color: rgba(0, 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: #ffffff !important;
    border: none;
    background: #a80000;
    background-image: -webkit-linear-gradient(top, #a80000 0%, #590400 100%);
}

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 {
    background: #a80000;
    background-image: -webkit-linear-gradient(top, #a80000 0%, #590400 100%);
    font-weight: bold;
}

/* header */
.header-menu {
    background-color: #000;
    height: 62px;
}

.main-menu ul li {
    border-bottom: 3px solid transparent;
}

.main-menu ul li.active {
    background-color: #eea21e;
    background-image: -webkit-linear-gradient(top, #eea21e 0%, #eea21e 100%);
    color: #ffffff;
}

.main-menu ul li:hover {
    background-color: #eea21e;
    background-image: -webkit-linear-gradient(top, #eea21e 0%, #eea21e 100%);
    color: #ffffff;
}

.main-menu ul li a {
    color: #ffffff;
}

.main-menu ul li:hover a,
.main-menu ul li:hover a .chineseFont_text {
    color: #ffffff;
    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, 0.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 #ffd700 !important;
}

.megamenu {
    color: #949ab3;
}

.wbg3 {
    background: rgba(0, 0, 0, 0.95);
}

.dropdown_btn_custom {
    background-color: transparent;
    width: 230px;
}

.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%, #ffd700 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, 0.7);
    -moz-box-shadow: 0 0 6px 0 rgba(203, 182, 152, 0.7);
    box-shadow: 0 0 6px 0 rgba(203, 182, 152, 0.7);
}

.bnk-info {
    box-shadow: inset 0px 1px 5px -1px rgba(0, 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, 0.7);
    -moz-box-shadow: 0 0 6px 0 rgba(203, 182, 152, 0.7);
    box-shadow: 0 0 6px 0 rgba(203, 182, 152, 0.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, 0.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: 0.4s;
    transition: 0.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: 0.4s;
    transition: 0.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: #ffffff;
}



.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 {
    background-color: #121212;
    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;
    background-color: white;
}

.login_title {
    color: #938767;
    text-shadow: 2px 2px 5px #868a8ad4;
}

.login_form,
.important-icon {
    color: #000000;
    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 #ffd700; */
}

.login_form_inner a {
    color: #757c96 !important;
    font-weight: bold;
    border-bottom: 2px solid;
}

.btn_otp {
    box-shadow: none;
}

/* PROMOTION */
.pmbox:hover,
.pmbox.active {
    color: #000000;
    background: #ffd700;
    font-weight: bold;
}

.promo-bx {
    border-radius: 12px;
    overflow: hidden;
    background: #1a1a1a;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
    align-items: center;
    display: flex;
    min-height: 160px;
    min-width: 330px;
}

.promo-bx:hover {
    transform: translateY(-4px);
    box-shadow: 0 0 12px #ff000078;
}

.promo-dl img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
}

.promomodal .modal-content {
    background: linear-gradient(to bottom, #1a1a1a, #121212);
    border: 1px solid #ffd700;
    border-radius: 12px;
    padding: 15px;
    color: #fff;
}

.promomodal .modal-header .label {
    font-weight: bold;
    font-size: 20px;
    color: #ffd700;
}

.promomodal .modal-body {
    max-height: 70vh;
    overflow-y: auto;
    /* padding: 20px; */
    font-size: 15px;
    line-height: 1.6;
    /* background-color: #111; */
    border-radius: 0 0 12px 12px;
}

.promomodal .btn-close {
    filter: invert(1);
}

.promo-boxes {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 16px;
    padding: 10px;
}

.mix {
    display: none;
}

.promo-dl-date {
    background-color: rgba(255, 255, 255, 0.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, 0.7);
    -moz-box-shadow: 0 0 6px 0 rgba(212, 175, 55, 0.7);
    box-shadow: 0 0 6px 0 rgba(212, 175, 55, 0.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, 0.1);
}

.footer_content_more_trigger span {
    border-bottom: 1px solid grey;
}

.menu-footer a {
    color: #f1f1f1;
    border-right: 1px solid #fff;
}

.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 .jackpot-amt {
    top: 38%;
    font-size: 2.2rem;
    font-weight: bold;
    color: #fff;
    font-style: italic;
    letter-spacing: 3px;
}

.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, 0.7);
    -moz-box-shadow: 0 0 6px 0 rgba(203, 182, 52, 0.7);
    box-shadow: 0 0 6px 0 rgba(203, 182, 52, 0.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;
}

.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, 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, 0.7);
    -moz-box-shadow: 0 0 6px 0 rgba(212, 175, 55, 0.7);
    box-shadow: 0 0 6px 0 rgba(212, 175, 55, 0.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, 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: #e80505;
}

.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: 0.3s;
    padding: 7px 10px 7px 10px;
}

.btn-play:not(.gray):hover {
    border: 2px solid #121212;
    background-color: #fff;
    color: #fcbe913;
    transition: 0.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;
    z-index: 2001;
}

.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: #e80505;
    color: #000;
    transition: 0.3s;
}

.dropdown-toggle::after {
    content: none;
}

.footer-contact-nav {
    background: #2c2c2c;
}

.header-navi {
    background: #a80000;
    background-image: -webkit-linear-gradient(top, #a80000 0%, #590400 100%);
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 36px;
}

.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;
}

.newgamelist-item {
    border-radius: 10px;
    overflow: hidden;
    background: #1a1a1a;
    border: 1px solid rgb(255 0 0 / 30%);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    position: relative;
}

.newgamelist-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 0 15px rgb(255 0 0 / 40%);
}

.game-head-bg {
    background: linear-gradient(to right, #222, #111);
    border-bottom: 1px solid #e80505;
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    padding: 6px 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.newgamelist-item img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.newgamelist-item-mask {
    background-color: rgba(0, 0, 0, 0.6);
    display: none;
    z-index: 10;
    transition: opacity 0.3s ease;
    border-radius: 10px;
}

.newgamelist-item:hover .newgamelist-item-mask,
.newgamelist-item .newgamelist-item-mask.d-flex {
    display: flex !important;
}

.btn-play {
    padding: 6px 16px;
    border-radius: 20px;
    font-weight: bold;
    font-size: 14px;
    border: none;
    color: #000;
    background: linear-gradient(145deg, #e80505, #dc3545);
    box-shadow: 0 0 10px rgb(255 0 0 / 50%);
    transition: all 0.2s ease;
}

.btn-play:hover {
    transform: scale(1.05);
}

.btn-play.maintenance {
    background: #a9a9a9;
    color: #fff;
    box-shadow: none;
    cursor: not-allowed;
}

.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;
}

.shakebtn {
    animation: shakebtn 0.5s infinite;
}

@keyframes shakebtn {
    0% {
        transform: scale(1.05);
    }
    50% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.05);
    }
}

.password_login_title {
    text-align: center;
    text-transform: uppercase;
    font-family: "montserrat", Tahoma, "Microsoft Yahei", Arial, Helvetica;
    font-weight: 700;
    color: #000000;
    padding: 5px;
}

.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%);
}

.match-datetime {
    text-align: center;
}

.match-datetime p {
    font-weight: 700;
    font-family: unset;
}

.match-detail {
    margin: auto;
}
.match-title {
    height: 100px;
    overflow-y: hidden;
}

.cricket-match-bg {
    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.5;
}
.alertify .ajs-header,
.alertify .ajs-footer {
    background: linear-gradient(#ead8ad, #938767);
}

.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok {
    color: #000;
}

.match-team-name {
    text-align: center;
    margin-top: 10px;
}

.depositbtn_amount {
    background: #1c1c1c;
    border: 1px solid #f4c430;
    color: #e80505;
    font-weight: 600;
    padding: 8px 16px;
    border-radius: 8px;
    margin: 5px;
    transition: 0.3s;
}

.depositbtn_amount:hover,
.depositbtn_amount.amount_active {
    background-color: #e80505;
    background-image: -webkit-linear-gradient(top, #e80505 0%, #cc050d 100%);
    color: #000 !important;
    box-shadow: 0 0 8px #e80505;
}

.form-error.errwallet {
    color: red;
    font-size: 14px;
    margin-top: 4px;
}

.swiper-button-next {
    height: 110px;
    width: 40px;
    background-color: #00000000;
    top: 50%;
    color: #fff;
}

.swiper-button-prev {
    height: 110px;
    width: 40px;
    top: 50%;
    background-color: #00000000;
    color: #fff;
}

.swiper-button-next::after {
    content: none;
}

.swiper-button-prev::after {
    content: none;
}

.language-seperate {
    padding: 15px;
    background: #1e1e1e;
    border-radius: 8px;
    color: #fff;
}

.active-language {
    background: #ffd700;
    padding: 10px;
    border-radius: 6px;
    color: #000;
    display: flex;
    align-items: center;
    font-weight: bold;
    gap: 10px;
}

.active-language img {
    width: 35px;
}

.language-options {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    padding-top: 10px;
}

.hidden-force {
    display: none !important;
}

/* template25 */
.topmenu1 {
    width: auto;
    height: 21px;
    color: #000;
    background: #dca722;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 11px;
    font-family: "montserrat", Tahoma, "Microsoft Yahei", Arial, Helvetica;
    font-weight: 500;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    text-align: center;
}

.topmenu1 ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 0px;
}

.topmenu1 > ul > li {
    border-right: solid 1px #000000;
    padding-left: 12px;
    padding-right: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
    position: static !important;
}

.topmenu1 > ul > li .language-dropdown{
    top: 36%;
    right: 55%;
}


.topmenu1 li a {
    color: #000000;
    font-family: "montserrat", Tahoma, "Microsoft Yahei", Arial, Helvetica;
    font-weight: 600;
}

.user-actions {
    height: 41px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 20px;
}

.hover-white:hover {
    color: #fff !important;
    text-decoration: underline;
}

.hover-yellow:hover {
    color: #fdfca4 !important;
    text-decoration: none;
}

.hover1-white:hover a {
    color: #fff !important;
    text-decoration: underline;
}

.lang-text {
    display: inline-block;
    max-width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.language-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    right: 12px;
    background: #dca722;
    border: 1px solid #bb963a;
    border-radius: 3px;
    padding: 8px 0;
    min-width: 160px;
    z-index: 999;
    margin-top: 2px;
    font-family: "montserrat", Tahoma, "Microsoft Yahei", Arial, Helvetica;
    font-weight: 600;
}

.language-item {
    padding: 6px 12px;
    display: flex;
    align-items: center;
    color: #000000;
    cursor: pointer;
    height: 31px;
}

.language-item:hover {
    background: #cc050c;
    color: #fff;
}
