:root .color10-3 {
	--color-theme: #70c783;
    --black: #FFFFFF;
    --black2: #FFFFFF;
    --black3: #FFFFFF66;
    --white: #000000;
    --bgcolor-box: transparent linear-gradient(180deg, #10443e 0%, #104942 100%) 0% 0% no-repeat padding-box;
    --bgcolor-box2: #104942;
    --bg-color: transparent linear-gradient(180deg, #10443e 0%, #104942 100%) 0% 0% no-repeat padding-box;
    --bg-img: url(../images/referral/dark-bg.png);
	--shadow-box: 0 0 10px 0 #00000026;
    --bg-modal: #114d46;
    --color-text-tnc: #FFFFFFBF;

    /* leaderboard */
    --shadow-box2: #FFFFFF1A;
    --border-line: #757575;
    --bg-rank: #b1b1b199;
    --bg-leaderboard: url(../images/leaderboard/dark-frame.png);
    --bg-formselect: #0d2a35;
    --color-formselect: #FFFFFF;
    --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:#70c783;
    --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(0, 0, 0, 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: #15665c;
    --fg-border: #FFFFFF1A;
    --fg-border2: #FFFFFF1A;
    --fg-bg2: #15665c;
    --fg-primary-text: #FFFFFFCC;
    --fg-theme-color: #00FE48;
    --fg-bg-body: #10443e;
    --fg-primary-btn: transparent linear-gradient(180deg, #00fe4d 0%, #008b20 100%) 0% 0% no-repeat padding-box;
    --fg-text: #FFFFFF;
    --fg-text2: #FFFFFF;
    --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.color10-3{
    background-color:#001d23;
}
/*preloader*/
.color10-3 .preloader{
    background-color: #001d23b9;
}
.color10-3 .loader div {
    background-color: #00f946;
    box-shadow: 0 0 15px rgba(52, 219, 130, 0.6);
}

.color10-3 .content-upper{
    background: url(../images/color10-3/bg.png) no-repeat, linear-gradient(to bottom, #14554b 0%, #114941 100%);
}
.color10-3 .header,
.color10-3 .content-upper.active .header-top{
    background: linear-gradient(to bottom, #15685feb 0%, #156259e3 100%);
}
.color10-3 .menu-page ul li a,
.color10-3 .title-page,
.color10-3 .menu-group ul li a .icon-menu .icon-text,
.color10-3 .inbox-top-text,
.color10-3 .table-bonus .table-bonus-row:first-child{
    color: #6ca7b1;
}
.color10-3 .btn-main,
.color10-3 .search .input-group .input-group-text.btn-search,
.color10-3 .category ul > li > a.active,
.color10-3 .category ul > li > a:hover,
.color10-3 .header-deposit-btn,
.color10-3 .menu-page ul li a.active,
.color10-3 .menu-member ul li a.active,
.color10-3 .slot-menu .swiper-slide.active,
.color10-3 .slot-menu .swiper-slide:hover,
.color10-3 .icon-chatbox:hover,
.color10-3 .mobile-dropdown .dropdown-menu li a.active,
.color10-3 .btn-signin{
    background: transparent linear-gradient(180deg, #00fe4d 0%, #008b20 100%) 0% 0% no-repeat padding-box;
    color: #fff;
}
.color10-3 .menu-wrapper,
.color10-3 .transaction-wrapper,
.color10-3 .menu-wrapper,
.color10-3 .inbox-top,
.color10-3 .bonus-category-single,
.color10-3 .bonus-transaction,
.color10-3 .bonus-transaction-head,
.color10-3 .vip-top,
.color10-3 .vip-detail,
.color10-3 .vip-level-content,
.color10-3 .referral-top,
.color10-3 .referral-detail-single,
.color10-3 .review-card,
.color10-3 .data-wrapper,
.color10-3 .single-promotion,
.color10-3 .content-info,
.color10-3 .menu-member ul,
.color10-3 .content-player,
.color10-3 .transaction-wrapper,
.color10-3 .news-card{
    background: transparent linear-gradient(180deg, #10443e 0%, #114d46 100%) 0% 0% no-repeat padding-box;
}
.color10-3 .category ul,
.color10-3 .announcement-content,
.color10-3 .search .input-group,
.color10-3 .menu-page ul{
    background-color: #10443e;
}
.color10-3 .slot-menu .swiper-slide {
    background-color: #10443e;
}
.color10-3 .single-game {
    background:transparent linear-gradient(180deg, #145148 0%, #22726c 100%) 0% 0% no-repeat padding-box;
}
.color10-3 .icon-inner,
.color10-3 .btn-favourite,
.color10-3 .icon-nav, 
.color10-3 .icon-close, 
.color10-3 .icon-chatbox, 
.color10-3 .icon-inbox{
    background: transparent linear-gradient(180deg, #5F9D9B 0%, #2C7370 100%) 0% 0% no-repeat padding-box;
}
.color10-3 .btn-signup {
    background: transparent radial-gradient(closest-side at 50% 50%, #00a12c 0%, #00262d 100%) 0% 0% no-repeat padding-box;
    border: 2px solid #00f946;
}
.color10-3 .transaction-single {
    background: transparent linear-gradient(91deg, #2a6f6d 0%, #005963 100%) 0% 0% no-repeat padding-box;
}
.color10-3 .welcome-wrapper {
    background: #0f423b 0% 0% no-repeat padding-box;
}
.color10-3 .annbox {
    background: url(../images/ann-bg.png), transparent linear-gradient(180deg, #005c2b 0%, #92ffb4 100%) 0% 0% no-repeat padding-box;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
}
.color10-3 .annpagi .pitem.active, 
.color10-3 .annpagi .pitem:hover {
    background:#00974a;
}
.color10-3 .ann-title {
    background: transparent linear-gradient(180deg, #000000 0%, #003438 100%) 0% 0% no-repeat padding-box;
    border-bottom: #00ec46 solid 2px;
}
.color10-3 .anncon .nav .nav-link {
    background-color: #00393c;
}
.color10-3 .annpagi .pitem.active, 
.color10-3 .annpagi .pitem:hover{
    background: #FEB623;
}
.color10-3 .anncon .nav .nav-link.active{
    background: transparent linear-gradient(90deg, #00ec46 0%, #004f18 100%) 0% 0% no-repeat padding-box;
}
.color10-3 .seo-wrapper,
.color10-3 .footer-link,
.color10-3 .seo-inner::before{
    background-color: #0f423b;
}
.color10-3 .footer-title,
.color10-3 .seo-title{
    color: #70c783;
}
.color10-3 .banner .swiper-pagination {
    background: transparent linear-gradient(180deg, #005e6f 0%, #002f32 100%) 0% 0% no-repeat padding-box;
}
.color10-3 .banner .swiper-pagination-bullet-active {
    background-color: #00FE48;
}
.color10-3 .language .dropdown-menu,
.color10-3 .header-profile .dropdown-menu,
.color10-3 .mobile-dropdown .dropdown-menu{
    background:transparent linear-gradient(180deg, #15665c 0%, #15665c 100%) 0% 0% no-repeat padding-box;
}
.color10-3 .btn-mobile-dropdown {
    background-color: #15665c;
}
.color10-3 .search {
    background-color: #15665c;
}
.color10-3 .login-wrapper {
    background: transparent linear-gradient(to bottom, #104039 0%, #14554b 100%) 0% 0% no-repeat padding-box;
    border: 1px solid #FFFFFF1A;
}
.color10-3 .input-group,
.color10-3 .accordion-deposit .accordion-body,
.color10-3 .accordion-deposit .accordion-header .accordion-button{
    background-color: #0f3833;
}
.color10-3 .accordion-deposit .accordion-header .accordion-button[aria-expanded="true"]{
    background: transparent linear-gradient(90deg, #286e6d 0%, #003746 100%) 0% 0% no-repeat padding-box !important;
}
.color10-3 .btn-small-signup {
    background-color: #000e18;
}
.color10-3 .step-single-register::before {
    border-left: 20px solid #001b23;
}
.color10-3 .header-deposit {
    background: transparent linear-gradient(90deg, #10443e 0%, #10443e 100%) 0% 0% no-repeat padding-box;
}
.color10-3 .player-level,
.color10-3 .header-btn-level {
    background: transparent linear-gradient(180deg, #1a8afd 0%, #004cc3 100%) 0% 0% no-repeat padding-box;
}
.color10-3 .menu-member ul li a,
.color10-3 .mobile-dropdown .dropdown-menu li {
    background-color: #15665c;
}
.color10-3 .menu-deposit-type ul li a.active, 
.color10-3 .menu-deposit-type ul li a:hover{
    background: #33C77E;
}
.color10-3 .form-select{
    background-color: #0d2a35 !important;
}
.color10-3 .referral-detail-top {
    background: transparent linear-gradient(180deg, #266d6c 0%, #005963 100%) 0% 0% no-repeat padding-box;
}
.color10-3 .btn-referral {
    background: transparent linear-gradient(180deg, #8effb0 0%, #00f549 7%, #009223 94%, #006318 100%) 0% 0% no-repeat padding-box;
}
.color10-3 .btn-referral-detail.active {
    background-color: #1069CC;
}
.color10-3 .logo-text {
    color: #00ef47
}
.color10-3 .vip-level-title,
.color10-3 .vip-level-text{
    background-color: #002131;
}
.color10-3 .vip-level-single.your-level .vip-level-content {
    background: transparent linear-gradient(180deg, #00557f 0%, #0b272e 100%) 0% 0% no-repeat padding-box;
    border: 1px solid #25c5c0;
}
.color10-3 .announcement-left {
    background-color: #dc3545;
}
.color10-3 .game-play,
.color10-3 .vip-progress-text span {
    color: #00FE48;
}
.color10-3 .btn-readmore,
.color10-3 .btn-info,
.color10-3 .btn-referral-detail.active{
    background-color: #009223;
}
/* af */
.color10-3 .form-box{
    background:transparent linear-gradient(180deg, #10443e 0%, #104942 100%) 0% 0% no-repeat padding-box;
    border-radius: 20px;
}
.color10-3 .vip-info .accordion-button,
.color10-3 .vip-info .accordion-item{
    background: #11363e;
}
.color10-3 .af-form .form-control, 
.color10-3 .af-form .form-control:focus, 
.color10-3 .af-form .form-control:disabled {
    border: none;
}
.color10-3 .vip-info .accordion-button,
.color10-3 .vip-info .accordion-button:focus {
    box-shadow: none;
}
.color10-3 .bal{
    color: #00FE48;
}
.color10-3 .btnform{
    background: transparent linear-gradient(180deg, #00fe4d 0%, #008b20 100%) 0% 0% no-repeat padding-box;
}
.color10-3 .tab-menu a {
    background:#0c272d;
    filter: none;
}
.color10-3 .tab-menu a.active{
    background: #008b20;
}
.color10-3 .af-form .input-group,
.color10-3 .w-type .pincode-input-text, 
.color10-3 .form-control.pincode-input-text,
.color10-3 .d-amount a,
.color10-3 .d-promo .form-check-label,
.color10-3 .form-control option{
    background-color: #0f3833;
}
.color10-3 .b-type,
.color10-3 .t-type {
    background: #163f4a;
}
.color10-3 .viptabs .nav-tabs .nav-item.show .nav-link, 
.color10-3 .viptabs .nav-tabs .nav-link.active, 
.color10-3 .viptabs .nav-tabs .nav-link:focus, 
.color10-3 .viptabs .nav-tabs .nav-link:hover {
    background-color:#0c272d;
    color:#fff;
    border-color: #FFFFFF1A;
}
.color10-3 .vipbox {
    background: transparent linear-gradient(180deg, #0c262c 0%, #11363e 100%) 0% 0% no-repeat padding-box;
    border: 1px solid #FFFFFF1A;
    box-shadow: 2px 2px 5px #0000005a;
}
.color10-3 .actarea a,
.color10-3 .af-form .form-remark{
    color: #ff9e1f;
}
.color10-3 .accordion-item {
    border-color:#FFFFFF1A;
}
.color10-3 .vip-bar .progress{
    background:#ffffff3b;
}
.color10-3 .vip-bar .progress-bar{
    background:#00fe48;
    color: #000;
}
.color10-3 .w-bar .progress{
    --bs-progress-bg: #ffffff3b;
    --bs-progress-bar-bg: #00fe48;
}
.color10-3 .actarea, 
.color10-3 .tabss1 span {
    color: #ffffff;
}
.color10-3 .af-box h4{
    text-shadow: 3px 3px 5px #000000;
}
.color10-3 .w-menu.active img{
    border: 1px #00f946 solid;
}
.color10-3 .statistic .s-data.active{
    background:#008b20;
}
.color10-3 .rstep.active{
    background:#009223;
}
.color10-3 .rstep{
    background-color: #0f3833;
}
.color10-3 .d-promo .form-check-input:checked + .form-check-label{
    background: linear-gradient(90deg, rgb(42 131 66) 0%, rgb(10 29 36) 57%);
    color: #FFFFFF;
}
.color10-3 .af-form .form-check-input:checked{
    background-color: rgb(0, 138, 37);
    border-color:transparent;
}
.color10-3 .viptabs .form-box{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.color10-3 .footer-link > ul > li > a {
    color: rgba(255, 255, 255, 0.6);
}
.color10-3 .af-form input:-webkit-autofill,
.color10-3 .af-form input:-webkit-autofill:hover, 
.color10-3 .af-form input:-webkit-autofill:focus, 
.color10-3 .af-form input:-webkit-autofill:active{
    box-shadow: 0 0 0px 1000px #0f3833 inset !important;
    -webkit-box-shadow: 0 0 0px 1000px #0f3833 inset !important;
    border: none !important;
}
.color10-3 .login-wrapper input:-webkit-autofill,
.color10-3 .login-wrapper input:-webkit-autofill:hover, 
.color10-3 .login-wrapper input:-webkit-autofill:focus, 
.color10-3 .login-wrapper input:-webkit-autofill:active{
    box-shadow: 0 0 0px 1000px #0f3833 inset !important;
    -webkit-box-shadow: 0 0 0px 1000px #0f3833 inset !important;
    border: none !important;
}

/*mobile category*/
.color10-3 .swiper-slide:nth-child(odd) .category-item {
    background: linear-gradient(to right, #00b033 0%, #00761d 100%);
}
.color10-3 .swiper-slide:nth-child(even) .category-item {
    background: linear-gradient(to right, #ffb32c 0%, #fd6c01 100%);
} 
.color10-3 .category-item.active {
    box-shadow: 0px 0px 10px #fea222 inset;
    border: 2px #fea021 solid;
}
.color10-3 .modal-backdrop {
    background-color: #00000069;
}
@media (min-width: 1400px) {
    .color10-3 .slot-menu{
        background-color: #10443e;
    }
    .color10-3 .search{
        background-color: transparent;
    }
    .color10-3 .inbox-desktop:hover .icon-inbox, 
    .color10-3 .chatbox-desktop:hover .icon-chatbox,
    .color10-3 .menu-page ul li a.active, 
    .color10-3 .menu-page ul li a:hover,
    .color10-3 .menu-member ul li a.active, 
    .color10-3 .menu-member ul li a:hover{
        background: transparent linear-gradient(180deg, #00FE48 0%, #00AF29 100%) 0% 0% no-repeat padding-box;
        color: #fff;
    }
    .color10-3 .header-profile-desktop {
        background: transparent linear-gradient(180deg, #1c8579 0%, #12665b 100%) 0% 0% no-repeat padding-box;
    }
    .color10-3 .menu-group ul li a:hover .icon-menu .icon-text, 
    .color10-3 .menu-group ul li a.active .icon-menu .icon-text {
        color: #FFFFFF;
    }
}