:root .color5-3 {
	--color-theme: #D64348;
    --black: #000000;
    --black2: #000000;
    --black3: #00000066;
    --white: #FFFFFF;
    --bgcolor-box: #FFFFFF;
    --bgcolor-box2: #FFFFFF;
    --bg-color: #FFFFFF;
    --bg-img: url(../images/referral/white-bg.png);
	--shadow-box: 0 0 10px 0 #00000026;
    --bg-modal: #FFFFFF;
    --color-text-tnc: #000000BF;
	--table-bg: #F86F67;

    /* leaderboard */
    --shadow-box2: #0000001A;
    --border-line: #8a8a8a;
    --bg-rank: #4e4e4e99;
    --bg-leaderboard: url(../images/leaderboard/white-frame.png);

    /* payment */
    --bg-boxwrapper: #0000001A;
    --filter-payment: brightness(0) saturate(100%) invert(0%) sepia(1%) saturate(5%) hue-rotate(9deg) brightness(103%) contrast(102%);
    --opacity-payment: .8;
}

.color5-3 ::-webkit-input-placeholder {
    color: #D64348 !important;
}
.color5-3 ::-moz-placeholder {
    color: #D64348 !important;
}
.color5-3 :-ms-input-placeholder {
    color: #D64348 !important;
}
.color5-3 :-moz-placeholder {
    color: #D64348 !important;
}

/* header */
.color5-3 .header-top {
    background-color: #D64348;
}
.color5-3 .btn-login {
    color: #85332E;
}
.color5-3 .language-wrapper {
    background-color: #9181B8;
}

/* announcement */
.color5-3 .announcement-wrapper {
    background-color: #F86F67;
}
.color5-3 .announcement-left {
    background-color: #D64348;
}

/* transaction */
.color5-3 .single-transaction {
    background: url(../images/color5-3/transaction-bg.jpg) no-repeat;
    background-size: cover;
}

