:root .color19-4 {
	--table-bg: #a31722;
}

.color19-4 .page {
    background: url(../images/color19-4/bg.jpg) top center repeat-y;
    background-size: 100%;
}

/* announcement */
.color19-4 .annbox {
    border: 2px solid #c01333;
    background: url(../images/ann-bg.png), linear-gradient(170deg, rgb(0 0 0) 0%, rgb(137 0 0) 100%);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
}
.color19-4 .ann-title {
    background-color: #670007;
    border-bottom: 2px solid #c01333;
}
.color19-4 .anncon .nav .nav-link {
    background-color: #00000080;
    border: 1px solid #c01333;
}
.color19-4 .anncon .nav .nav-link.active {
    background: #de8904;
}
.color19-4 .annbox .annimg {
    border: 1px solid #c01333;
}

/* preloader */
.color19-4 .preloader {
    background-color: #26202080;
}
.color19-4 .loader div {
    background-color: #a31722;
    box-shadow: 0 0 15px #a317225e;
}

/* header */
.color19-4 .header {
    background: url(../images/color19-4/bg-header.jpg) top center no-repeat;
    background-size: cover;
}

/* text logo */
.color19-4 .logo-text {
    color: #a31722;
}
.color19-4 .logo-text span {
    color:#FFFFFF;
    -webkit-text-stroke: 1px #a31722;
}

/* announcement */
.color19-4 .announcement-wrapper {
    background: #a31722;
}

/* main banner */
.color19-4 .swiper-scrollbar-drag {
    background-color: #a31722; 
}

/* payment method */
.color19-4 .payment-method {
    border: 0;
    background: url(../images/color19-4/bg-payment.jpg) top center no-repeat;
    background-size: cover;
}
.color19-4 .payment-title {
    color: #FFFFFF;
}

/* live transaction */
.color19-4 .live-transaction {
    border-color: #c72128;
    background: #FFFFFF;
}
.color19-4 .transaction-title {
    color: #a31722;
}
.color19-4 .transaction-right {
    background: #a31722;
}
.color19-4 .transaction-type {
    border-right: 1px solid #c72128;
}
.color19-4 .transaction-type-title {
    color: #FFFFFF;
    background: #8f111b;
}
.color19-4 .transaction-type:last-child .transaction-type-title {
    background: #a31722; 
}
.color19-4 .transaction-type-content::before {
    background: #c72128;
}
.color19-4 .transaction-type .swiper .swiper-slide .user-id {
    color: #a31722;
}
.color19-4 .transaction-type .swiper .swiper-slide .amount {
    color: #0c7d00;
}
.color19-4 .transaction-type:last-child .swiper .swiper-slide .amount {
    color: #de8904;
}

/* home user */
.color19-4 .user-wrapper {
    background: url(../images/color19-4/bg-user.jpg) top center no-repeat;
    background-size: cover;
}
.color19-4 .btn-user {
    color: #b71e2e;
}
.color19-4 .btn-login {
    background: url(../images/color19-4/bg-login.png) no-repeat;
    background-size: 100% 100%;
}
.color19-4 .btn-register {
    background: url(../images/color19-4/bg-register.png) no-repeat;
    background-size: 100% 100%;
    color: #FFFFFF;
}
.color19-4 .user-credit {
    color: #a31722;
}
.color19-4 .button-groups .btn-user {
    background: url(../images/color19-4/bg-btn.png) no-repeat;
    background-size: 100% 100%;
}

