:root {
    --button-login: linear-gradient(#d10536, #d10538, #cb0131);
    --button-register: linear-gradient(#fede1a, #fcde1a, #fcdc15);
    --primary-color: #84d2f1;
    --secondary-color: #fcde1a;
    --primary-rgba: rgba(209, 5, 54, 0.40);
    --secondary-rgba: rgba(252, 222, 26, 0.8);
}
#PopupBanner {
    background-color: transparent;
    box-shadow: unset;
}
#PopupBanner .modal-content {
    padding: 0;
}
#PopupBanner button.close {
    color: #fff;
    border: 3px solid #fff;
    border-radius: 50%;
    width: 34px;
}
.seo-footer {
    padding-bottom: 60px
}

.wrapper {
    background: url(../images/background-altm.png) no-repeat fixed;
    background-size: cover;
}

.jackpot-wrapper {
    filter: unset
}

.jackpot-wrapper>span {
    font-size: 7vw;
    font-family: 'Russo One';
    color: #fff;
    margin-top: 2px;
}

.progressive-jackpot {
    filter: unset
}

.progressive-jackpot>h2 {
    display: none;
}

.progressive-jackpot img {
    filter: unset
}

.navbar-fixed {
    background: black;
}

.navbar-fixed .logo-img {
    margin-top: 2px;
    max-height: 50px;
}

.btn-account {
    background: transparent;
    margin-bottom: 2px
}

.btn-secondary-primary,
.btn-account ul a.icon-btn {
    background: url(../images/btn-login-altm.png);
    border: solid 2px none;
    border-radius: 7px;
    color: white !important;
}

.btn-join {
    background: url(../images/btn-register-altm.png);
    border: 2px solid none;
    border-radius: 7px;
    color: #fff !important;
}

.btn-account>a {
    height: 40px
}

.btn-account>a,
.btn-account ul a.icon-btn,
.member-btn>li>a {
    background-size: 100% 100%
}

.page-header-title {
    background-color: var(--primary-color)
}

.page-header-title,
.page-header-title a {
    color: #000
}

.account-menu a.active {
    color: #000;
    background-color: var(--primary-color)
}

.navigation-ribbon .navigation-ribbon-item .active {
    color: #ffc93f
}

.browser-default input {
    color: #e8e8e8;
    background-color: #333
}

.bottom-nav-bar a.active {
    color: var(--primary-color);
}

.bonus-button.btn-await-approval {
    background-color: #fffb00;
    color: #000
}

.bonus-button.active {
    background-color: var(--primary-color);
    color: #000
}

.bonus-button.active:hover {
    background-color: var(--primary-color);
    color: #000;
    cursor: pointer
}

.item-provider.selected {
    border-bottom: 3px solid #f00018;
    background-color: var(--primary-color) !important
}

/* Menu Game Front index page */
.game-front-wrapper {
    background: url(../images/menu-altm.png) no-repeat;
    background-size: 100% 100%;
}

.game-group-front .nav-link {
    line-height: 19px;
    color: #faf9f5;
}

.game-group-front .nav-link>i {
    background-image: url(../images/icon_nav.png);
    background-repeat: no-repeat;
}

.game-group-front .nav-link>span {
    position: relative;
    bottom: 0;
    color: white;
}

.game-menu li a.active {
    background: linear-gradient(to bottom, #f00018 1%, #b20000 100%);
    filter: drop-shadow(0 0 6px #ffc93f);
    color: #ffc93f
}

.game-item-tabs li a.active {
    background: var(--primary-color);
    color: #000 !important;
}

.supported-bank .bank {
    background: url(../images/bg-bank.png);
    border: none;
    background-size: 100% 100%;
}

.supported-bank .bank>div {
    background-image: url(../../../images/common/bank-black.png);
    background-size: 200%;
}

.bonus-modal .item-provider a {
    filter: unset;
}

.custom-page {
    border-color: var(--primary-color)
}

.promotions-category a.active {
    background: var(--primary-color);
    color: #000
}

/* Favorite */
.filter-tools a:hover,
.filter-tools a.selected,
.history-button {
    background: radial-gradient(circle, transparent 1%, var(--primary-color) 1%) center center / 15000% var(--primary-color);
    border: 1px solid rgb(44 44 44 / 0.7);
    color: #000;
}

/* Bonus */
.wrapper-provider-list .bonus-provider-list {
    background-color: #b1af4673;
}

.bonus-link-detail {
    color: var(--primary-color)
}

.progress-value {
    background: linear-gradient(180deg, var(--secondary-color) 0, var(--primary-color) 100%);
}

/* History Datepicker */
.datepicker table tr td.active,
.datepicker table tr td.active.active {
    background: url(../images/menu-altm.jpg) no-repeat;
    background-size: 150% 150%;
    background-position: center center;
    color: #212529;
}