:root .color9-1 {
	--color-theme: #2283f6;
    --black: #FFFFFF;
    --black2: #FFFFFF;
    --black3: #FFFFFF66;
    --white: #000000;
    --bgcolor-box: #152a4a;
    --bgcolor-box2: #152a4a;
    --bg-color: #152a4a;
    --bg-img: url(../images/referral/dark-bg.png);
	--shadow-box: 0 0 10px 0 #00000026;
    --bg-modal: #191b1e;
    --color-text-tnc: #FFFFFFBF;
	--table-bg: #ed1d49;
	--bgcolor-table:#FFFFFF1A;

    /* leaderboard */
    --shadow-box2: #FFFFFF1A;
    --border-line: #757575;
    --bg-rank: #b1b1b199;
    --bg-leaderboard: url(../images/leaderboard/dark-frame.png);
    --bgform-select: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");

    /* payment */
    --bg-boxwrapper: #FFFFFF1A;
    --filter-payment: none;
    --opacity-payment: 1;
}

body.color9-1 {
    background: url(../images/color9-1/GSG-index-bg.jpg) no-repeat fixed;
    background-size: cover;
    background-color: #142539;
    color: #ffffff;
}
/*preloader*/
.color9-1 .preloader{
    background-color: #152a4a8a;
}
.color9-1 .loader div {
    background-color: #d9aa4d;
    box-shadow: 0 0 15px rgba(255, 236, 195, 0.6);
}

