:root .color8-3 {
	--color-theme: #1bff00;
    --black: #FFFFFF;
    --black2: #FFFFFF;
    --black3: #FFFFFF66;
    --white: #000000;
    --bgcolor-box: #24262b;
    --bgcolor-box2: #24262b;
    --bg-color: #24262b;
    --bg-img: url(../images/referral/dark-bg.png);
	--shadow-box: 0 0 10px 0 #FFFFFF26;
    --bg-modal: #0a3f38;
    --color-text-tnc: #FFFFFFBF;
	--table-bg: #1bff00;
	--table-text: #000000;
	--bgcolor-table:#FFFFFF1A;

    /* leaderboard */
    --shadow-box2: #FFFFFF1A;
    --border-line: #757575;
    --bg-rank: #b1b1b199;
    --bg-leaderboard: url(../images/leaderboard/dark-frame.png);
    --bg-formselect: #00251f;
    --color-formselect: #FFFFFF;
    --bgform-select: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff75'><path 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'/></svg>");

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

body.color8-3 {
    background-color: #14554b;
    color: #fff;
}
/*preloader*/
.color8-3 .preloader{
    background-color: #14554b8a;
}
.color8-3 .loader div {
    background-color: #02d946;
    box-shadow: 0 0 15px rgba(148, 255, 159, 0.6);
}
.color8-3 header {
    background: #15413b;
}
.color8-3 .ann-wrap,
.color8-3 .tab_wrapper_inn,
.color8-3 .pro-wrp,
.color8-3 .view_btn,
.color8-3 .arrow_slider .slide-arrow,
.color8-3 .bet-header,
.color8-3 .bet-item,
.color8-3 .gamelobby-search-bar,
.color8-3 .promo_filter_wrap,
.color8-3 .slot-menu-wrapper,
.color8-3 .btn-favourite{
    background: #15413b;
}
.color8-3 .ann-wrap svg {
    background: rgb(27 255 0);
    color: #000;
}
.color8-3 .left_menu_container_wrap {
    background-color: #00352c;
}
.color8-3 .side_menu_content {
    background: #15413b;
}
.color8-3 .filter-button.active, 
.color8-3 .filter-button:hover,
.color8-3 .btn_reg,
.color8-3 .ann-wrap i,
.color8-3 .modalhead_btn.active,
.color8-3 .reg-list ul li a.active,
.color8-3 .btn_dep,
.color8-3 .amt-box ul li button:hover, 
.color8-3 .amt-box ul li button.active,
.color8-3 .btn-smt,
.color8-3 .btn-back,
.color8-3 .clm-btn button,
.color8-3 .btn_dep,
.color8-3 .filter-list li.mixitup-control-active,
.color8-3 .filter-list li:hover,
.color8-3 .promo_box_wrap_a a,
.color8-3 .rank_slider_slide_bottom .btn,
.color8-3 .ann-wrap svg,
.color8-3 .login-wrapper .btn-sub,
.color8-3 .btn_login_modal{
    background: rgb(27 255 0);
    color: #000000;
}
.color8-3 .input_inner_forgot a{
    border-bottom:1px rgb(27 255 0) solid ;
}
.color8-3 .left_container_bonus_box{
    background: rgb(0 167 90);
}
.color8-3 .slot-menu .swiper-slide.active, 
.color8-3 .slot-menu .swiper-slide:hover{
    background: #00000050;
    border:1px rgb(27 255 0) solid ;
}
.color8-3 .filter-button.active img, 
.color8-3 .filter-button:hover img {
    filter: invert(0);
}
.color8-3 .btn_log {
    background-color: transparent;
    color: rgb(255 255 255);
    border: 2px solid rgb(255 255 255 / 33%);
}
.color8-3 .header_hamburger {
    color: rgb(255, 255, 255);
}
.color8-3 .side_menu_content li a {
    border-bottom: 1px solid #ffffff1f;
    color: #ffffff8c;
}
.color8-3 .side_menu_content li a:hover, 
.color8-3 .side_menu_content li a.active,
.color8-3 .green-txt,
.color8-3 .input_inner i,
.color8-3 .info-title h5,
.color8-3 .bet-header div,
.color8-3 .sidemenu-ttl,
.color8-3 .share_modal .close,
.color8-3 .btn-delete,
.color8-3 .reptnc_modal .close,
.color8-3 .info-content ul,
.color8-3 .input_inner svg,
.color8-3 .hotgame-hover-btn{
    color: rgb(0 255 52);
}
.color8-3 .reptnc_modal .tnc-content{
    border-top: 1px solid rgb(0 255 52);
}
.color8-3 .side_menu_content li a:hover img, 
.color8-3 .side_menu_content li a.active img {
    background: #092925;
    box-shadow: 0px 0px 12px 1px rgb(2 183 39);
}
.color8-3 .btn_dropup_lang button {
    background-color: #105f56;
}
.color8-3 .btn-secondary:not(:disabled):not(.disabled).active, 
.color8-3 .btn-secondary:not(:disabled):not(.disabled):active, 
.color8-3 .show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #105f56;
    border-color: #105f56;
}
.color8-3 .btn_dropup_lang .dropdown-menu.show {
    background-color: #0e413b;
    border: none;
}
.color8-3 .chat_ser {
    background-color: #006056;
}
.color8-3 .sidemenu-bar {
    border-bottom: 1px solid #ffffff13;
}
.color8-3 .btn_dropup_lang .dropdown-menu a:hover {
    background-color: #156158;
    color: rgb(255, 255, 255);
}
.color8-3 .footer_nav ul li a {
    color: rgb(255 255 255 / 58%);
}
.color8-3 .footer_info_txt {
    color: rgb(255 255 255 / 58%);
}
.color8-3 .footer_copyright {
    color: rgb(255 255 255 / 58%);
}
.color8-3 .transaction_container{
    background: #15413b;
}
.color8-3 .text-trs {
    color: rgb(0 254 52);
}
.color8-3 .arrow_slider .slide-arrow {
    color: rgb(7 168 92);
}
.color8-3 .view_btn {
    color: #636363;
}
.color8-3 .share_modal .modal-body {
    background-color: #0a3f38;
}
.color8-3 .input_inner {
    border: 1px solid #ffffff13;
    background: #072c27;
}
.color8-3 .reg-list ul li a {
    background: #022c27;
}
.color8-3 .header_btn_dep {
    background-color: #092d28;
}
.color8-3 .modal-header-wrap {
    background: rgb(27 255 0);
    color: #000;
}
.color8-3 .modal-header-wrap a {
    color: #000;
}
.color8-3 .mdl-form-box .form-control {
    color: #ffffff;
    background: #032e29;
}
.color8-3 .amt-box span {
    background: #007364;
}
.color8-3 .amt-box ul li button {
    background: #00443b;
}
.color8-3 .btn-file {
    color: rgb(255 255 255);
    background: #00796a;
}
.color8-3 .footer_submenu_con {
    color: #ffffff62;
}
.color8-3 .footer-menu {
    background: #0e413b;
    border-top: 1px solid #00ff34;
}
.color8-3 .mobile_dropdown {
    background-color: #0e413b;
}
.color8-3 .page-ttl {
    background: #0d8b4e;
    color: #fff;
}
.color8-3 .info-nav ul,
.color8-3 .info-nav ul li a,
.color8-3 .info-center {
    background: #003d35;
}
.color8-3 .info-nav ul li a.active, 
.color8-3 .info-nav ul li a:hover {
    color:rgb(0 255 52);
}
.color8-3 .tab_search {
    background: #092925;
}
.color8-3 .game-preview__btn-play {
    background-color: rgb(157 0 255);
    color: #ffffff;
}
.color8-3 .promo_box_wrap_inn{
    background-color: #1e897c;
}
.color8-3 .promo_box_wrap {
    background-color: #042925;
}
.color8-3 .modal-content.promo {
    background: #0a3f38;
}
.color8-3 .pm-title-wrapper {
    background: rgb(27 255 0);
    color: #000;
}
.color8-3 button.close-promo{
    color: #000;
}
.color8-3 .info-center .accordion-button {
    background: #03554b;
}
.color8-3 .info-content .accordion-body {
    background: #002f29;
}
.color8-3 .rank_slider_slide {
    background: #002f29;
    border:none;
}
.color8-3 .rank_slider_slider_body hr {
    background-color: rgb(27 255 0);
}
.color8-3 .rank_slider_rule_box_item{
    background: #054d44;
    border:none;
}
.color8-3 .rank_slider_rule_box_item h5 {
    color: #ffffff;
    font-family:inherit;
}
.color8-3 .promo-ttl {
    background: #007d46;
}
.color8-3 .annou-pop{
    border: 1px solid rgb(27 255 0);
}
.color8-3 .annou-ttle {
    border-bottom: 1px solid rgb(27 255 0);
}
.color8-3 .level-status, 
.color8-3 .level-desc,
.color8-3 .review-card,
.color8-3 .data-wrapper,
.color8-3 .news-card{
    background-color:#00352c;
}
.color8-3 .btn-readmore {
    background-color: #1cc980;
    color: #fff;
}
.color8-3 .annbox{
    border: 2px solid rgb(27 255 0);
    background: url(../images/ann-bg.png), linear-gradient(180deg, #175950 0%, #12dbbc 100%);
    background-size: cover;
    background-position: center;
}
.color8-3 .ann-title {
    background-color: #000;
    border-bottom: 2px solid rgb(27 255 0);
}
.color8-3 .anncon .nav .nav-link {
    background-color: #14433c;
    border: 1px solid rgb(27 255 0);
}
.color8-3 .anncon .nav .nav-link.active {
    background: linear-gradient(90deg, rgb(0 99 57) 0%, rgb(0 167 90) 100%);
    border: 1px solid rgb(0 167 9);
}
.color8-3 .annbox .annimg {
    border: 1px solid rgb(27 255 0);
}
.color8-3 .annpagi .pitem.active, 
.color8-3 .annpagi .pitem:hover {
    background-color: #1bff00;
    color: #000;
}
.color8-3 .logo-text{
    color: rgb(27 255 0);
}
.color8-3 .btn-favourite:hover{
    color: rgb(27 255 0);
    border: 2px solid rgb(27 255 0);
}
.color8-3 .btn-favourite.active{
    background-color:rgb(27 255 0) ;
    color: rgb(0, 0, 0);
    border: 2px solid rgb(27 255 0);
}
.color8-3 .form-select {
    background-color: #00251f !important;
}

/*referral*/
.color8-3 .referral-top,
.color8-3 .referral-detail-single,
.color8-3 .login-wrapper{
    background-color:#00352c;
}
.color8-3 .btn-referral {
    background: transparent linear-gradient(180deg, rgb(79, 255, 60) 0%, rgb(27 255 0) 100%) 0% 0% no-repeat padding-box;
    color: #000;
}
.color8-3 .btn-referral-detail.active{
    background-color: rgb(27 255 0);
    color:#000;
}
.color8-3 .statistic-single-bottom {
    color: rgb(27 255 0);
}

/* af */
.color8-3 .form-box,
.color8-3 .vip-info .accordion-button,
.color8-3 .vip-info .accordion-item,
.color8-3 .login-wrapper{
    background-color: #00352c;
}
.color8-3 .af-form .form-control, 
.color8-3 .af-form .form-control:focus, 
.color8-3 .af-form .form-control:disabled {
    border: none;
}
.color8-3 .vip-info .accordion-button,
.color8-3 .vip-info .accordion-button:focus {
    box-shadow: none;
}
.color8-3 .bal{
    color: #1bff00;
}
.color8-3 .btnform{
    background-color: #1bff00;
    color: #000;
}
.color8-3 .tab-menu a {
    background:#00352c;
}
.color8-3 .tab-menu a.active{
    background-color: #1bff00;
    color: #000;
}
.color8-3 .af-form .input-group,
.color8-3 .w-type .pincode-input-text, 
.color8-3 .form-control.pincode-input-text,
.color8-3 .d-amount a,
.color8-3 .d-promo .form-check-label,
.color8-3 .form-control option{
    background-color: rgb(0 37 31);
}
.color8-3 .b-type,
.color8-3 .t-type {
    background: #002720;
}
.color8-3 .viptabs .nav-tabs .nav-item.show .nav-link, 
.color8-3 .viptabs .nav-tabs .nav-link.active, 
.color8-3 .viptabs .nav-tabs .nav-link:focus, 
.color8-3 .viptabs .nav-tabs .nav-link:hover {
    background-color:#00352c;
    color:#fff;
    border-color: #FFFFFF1A;
}
.color8-3 .vipbox {
    background: linear-gradient(90deg, rgb(0 167 90) 0%, rgb(31 152 88) 100%);
}
.color8-3 .actarea a,
.color8-3 .af-form .form-remark{
    color: #ff9e1f;
}
.color8-3 .accordion-item {
    border-color:#FFFFFF1A;
}
.color8-3 .vip-bar .progress-bar{
    background:#1bff00;
    color: #000;
}
.color8-3 .w-menu.active img{
    border: 1px #1bff00 solid;
}
.color8-3 .statistic .s-data.active{
    background:#1bff00;
    color: #000;
}
.color8-3 .statistic .s-data.active .s-amount{
    color: #000;
}
.color8-3 .rstep.active{
    background:#1bff00;
    color: #000;
}
.color8-3 .rstep{
    background-color: #00352c;
}
.color8-3 .d-promo .form-check-input:checked + .form-check-label{
    background: linear-gradient(90deg, rgb(0 138 37) 0%, rgb(0 37 31) 57%);
    background-repeat: no-repeat;
    color: #FFFFFF;
}
.color8-3 .af-form .form-check-input:checked{
    background-color: rgb(0, 138, 37);
    border-color:transparent;
}
.color8-3 .w-bar .progress {
    --bs-progress-bg: #ffffff33;
    --bs-progress-bar-bg:#1bff00;
    margin: 0;
}
.color8-3 .w-bar .progress-bar{
    background:#1bff00;
    color: #000;
}
.color8-3 #loginmodal input:-webkit-autofill,
.color8-3 #loginmodal input:-webkit-autofill:hover, 
.color8-3 #loginmodal input:-webkit-autofill:focus, 
.color8-3 #loginmodal input:-webkit-autofill:active{
    box-shadow: 0 0 0px 1000px #072c27  inset !important;
    -webkit-box-shadow: 0 0 0px 1000px #072c27 inset !important;
    border: none !important;
}
.color8-3 .af-form input:-webkit-autofill,
.color8-3 .af-form input:-webkit-autofill:hover, 
.color8-3 .af-form input:-webkit-autofill:focus, 
.color8-3 .af-form input:-webkit-autofill:active{
    box-shadow: 0 0 0px 1000px #00251f  inset !important;
    -webkit-box-shadow: 0 0 0px 1000px #00251f inset !important;
    border: none !important;
}

/*special button*/
.color8-3 .promo-btn:hover,
.color8-3 .refer-btn:hover {
    box-shadow: 0px 0px 3px 1px #1bff00;
    border: 1px #1bff00 solid;
}