:root .color4-4 {
	--color-theme: #D29D6F;
    --black: #FFFFFF;
    --black2: #FFFFFF;
    --black3: #FFFFFF66;
    --white: #FFFFFF;
    --bgcolor-box: #312C27;
    --bgcolor-box2: #312C27;
    --bg-color: #312C27;
    --bg-img: url(../images/referral/dark-bg.png);
	--shadow-box: 0 0 10px 0 #00000026;
    --bg-modal: #191b1e;
    --color-text-tnc: #FFFFFFBF;
	--table-bg: #FDE3BF;
	--table-text:#052B2B;

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

    /*rocket chat*/
    --rchat-theme-color:#D29D6F;
    --rchat-theme-color2:rgb(67 64 64);
    --rchat-bg:#232121;
    --rchat-text: #fff;
    --rchat-text-w: #fff;
    --rchat-text2:rgba(255, 255, 255, 0.8);
    --rchat-border:rgba(255, 255, 255, 0.1);
    --rchat-btn-bg:rgba(255, 255, 255, 0.1);
    --rchat-btn-border:rgba(255, 255, 255, 0.2);
    --rchat-btn-bg-hover:rgba(255, 255, 255, 0.1);
    --rchat-btn-border-hover:rgba(255, 255, 255, 0.2);
    --rchat-shadow:rgba(255, 255, 255, 0.2);
    --rchat-shadow2:rgba(0, 0, 0, 0.3);
    --rchat-date-bg:#434040;
    --dot-bg:rgba(255, 255, 255, 0.3);

    /* free game */
    --fg-bg: #312C27;
    --fg-border: #FFFFFF1A;
    --fg-border2: #FFFFFF33;
    --fg-bg2: #312C27;
    --fg-primary-text: #FFFFFFCC;
    --fg-theme-color: #D29D6F;
    --fg-bg-body: #272723;
    --fg-primary-btn: transparent linear-gradient(180deg, #FFF8EE 0%, #FDE3BF 18%, #ECC179 100%) 0% 0% no-repeat padding-box;
    --fg-text: #FFFFFF;
    --fg-text2: #000000;
    --fg-bottom-line: #FFFFFF1A;

    /* vip rebate */
    --vip-border: #FFFFFF1A;
    --vip-bg-rank: #FFFFFF1A;
    --vip-bootstrap-arrow: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

body.color4-4 {
    background-color: #131211;
}
.color4-4 ::-webkit-scrollbar-thumb {
    background-color: #FDE3BF;
}
.color4-4::-webkit-scrollbar-thumb {
    background-color: #FDE3BF;
}
.color4-4 .annou-pop {
    background-color: #312C27;
}
.color4-4 header {
    background-color: #131211;
}
.color4-4 header:after {
    background-image: url(../images/color4-4/shape.png);
}
.color4-4 .btn_log {
    background: transparent linear-gradient(180deg, #F1E2FF 0%, #E9D2FF 20%, #B97DF8 100%) 0% 0% no-repeat padding-box;
    border-radius: 10px;
    -webkit-box-shadow: 0 3px 0 0 #9B61DB;
    box-shadow: 0 3px 0 0 #9B61DB;
    color: #0A0A0A;
}
.color4-4 .btn_reg {
    background: transparent linear-gradient(180deg, #FFF8EE 0%, #FDE3BF 18%, #ECC179 100%) 0% 0% no-repeat padding-box;
    border-radius: 10px;
    -webkit-box-shadow: 0 3px 0 0 #AC8E5B;
    box-shadow: 0 3px 0 0 #AC8E5B;
    color: #000000;
}
.color4-4 .left_menu_container_wrap {
    background: #312C27;
}
.color4-4 .side_menu_content li a {
    color: #FFFFFF80;
}
.color4-4 .side_menu_content li a:hover {
    color: #ffffff;
}
.color4-4 .chat_ser {
    background-color: #131211;
}
.color4-4 .btn_dropup_lang button {
    background-color: #131211;
}
.color4-4 .btn_dropup_lang .dropdown-menu.show {
    background-color: #5A5147;
}
.color4-4 .ann-wrap {
    background-color: #312C27;
}
.color4-4 .tab_wrapper {
    background-color: #312C27;
}
.color4-4 .filter-button.active, 
.color4-4 .filter-button:hover {
    background-color: #FDE3BF;
    color: #052B2B;
}
.color4-4 .searchinput {
    background-color: #01121233;
    border: 1px solid #FFFFFF33;
}
.color4-4 .searchinput:focus {
    border: 1px solid transparent;
}
.color4-4 .slider_title svg {
    color: #F83682;
}
.color4-4 .mobile_dropdown {
    background-color: #312C27;
}
.color4-4 .slots-thumb {
    background-color: #4B4A42;
}
.color4-4 .slots-thumb.choosen {
    background-color: #312C27;
}
.color4-4 .slots-thumb.selected {
    background-color: #FDE3BF;
    color: #052B2B;
}
.color4-4 .game-provider {
    background-color: #000000e6;
}
.color4-4 .transaction_container {
    background: #27231F url(../images/color4-4/live-transaction.png) bottom right no-repeat;
    background-size: contain;
}
.color4-4 .text-trs {
    color: #F1E4D0;
}
.color4-4 .wrap-live {
    background-color: #312C27e6;
    border: 1px solid #FFFFFF45;
    border-radius: 10px;
}

/* footer */
.color4-4 .desktop_footer {
    background-color: #272727;
}
.color4-4 .footer_submenu p {
    color: #FDE3BF;
}
.color4-4 .footer_submenu ul a {
    color: #FFFFFF75;
}
.color4-4 .footer_submenu ul a:hover {
    color: #ffffff;
}
.color4-4 .footer_submenu_con {
    color: #FFFFFF75;
}
.color4-4 .footer_copyright {
    color: #FFFFFF75;
}
.color4-4 .mobile_footer {
    background-color: #272727;
}
.color4-4 button.btn-footer {
    background-color: #272727;
    color: #FFFFFF75;
}
.color4-4 button.btn-footer.collapsed {
    background: #272727;
    color: #FDE3BF;
}
.color4-4 button.btn-footer {
    color: #FDE3BF;
}
.color4-4 .footer-card ul li a {
    color: #FFFFFF75;
}
.color4-4 .footer-menu {
    background-color: #312C27;
}
.color4-4 .footer-in ul li a {
    color: #ffffff80;
}

/* modal */
.color4-4 .share_modal .modal-body {
    background-color: #312C27;
}
.color4-4 .share_modal .close {
    color: #EDD5AB;
    text-shadow: 0 1px 0 #EDD5AB;
}
.color4-4 .input_inner svg {
    color: #F2DAB3;
}
.color4-4 .input_inner {
    color: #F2DAB3;
}
.color4-4 .input_inner_forgot a {
    color: #F4DDB7;
    border-bottom: 1px solid #F4DDB7;
}
.color4-4 .btn_login_modal {
    background: transparent linear-gradient(90deg, #F6E0BB 0%, #CAA86D 100%) 0% 0% no-repeat padding-box;
    color: #000000;
}

/* register */
.color4-4 .reg-list ul li a.active {
    background: #F2DAB3;
    color: #000000;
}
.color4-4 .reg-box {
    background: #312C27cc url("../images/login/registerbg-.png") center top no-repeat;
}
.color4-4 .reg_form svg {
    color: #28a745;
}

/* promotion */
.color4-4 .promo_filter_wrap {
    background-color: #312C27;
}
.color4-4 .filter-list li {
    color: #ffffff80;
    border-radius: 7px;
}
.color4-4 .filter-list li.mixitup-control-active {
    background-color: #FDE3BF;
    color: #052B2B;
}
.color4-4 .filter-list li:hover {
    background-color: #FDE3BF;
    color: #052B2B;
}
.color4-4 .promo_box_wrap_inn {
    background-color: #312C27;
}
.color4-4 .promo_box_wrap_a a {
    background: transparent linear-gradient(90deg, #F6E0BB 0%, #CAA86D 100%) 0% 0% no-repeat padding-box;
    color: #052B2B;
}
.color4-4 .select-menu select {
    background-color: #FDE3BF;
    border: 0;
    color: #052B2B;
}
.color4-4 .pm-title-wrapper {
    background: #FDE3BF;
    color: #052B2B;
}

.color4-4 .btn_dep {
    background: transparent linear-gradient(180deg, #FFF8EE 0%, #FDE3BF 18%, #ECC179 100%) 0% 0% no-repeat padding-box;
    color: #052B2B;
}
.color4-4 .afterlogin_dep_headbody_wrap {
    background-color: #312C27;
}
.color4-4 .afterlogin_dep_head {
    background-color: #5A5147;
}
.color4-4 .afterlogin_dep_body {
    background-color: #312C27;
}
.color4-4 .afterlogin_inn_wrap_faqbody {
    background-color: #312C27;
}
.color4-4 .tab-pay ul li a.active, 
.color4-4 .tab-pay ul li a:hover {
    background: transparent linear-gradient(180deg, #FFF8EE 0%, #FDE3BF 18%, #ECC179 100%) 0% 0% no-repeat padding-box;
    color: #052B2B;
}
.color4-4 .afterlogin_inn_wrap_faqaccor .card {
    background-color: #5A514766;   
}
.color4-4 .afterlogin_inn_wrap_faqaccor .card-header {
    background-color: #5A5147;
}
.color4-4 .submit_btn_wrap button.paybtn {
    background: transparent linear-gradient(180deg, #FFF8EE 0%, #FDE3BF 18%, #ECC179 100%) 0% 0% no-repeat padding-box;
    color: #052B2B;
}
.color4-4 [type="file"] + label {
    background: #FDE3BF;
    color: #052B2B;
}
.color4-4 .step_bullet.active {
    background: #FDE3BF;
    color: #052B2B;
}
.color4-4 .step_line.active {
    background: transparent linear-gradient(90deg, #F6E0BB 0%, #CAA86D 100%) 0% 0% no-repeat padding-box;
}
.color4-4 button.btnall {
    background: #FDE3BF;
    color: #052B2B;
}
.color4-4 button.btnall:hover {
    opacity: .85;
}
.color4-4 .btn-in {
    background: #FDE3BF;
    color: #052B2B;
}
.color4-4 .btn-out {
    background: transparent linear-gradient(180deg, #F1E2FF 0%, #E9D2FF 20%, #B97DF8 100%) 0% 0% no-repeat padding-box;
    color: #0A0A0A;
}
.color4-4 .bln-all ul li:hover {
    border: 1px solid #FFFFFF33;
    background-color: #4B4A42;
}
.color4-4 .profile_userimg_wrap {
    background-color: #312C27;
}
.color4-4 .profile_content_wrap {
    background-color: #312C27;
}
.color4-4 .history_table_wrap {
    background-color: #312C27;
}
.color4-4 .profile_navimenu {
    background-color: #312C27;
}
.color4-4 button.btn-tnc.collapsed {
    background-color: #312C27;
}
.color4-4 button.btn-tnc {
    background-color: #5A5147;
}
.color4-4 .tnc-body {
    background-color: #5A514766;
}
.color4-4 .info-wrap .intro_subtitle {
    color: #FFFFFF75;
}
.color4-4 .bnk-td {
    background: #FDE3BF;
    color: #052B2B;
}
.color4-4 .left_container_bonus_box {
    background: transparent linear-gradient(90deg, #a07446 0%, #F6E0BB 100%) 0% 0% no-repeat padding-box;
}

/* vip */
.color4-4 .vip-top {
    background-color: #312C27;
}
.color4-4 .vip-progress-bar .progress .progress-bar {
    background: transparent linear-gradient(180deg, #FCD042 0%, #F39024 100%) 0% 0% no-repeat padding-box;
}
.color4-4 .vip-detail {
    background-color: #312C27;
}
.color4-4 .vip-figure {
    color: #FFAD2B;
}
.color4-4 .vip-level-content {
    background-color: #312C27;
}
.color4-4 .vip-level-single.your-level .vip-level-content {
    background: transparent linear-gradient(0deg, #312C27 0%, #a77d50 100%) 0% 0% no-repeat padding-box;
}
.color4-4 .vip-row-right {
    color: #FFAD2B;
}
.color4-4 .vip-bottom-check {
    border: 5px solid #292234;
}
.color4-4 .vip-bottom-check::before {
    background-color: #7070704d;
}
.color4-4 .vip-bottom-lock {
    background-color: #292234;
}
.color4-4 .vip-bottom-lock::before {
    background-color: #7070704d;
}
.color4-4 .vip-level .swiper-button-prev, 
.color4-4 .vip-level .swiper-button-next {
    background-color: #A6B6C9;
}
.color4-4 .vip-level .swiper-button-prev:after, 
.color4-4 .vip-level .swiper-button-next:after {
    color: #251D45;
}

/* review */
.color4-4 .review-card {
    background-color: #312C27;
}
.color4-4 .data-wrapper {
    background-color: #312C27;
}
.color4-4 .review-swiper .swiper-pagination-bullet-active {
    background-color: #FFAD2B;
}

/* livestream */
.color4-4 .live-wrapper {
    background-color: #000000;
}

/* news */
.color4-4 .news-card {
    background-color: #312C27;
}
.color4-4 .btn-readmore {
    background: transparent linear-gradient(90deg, #F6E0BB 0%, #CAA86D 100%) 0% 0% no-repeat padding-box;
    color: #000000;
    font-weight: 500;
}

/* announcement */
.color4-4 .annbox {
    border: 2px solid #FDE3BF;
    background: url(../images/ann-bg.png), linear-gradient(180deg, #4c3925 0%, #a58158 100%);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
}
.color4-4 .ann-title {
    background-color: #000;
    border-bottom: 2px solid #FDE3BF;
}
.color4-4 .anncon .nav .nav-link {
    background-color: #4B4A42;
    border: 1px solid #FDE3BF;
}
.color4-4 .anncon .nav .nav-link.active {
    background-color: #FDE3BF;
    color: #052B2B;
}
.color4-4 .annbox .annimg {
    border: 1px solid #FDE3BF;
}
.color4-4 .annpagi .pitem.active, 
.color4-4 .annpagi .pitem:hover {
    background-color:#FDE3BF;
    color: #052B2B;
}

/* text logo */
.color4-4 .logo-text {
    color: #D29D6F;
}

/* referral */
.color4-4 .referral-top {
    background-color: #312C27;
}
.color4-4 .referral-link {
    background-color: #01121233;
}
.color4-4 .btn-referral {
    background: transparent linear-gradient(180deg, #FFF8EE 0%, #FDE3BF 18%, #ECC179 100%) 0% 0% no-repeat padding-box;
    color: #052B2B;
}
.color4-4 .referral-detail-single {
    background-color: #312C27;
}
.color4-4 .btn-referral-detail.active {
    background: transparent linear-gradient(90deg, #F6E0BB 0%, #CAA86D 100%) 0% 0% no-repeat padding-box;
    color: #000000;
}

/* inbox */
.color4-4 .inbox-top {
    background-color: #312C27;
}
.color4-4 .bonus-category-single {
    background-color: #312C27;
}
.color4-4 .btn-bonus-transaction {
    background-color: #FDE3BF;
    color: #000000;
    font-weight: 600;
}
.color4-4 .table-bonus .table-bonus-row:first-child {
    color: #FDE3BF;
}
.color4-4 .btn-inbox {
    background-color: #FDE3BF;
    color: #000000;
    font-weight: 600;
}

/* after login */
.color4-4 .form-box {
    background-color: #312C27;
}
.color4-4 .bal {
    color: #ff9e1f;
}
.color4-4 .btnform {
    background: transparent linear-gradient(180deg, #FFF8EE 0%, #FDE3BF 18%, #ECC179 100%) 0% 0% no-repeat padding-box;
    color: #000000;
}
.color4-4 .viptabs .nav-tabs .nav-item.show .nav-link, 
.color4-4 .viptabs .nav-tabs .nav-link.active, 
.color4-4 .viptabs .nav-tabs .nav-link:focus, 
.color4-4 .viptabs .nav-tabs .nav-link:hover {
    background-color: #312C27;
}
.color4-4 .vipbox {
    background: transparent linear-gradient(90deg, #a07446 0%, #F6E0BB 100%) 0% 0% no-repeat padding-box;
}
.color4-4 .vip-info .accordion-button {
    background-color: #5A5147;
}
.color4-4 .vip-info .accordion-item {
    background: #5A514766;
}
.color4-4 .tab-menu a {
    background-color: #6c757d;
}
.color4-4 .tab-menu a.active {
    background: transparent linear-gradient(180deg, #FFF8EE 0%, #FDE3BF 18%, #ECC179 100%) 0% 0% no-repeat padding-box;
    color: #000000;
}
.color4-4 .rstep {
    background-color: #221f1b;
}
.color4-4 .rstep.active {
    background: #F2DAB3;
    color: #000000;
}
.color4-4 .w-menu.active img{
    border:1px solid #fffb00;
}
.color4-4 .statistic .s-data.active{
    background: #fffb00;
    color: #000000;
}
.color4-4 .statistic .s-data.active .s-amount{
    color: #000000;
}
.color4-4 .d-promo .form-check-input:checked + .form-check-label{
    background: linear-gradient(90deg, #d6b88f 0%, rgb(80 75 71) 57%);
    background-repeat: no-repeat;
    color: #000000;
}
.color4-4 #loginmodal input:-webkit-autofill,
.color4-4 #loginmodal input:-webkit-autofill:hover, 
.color4-4 #loginmodal input:-webkit-autofill:focus, 
.color4-4 #loginmodal input:-webkit-autofill:active{
    box-shadow: 0 0 0px 1000px #312C27 inset !important;
    -webkit-box-shadow: 0 0 0px 1000px #312C27 inset !important;
    border: none !important;
}
.color4-4 .af-form input:-webkit-autofill,
.color4-4 .af-form input:-webkit-autofill:hover, 
.color4-4 .af-form input:-webkit-autofill:focus, 
.color4-4 .af-form input:-webkit-autofill:active{
    box-shadow: 0 0 0px 1000px #221f1b inset !important;
    -webkit-box-shadow: 0 0 0px 1000px #221f1b inset !important;
    border: none !important;
}

.color4-4 .info-wrapper h1,
.color4-4 .info-wrapper h2,
.color4-4 .info-wrapper h3,
.color4-4 .info-wrapper h4,
.color4-4 .info-wrapper h5,
.color4-4 .info-wrapper h6{
    color: #FDE3BF;
}
/*preloader*/
.color4-4 .preloader{
    background-color: #26222c80;
}
.color4-4 .loader div {
    background-color: #FDE3BF;
    box-shadow: 0 0 15px rgba(255, 249, 214, 0.6);
}
.color4-4 .promo-btn, 
.color4-4 .refer-btn{
    background: transparent linear-gradient(90deg, #c38efa 0%, #9b61db 100%) 0% 0% no-repeat padding-box;
}

@media (max-width: 999px) {
    .color4-4 header {
        background: #131211;
    }
}

@media (min-width: 1200px) {
    .color4-4 .hotgame-hover {
        color: #FDE3BF;
    }
    .color4-4 .hotgame-single:hover .hotgame-single-top .hotgame-overlay {
        background-color: #4B4A42cc;
    }
    .color4-4 .search-wrapper {
        background-color: #312C27;
    }

}