:root .color19-3 {
	--table-bg: #6721a4;
}

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

/* announcement */
.color19-3 .annbox {
    border: 2px solid #8948db;
    background: url(../images/ann-bg.png), linear-gradient(180deg, rgb(16 19 38) 0%, rgb(117 10 131) 100%);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
}
.color19-3 .ann-title {
    background-color: #551993;
    border-bottom: 2px solid #8948db;
}
.color19-3 .anncon .nav .nav-link {
    background-color: #00000080;
    border: 1px solid #8948db;
}
.color19-3 .anncon .nav .nav-link.active {
    background: #7337d7;
}
.color19-3 .annbox .annimg {
    border: 1px solid #8948db;
}

/* preloader */
.color19-3 .preloader {
    background-color: #26202080;
}
.color19-3 .loader div {
    background-color: #6721a4;
    box-shadow: 0 0 15px #6721a45e;
}

/* text logo */
.color19-3 .logo-text {
    color: #6802e6;
}
.color19-3 .logo-text span {
    color:#FFFFFF;
    -webkit-text-stroke: 1px #6802e6;
}

/* announcement */
.color19-3 .announcement-wrapper {
    background: #6721a4;
}
.color19-3 .announcement-content {
    color: #FFFFFF;
}

/* main banner */
.color19-3 .swiper-scrollbar-drag {
    background-color: #6802e6; 
}

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

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

/* live transaction */
.color19-3 .live-transaction {
    border-color: #551993;
    background: #FFFFFF;
}
.color19-3 .transaction-title {
    color: #551993;
}
.color19-3 .transaction-right {
    background: #7c00dd;
}
.color19-3 .transaction-type {
    border-right: 1px solid #551993;
}
.color19-3 .transaction-type-title {
    color: #FFFFFF;
    background: #551993;
}
.color19-3 .transaction-type:last-child .transaction-type-title {
    background: #7c00dd; 
}
.color19-3 .transaction-type-content::before {
    background: #551993;
}
.color19-3 .transaction-type .swiper .swiper-slide .user-id {
    color: #551993;
}
.color19-3 .transaction-type .swiper .swiper-slide .amount {
    color: #0c7d00;
}
.color19-3 .transaction-type:last-child .swiper .swiper-slide .amount {
    color: #de8904;
}

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

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

@media (min-width: 576px) {
    .color19-3 .share-content {    
        margin: -44px -12px 16px;
    }
}
@media (min-width: 768px) {
    .color19-3 .share-content {    
        margin: -60px -12px 20px;
    }
}
@media (min-width: 992px) {
    .color19-3 .share-content {    
        margin: -84px -12px 24px;
    }
}

/* home slot */
.color19-3 .slot-menu .swiper-slide.active {
    background: linear-gradient(to bottom,  #cb6bf8 0%,#5907e0 88%);
}
.color19-3 .fav-icon {
    background: linear-gradient(to bottom,  #cb6bf8 0%,#5907e0 88%);
}
.color19-3 .favourite.active {
    background: linear-gradient(to bottom,  #cb6bf8 0%,#5907e0 88%);
}
.color19-3 .game-type ul li a.active {
    background: #7337d7;
}
.color19-3 .game-single-top {
    background: #0000000e;
}
.color19-3 .btn-game {
    background: linear-gradient(to bottom,  #f8f8f8 0%,#dbdbdb 100%);
    color: #7337d7;
}

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

/* mobile nav */
.color19-3 .mobile-nav {
    background: #FFFFFF;
}
.color19-3 .mobile-nav ul li a.active {
    background: #f8f1ff;
}
.color19-3 .mobile-nav ul li a span {
    color: #8948db;
}

/* home right */
.color19-3 .game-tips {
    background: linear-gradient(to bottom,  #cb6bf8 0%,#5907e0 88%);
    box-shadow: inset -1px -1px 1px 0 #00000080;
}
.color19-3 .game-tips-button {
    background: #FFFFFF;
    color: #8948db;
}
.color19-3 .subscribe-content {
    background: #6b04e7;
    border: 1px solid #780395;
    border-bottom: 0;
    box-shadow: inset 1px 1px 2px 0 #00000080;
}

/* modal language */
.color19-3 .item-language {
    border: 1px solid #7337d7;
}
.color19-3 .item-language.active {
    background: #7337d7;
}

/* promotion */
.color19-3 .promotion-wrapper ul li {
    border: 1px solid #7337d7;
    color: #7337d7;
}
.color19-3 .promotion-wrapper ul li.mixitup-control-active {
    background: #7337d7;
    color: #FFFFFF;
}
.color19-3 .promotion-single-bottom {
    background-color: #0000001A;
}
.color19-3 .promotion-single-btn {
    background: #7c00dd;
}
.color19-3 .modal-promo .modal-header {
    background: #6721a4;
}
.color19-3 .table-new th {
    background-color: #6721a4;
}
.color19-3 .modal-promo .promotion-single-bottom {
    background-color: transparent;
}

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

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

/* livechat */
.color19-3 .brand-name {
    color: #7c00dd;
}

/* side menu */
.color19-3 .special-menu a.active .special-menu-btn,
.color19-3 .side-menu-bottom > ul > li > a.active {
    border: 2px solid #8948db;
}
.color19-3 .side-menu-bottom > ul > li > a.active > img {
    filter: invert(15%) sepia(100%) saturate(2000%) hue-rotate(240deg) brightness(75%) contrast(110%);
}
.color19-3 .special-menu a.active .special-menu-btn,
.color19-3 .side-menu-bottom > ul > li > a.active > span,
.color19-3 .side-link > ul > li > a.active {
    color: #8948db;
}