body.ka, body.ka * {
    text-transform: none;
}

.jackpot {
    display: none;
}

/* Bundle ships with body { padding-top: 25px !important } that leaves a 25px
   blank strip above the JetX header. Override it so the header sits flush
   with the top of the viewport. */
body {
    padding-top: 0 !important;
}

/* The bundle's .message modal CSS only exists in mobile.style.css. Mirror
   the relevant rules here so the shim-injected error / cashout messages
   render in the same green/red-themed pill on desktop, and re-center the
   container with a fixed width (mobile uses full width — that'd look
   wrong on a desktop viewport). */
.message-div {
    position: fixed;
    z-index: 1000;
    left: 50%;
    top: 20px;
    transform: translateX(-50%);
    width: 420px;
    max-width: calc(100vw - 40px);
    padding: 0;
    pointer-events: none;
}
.message-div .message {
    pointer-events: auto;
    position: relative;
    background: linear-gradient(87.91deg, #1F2129 0%, #30333F 100%);
    border: 1px solid #3DE431;
    box-sizing: border-box;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
    border-radius: 10px;
    padding: 0 20px;
    margin-bottom: 10px;
}
.message-div .message.error {
    background: linear-gradient(87.91deg, rgba(31, 33, 41, 0.8) 0%, rgba(48, 51, 63, 0.8) 100%);
    border: 1px solid #FF4B4B;
    backdrop-filter: blur(5px);
}
.message-div .message .success-icon { display: inline-block; }
.message-div .message .error-icon { display: none; }
.message-div .message.error .success-icon { display: none; }
.message-div .message.error .error-icon { display: inline-block; }
.message-div .message .close {
    position: absolute;
    top: 22px;
    right: 20px;
    opacity: 0.4;
    transition: 0.2s;
    cursor: pointer;
}
.message-div .message .close:hover { opacity: 0.8; }
.message-div .message .icon {
    position: absolute;
    left: 20px;
    top: 16px;
}
.message-div .message .text {
    padding-left: 40px;
    padding-right: 40px;
    font-family: var(--font-family-nu4);
    font-feature-settings: 'case' on;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    min-height: 60px;
}

#BtnShowBalance {
    pointer-events: none;
    cursor: default;
}

#balance {
    cursor: default;
}

.help-popup .play-group .play-item.play-img1 {
    background: url(../Images/help1.png) no-repeat;
}
.help-popup .play-group .play-item.play-img2 {
    background: url(../Images/help2.png) no-repeat;
}
.help-popup .play-group .play-item.play-img3 {
    background: url(../Images/help3.png) no-repeat;
}



.rules-item.rules-jackpot {
    display: none;
}




body.fa,
body.fa .currency-icon,
body.fa #balance,
body.fa #balance > span,
body.fa aside#left .history,
body.fa aside#right .info,
body.fa aside#right .info .info-content .head,
body.fa aside#right .info .info-content .row,
body.fa .chat .head,
body.fa .chat-outer,
body.fa .chat-input-left input,
body.fa .chat-input-right input,
body.fa .buttons .tabs a,
body.fa .gift-left1 .head,
body.fa .gift-left1 .value,
body.fa .gift-left2 .head,
body.fa .gift-left2 .value,
body.fa .bet-input .auto .head,
body.fa .bet-input .label,
body.fa .bet-input .input input,
body.fa .bet-input .input div > span,
body.fa .bet-list a,
body.fa .bet,
body.fa .bet .info,
body.fa .popup-div,
body.fa .popup-bt,
body.fa .jackpot-popup-div,
body.fa .help-popup-div,
body.fa .help-popup .rules-title,
body.fa .help-popup .rules-content,
body.fa .help-popup-accept,
body.fa .gift-popup-div,
body.fa .gift-popup-bt {
    font-family: 'fa';
}


body.fa header .right .user,
body.fa .jackpot-clone,
body.fa .jackpot-clone p {
    font-family: 'fa';
}