.color9-1 header {
    background: linear-gradient(to right, #091629 0%, #2e5480 50%, #1e3253 100%);
    border-bottom: 1px solid #d9aa4d;
}
.color9-1 header:after{
    background-image: url(../images/color9-1/shape.png);
}
.color9-1 .left_menu_container_wrap {
    background: linear-gradient(to right, #243c62 0%, #142948 100%);
}
.color9-1 .left_container_bonus_box {
    background: linear-gradient(to right, #f9e481 0%, #d7a341 100%);
}
.color9-1 .left_container_bonus_txt_btm {
    color: #000;
    text-shadow: 0px 8px 10px #e0af3f;
}
.color9-1 .side_menu_content li a {
    color: #93acd3;
}
.color9-1 .ann-wrap {
    background: #171f2b;
    box-shadow: none;
    color: #ffffff;
}
.color9-1 .intro_promo,
.color9-1 .tab_wrapper {
    background: #152a4a;
    box-shadow: none;
}
.color9-1 .filter-button {
    background-color: #171f2b;
    color: #93acd3;
}
.color9-1 .filter-button.active, 
.color9-1 .filter-button:hover,
.color9-1 .filter-list li.mixitup-control-active
.color9-1 .filter-list li:hover{
    background-color: #2283f6;
    color: #fff;
}
.color9-1 .arrow_slider .slide-arrow,
.color9-1 .view_btn,
.color9-1 .hotgame-main-img_pro{
    background: #152a4a;
}
.color9-1 .slider_title {
    color: #93acd3;
}
.color9-1 .fnt-wh,
.color9-1 .transaction_content_1_title,
.color9-1 .transaction_content_2_title,
.color9-1 .transaction_content_1,
.color9-1 .transaction_content_2,
.color9-1 #closeButton,
.color9-1 .annou-ttle,
.color9-1 .cls-checkbox,
.color9-1 a,
.color9-1 .reg_form .form_wrap label,
.color9-1 .reg_form h4,
.color9-1 .btn_dropup_lang .dropdown-menu a,
.color9-1 .non-ef,
.color9-1 .msg_user,
.color9-1 .msg_user:hover,
.color9-1 tr.unread td,
.color9-1 .msg-date2{
    color: #fff;
}
.color9-1 .transaction_container {
    background: #152a4a url(../images/index/live-transaction.png) bottom right no-repeat;
}
.color9-1 .wrap-live {
    background: rgb(18, 37, 65, 0.9);
    border: 1px solid #263572;
}
.color9-1 .transaction_time {
    color: #ffffff;
    text-shadow: 0px 3px #000000;
}
.color9-1 .header_hamburger,
.color9-1 .chat_btn{
    filter:none;
}
.color9-1 .desktop_footer,
.color9-1 .mobile_footer {
    background: #161f2c;
}
.color9-1 .btn_log {
    background-color: #2283f6;
}
.color9-1 .annou-pop {
    background: #000;
    color: #fff;
    border: 1px solid #0C9AEC;
}
.color9-1 .annou-ttle{
    border-bottom: 1px solid #0C9AEC;
}
.color9-1 .share_modal .modal-body {
    background-color: #161f2c;
}
.color9-1 .chat_ser,
.color9-1 .btn_dropup_lang button,
.color9-1 .btn_dropup_lang .dropdown-menu.show {
    background-color: #1c2532;
}
.color9-1 .side_menu_content li a:hover {
    color: #fff;
}
.color9-1 .reg-box {
    background-color: #24262b;
}
.color9-1 .reg-list ul li a {
    background: #6d767d;
}
.color9-1 .reg-list ul li a.active {
    background: #04a2fb;
}
.color9-1 .form-control {
    background-color: rgba(0, 0, 0, .8);
}
.color9-1 .show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b;
}
.color9-1 .tab_wrapper-slots {
    background-color: #171f2b;
}
.color9-1 .tab-content-slots {
    background: rgb(21, 42, 74, 0.9);
}
.color9-1 .promo-ttl {
    background: linear-gradient(90deg, #152a4a 0%, #2c2e34 100%);
}
@media (max-width: 999px) {
    .color9-1 .headcol_first_mobile {
        background-color: #37393f;
    }
}

.color9-1 .vip_tncbtn {
    color: #ed474b;
    border: 1px solid #485463;
}
.color9-1 .lvl-lv ul {
    color: #c9d1df;
}
.color9-1 button.btn-footer.collapsed {
    background: #161f2c;
    color: #93acd3;
}
.color9-1 button.btn-footer {
    background: #161f2c;
    color: #93acd3;
}
.color9-1 .content_header_txt {
    color: #fff;
    text-shadow: 2px 1px black;
}
.color9-1 .user_vip_inner .user_vip_left,
.color9-1 .user_vip_inner .user_vip_righ {
    background: #152a4a;
}
.color9-1 .ant-progress-inner {
    background-color: hsla(0, 0%, 100%, .08);
}
.color9-1 .user_vip_inner .usr_vip_score_box_item,
.color9-1 .user_vip_inner .levle_box_body {
    background: #191b1e;
}
.color9-1 .user_vip_inner .levle_box_body {
    color: #adb6c4;
}
.color9-1 .rank_slider_slide {
    background: linear-gradient(to bottom, rgb(34 131 246) 0%, rgb(36 38 43) 100%);
    border: 1px solid #2283f6;
}
.color9-1 .rank_slider_slider_body hr {
    background-color: #2283f6;
}
.color9-1 .rank_slider_rule_box_item {
    background: #e7eede;
    border: 1px solid #2283f6;
}
.color9-1 .rank_slider_slide_bottom .btn {
    background-color: #2283f6;
    color: #000;
}
.color9-1 .vip_modal .modal-content {
    background: #152a4a;
}
.color9-1 .promo_filter_wrap{
    background: #152a4a;
}
.color9-1 .promo_box_wrap {
    background-color: #202a39;
}
.color9-1 .promo_box_wrap_inn {
    background: #152a4a;
}
.color9-1 .pm-title-wrapper {
    background: #ed1d49;
    color: #ffffff;
}
.color9-1 .modal-content.promo {
    background: #191b1e;
}
.color9-1 .select-menu select {
    background-color: #171f2b;
    border: solid 1px #252a32;
    color: #fff;
}
.color9-1 .btn_dropup_lang .dropdown-menu a:hover {
    background-color: #36383e;
}
.color9-1 .ndl-btn:hover, 
.color9-1 .ndl-btn:focus {
    color: #ffffff;
    background: #2278df;
}
.color9-1 .bonus_box {
    background: #1c2532;
}
.color9-1 .bonus_invite_list {
    background: linear-gradient(180deg, #202a39, #051f4e);
}
.color9-1 .bonus_ranking_item,
.color9-1 .bonus_footer_overview{
    background: #24262b;
}
.color9-1 .bonus_card_item {
    background: #24262b;
}
.color9-1 .bonus_bets_box {
    background-image: linear-gradient(90deg, rgba(0, 23, 84, .6), rgb(32 42 57 / 48%));
}
.color9-1 .bonus_left_box {
    background: linear-gradient(180deg, #151c26, #202a39);
}
.color9-1 .copy_title {
    color: #fce90b;
}
.color9-1 .copy_value input {
    background-color: #151c26;
}
.color9-1 .in-aff-1,
.color9-1 .graph-in,
.color9-1 .rewd-date {
    background: #24262b;
}
.color9-1 .amt-red {
    color: #f6c622;
}
.color9-1 .reptnc_modal .modal_body_view {
    background: #070315;
    border: 1px solid #db9bfc;
    box-shadow: 0px 0px 19px 4px #6b12ae;
}
.color9-1 .reptnc_modal .tnc-content {
    color: #ffffff;
    border-top: 1px solid #db9bfc;
}
.color9-1 .reptnc_modal .modal_body_view h5,
.color9-1 .reptnc_modal .close {
    color: #db9bfc;
}
.color9-1 .btn-clm {
    color: #dd9dfd;
}
.color9-1 .depwith_wrapbtn,
.color9-1 .afterlogin_dep_body{
    background: #152a4a;
}
.color9-1 .depwith_wrapbtn a.active {
    color: #ffffff;
    background-color: #ed1d49;
}
.color9-1 .afterlogin_dep_head {
    background-color: #0f203a;
}
.color9-1 .btn_dep,
.color9-1 .btn_tr {
    background-color: #2283f6;
}
.color9-1 .header_btn_dep {
    background-color: #171f2b;
}
.color9-1 button.btn-copy {
    color: #ed1d49;
}
.color9-1 .msg-content {
    background: #cbcbcb;
}
.color9-1 .footer-menu {
    background: #161f2c;
    border-top: 1px solid #93acd33b;
}
.color9-1 .footer-in ul li a {
    color: #93acd3;
}
.color9-1 .mobile_dropdown {
    background-color: #171f2b;
}
.color9-1 .tab_wrapper-slots .filter-button.active,
.color9-1 .tab_wrapper-slots .filter-button:hover{
    background-color: #2b3b50;
    color: #fff;
}
.color9-1 .mobile_dropdown-slots{
    background-color: #171f2b;
}
.color9-1 .footer_pay {
    background-color: #2c2e34;
}
.color9-1 .info-bg {
    background: #0b1628;
}
.color9-1 button.btn-tnc.collapsed,
.color9-1 button.btn-tnc {
    background: #161f2c;
    color: #fff;
}
.color9-1 .blog-item {
    border: 1px solid #ffffff42;
}
.color9-1 .info-wrap tr td {
    background: #152a4a;
}
.color9-1 .bnk-td {
    background: #24262b;
}
.color9-1 button.btn-dly {
    background: linear-gradient(to right, rgba(250, 137, 57, 1) 0%, rgba(251, 62, 109, 1) 100%);
    color: #fff;
    border: 1px solid #aa284a96;
    box-shadow: 0px 0px 20px 8px #77267d, 0px 0px 20px 0px #603d92;
    text-shadow: 0px 2px 0px black;
}
.color9-1 .btn-bln-all {
    color: #ffffff;
    background: #0b1628;
}
.color9-1 .bln-all ul li {
    background-color: #0b1628;
}
.color9-1 .button-container {
    background: linear-gradient(to bottom, #243c62 0%, #142948 100%);
}
.color9-1 .footer_submenu p {
    color: #93acd3;
}
.color9-1 .footer_submenu ul a:hover{
    color: #55657e;
}
.color9-1 .text-trs {
    color: #859cbf;
}
.color9-1 .btn_login_modal{
    background-color: #2283f6;
}
.color9-1 .input_inner svg{
    color: #2283f6;
}
.color9-1 .share_modal .close,
.color9-1 .balance-modal .close{
    color: #007bff;
    text-shadow: 0 1px 0 #007bff;
}
.color9-1 .input_inner_forgot a {
    border-bottom: 1px solid #007bff;
}
.color9-1 .btn_reg {
    background-color: #ed1d49;
}
.color9-1 .footer-card ul li a {
    color: #55657e;
}
.color9-1 .user_vip_inner .usr_vip_score_box_item h5 {
    color: #2283f6;
}
.color9-1 .promo_box_wrap_inn span {
    color: #93acd3;
}
.color9-1 .promo_box_wrap_a a {
    color: #93acd3;
    border: 1px solid #93acd3;
}
.color9-1 .filter-list li {
    color: #93acd3;
}
.color9-1 .intro_promotion_subtitle {
    color: #55657e;
}
.color9-1 .info-wrap .intro_subtitle {
    color: #55657e;
}
.color9-1 .modalhead_btn.active {
    background-color: #4196fd;
    color: #fff;
}
.color9-1 .modalhead_btn {
    color: #93acd3;
}
.color9-1 .level-status, 
.color9-1 .level-desc,
.color9-1 .review-card,
.color9-1 .data-wrapper,
.color9-1 .news-card{
    background-color:#152a4a;
}
.color9-1 .btn-readmore {
    background-color: #1cc980;
    color: #fff;
}
.color9-1 .annbox{
    border: 2px solid #d9aa4d;
    background: url(../images/ann-bg.png), linear-gradient(180deg, #091d35 0%, #2d5c91 100%);
}
.color9-1 .ann-title {
    background-color: #000;
    border-bottom: 2px solid #d9aa4d;
}
.color9-1 .anncon .nav .nav-link {
    background-color: #0b1d35;
    border: 1px solid #d9aa4d;
}
.color9-1 .anncon .nav .nav-link.active {
    background: linear-gradient(90deg, rgb(161 127 62) 0%, rgb(211 167 80) 100%);
}
.color9-1 .annbox .annimg {
    border: 1px solid #d9aa4d;
}
.color9-1 .annpagi .pitem.active, 
.color9-1 .annpagi .pitem:hover {
    background-color: #2283f6;
}
.color9-1 .logo-text{
    color:rgb(248 226 127);
}

/*game filter*/
.color9-1 .hotgame-main-img_pro img {
    opacity: 0.7;
}
.color9-1 .btn-fav {
    color: #171f2b;
}
.color9-1 .btn-fav.active{
    color: #ffb612;
}
.color9-1 .searchinput{
    background-color: #171f2b;
    color: #ffffff;
}
.color9-1 .swiper-wrapper-custom-slots .swiper-slide.active .hotgame-main-img_pro {
    background-color: #ffb612;
}

/*game thumb*/
.color9-1 .inn_product_wrap a{
    background-color: #00000059;
}

/* referral */
.color9-1 .referral-top {
    background-color: #152a4a;
}
.color9-1 .btn-referral {
    background-color: #2283f6;
}
.color9-1 .referral-detail-single {
    background-color: #152a4a;
}
.color9-1 .btn-referral-detail.active {
    background-color: #1cc980;
}

/* af */
.color9-1 .form-box,
.color9-1 .vip-info .accordion-button,
.color9-1 .vip-info .accordion-item{
    background-color: #152a4a;
}
.color9-1 .af-form .form-control, 
.color9-1 .af-form .form-control:focus, 
.color9-1 .af-form .form-control:disabled {
    border: none;
}
.color9-1 .vip-info .accordion-button,
.color9-1 .vip-info .accordion-button:focus {
    box-shadow: none;
}
.color9-1 .bal{
    color: #e9c664;
}
.color9-1 .btnform{
    background-color: #2283f6;
}
.color9-1 .tab-menu a {
    background:#101b2f;
    filter: none;
}
.color9-1 .tab-menu a.active{
    background-color: #2283f6;
}
.color9-1 .af-form .input-group,
.color9-1 .w-type .pincode-input-text, 
.color9-1 .form-control.pincode-input-text,
.color9-1 .d-amount a,
.color9-1 .d-promo .form-check-label,
.color9-1 .form-control option{
    background-color: #101b2f;
}
.color9-1 .b-type,
.color9-1 .t-type {
    background: #0e1d34;
}
.color9-1 .viptabs .nav-tabs .nav-item.show .nav-link, 
.color9-1 .viptabs .nav-tabs .nav-link.active, 
.color9-1 .viptabs .nav-tabs .nav-link:focus, 
.color9-1 .viptabs .nav-tabs .nav-link:hover {
    background-color:#172741;
    color:#fff;
    border-color: #FFFFFF1A;
}
.color9-1 .vipbox {
    background:#152a4a;
    border:1px solid #FFFFFF1A;
    box-shadow: 2px 2px 5px #0000005a;
}
.color9-1 .actarea a,
.color9-1 .af-form .form-remark{
    color: #ff9e1f;
}
.color9-1 .accordion-item {
    border-color:#FFFFFF1A;
}
.color9-1 .vip-bar .progress{
    background:#ffffff3b;
}
.color9-1 .vip-bar .progress-bar{
    background:#ffaa00;
}
.color9-1 .actarea, 
.color9-1 .tabss1 span {
    color: #ffffff;
}
.color9-1 .af-box h4{
    text-shadow: 3px 3px 5px #000000;
}
.color9-1 .w-menu.active img{
    border: 1px #2283f6 solid;
}
.color9-1 .statistic .s-data.active{
    background:#2283f6;
}
.color9-1 .rstep.active{
    background:#2283f6;
}
.color9-1 .rstep{
    background-color: #101b2f;
}
.color9-1 .form-check-input:checked + .form-check-label{
    background: linear-gradient(90deg, rgb(34 131 246) 0%, rgb(16 27 47) 57%);
    background-repeat: no-repeat;
    color: #FFFFFF;
}
.color9-1 .af-form .form-check-input:checked{
    background-color: rgb(0, 138, 37) !important;
    border-color:transparent;
}
.color9-1 .w-bar .progress {
    --bs-progress-bg: #ffffff33;
    --bs-progress-bar-bg:#ffaa00;
    margin: 0;
}
.color9-1 .w-bar .progress-bar{
    background:#ffaa00;
}
.color9-1 #loginmodal input:-webkit-autofill,
.color9-1 #loginmodal input:-webkit-autofill:hover, 
.color9-1 #loginmodal input:-webkit-autofill:focus, 
.color9-1 #loginmodal input:-webkit-autofill:active{
    box-shadow: 0 0 0px 1000px #161f2c  inset !important;
    -webkit-box-shadow: 0 0 0px 1000px #161f2c inset !important;
    border: none !important;
}
.color9-1 .af-form input:-webkit-autofill,
.color9-1 .af-form input:-webkit-autofill:hover, 
.color9-1 .af-form input:-webkit-autofill:focus, 
.color9-1 .af-form input:-webkit-autofill:active{
    box-shadow: 0 0 0px 1000px #101b2f  inset !important;
    -webkit-box-shadow: 0 0 0px 1000px #101b2f inset !important;
    border: none !important;
}
/*special promo*/
.color9-1 .promo-btn,
.color9-1 .refer-btn{
    border: 1px #ffffff47 solid;
    background-color: #00000070;
}
.color9-1 .promo-btn:hover,
.color9-1 .refer-btn:hover{
    color: #ffaa00;
}

@media (min-width: 1000px) {
    .color9-1 .tabs_product .tab-content {
        background-color: #152a4a;
    }
}

/*info page*/
.color9-1 .info-wrapper h1,
.color9-1 .info-wrapper h2,
.color9-1 .info-wrapper h3,
.color9-1 .info-wrapper h4,
.color9-1 .info-wrapper h5,
.color9-1 .info-wrapper h6{
    color: #ebc865;
}