:root {
    --bg-nav-footer: #333333;
    --icon-color: #fdbb2c;
    --hover-bg : #fdbb2c;
    --gradient-text-color: linear-gradient(180deg,#a5a3a1,#fefefe 37.29%,#adaba9 70.1%,#fff);
    --bg-btn-primary: linear-gradient(0deg, #b88416 0%, #f3dd7f 100%);
    --bg-btn-primary-hover: #dd9e15;
    --bg-btn-secondary: #6a718e;
    --bg-nav-primary: linear-gradient(90deg,#871737 0,#1f4181 49%,#871737);
    --bg-nav-secondary: linear-gradient(180deg, #1e1e1e 0%, #000000 100%);
    --bg-nav-tertiary: linear-gradient(90deg,#030b30 0,#871737 49%,#030b30);
    --bg-body: #031916;
    --table-header : #040e38;
    --bg-floating-item: #fdbb2c;
    --theme-gradient-primary: linear-gradient(315deg, #000000 -17%, var(--bg-btn-primary) 40%);
}

body {
    color: #fff
}

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: linear-gradient(180deg, #1e1e1e 0%, #000000 100%);
    padding: 10px 5px;
}

.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: #f6d897 !important;
}

.main-menu ul li:hover{
    border-top-width: 3px;
    border-top-style: solid;
    border-top-color: #f6d897;
    transition: 0s;
    color: #f6d897 !important;
}

.main-menu ul li:hover a button p, .main-menu ul li:hover a{
    color: #f6d897 !important;
}

.main-menu ul li a {
    color: #fff
}

.main-menu ul li:hover a,
.main-menu ul li:hover a .chineseFont_text {
    color: #fff;
    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 #fff
}

.country-icon{
    max-width: 30px;
}

.header_balance_font{
    color: #000;
    background-color: #e0e0e0;
    cursor: pointer;
    font-weight: 700;
    padding: 5px;
    border-radius: 5px;
    font-size: 16px;
    transition: transform 0.3s ease-in-out;
}

button.header_balance_font, button.header_balance_font:hover {
    background: none !important;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
    color: #fdc54c !important;
    cursor: pointer;
    font-weight: 700;
    font-size: 16px;
    transition: transform 0.3s ease-in-out;
}

.header-dropdown .dropdown-menu{
    background: #040e38;

}

.header-dropdown .dropdown-menu li .dropdown-item:hover{
    background: transparent;
    transform: scale(1.05);
}

.header-dropdown .dropdown-menu li a{
    color: #fff;
    font-weight: bold;
}

.header_balance_font:hover, .login_header_before span:hover
{
    transform: scale(1.1) translateY(-2px);
    transform-origin: center;
}

.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: url('../../../../common/images/background_img/lobby.png') no-repeat top center;

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

.co{
    max-width: 120px;
}

.co input::placeholder {
    color: #747474 !important;
    opacity: 1;
    font-size: 12px !important;
}

/* 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: var(--bg-nav-primary);
}

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

.index-sub-titile{
    font-size: 25px;
    background: var(--gradient-text-color);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: sans-serif;
    font-weight: 800;
}

.withdrawal-data{
    background: linear-gradient(180deg,#d00000,#ff504b);
    border-radius: 80px;
    padding: 8px 10px;
    width: 95%;
}

.deposit-data{
    background: linear-gradient(180deg,#a62760,#ffbd36);
    border-radius: 80px;
    padding: 8px 10px;
    width: 95%;
}

.index-transaction-swiper{
    background: linear-gradient(180deg,#3f1535,#270414);
    border-radius: 50px;
    padding:10px;
}

.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 */
    background-color: #fff;
}

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

.login_form,
.important-icon {
    color: #333;
    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
}

.login_form{
    border: none;
}

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

.btn_login {
    color: #fff;
    background: #419641;
    /* box-shadow: 0 3px #716852; */
    border: none;
    border-radius: 5px;
    width: auto;
}

.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: transparent;
    /* box-shadow: 0 3px #7e7d7c */
}

.pmbox:hover,
.pmbox.active {
    color: #fff;
    background:#27346b;
}

.promo-bx {
    border: none
}

.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 var(--bg-btn-primary);
    background: #13162f;
    color: #f7f7f7;
    -webkit-box-shadow: 0 0 6px 0 var(--bg-btn-primary);
    -moz-box-shadow: 0 0 6px 0 var(--bg-btn-primary);
    box-shadow: 0 0 6px 0 var(--bg-btn-primary)
}

.sub-side-right-title h2 {
    color: var(--icon-color);
}

/* 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;
    background-color: #f2f2f2
}

.modal-content .modal-header {
    border: none;
    color: #fff;
    background: var(--bg-nav-secondary)
}

.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;
    border-radius: 50px;
    /* background-color: #fcb913; */
    /* background-color: #b90000; */
    background:linear-gradient(0deg,rgba(149, 113, 51, 1) 0%, rgba(238, 211, 57, 1) 50%, rgba(149, 113, 51, 1) 100%);
    color: #fff;
    text-shadow: 0 0 6px #000, 0 0 9px #000;
    transition: .3s;
    padding:7px 10px 7px 10px;
}

.btn-play:not(.gray):hover {
    border: 1px solid #fff;
    background-color: #fff;
    color: white;
    transition: .3s
}

.header_login_btn:hover{
    background: #d2981a;
}

footer .img-wrapper {
    /* border: 2px solid #7d7d7d */
    border-bottom: 1px solid #6b6b6b;
    border-top: 1px solid #6b6b6b;
}

footer .img-wrapper .title-box .title{
    /* border-bottom: 2px solid #7d7d7d; */
    color: #fff;
    font-size: 10px;
}

.navbar-nav .dropdown-menu{
    position:absolute;
}

.header_deposit_btn{
    cursor: pointer;
    padding: 15px 20px 15px 20px;
    background: var(--bg-btn-primary);
    border-radius: 20%;
    color: #fff !important;
}

.header_deposit_btn:hover {
    background: var(--bg-btn-primary-hover);

}

.header_btn{
    background: var(--bg-floating-item);
    padding: 3px 12px;
    border-radius: 5px;
    display: inline-block;
    min-width: 77px;
    font-weight: normal;
    font-size: 12px;
    margin-left: .5em;
    color: #000 !important;
    margin-right: .5em;
}

.header_invert_btn{
    color: white !important;
    background: #a00000;
}

.header-icons
{
    color: #fdc54c;
    font-size: 20px;
    margin: 0px .5rem;
}

.filter-wrapper .filter-type .filter-option .filter-list li:hover .option, .filter-wrapper .filter-type .filter-option .filter-list li .option.is-acted{
    background: #8382b3;
    color: #fff;
    transition: .3s;
}

.dropdown-toggle::after{
    content: none;
}

.footer-contact-nav{
    background: #2c2c2c;
}

.header-navi{
    background: linear-gradient(180deg, #1e1e1e 0%, #000000 100%);
    border-top: 1px solid #4c4634;
    border-bottom: 1px solid #4c4634;
}

.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: var(--bg-nav-primary); */
    background: transparent;
}

.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-color: #fff;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
    color: #fff !important;
    border: none;
    background: linear-gradient(0deg, #a0631d 0%, #f0ba56 100%);
}

.btn-add{
    padding: 10px;
    margin-left: 5px;
    background: var(--icon-color);
    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;
    display: flex;
    align-items: center;
}

.btn-add:hover{
    background: #837654;
}

.title{
    font-size: 18px;
    color: var(--icon-color);
    padding-bottom: 10px;
    text-transform: uppercase;
}


.service_progress{
    margin: 10px 0 15px;
    display: grid;
    grid-template-columns: 1fr auto;
    grid-column-gap: 20px;
}
.progress{
    padding: 2px;
    border: 1px solid var(--secondary-color);
    border-radius: 25px;
    margin-bottom: 0;
    overflow: hidden;
}

.progress .progress-bar{
    border-radius: 10px;
    background-color: #29b81f;
    position: relative;
}

.progress_time{
    color: #fff;
    border-radius: 8px;
    padding: 7px 10px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 80px;
}

.fade-border-right{
    border-right: 2px solid; 
    border-image: linear-gradient(to bottom, transparent, grey, transparent) 1;
}

.index-content-footer{
    max-height: 250px;
    overflow-y: scroll;
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.index-content-footer::-webkit-scrollbar {
    display: none;
}

.footer-content-contact-icon{
    border-radius: 20px; 
    background: #bf8e20; 
    width: 35px;
}

.input-group .themeform-control, .input-group .input-group-text, .themeform-control{
    padding: 12px 10px;
    border-color: #ccc;
    color: #000;
}

.input-group .themeform-control:focus ,.themeform-control:focus{
    background: transparent;
    color: #000;
    border-color: inherit;
    border-left: none;
    outline: 0;
    box-shadow: none;
}

.themeform-control option{
    background: linear-gradient(90deg,#471525,#13162f);
    color: #000;
}

.theme-inputgroup:focus-within , .theme-inputgroup:focus-within .input-group-text, .themeform-control:focus{
    background: transparent;
    border-radius: .25rem;
    border: 1px solid #66afe9;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

.theme-inputgroup:focus-within .input-group-text {
    box-shadow: none;
}

.login_form{
    border: none;
}

.register_left_custom .header_invert_btn:hover{
    background: #f03e45;
}

.promo-benefit{
    padding: 1.5em 1em;
    background: rgba(210,54,78,.9);
    color: #181733;
}

.header_balance_amount{
    color: #dfbc84; 
}

.balance_amount_header{
    align-items: center;
}

.profile-container{
    background: var(--bg-nav-secondary);
    margin-top: 30px;
}

.ew_dp_titlehead_profile{
    background: transparent;
    padding: 15px 10px;
}

.ew_dp_list{
    padding: 15px 10px;
}

.profile-header{
    background-color: #040e38;
    padding: 15px 20px;
    border-radius: 5px;
    margin: 10px;
}

.profile-header p{
    font-size: 16px;
}

.animated-spinning-border {
    border: 4px solid transparent;
    border-top: 4px solid var(--icon-color);
    border-bottom: 4px solid var(--icon-color);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.kai-form option{
    background: linear-gradient(90deg,#471525,#13162f);
    color: #000;
}

.hot-games-slide{
    background: #46464640;
    color: #fff;
}

.header-nav-login{
    background: #ffcf00;
    display: inline-block;
    color: #000000;
    font-size: 14px;
    padding: 5px 15px;
    border: none;
    outline: none;
}

.header-nav-login:hover{
    background: #d9b800;
    color: #000000;
}

.header-nav-register{
    background-color: #d32b3b;
    display: block;
    color: #ffffff;
    font-size: 14px;
    padding: 5px 10px;
    border: none;
    outline: none;
}

.header-nav-register:hover{
    background-color: #b71c1c;
    color: #ffffff;
}

.line-border{
    flex-grow: 1;
    height: 2px;
    position: relative;
    background: #313131;
    margin: 0px 10px;
}

.btn-view-all{
    background: linear-gradient(-180deg, #f8e689 0%, #bf8e20 100%);
    color: #000000;
    padding: 10px;
    border-radius: 15px;
    font-size: 14px;
    text-decoration: none;
}

.btn-view-all:hover{
    background: linear-gradient(0deg, #f8e689 0%, #bf8e20 100%);
    color: #000000;
    text-decoration: none;
}

.category-title{
    font-size: 18px;
    color: #54689a;
}

.category-title-new{
    color:#ff605e;
}

.index-gamelist-name{
    font-size: 14px;
    font-weight: 600;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    padding: 5px;
}

.index-game-items{
    padding: 10px;
    border-radius: 20px;
    background-color: #1f1f1f;
}

.register-box {
    background-color: #ffffff;
    padding: 20px;
}

.tab-content>.tab-pane-bank{
    display: none !important;
}

.tab-content>.active{
    display: flex !important;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
    background: linear-gradient(to bottom, #3c3c3c 0%, #4f4f4f 100%);
}

.nav-item .bank-nav-link{
    background: #212121;
}

.nav-item .bank-nav-link:hover{
    background: #3c3c3c;
}

.withdrawal-header{
    background: #222222;
    color: #ffffff;
    padding: 10px;
}

.bg-button-nochange{
    color: #ffffff;
    background: none;   
    height: 30px;
    padding: 0px 10px;
    background: linear-gradient(to bottom, #4f4f4f 0%, #3c3c3c 100%)
}

.option.is-acted{
    background: linear-gradient(to bottom, #3c3c3c 0%, #4f4f4f 100%);
}

.provider-status-label{
    position: absolute;
    top: 7%;
    right: 0;
    background-color: #ff4000;
    color: #fff;
    padding: 1px 4px;
    font-size: 14px;
    z-index: 3;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    border-radius: 5px;;
    animation: bounce .5s infinite alternate;
}

@keyframes bounce {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-5px);
    }
}

.referral-register-box{
    background: #101010;
    border: 1px solid #3e3e3e;
}

.referral-register-box .login_form{
    border: none;
}

.referral-register-box .login_form .tab-pane div label {
    text-align: start;
}

.referral-register-box .login_form .tab-pane div label .reg-label-white{
    display: flex;
    color: #bbb;
    width: 100%;
    justify-content: space-between;
} 

.themeform-control-referral {
    color: #fff;
    padding: 6px 12px !important;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.referral_nav_btn{
    color: #ffffff;
    background-image: linear-gradient(to bottom, #3c3c3c 0%, #4f4f4f 100%);
    padding: 6px 12px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.referral_nav_btn:hover, .referral_nav_btn:active, .referral_nav_btn.active{
    background: linear-gradient(to bottom, #4f4f4f 0%, #3c3c3c 100%);
}

.game_dropdown.dropdown-menu {
    display: block; 
    max-height: 0;
    padding: 0px;
    border: none;
    overflow: hidden;
    transition: max-height 0.4s ease;
}

.game_dropdown.dropdown-menu.show {
    padding: 15px;
    max-height: 1500px; 
}

.lottery_dropdown_menu{
    display:none;
    background-color: #fff;
    position:fixed;
    top:auto;
    left:auto;
    z-index:1000;
    min-width:200px;
    width: fit-content;
}

.lottery_dropdown_data{
    color: #333;
    font-weight: 400;
    background: #fff;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.lottery_dropdown_data:hover{
    background: #E8E8E8;
}

.lottery_dropdown_menu.show{
    display: block;
}

.login-modal-header{
    background: linear-gradient(180deg, #444444 0%, #333333 100%) !important;
    color: #ffffff;
    text-transform: uppercase;
    padding: 15px;
}
.deposit-info{
    padding: 5px 10px;
}

.deposit-info,
.deposit-info::before,
.deposit-info:not(.collapsed){
    background: #0b0b0b;
    color: #aeaeae;
}

.deposit-info::after,
.deposit-info:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.note{
    text-align: center;
    margin: 30px 0;
}

.note-header{
    text-decoration: underline;
    font-size: 16px;
}

.note-content{
    font-size: 13px;
}

.dummy-table-container{
    display: flex;
    flex-direction: column;
    margin-top: 50px;
}

.dummy-table-row{
    border-bottom: 1px solid #3e3e3e;
    min-height: 34px;
}

.dummy-table-header-container{
    display: flex;
    border-bottom: 1px solid #3e3e3e;
    justify-content: space-between;
    color: #bbbbbb;
}

.dummy-table-header{
    margin: 0 10px;
}

.footer_bank_box{
    display: flex;
    max-width: 100%;
    position: relative;
    align-items: center;
    height: auto;
    column-gap: 8px;
    margin-left: 20px;
}
.footer_bank_box .online-indicator{
    background: linear-gradient(0deg,rgba(73, 143, 36, 1) 0%, rgba(90, 254, 0, 1) 40%, rgba(255, 255, 255, 1) 100%) !important;
    top: 5px;
    left: 5px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background: none;
}

.lottery_nav_link:hover{
    border-top-width: 3px;
    border-top-style: solid;
    border-top-color: #f6d897;
    transition: 0s;
    color: #f6d897 !important;
}

.lottery_nav_link:hover button p{
    color: #f6d897 !important;
}

.footer_bank_box{
    display: flex;
    max-width: 100%;
    position: relative;
    align-items: center;
    height: auto;
    column-gap: 8px;
    margin-left: 20px;
}
.footer_bank_box .online-indicator{
    background: linear-gradient(0deg,rgba(73, 143, 36, 1) 0%, rgba(90, 254, 0, 1) 40%, rgba(255, 255, 255, 1) 100%) !important;
    top: 5px;
    left: 5px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background: none;
}

.lottery_nav_link:hover{
    border-top-width: 3px;
    border-top-style: solid;
    border-top-color: #f6d897;
    transition: 0s;
    color: #f6d897 !important;
}

.lottery_nav_link:hover button p{
    color: #f6d897 !important;
}