:root .color8-1 {
	--color-theme: #777aff;
    --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: #191b1e;
    --color-text-tnc: #FFFFFFBF;
	--table-bg: #696cff;
	--table-text: #FFFFFF;
	--bgcolor-table:#FFFFFF1A;

    /* leaderboard */
    --shadow-box2: #FFFFFF1A;
    --border-line: #757575;
    --bg-rank: #b1b1b199;
    --bg-leaderboard: url(../images/leaderboard/dark-frame.png);
    --bg-formselect: transparent;
    --color-formselect: #000000;
    --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.color8-1 {
    background-color: #222;
    color: #fff;
}
/*preloader*/
.color8-1 .preloader{
    background-color: #2222228a;
}
.color8-1 .loader div {
    background-color: #777aff;
    box-shadow: 0 0 15px rgba(148, 150, 255, 0.6);
}
.color8-1 header {
    background: #1b1b1b;
}
.color8-1 .ann-wrap,
.color8-1 .tab_wrapper_inn,
.color8-1 .pro-wrp,
.color8-1 .view_btn,
.color8-1 .arrow_slider .slide-arrow,
.color8-1 .bet-header,
.color8-1 .bet-item,
.color8-1 .gamelobby-search-bar,
.color8-1 .promo_filter_wrap,
.color8-1 .slot-menu-wrapper,
.color8-1 .btn-favourite{
    background: #1b1b1b;
}
.color8-1 .left_menu_container_wrap {
    background-color: #1c1c1c;
}
.color8-1 .side_menu_content {
    background: #252424;
}
.color8-1 .filter-button.active, 
.color8-1 .filter-button:hover,
.color8-1 .btn_reg,
.color8-1 .left_container_bonus_box,
.color8-1 .ann-wrap i,
.color8-1 .modalhead_btn.active,
.color8-1 .reg-list ul li a.active,
.color8-1 .amt-box ul li button:hover, 
.color8-1 .amt-box ul li button.active,
.color8-1 .btn-smt,
.color8-1 .btn-back,
.color8-1 .clm-btn button,
.color8-1 .btn_dep,
.color8-1 .filter-list li.mixitup-control-active,
.color8-1 .filter-list li:hover,
.color8-1 .promo_box_wrap_a a,
.color8-1 .rank_slider_slide_bottom .btn,
.color8-1 .ann-wrap svg,
.color8-1 .slot-menu .swiper-slide.active, 
.color8-1 .slot-menu .swiper-slide:hover,
.color8-1 .login-wrapper .btn-sub,
.color8-1 .btn_login_modal{
    background: rgb(105,108,255);
    color: #fff;
}
.color8-1 .input_inner_forgot a{
    border-bottom:1px #696cff solid ;
}
.color8-1 .btn_log {
    background-color: transparent;
    color: rgb(105, 108, 255);
    border: 2px solid #696cff;
}
.color8-1 .header_hamburger {
    color: rgb(105, 108, 255);
}
.color8-1 .side_menu_content li a {
    border-bottom: 1px solid #000;
}
.color8-1 .side_menu_content li a:hover, 
.color8-1 .side_menu_content li a.active,
.color8-1 .green-txt,
.color8-1 .input_inner i,
.color8-1 .info-title h5,
.color8-1 .rank_slider_slider_body h4,
.color8-1 .hotgame-hover-btn{
    color: rgb(105, 108, 255);
}
.color8-1 .side_menu_content li a:hover img, 
.color8-1 .side_menu_content li a.active img {
    background: #270d32b8;
    box-shadow: 0px 0px 12px 1px rgb(105, 108, 255);
}
.color8-1 .btn_dropup_lang button {
    background-color: #292929;
}
.color8-1 .btn-secondary:not(:disabled):not(.disabled).active, 
.color8-1 .btn-secondary:not(:disabled):not(.disabled):active, 
.color8-1 .show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b;
}
.color8-1 .btn_dropup_lang .dropdown-menu.show {
    background-color: #1b1b1b;
}
.color8-1 .chat_ser {
    background-color: #292929;
}
.color8-1  .sidemenu-bar {
    border-bottom: 1px solid #292929;
}
.color8-1 .btn_dropup_lang .dropdown-menu a:hover {
    background-color: #36383e;
    color: rgb(105, 108, 255);
}
.color8-1 .footer_nav ul li a {
    color: rgb(105, 108, 255);
}
.color8-1 .footer_info_txt {
    color: #75757e;
}
.color8-1 .footer_copyright {
    color: #454545;
}
.color8-1 .text-trs {
    color: rgb(105,108,255);
}
.color8-1 .arrow_slider .slide-arrow {
    color: rgb(105, 108, 255);
}
.color8-1 .view_btn {
    color: #636363;
}
.color8-1 .share_modal .modal-body {
    background-color: #1b1b1b;
}
.color8-1 .input_inner {
    background-color: rgb(37 36 36);
}
.color8-1 .reg-list ul li a {
    background: #6d767d;
}
.color8-1 .header_btn_dep {
    background-color: #000000;
}
.color8-1 .modal-header-wrap {
    background: rgb(105, 108, 255);
    color: #000;
}
.color8-1 .modal-header-wrap a {
    color: #000;
}
.color8-1 .amt-box span {
    background: #212121;
}
.color8-1 .amt-box ul li button {
    background: #272727;
}
.color8-1 .btn-file {
    color: rgb(105, 108, 255);
    background: #434343;
}
.color8-1 .footer_submenu_con {
    color: #737373;
}
.color8-1 .footer-menu {
    background: #1b1b1b;
    border-top: 1px solid #93acd33b;
}
.color8-1 .mobile_dropdown {
    background-color: #292929;
}
.color8-1 .page-ttl {
    background: #2c2b30;
}
.color8-1 .info-nav ul,
.color8-1 .info-nav ul li a,
.color8-1 .info-center {
    background: #292929;
}
.color8-1 .info-nav ul li a.active, 
.color8-1 .info-nav ul li a:hover {
    color: rgb(105, 108, 255);
}
.color8-1 .game-preview__btn-play {
    background-color: rgb(105, 108, 255);
    color: #ffffff;
}