/* share */
.color19-4 .share-content {    
    background: linear-gradient(to bottom,  #c70006 0%,#6d0502 100%);
    margin: -28px -12px 16px;
}
.color19-4 .share-top {
    color: #FFFFFF;
}
.color19-4 .share-bottom button {
    color: #ba1f26;
}
.color19-4 .share-bottom button {
    background: url(../images/color19-4/btn-share2.png) no-repeat;
    background-size: 100% 100%;
}
.color19-4 .share-bottom button.btn-share {
    background: url(../images/color19-4/btn-share.png) no-repeat;
    background-size: 100% 100%;
}

@media (min-width: 576px) {
    .color19-4 .share-content {    
        margin: -40px -12px 16px;
    }
}
@media (min-width: 768px) {
    .color19-4 .share-content {    
        margin: -56px -12px 20px;
    }
}
@media (min-width: 992px) {
    .color19-4 .share-content {    
        margin: -76px -12px 24px;
    }
}

/* home slot */
.color19-4 .slot-menu .swiper-slide.active {
    background: linear-gradient(to right,  #cc273d 0%,#9e151d 100%);
}
.color19-4 .fav-icon {
    background: linear-gradient(to bottom,  #cc273d 0%,#9e151d 100%);
}
.color19-4 .favourite.active {
    background: linear-gradient(to bottom,  #cc273d 0%,#9e151d 100%);
}
.color19-4 .game-type ul li a.active {
    background: #ac300b;
}
.color19-4 .game-single-top {
    background: #0000000e;
}
.color19-4 .btn-game {
    background: linear-gradient(to bottom,  #f8f8f8 0%,#dbdbdb 100%);
    color: #aa2903;
}

/* footer */
.color19-4 footer {
    color: #000000;
}

/* mobile nav */
.color19-4 .mobile-nav {
    background: #FFFFFF;
}
.color19-4 .mobile-nav ul li a.active {
    background: #fff1ee;
}
.color19-4 .mobile-nav ul li a span {
    color: #a31722;
}

/* home right */
.color19-4 .game-tips {
    background: linear-gradient(to bottom,  #c70106 0%,#6d0502 100%);
    box-shadow: inset -1px -1px 1px 0 #b88c59;
}
.color19-4 .game-tips-button {
    background: #FFFFFF;
    color: #8f111b;
}
.color19-4 .subscribe-content {
    background: #6e0008;
    box-shadow: inset 1px 1px 2px 0 #00000080;
}

/* modal language */
.color19-4 .item-language {
    border: 1px solid #a31722;
}
.color19-4 .item-language.active {
    background: #a31722;
}

/* promotion */
.color19-4 .promotion-wrapper ul li {
    border: 1px solid #a31722;
    color: #a31722;
}
.color19-4 .promotion-wrapper ul li.mixitup-control-active {
    background: #a31722;
    color: #FFFFFF;
}
.color19-4 .promotion-single-bottom {
    background-color: #0000000D;
}
.color19-4 .promotion-single-btn {
    background: #b71e2e;
}
.color19-4 .modal-promo .modal-header {
    background: #a31722;
}
.color19-4 .table-new th {
    background-color: #a31722;
}
.color19-4 .modal-promo .promotion-single-bottom {
    background-color: transparent;
}

/* after login */
.color19-4 .af-form .form-remark,
.color19-4 .s-label b,
.color19-4 .bal,
.color19-4 .form-box.actarea a,
.color19-4 .d-amount a,
.color19-4 .af-form .s-label,
.color19-4 .tab-menu a {
    color: #ad300b;
}
.color19-4 .btnform,
.color19-4 .rstep.active,
.color19-4 .vipbox,
.color19-4 .tab-menu a.active {
    background: #a31722;
}
.color19-4 .af-form .form-check-input:checked {
    background-color: #a31722;
    border-color: transparent;
}
.color19-4 .form-box.actarea {
    border: 1px solid #a31722;
}
.color19-4 .w-menu.active img {
    border: 2px #a31722 solid;
}
.color19-4 .statistic .s-data.active {
    background: #a31722;
}
.color19-4 .d-amount a,
.color19-4 .tab-menu a {
    border: 1px solid #a31722;
}
.color19-4 .d-amount a.selected {
    background: #a31722;
    border: 1px solid #a31722;
}
.color19-4 .tab-menu a.active,
.color19-4 .d-amount a.selected {
    color: #FFFFFF;
}

/* info pages */
.color19-4 .menu-member ul li a {
    color: #a31722;
}
.color19-4 .menu-member ul li a {
    border: 1px solid #a31722;
}
.color19-4 .menu-member ul li a.active {
    background: #a31722;
    color: #FFFFFF;
}
.color19-4 .member-setting-title {
    background: #a31722;
}
.color19-4 .footer-page-content .table-new th {
    background-color: #0000001A;
    color: #000000;
}

/* livechat */
.color19-4 .brand-name {
    color: #a31722;
}

/* side menu */
.color19-4 .special-menu a.active .special-menu-btn,
.color19-4 .side-menu-bottom > ul > li > a.active {
    border: 2px solid #c01333;
}
.color19-4 .side-menu-bottom > ul > li > a.active > img {
    filter: invert(14%) sepia(80%) saturate(5000%) hue-rotate(340deg) brightness(70%) contrast(120%);
}
.color19-4 .special-menu a.active .special-menu-btn,
.color19-4 .side-menu-bottom > ul > li > a.active > span,
.color19-4 .side-link > ul > li > a.active {
    color: #c01333;
}