:root .color19-2 {
	--table-bg: #be8242;
}

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

/* popup announcement */
.color19-2 .annbox {
    border: 2px solid #f2cb05;
    background: url(../images/ann-bg.png), linear-gradient(180deg, #6f3d01 0%, #321c01 100%);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
}
.color19-2 .ann-title {
    background-color: #321c01;
    border-bottom: 2px solid #f2cb05;
}
.color19-2 .anncon .nav .nav-link {
    background-color: #FFFFFF;
    color: #000000;
}
.color19-2 .anncon .nav .nav-link.active {
    background: #be8242;
    color: #FFFFFF;
}
.color19-2 .annbox .annimg {
    border: 1px solid #f2cb05;
}

/* app download */
.color19-2 .download-bar {
    box-shadow: inset 0 -1px 3px 0 #ffffff40;
}

/* preloader */
.color19-2 .preloader {
    background-color: #26202080;
}
.color19-2 .loader div {
    background-color: #e2a346;
    box-shadow: 0 0 15px #e2a3465e;
}

/* reward */
.color19-2 .reward-close {
    color: #FFFFFFBF;
}

/* header */
.color19-2 .header {
    background: url(../images/color19-2/bg-header.jpg) top center no-repeat;
    background-size: cover;
}
.color19-2 .header-bar .language {
    background: #FFFFFF80;
}

/* text logo */
.color19-2 .logo-text {
    color: #ffd14b;
}
.color19-2 .logo-text span {
    color:#FFFFFF;
}

/* announcement */
.color19-2 .announcement-wrapper {
    background: #e2a346;
}

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

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

/* live transaction */
.color19-2 .live-transaction {
    border-color: #efdb6a;
    background: #000000;
}
.color19-2 .transaction-title {
    color: #e7c044;
}
.color19-2 .transaction-right {
    background: #a31722;
}
.color19-2 .transaction-type {
    border-right: 1px solid #efdb6a;
}
.color19-2 .transaction-type-title {
    color: #FFFFFF;
    border-top: 1px solid #efdb6a;
    border-bottom: 1px solid #efdb6a;
    background: #249808;
}
.color19-2 .transaction-type:last-child .transaction-type-title {
    background: #a31722; 
}
.color19-2 .transaction-type-content::before {
    background: #efdb6a;
}
.color19-2 .transaction-type .swiper .swiper-slide .user-id {
    color: #FFFFFF;
}
.color19-2 .transaction-type .swiper .swiper-slide .amount {
    color: #ffd75d;
}

/* home user */
.color19-2 .user-wrapper {
    background: url(../images/color19-2/bg-user.jpg) top center no-repeat;
    background-size: cover;
}
.color19-2 .btn-user {
    color: #643e1f;
}
.color19-2 .btn-login {
    background: url(../images/color19-2/bg-login.png) no-repeat;
    background-size: 100% 100%;
}
.color19-2 .btn-register {
    background: url(../images/color19-2/bg-register.png) no-repeat;
    background-size: 100% 100%;
    color: #0e0e0e;
    text-shadow: 1px 1px 3px #FFFFFF80;
}
.color19-2 .user-credit {
    color: #FFFFFF;
}
.color19-2 .user-credit h1 {
    color: #fdb814;
}
.color19-2 .button-groups .btn-user {
    background: url(../images/color19-2/bg-btn.png) no-repeat;
    background-size: 100% 100%;
}

/* share */
.color19-2 .share-content {    
    background: linear-gradient(to bottom,  #ab8100 0%,#6f3d01 38%,#321c01 100%);
    border-top: 2px solid #ffff2d;
    margin: -38px -12px 16px;
}
.color19-2 .share-top {
    color: #FFFFFF;
}
.color19-2 .share-bottom button {
    color: #643e1f;
}
.color19-2 .share-bottom button {
    background: url(../images/color19-2/btn-share2.png) no-repeat;
    background-size: 100% 100%;
    /* height: 100px; */
}
.color19-2 .share-bottom button.btn-share {
    background: url(../images/color19-2/btn-share.png) no-repeat;
    background-size: 100% 100%;
}

@media (min-width: 576px) {
    .color19-2 .share-content {    
        margin: -54px -12px 16px;
    }
}
@media (min-width: 768px) {
    .color19-2 .share-content {    
        margin: -72px -12px 20px;
    }
}
@media (min-width: 992px) {
    .color19-2 .share-content {    
        margin: -104px -12px 24px;
    }
}

/* home slot */
.color19-2 .slot-menu .swiper-slide.active {
    background: linear-gradient(to right,  #c88a45 0%,#7d512e 100%);
}
.color19-2 .fav-icon {
    background: linear-gradient(to bottom,  #c88a45 0%,#7d512e 100%);
}
.color19-2 .favourite.active {
    background: linear-gradient(to bottom,  #c88a45 0%,#7d512e 100%);
}
.color19-2 .game-type ul li a.active {
    background: #be8242;
}
.color19-2 .game-single-top {
    background: #FFFFFF0E;
}
.color19-2 .btn-game {
    background: linear-gradient(to bottom,  #e5c54f 0%,#c48723 100%);
    color: #562d01;
}

/* footer */
.color19-2 footer {
    color: #815427;
}

/* mobile nav */
.color19-2 .mobile-nav {
    background: linear-gradient(to bottom,  #27211b 0%,#150e0a 100%);
    border-top: 1px solid #ffe84380;
}
.color19-2 .mobile-nav ul li a.active {
    background: linear-gradient(to bottom,  #181818 45%,#000000 100%);
    border: 1px solid #ffe84380;
}
.color19-2 .mobile-nav ul li a span {
    color: #e7c044;
}

/* home right */
.color19-2 .game-tips {
    background: linear-gradient(to bottom,  #6f3d01 0%,#321c01 100%);
    border: 1px solid #da8e19;
}
.color19-2 .game-tips-button {
    background: #fdb813;
    color: #7d512e;
}
.color19-2 .subscribe-content {
    background: linear-gradient(to right,  #321c01 0%,#6f3d01 100%);
    border: 1px solid #da8e19;
    border-bottom: 0;
}

/* modal language */
.color19-2 .item-language {
    border: 1px solid #885931;
}
.color19-2 .item-language.active {
    background: linear-gradient(to bottom,  #c88a45 0%,#7d512e 100%);
}

/* promotion */
.color19-2 .promotion-wrapper ul li {
    border: 1px solid #885931;
    color: #7d512e;
}
.color19-2 .promotion-wrapper ul li.mixitup-control-active {
    background: linear-gradient(to bottom,  #c88a45 0%,#7d512e 100%);
    color: #FFFFFF;
}
.color19-2 .promotion-single-bottom {
    background-color: #FFFFFF1A;
}
.color19-2 .promotion-single-btn {
    background: linear-gradient(to bottom,  #6f3d01 0%,#321c01 100%);
    border-top: 1px solid #da8e19;
}
.color19-2 .modal-promo .modal-header {
    background: linear-gradient(to bottom,  #c88a45 0%,#7d512e 100%);
}
.color19-2 .table-new th {
    background-color: #be8242;
}
.color19-2 .modal-promo .promotion-single-bottom {
    background-color: transparent;
}

/* after login */
.color19-2 .return-bar,
.color19-2 .return-bar a,
.color19-2 .af-box h4,
.color19-2 .top-bal .t-live {
    color: #FFFFFF;
}
.color19-2 .rstep::after {
    background-color: #FFFFFF33;
}
.color19-2 .af-form .form-remark,
.color19-2 .s-label b,
.color19-2 .bal,
.color19-2 .form-box.actarea a,
.color19-2 .d-amount a,
.color19-2 .af-form .s-label,
.color19-2 .tab-menu a {
    color: #885931;
}
.color19-2 .top-bal .bal,
.color19-2 .top-bal .bal a {
    color: #ffd14b;
}
.color19-2 .btnform,
.color19-2 .rstep.active,
.color19-2 .vipbox,
.color19-2 .tab-menu a.active {
    background: #e2a346;
}
.color19-2 .af-form .form-check-input:checked {
    background-color: #be8242;
    border-color: transparent;
}
.color19-2 .form-box.actarea {
    border: 1px solid #885931;
}
.color19-2 .w-menu.active img {
    border: 2px #be8242 solid;
}
.color19-2 .statistic .s-data.active {
    background: #be8242;
}
.color19-2 .d-amount a,
.color19-2 .tab-menu a {
    border: 1px solid #885931;
}
.color19-2 .d-amount a.selected {
    background: #be8242;
    border: 1px solid #be8242;
}
.color19-2 .tab-menu a.active,
.color19-2 .d-amount a.selected {
    color: #FFFFFF;
}

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

/* livechat */
.color19-2 .time {
    color: #FFFFFF;
}
.color19-2 .brand-name {
    color: #361e01;
}

/* side menu */
.color19-2 .menu {
    background: #FFFFFF80;
}
.color19-2 .side-menu {
    background: linear-gradient(to bottom,  #27211b 0%,#150e0a 100%);;
}
.color19-2 .side-menu .line::before {
    background: #FFFFFF40;
}
.color19-2 .special-menu a,
.color19-2 .side-menu-bottom > ul > li > a > span,
.color19-2 .side-link > ul > li > a {
    color: #FFFFFF;
}
.color19-2 .special-menu-btn,
.color19-2 .side-menu-bottom > ul > li > a {
    background: #FFFFFF33;
}
.color19-2 .special-menu a.active .special-menu-btn,
.color19-2 .side-menu-bottom > ul > li > a.active {
    border: 2px solid #f2cb05;
}
.color19-2 .side-menu-bottom > ul > li > a > img {
    filter: invert(100%) grayscale(1) brightness(2);
}
.color19-2 .side-menu-bottom > ul > li > a.active > img {
    filter: hue-rotate(443deg) brightness(3) saturate(2);
}
.color19-2 .special-menu a.active .special-menu-btn,
.color19-2 .side-menu-bottom > ul > li > a.active > span,
.color19-2 .side-link > ul > li > a.active {
    color: #f2cb05;
}