.color8-1 .promo_box_wrap_inn{
    background-color: #292929;
}
.color8-1 .promo_box_wrap {
    background-color: #202a39;
}
.color8-1 .modal-content.promo {
    background: #191b1e;
}
.color8-1 .pm-title-wrapper {
    background: rgb(105, 108, 255);
}
.color8-1 .info-center .accordion-button {
    background: #696cff;
}
.color8-1 .info-content .accordion-body {
    background: #1b1b1b;
}
.color8-1 .rank_slider_slide {
    background: #212121;
    border:none;
}
.color8-1 .rank_slider_slider_body hr {
    background-color: rgb(105, 108, 255);
}
.color8-1 .rank_slider_rule_box_item{
    background: #e7eede;
    border: 1px solid rgb(105, 108, 255);
}
.color8-1 .rank_slider_rule_box_item h5 {
    color: #000;
    font-family:inherit;
}
.color8-1 .promo-ttl {
    background: linear-gradient(90deg, #292929 0%, #2c2e34 100%);
}
.color8-1 .level-status, 
.color8-1 .level-desc,
.color8-1 .review-card,
.color8-1 .data-wrapper,
.color8-1 .news-card{
    background-color:#1c1c1c;
}
.color8-1 .btn-readmore {
    background-color: #1cc980;
    color: #fff;
}
.color8-1 .annbox{
    border: 2px solid #007bff;
    background: url(../images/ann-bg.png), linear-gradient(180deg, rgba(19, 19, 79, 1) 0%, rgba(25, 54, 97, 1) 100%);
    background-size: cover;
    background-position: center;
}
.color8-1 .ann-title {
    background-color: #000;
    border-bottom: 2px solid #007bff;
}
.color8-1 .anncon .nav .nav-link {
    background-color: #141c54;
    border: 1px solid #007bff;
}
.color8-1 .anncon .nav .nav-link.active {
    background: linear-gradient(90deg, rgb(51 64 169) 0%, rgb(108 111 219) 100%);
}
.color8-1 .annbox .annimg {
    border: 1px solid #2283f6;
}
.color8-1 .annpagi .pitem.active, 
.color8-1 .annpagi .pitem:hover {
    background-color: #2283f6;
}
.color8-1 .logo-text{
    color:rgb(119, 122, 255);
}
.color8-1 .btn-favourite:hover{
    color: rgb(105,108,255);
    border: 2px solid rgb(105,108,255);
}
.color8-1 .btn-favourite.active{
    background-color:rgb(105,108,255) ;
    color: rgb(255, 255, 255);
    border: 2px solid rgb(105,108,255);
}

/*referral*/
.color8-1 .referral-top,
.color8-1 .referral-detail-single{
    background-color:#1c1c1c;
}
.color8-1 .btn-referral {
    background: transparent linear-gradient(180deg, #a3a5ff 0%, #767ff3 100%) 0% 0% no-repeat padding-box;
}
.color8-1 .btn-referral-detail.active{
    background-color: rgb(105 108 255);
}
.color8-1  .statistic-single-bottom {
    color: rgb(105 108 255);
}
/* af */
.color8-1 .form-box,
.color8-1 .vip-info .accordion-button,
.color8-1 .vip-info .accordion-item,
.color8-1 .login-wrapper{
    background-color: #1c1c1c;
}
.color8-1 .af-form .form-control, 
.color8-1 .af-form .form-control:focus, 
.color8-1 .af-form .form-control:disabled {
    border: none;
}
.color8-1 .vip-info .accordion-button,
.color8-1 .vip-info .accordion-button:focus {
    box-shadow: none;
}
.color8-1 .bal{
    color: #696cff;
}
.color8-1 .btnform{
    background-color: #696cff;
}
.color8-1 .tab-menu a {
    background:#1c1c1c;
}
.color8-1 .tab-menu a.active{
    background-color: #696cff;
}
.color8-1 .af-form .input-group,
.color8-1 .w-type .pincode-input-text, 
.color8-1 .form-control.pincode-input-text,
.color8-1 .d-amount a,
.color8-1 .d-promo .form-check-label,
.color8-1 .form-control option{
    background-color: rgb(37 36 36);
}
.color8-1 .b-type,
.color8-1 .t-type {
    background: #101010;
}
.color8-1 .viptabs .nav-tabs .nav-item.show .nav-link, 
.color8-1 .viptabs .nav-tabs .nav-link.active, 
.color8-1 .viptabs .nav-tabs .nav-link:focus, 
.color8-1 .viptabs .nav-tabs .nav-link:hover {
    background-color:#1c1c1c;
    color:#fff;
    border-color: #FFFFFF1A;
}
.color8-1 .vipbox {
    background: linear-gradient(90deg, rgb(105 108 255) 0%, rgb(116 102 241) 100%);
}
.color8-1 .actarea a,
.color8-1 .af-form .form-remark{
    color: #ff9e1f;
}
.color8-1 .accordion-item {
    border-color:#FFFFFF1A;
}
.color8-1 .vip-bar .progress-bar{
    background:#00e9e0;
    color: #000;
}
.color8-1 .w-menu.active img{
    border: 1px #696cff solid;
}
.color8-1 .statistic .s-data.active{
    background:#696cff;
}
.color8-1 .rstep.active{
    background:#696cff;
}
.color8-1 .rstep{
    background-color: #252424;
}
.color8-1 .d-promo .form-check-input:checked + .form-check-label{
    background: linear-gradient(90deg, rgb(105 108 255) 0%, rgb(37 36 36) 57%);
    background-repeat: no-repeat;
    color: #FFFFFF;
}
.color8-1 .af-form .form-check-input:checked{
    background-color: rgb(0, 138, 37);
    border-color:transparent;
}
.color8-1 .w-bar .progress {
    --bs-progress-bg: #ffffff33;
    --bs-progress-bar-bg:#00e9e0;
    margin: 0;
}
.color8-1 .w-bar .progress-bar{
    background:#00e9e0;
    color: #000;
}

.color8-1 #loginmodal input:-webkit-autofill,
.color8-1 #loginmodal input:-webkit-autofill:hover, 
.color8-1 #loginmodal input:-webkit-autofill:focus, 
.color8-1 #loginmodal input:-webkit-autofill:active{
    box-shadow: 0 0 0px 1000px #252424  inset !important;
    -webkit-box-shadow: 0 0 0px 1000px #252424 inset !important;
    border: none !important;
}
.color8-1 .af-form input:-webkit-autofill,
.color8-1 .af-form input:-webkit-autofill:hover, 
.color8-1 .af-form input:-webkit-autofill:focus, 
.color8-1 .af-form input:-webkit-autofill:active{
    box-shadow: 0 0 0px 1000px #252424  inset !important;
    -webkit-box-shadow: 0 0 0px 1000px #252424 inset !important;
    border: none !important;
}

/*special button*/
.color8-1 .promo-btn:hover,
.color8-1 .refer-btn:hover {
    box-shadow: 0px 0px 3px 1px rgb(105, 108, 255);
    border: 1px rgb(105,108,255) solid;
}