/* Live-only MB66 color skin for m.mb86.info. Colors only. */
html {
    --platform-color-highlight: #FF4D4F !important;
}

body {
    background-color: #FFF0F3;
    color: #333;
}

.app .app-home {
    background-color: #FFF0F3 !important;
}

.app .app-home .home-header {
    background-color: #fff !important;
}

.app .app-home .home-header .tools .tools-item[href="/auth/login"],
.app .app-home .home-header .tools .tools-item[href="/auth/register"],
.app .app-home .home-header .tools .tools-item[href="/login"],
.app .app-home .home-header .tools .tools-item[href="/signup"] {
    background: #FF4D4F !important;
    background-color: #FF4D4F !important;
    background-image: none !important;
}

.app .app-home .home-header .tools .tools-item[href="/auth/login"] span,
.app .app-home .home-header .tools .tools-item[href="/auth/register"] span,
.app .app-home .home-header .tools .tools-item[href="/login"] span,
.app .app-home .home-header .tools .tools-item[href="/signup"] span {
    color: #fff !important;
}

.app .app-home .home-header .tools .tools-item.header-account i:before {
    -webkit-text-fill-color: #FF4D4F !important;
    color: #FF4D4F !important;
}

.app .app-home .home-header .tools .lang .lang-list-wrap {
    background: #FF4D4F !important;
    border-color: #FFD0D2 !important;
}

.app .app-home .home-header .money-overview > .overview-content .money-overview-header .account-nav li i.small {
    background-image: linear-gradient(180deg, #FF4D4F, #FF4D4F) !important;
}

.app .bottom-nav {
    filter: drop-shadow(0 -1px #FFB4B6);
}

.app .bottom-nav li,
.app .bottom-nav li h3,
.bottom-nav .current > h3,
.bottom-nav .current > i {
    color: #FF4D4F !important;
}

.app .bottom-nav li > i {
    filter: hue-rotate(163deg) saturate(1.15);
}

.app .bottom-nav .scroll-top {
    background-color: #FF4D4F !important;
}

.app .bottom-nav .nav-cskh .floating-cs-cont .floating-title > a {
    background: linear-gradient(180deg, #FF8A8A 0%, #FF4D4F 100%) !important;
}

.noti-drawer .j88m-noti-more,
.app.red-envelope .redFoot {
    background: #FF4D4F !important;
    background-color: #FF4D4F !important;
    background-image: none !important;
}

.app.red-envelope .redHead__menu__item--winQuery {
    background-image: linear-gradient(180deg, #FF4D4F, #FF4D4F) !important;
}

.nrc-button:not(.grey) {
    background-color: #FF4D4F !important;
    color: #fff !important;
}

div.app.login .app-body .hover-container:not(.mission-calendar) .container button.nrc-button,
div.app.signup .app-body .hover-container:not(.mission-calendar) .container button.nrc-button {
    background-color: transparent !important;
    filter: hue-rotate(163deg) saturate(1.05);
}

.app input.formik-input:focus {
    border-color: #FF4D4F80 !important;
    box-shadow: 0 0 0 2px #FF4D4F1a !important;
}

.home-gamelobby.hot_games .egame-item.j88m-hot-card .j88m-card-type {
    color: #FF4D4F !important;
}

.home-gamelobby.hot_games .egame-item.j88m-hot-card .j88m-card-name {
    color: #222 !important;
}

.app .app-home .home-gamelobby.hot_games > .game-wrap > .game-block .style-2 .egame-list .game-group .egame-item.j88m-hot-card span {
    background: linear-gradient(135deg, #fff 0, #FFF5F6 100%) !important;
    border-color: #FFD6DA !important;
    border-bottom-color: #FF8A8A !important;
    border-right-color: #FF8A8A !important;
}

.app-home > .home-swiper-nav .home-quick-item {
    background: linear-gradient(200deg, #fff, #FFF0F3) !important;
    border-color: #FFD6DA !important;
}

.app-home > .home-swiper-nav .home-quick-item.active {
    background: linear-gradient(200deg, #FFE4E6, #FF9A9C) !important;
    border-color: #FF4D4F !important;
}