/* menu */
.color5-3 .menu {
    background-color: #ffa8a6;
}
.color5-3 .menu-icon {
    background-color: #9E2B2F;
}
.color5-3 .menu-icon-active {
    display: none;
    background: transparent linear-gradient(180deg, #FFF3F4 0%, #FFB0B5 100%) 0% 0% no-repeat padding-box;
}
.color5-3 .menu-bottom {
    background-color: #ffa8a6;
}
.color5-3 .favourite {
    background-color: #9E2B2F;
}
.color5-3 .search-game .input-group-text::before {
    background-color: #F86F67;
}

/* slot-menu */
.color5-3 .slot-menu-title {
    color: #85332E;
}
.color5-3 .slot-menu .swiper-slide {
    background-color: #D8B4B5;
}
.color5-3 .slot-menu .swiper-slide.active {
    background: transparent linear-gradient(180deg, #F76E68 0%, #DF55A1 100%) 0% 0% no-repeat padding-box;
}
.color5-3 .slot-menu .swiper-button-next, 
.color5-3 .slot-menu .swiper-button-prev {
    background-color: #D8B4B5;
}

/* slot game  */
.color5-3 .game-overlay {
    background: transparent linear-gradient(180deg, #F76E68 0%, #DF55A1 100%) 0% 0% no-repeat padding-box;
}

/* footer */
.color5-3 .footer-title {
    color: #FF1F60;
}
.color5-3 .btn-seo {
    background: transparent linear-gradient(95deg, #F76E68 0%, #DD5EAB 100%) 0% 0% no-repeat padding-box;
}

/* side menu */
.color5-3 .side-nav {
    background-color: #DED5D5;
}
.color5-3 .side-nav > ul > li > a {
    background-color: #D49B98;
}
.color5-3 .side-nav > ul > li > a.active,
.color5-3 .side-nav > ul > li > a:hover {
    color: #85332E;
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #FFDDDE 100%) 0% 0% no-repeat padding-box;
}
.color5-3 .contact-wrapper {
    background-color: #D49B98;
}

/* footer-mobile */
.color5-3 .footer-mobile {
    background: url(../images/color5-3/bg-footer-mobile.png) bottom center no-repeat;
    background-size: contain;
}
.color5-3 .footer-mobile > ul > li > a .menu-icon {
    background-color: #FFDCDD;
}
.color5-3 .footer-mobile > ul > li.footer-highlight > a .menu-icon {
    background-color: transparent;
}


/* login */
.color5-3 .login-form-title {
    color: #F86F67;
}
.color5-3 .login-form .btn-login-form {
    background-color: #F86F67;
}

/* register */
.color5-3 .circle.active {
    border: 5px solid #F86F67;
    color: #F86F67;
}
.color5-3 .step-text.active {
    color: #F86F67;
}
.color5-3 .tac-text, 
.color5-3 .digit-text {
    color: #F86F67;
}

/* logged in */
.color5-3 .btn-member-wrapper .btn-deposit {
    background-color: #C43C41;
}
.color5-3 .btn-profile {
    background-color: #C43C41;
}
.color5-3 .btn-member-wrapper .dropdown-menu {
    background-color: #DED5D5;
}
.color5-3 .dropdown-member-top {
    background-color: #D64348;
}
.color5-3 .member-menu-text {
    color: #7A4F4D;
}

/* promotion */
.color5-3 .promotion-wrapper ul li {
    border: 1px solid #D49B98;
    color: #D49B98;
}
.color5-3 .promotion-wrapper ul li.mixitup-control-active {
    border: 1px solid transparent;
    background: transparent linear-gradient(97deg, #F86F67 0%, #DD5EAB 100%) 0% 0% no-repeat padding-box;
    color: #ffffff;
}
.color5-3 .promotion-single-btn {
    background: transparent linear-gradient(92deg, #F86F67 0%, #DD5EAB 100%) 0% 0% no-repeat padding-box;
}

/* modal */
.color5-3 .modal-header {
    background-color: #F86F67;
}
.color5-3 .table-new th {
    background-color: #F86F67;
}

/* member */
.color5-3 .menu-member ul li a {
    background-color: #DED5D5;
}
.color5-3 .menu-member ul li a.active {
    background: transparent linear-gradient(88deg, #F86F67 0%, #DD5EAB 100%) 0% 0% no-repeat padding-box;
}
.color5-3 .menu-deposit-type ul li {
    background: #DED5D5;
}
.color5-3 .menu-deposit-type ul li.active {
    background: transparent linear-gradient(180deg, #F86F67 0%, #DD5EAB 100%) 0% 0% no-repeat padding-box;
}
.color5-3 .bank-detail-body .row a {
    color: #F86F67;
}
.color5-3 .deposit-amount-wrapper .col .select-amount {
    background-color: #D8B4B5;
}
.color5-3 .deposit-amount-wrapper .col .select-amount:hover, .deposit-amount-wrapper .col .select-amount:focus {
    background-color: #00000033; 
}
.color5-3 .member-detail-btn .btn-main {
    background: #F86F67;
}
.color5-3 .withdrawal-detail .text-orange {
    color: #F86F67;
}
.color5-3 .progress-bar {
    background-color: #F86F67;
}
.color5-3 .member-setting-title {
    background-color: #9E2B2F;
}
.color5-3 .statement-single-content {
    color: #000000;
}
.color5-3 .statement-detail-right .text-orange {
    color: #000000;
}
.color5-3 .statement-detail-right .text-purple {
    color: #000000;
}
.color5-3 .statement-detail-right .text-red {
    color: #000000;
}
.color5-3 .statement-win {
    color: #000000;
}
.color5-3 .statement-lose {
    color: #000000;
}
.color5-3 .table-statement .table-statement-row:first-child {
    color: #F86F67;
}

/* profile */
.color5-3 .profile-wrapper .profile-top {
    background-color: #F8F8F8;
}
.color5-3 .profile-wrapper .profile-top .profile-top-left .profile-left-name {
    color: #C4554F;
}
.color5-3 .profile-top-text {
    color: #85332E;
}
.color5-3 .profile-top-right .btn-member-wrapper .btn-deposit {
    background-color: transparent;
}
.color5-3 .profile-wrapper .profile-top .profile-top-right .profile-right-level .level-name {
    color: #000000;
}
.color5-3 .profile-wrapper .profile-top .profile-top-right .profile-right-more {
    color: #000000;
}
.color5-3 .profile-wrapper .profile-spin .spin-wrapper-content > ol > li {
    background: transparent linear-gradient(90deg, #F86F68 0%, #DD5EAA 100%) 0% 0% no-repeat padding-box;
}
.color5-3 .profile-wrapper .profile-balance .profile-balance-bottom .profile-balance-single {
    border: 1px solid #FFAAAC;
    background-color: #ffffff;
}
.color5-3 .profile-wrapper .profile-balance .profile-balance-single .profile-balance-title {
    background-color: #F86F67;
}
.color5-3 .profile-wrapper .profile-balance .profile-balance-single .profile-balance-value {
    color: #DF5D38;
}
.color5-3 .profile-level-text {
    background-color: #F86F67;
}
.color5-3 .profile-level-content {
    border: 2px solid #FFAAAC;
}
.color5-3 .profile-level-single.your-level .profile-level-content {
    background: transparent linear-gradient(180deg, #FFDEDF 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
}
.color5-3 .profile-content-row {
    color: #000000;
}
.color5-3 .profile-leveling .swiper-button-prev,
.color5-3 .profile-leveling .swiper-button-next {
    background-color: #D49B98;
}

/* referral */
.color5-3 .referral-wrapper {
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 54%, #FFDCDD 100%) 0% 0% no-repeat padding-box;
}
.color5-3 .referral-content {
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 54%, #FFDCDD 100%) 0% 0% no-repeat padding-box;
}
.color5-3 .referral-qr-code {
    background-color: #FFDCDD;
}
.color5-3 .referral-share-link {
    background-color: #F86F67;
}
.color5-3 .btn-referral {
    background: transparent linear-gradient(180deg, #FFE6E6 0%, #FFADAF 100%) 0% 0% no-repeat padding-box;
    color: #000000;
}
.color5-3 .referral-detail-single {
    border: 1px solid #FFAAAC;
}
.color5-3 .referral-detail-top {
    background-color: #F86F67;
}
.color5-3 .statistic-single-bottom {
    color: #F86F67;
}
.color5-3 .btn-referral-detail.active {
    background: transparent linear-gradient(89deg, #F66E6C 0%, #DE5FA9 100%) 0% 0% no-repeat padding-box;
}
.color5-3 .table-referral-wrapper {
    border-top: 1px solid #FFAAAC;
}

/* leaderboard */
.color5-3 .leaderboard-players {
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #DDBFC0 100%) 0% 0% no-repeat padding-box;
}
.color5-3 .leaderboard-list > ul > li:nth-child(n+4) .leaderboard-details .player-icon .player-ranking {
    background-color: transparent;
}
.color5-3 .leaderboard-list > ul > li.you {
    background: transparent linear-gradient(180deg, #FFDA3E 0%, #FF9B2C 100%) 0% 0% no-repeat padding-box;
}

/* vip */
.color5-3 .vip-top {
    background-color: #D49B98;
}
.color5-3 .vip-progress-text span {
    color: #FFAD2B;
    text-shadow: 2px 2px 2px #00000033;
    font-weight: 600;
}
.color5-3 .vip-progress-bar .progress .progress-bar {
    background: transparent linear-gradient(180deg, #FCD042 0%, #F39024 100%) 0% 0% no-repeat padding-box;
}
.color5-3 .vip-detail {
    background-color: #D49B98;
}
.color5-3 .vip-figure {
    color: #FFAD2B;
    text-shadow: 2px 2px 2px #00000033;
}
.color5-3 .vip-level-content {
    background-color: #D8B4B5;
}
.color5-3 .vip-level-single.your-level .vip-level-content {
    background: transparent linear-gradient(180deg, #F76E68 0%, #DF55A1 100%) 0% 0% no-repeat padding-box;
}
.color5-3 .vip-row-right {
    color: #FFAD2B;
}
.color5-3 .vip-bottom-check {
    border: 5px solid #00000080;
}
.color5-3 .vip-bottom-check::before {
    background-color: #7070704d;
}
.color5-3 .vip-bottom-lock {
    background-color: #00000040;
}
.color5-3 .vip-bottom-lock::before {
    background-color: #7070704d;
}
.color5-3 .vip-level .swiper-button-prev, 
.color5-3 .vip-level .swiper-button-next {
    background-color: #00000080;
}
.color5-3 .vip-level .swiper-button-prev:after, 
.color5-3 .vip-level .swiper-button-next:after {
    color: #FFFFFF80;
}

/* inbox */
.color5-3 .inbox-top {
    background-color: #D49B98;
}
.color5-3 .inbox-balance-amount {
    color: #C43C41;
}
.color5-3 .bonus-category-single {
    background-color: #D49B98;
}
.color5-3 .bonus-category-title {
    color: #85332E;
}
.color5-3 .bonus-category-value {
    color: #C43C41;
}
.color5-3 .bonus-transaction {
    background-color: #D49B98;
}
.color5-3 .bonus-transaction-head {
    background-color: #F86F67;
}
.color5-3 .btn-bonus-transaction {
    background-color: #C43C41;
    color: #ffffff;
}
.color5-3 .table-bonus .table-bonus-row:first-child {
    color: #FFFFFF;
    background-color: transparent;
}
.color5-3 .btn-inbox {
    background-color: #C43C41;
    color: #FFFFFF;
}

/* review */
.color5-3 .title-page {
    color: #85332E;
}
.color5-3 .review-card {
    background-color: #D49B98;
    border: 0;
}
.color5-3 .review-card .review-title {
    color: #FFFFFF;
}
.color5-3 .data-wrapper {
    background-color: #D49B98;
    border: 0;
}
.color5-3 .review-swiper .swiper-pagination-bullet-active {
    background-color: #FFAD2B;
}

/* livestream */
.color5-3 .live-wrapper {
    background-color: #000000;
}

/* news */
.color5-3 .news-card {
    background-color: #FFFFFF;
}
.color5-3 .btn-readmore {
    background-color: #F86F67;
}

/* announcement */
.color5-3 .annbox {
    border:2px solid #f86f67;
    background: url(../images/ann-bg.png), transparent linear-gradient(180deg, #d34146 0%, #ffbcbf 100%) 0% 0% no-repeat;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
}
.color5-3 .ann-title {
    background-color: #000;
    border-bottom: 2px solid #F86F67;
}
.color5-3 .anncon .nav .nav-link {
    background-color: #692224;
    border: 1px solid #F86F6740;
}
.color5-3 .anncon .nav .nav-link.active {
    background: transparent linear-gradient(180deg, #ffedec 0%, #ffbabd 100%) 0% 0% no-repeat padding-box;
    color: #000;
}
.color5-3 .annbox .annimg {
    border: 1px solid #F86F67;
}
.color5-3 .annpagi .pitem.active, 
.color5-3 .annpagi .pitem:hover {
    background-color:#F86F67;
}

/* text logo */
.color5-3 .logo-text {
    color: #70F934;
}

/* after login */
.color5-3 .af-box h4 {
    color: #F86F67;
}
.color5-3 .form-box,
.color5-3 .vip-benefit {
    background-color: #ffffff;
    border:1px solid #0000001a;
    box-shadow: 2px 2px 5px #00000012;
}
.color5-3 .viptabs .nav-tabs .nav-item.show .nav-link, 
.color5-3 .viptabs .nav-tabs .nav-link.active, 
.color5-3 .viptabs .nav-tabs .nav-link:focus, 
.color5-3 .viptabs .nav-tabs .nav-link:hover {
    background-color: #ffffff;
    border:1px solid #0000001a;
}
.color5-3 .vipbox {
    background: transparent linear-gradient(180deg, #F86F67 0%, #DD5EAB 100%) 0% 0% no-repeat padding-box;
}
.color5-3 .vip-info .accordion-button {
    background-color: #ffffff;
}
.color5-3 .vip-info .accordion-item {
    background: #ffffff;
    border-color: #00000019;
}
.color5-3 .tab-menu a {
    background-color: #ffffff;
    border:1px solid #0000001a;
}
.color5-3 .tab-menu a.active {
    background: #D64348;
    color: #fff;
}
.color5-3 .actarea a, 
.color5-3 .actarea a:hover, 
.color5-3 .actarea a:focus {
    color: #ff1f60;
}
.color5-3 .error-msg {
    color: #ff0000;
}
.color5-3 .rstep.active {
    background: #F86F67;
}
.color5-3 .af-box a, 
.color5-3 .af-box a:hover, 
.color5-3 .af-box a:focus,
.color5-3 .return-bar,
.color5-3 .af-form .input-group .form-control,
.color5-3 .s-amount,
.color5-3 .af-box h4,
.color5-3 .viptabs .nav-tabs .nav-link.active .tabss1 span,
.color5-3 .form-label,
.color5-3 .profile .p-info .username,
.color5-3 .form-til,
.color5-3 .s-label b,
.color5-3 .t-type,
.color5-3 .p-info,
.color5-3 .h-record,
.color5-3 .ms-auto,
.color5-3 .b-table table thead,
.color5-3 .accordion-body,
.color5-3 .w-menu{
    color:#000
}
.color5-3 .btnform {
    background: #F86F67;
    color: #fff !important;
}
.color5-3 .vip-bar .progress,
.color5-3 .w-bar .progress{
    background-color:#00000012 ;
}
.color5-3 .af-box hr{
    border-color:#00000068 ;
}
.color5-3 .d-amount a{
    background-color: #00000019;
}
.color5-3 .af-form .input-group,
.color5-3 .w-type .pincode-input-text, 
.color5-3 .form-control.pincode-input-text,
.color5-3 .d-promo .form-check-label,
.color5-3 .form-control option{
    background-color: rgb(239 239 239);
    color: #000;
}
.color5-3 .form-check-input:checked + .form-check-label{
    background: linear-gradient(90deg, rgb(250 202 70) 0%, rgb(239 239 239) 57%);
    background-repeat: no-repeat;
    color: #000000;
}
.color5-3 .af-form .form-check-input:checked{
    background-color: rgb(0, 138, 37);
    border-color:transparent;
}
.color5-3 .w-menu.active img{
    border: 2px #faca46 solid;
}
.color5-3 .statistic .s-data.active{
    background:#faca46;
}
.color5-3 .statistic .s-data.active .s-amount{
    color: #000;
}
.color5-3 .text-success {
    color: #68b42b !important;
}
.color5-3 .h-record {
    border-bottom: 1px solid #0000001a;
}
.color5-3 .b-type,
.color5-3 .t-type{
    background-color: #0000000f;
}
.color5-3 .b-table .btn-claim{
    background-color: #0000000f;
}
.color5-3 .bal {
    color: #C43C41;
}
/*preloader*/
.color5-3 .preloader{
    background-color: #32323280;
}
.color5-3 .loader div {
    background-color: #08FF4A;
    box-shadow: 0 0 15px rgba(74, 255, 86, 0.6);
}
.color5-3 .promo-btn,
.color5-3 .refer-btn{
    background:url(../images/color5-3/transaction-bg.jpg) no-repeat;
    background-size: cover;
}
@media (min-width: 1200px) {
    /* header */
    .color5-3 .language-wrapper {
        background-color: #C43C41;
    }
    .color5-3 .icon-header-left {
        background-color: #C43C41;
    }
    .color5-3 .time-date {
        background-color: #C43C41;
    }

    /* menu */
    .color5-3 .menu-wrapper {
        background-color: #ffa8a6;
    }

    /* slot-menu */
    .color5-3 .slot-menu .swiper-slide:hover {
        background: transparent linear-gradient(180deg, #F76E68 0%, #DF55A1 100%) 0% 0% no-repeat padding-box;
    }

    /* footer */
    .color5-3 .footer-link > ul > li > a:hover,
    .color5-3 .footer-link > ul > li > a.active {
        color: #F86F67;
    }    

    /* logged in */
    .color5-3 .icon-header-right {
        background-color: #C43C41;
    }
    .color5-3 .side-member-wrapper {
        background: transparent linear-gradient(180deg, #F86F67 0%, #DD5EAB 100%) 0% 0% no-repeat padding-box;
    }
    .color5-3 .side-member-wrapper .dropdown-member-top {
        background-color: transparent;
    }

    /* member */
    .color5-3 .menu-member ul li a.active, 
    .color5-3 .menu-member ul li a:hover {
        color: #F86F67;
        background: transparent;
    }
    .color5-3 .menu-deposit-type ul li:hover {
        background: transparent linear-gradient(88deg, #F86F67 0%, #DD5EAB 100%) 0% 0% no-repeat padding-box;
    }
    .color5-3 .menu-member ul li a {
        background-color: transparent;
    }
}