:root .color22-5 {
    --primary-color1: #de0f1c;
    --primary-color2: #ff9f00;
    --primary-color3: #c3000c;
    --btn-color1:#ffffff;
    --btn-color2:#ff9f00;
    --btn-text-color1:#fff;
    --btn-deposit:linear-gradient(194deg,#dc0d1a 0%,#9b0d1b 100%);
    --bg-site:#ececec;
    --bg-color1:#ffffff;
    --bg-color2: #ffffff;
    --bg-color3: #ffffff;
    --bg-color4: #ececec;
    --bg-color5:#ffffff;
    --bg-color6:#ececec;
    --text-color1:#000000;
    --text-color2:#ffffff;
    --text-color3:#000000;
    --text-color4:#363636;
    --bg-input-box:#ffffff;
    --input-box-focus:rgba(62, 70, 163, 0.2);
    --btn-box-shadow:#ffffff3e;
    --header-download-btn:linear-gradient(316deg, #6c070d 0%, #b10b15 83%);
    --header-promotion-btn:linear-gradient(316deg, #6c070d 0%, #b10b15 83%);
    --line-color:rgba(0, 0, 0, 0.1);
    --line-color1:rgba(255,255,255,1);
    --btn-game-category:linear-gradient(194deg,#dc0d1a 0%,#9b0d1b 100%);
    --btn-game-category-hover:rgb(188, 188, 188);
    --bg-tooltip:linear-gradient(256deg, #ec6a6a 21%, #de2424 100%);
    --arrow-tooltip:#de2424;
    --special-menu1:linear-gradient(90deg,#9a8326 0%, #c4a62f 100%);
    --special-menu1-border:linear-gradient(46deg,rgba(255, 255, 255, 0) 71%, #f9d542 100%);
    --special-menu2:linear-gradient(90deg,rgb(85, 38, 118) 0%, rgb(109, 48, 153) 100%);
    --special-menu2-border:linear-gradient(46deg,rgba(255, 255, 255, 0) 71%, rgba(83, 41, 104, 1) 100%);
    --special-menu3:linear-gradient(90deg, rgb(136, 31, 40) 0%, rgb(169, 38, 49) 100%);
    --special-menu3-border:linear-gradient(46deg,rgba(255, 255, 255, 0) 71%, rgb(143, 57, 64) 100%);
    --bg-notice:#ffffff;
    --outline-notice:#00000025;
    --shadow-color:#00000012;
    --bg-arrow-slider:#dbdbdb;
    --bg-transaction-header1:linear-gradient(256deg, #dc0d1a 21%, #990912 100%);
    --bg-transaction-header2:linear-gradient(256deg, #dc0d1a 21%, #990912 100%);
    --text-gradient:linear-gradient(to right, #c60d1a, #f37c00);
    --bg-provider:linear-gradient(256deg, #9e0d1b 21%, #cd1f0d 100%);
    --bg-border:linear-gradient(0deg, #53040c00 21%, #ff374b 100%);
    --bg-footer:linear-gradient(10deg, #dbdbdb 6%, #ffffff 85%);
    --bg-footer-nav:linear-gradient(180deg, #de0f1c 0, #950912 25%);
    --footer-nav-hover:url(../images/color22-5/footer-nav-hover.png);
    --bg-after-login:#131524;
    --bg-slider-sport1: linear-gradient(135deg, #1322b1 0%, #ac15f7 100%);
    --bg-slider-sport2: linear-gradient(135deg, #1e165b 0%, #f43b47 100%);
    --form-cta-bg:#dd2146;
    --form-input-bg:#ececec;
    --bg-provider-card:#313241;
    --bg-provider-card-active:linear-gradient(256deg, #9e0d1b 21%, #cd1f0d 100%);
    --bg-filter-bar:#ececec;
    --bg-promo-checkbox:linear-gradient(90deg, #ffc92f 0%, #ececec 100%);
    --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='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    --bg-transparent1:rgba(0, 0, 0, 0.5);
    --bg-transparent2:rgba(255, 255, 255, 0.5);
    --bg-provider-logo:linear-gradient(175deg, rgb(137, 218, 230) 0%, rgb(50, 1, 187) 100%);
    --primary-btn-outline:rgba(255,255,255,0.5);
    --bg-promo-category:linear-gradient(0deg, #dddddd 0%, #ffffff 100%);
    --primary-color-img-filter:brightness(0) saturate(100%) invert(45%) sepia(62%) saturate(520%) hue-rotate(185deg) brightness(99%) contrast(100%);
    --form-text-light:#000;
    --form-trans-bg: rgba(0, 0, 0, 0.1);
    --form-input-bg2: #eaeaea;

    /*new referral page*/
    --refer-color-theme: #de0f1c;
    --refer-black: #000000;
    --refer-black2: #000000;
    --refer-black3: #00000066;
    --refer-white: #ffffff;
    --refer-bgcolor-box: #ffffff;
    --refer-bgcolor-box2: #ffffff;
    --refer-bg-color: #ffffff;
    --refer-bg-img: url(../images/referral/white-bg.png);
	--refer-shadow-box: 0 0 10px 0 #FFFFFF26;
    --refer-bg-modal: #ffffff;
    --refer-color-text-tnc: #000000bf;

   /* leaderboard */
    --shadow-box2: #0000001a;
    --border-line: #757575;
    --bg-rank: #ffffffef;
    --bg-leaderboard: url(../images/leaderboard/white-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");

    /* live tv modal */
    --bg-live-tv-modal:rgb(255, 255, 255);
    --bg-tv-select-btn:#e6e6e6;
    --live-tv-text:rgb(0, 0, 0);
    --live-tv-close:red;

    /*rocket chat*/
    --rchat-theme-color:#de0f1c;
    --rchat-theme-color2:#ebebeb;
    --rchat-bg:#ffffff;
    --rchat-text: #000000;
    --rchat-text-w: #fff;
    --rchat-text2:rgba(0, 0, 0, 0.8);
    --rchat-border:rgba(0, 0, 0, 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(0, 0, 0, 0.2);
    --rchat-shadow2:rgba(255, 255, 255, 0.3);
    --rchat-date-bg:#ebebeb;
    --dot-bg:rgba(0, 0, 0, 0.3);      

}

.color22-5 .tournament-ranking table tbody tr:first-child td, 
.color22-5 .tournament-ranking table tbody tr:nth-child(2) td, 
.color22-5 .tournament-ranking table tbody tr:nth-child(3) td {
    color: #000000;
}

.color22-5 .btn-wrapper .login-btn, 
.color22-5 .btn-wrapper .login-btn:active, 
.color22-5 .btn-wrapper .login-btn:focus{
    border:1px solid #ffffff93;
}
.color22-5 .side-nav .side-nav-wrapper li.active a,
.color22-5 .side-nav .side-nav-wrapper li:hover.active a,
.color22-5 .sport-content-wrapper .left .iframe-box-header,
.color22-5 .ann-title,
.color22-5 .annbox .cclose,
.color22-5 .anncon .nav .nav-link.active,
.color22-5 .special-nav-wrapper .download,
.color22-5 .special-nav-wrapper .promotion,
.color22-5 .footer-nav ul li a,
.color22-5 .header-wrapper .vip-icon,
.color22-5 .transaction-header,
.color22-5 .app-content-bottom .btn-primary,
.color22-5 .af-user-info .deposit-wrapper a,
.color22-5 .content-center-box .side-nav-sub ul li.active a,
.color22-5 .af-side-nav ul li.active a,
.color22-5 .af-side-nav ul li:hover.active a,
.color22-5 .btnform,
.color22-5 .tab-menu a.active,
.color22-5 .tab-menu a:hover,
.color22-5 .af-box .s-data.active .s-amount, 
.color22-5 .af-box .s-data:hover .s-amount,
.color22-5 .af-box .s-data.active .s-label, 
.color22-5 .af-box .s-data:hover .s-label,
.color22-5 .promo-wrapper .filter-list .filter.mixitup-control-active,
.color22-5 .promo-modal .modal-header h1,
.color22-5 .btn-referral,
.color22-5 .btn-referral-detail,
.color22-5 .rstep.active,
.color22-5 .game-category-wrapper ul li.active a,
.color22-5 .game-category-wrapper ul li:hover.active a,
.color22-5 .header-wrapper .logo-text,
.color22-5 .side-special-nav-wrapper ul li a,
.color22-5 .wallet2 .box-wrapper .box-text .copy-btn,
.color22-5 #sport-live-stream .modal-header,
.color22-5 .b-table .btn-claim{
    color: var(--text-color2);/*w*/
    font-weight: 600;
}
.color22-5 .anncon .nav .nav-link,
.color22-5 .content-center-box .side-nav-sub ul li:hover a,
.color22-5 .side-nav .side-nav-wrapper li:hover a,
.color22-5 .af-side-nav ul li:hover a,
.color22-5 .game-category-wrapper ul li,
.color22-5 .game-category-wrapper ul li:hover a,
.color22-5 .filter-bar-wrapper .filter-bar .filter-list a,
.color22-5 .btn-wrapper .login-btn a,
.color22-5 .af-user-info .deposit-wrapper .icon-wrapper ul li a{
    color: var(--text-color1);/*b*/
}
.color22-5 .download-wrapper .left .btn-download{
    background-color: var(--primary-color1);
}
.color22-5 button.lang-btn{
    border-color: var(--bg-transparent2);
    color: var(--text-color2);
}
.color22-5 .btn-wrapper .register-btn, 
.color22-5 .btn-wrapper .register-btn:active, 
.color22-5 .btn-wrapper .register-btn:focus{
    background-color: var(--primary-color2);
}
.color22-5 .game-category-wrapper ul li.active{
    background-color: var(--primary-color2);
}
.color22-5 .footer-content:before{
    opacity: 0.2;
}
.color22-5 .footer-nav ul li a img{
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2%) hue-rotate(53deg) brightness(103%) contrast(101%);
}
.color22-5 .transaction-body .empty img,
.color22-5 #sport-live-stream .match-dropdown-group .select-btn .icon, 
.color22-5 #sport-live-stream .match-dropdown-group li .icon{
    filter: brightness(0) saturate(100%) invert(0%) sepia(1%) saturate(5%) hue-rotate(9deg) brightness(103%) contrast(102%);
}
.color22-5 .dropdown-menu,
.color22-5 .af-user-info{
    background-color: #fff;
}
.color22-5 .transaction-list .list-row{
    box-shadow: 0 0 5px var(--primary-color1);
}
.color22-5 .user-id-wrapper .dropdown-menu li a{
    color: var(--primary-color1);
}
.color22-5 .af-user-info .deposit-wrapper .icon{
    background-color: #0000008f;
}
.color22-5 .header-wrapper {
    background-color: var(--primary-color1);
}
.color22-5 .t-type,
.color22-5 .b-type{
    background: #0000001a;
}
.color22-5 .promo-wrapper .filter-content .grid-item,
.color22-5 .promo-modal-content-top .promo-banner-title{
    background-color: #e6e6e6;
}
.color22-5 .referral-share-link{
    border: 1px solid rgba(0,0,0,0.1);
}
.color22-5 .referral-detail-top{
    background-color: var(--primary-color1);
    color: var(--text-color2);
}
.color22-5 .rstep::after{
    background-color: #0000001a;
}
.color22-5 .vip-bar .progress{
    background-color: #b1b1b1;
}
.color22-5 .wallet2 .w2-logo{
   filter: brightness(0) saturate(100%) invert(0%) sepia(1%) saturate(5%) hue-rotate(9deg) brightness(103%) contrast(102%);
   opacity: 0.8;
}
@media (min-width: 960px) {
    .color22-5 header{
        background-color:var(--primary-color1);
    }
    .color22-5  .header-wrapper{
        background: none;
    }
    .color22-5 .filter-bar-wrapper .filter-bar .filter-list.active a, 
    .color22-5 .filter-bar-wrapper .filter-bar .filter-list:hover a,
    .color22-5 .filter-bar-wrapper .filter-bar .filter-list:hover.active a,
    .color22-5 .btn-wrapper .login-btn a{
         color: var(--text-color2);/*w*/
    }
}