html {
    background: #222
}

html.BET4X4,
html.VIPX,
html.M7SPIN,
html.D2DBET,
html.PS24,
html.BET4X4,
html.DEMOP,
html.MWGAMING,
html.DEMOEZ,
html.MJ7,
html.LAUNG8,
html.PUMUBET,
html.OKPLUS {
    background-color: #f1f1f1
}

body.POPULAR,
body.CLASSIC,
body.type-R,
body.type-W,
body.type-L,
body.type-P,
body.type-BS,
body.WL,
body.EZ,
body.loading {
    background: linear-gradient(#0c151d, #142b3f)
}

body.loading {
    background-position: center !important;
    background-size: cover !important;
    overflow: hidden;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center
}

body.loading img.logo {
    width: 320px;
    object-fit: cover;
    margin-top: 20px
}

body.RUBY88,
body.CROYALE88,
body.LUCKYWORLD {
    background: linear-gradient(#AD0101, #3A0101)
}

body.PLAYPLUS {
    background: linear-gradient(135deg, #090b28, #6c144b)
}

body.AZACASINO {
    background: linear-gradient(135deg, #001a99, #6c144b)
}

body.AGD88 {
    background: linear-gradient(135deg, #193f80, #2d1a4b)
}

body.MJ7 {
    background: linear-gradient(135deg, #e0d1e0, #5a70e1)
}

body.LAUNG8 {
    background: linear-gradient(135deg, #fefefe, #bae3f7)
}

body.VIPX {
    background: linear-gradient(135deg, #049571, #111, #5445a1)
}

body.GOTT7,
body.WINBDT,
body.MCW,
body.NUEBE,
body.FC,
body.PITO777,
body.APEX,
body.SWERTE2PLAY,
body.TMT,
body.TMTVIP,
body.TMTVIPCASH,
body.SANOOK,
body.EXTREME88,
body.EXTREMETMT,
body.EXTREMECASH,
body.MAXWIN,
body.MAXWINPH,
body.IBET369-88,
body.ESCALA,
body.TIGERS,
body.NEXTGEN88,
body.MDRPLAY,
body.MAX888,
body.G2G77,
body.LUKA,
body.LABET,
body.KUBER7,
body.QUADRACASH,
body.QUADRA88 {
    background: #000
}

body.SCATTER365,
body.MGK88,
body.GOLDENVAULT,
body.MAHARLIKA,
body.DEMOBS,
body.DEMOW,
body.BADSHA,
body.CROWNGAMING,
body.MWCASH,
body.BETSTAR77,
body.BUENASB {
    background: #222
}

body.DYNASTY888 {
    background: #bbbbbb
}

body.PUMUBET,
body.D2DBET,
body.BET4X4,
body.PS24,
body.CASINOCAROUSEL88,
body.M7SPIN,
body.DEMOL,
body.DEMOEZ,
body.OKPLUS {
    background: #fefefe
}

body.MWGAMING {
    background: #fef4e0
}

body.DEMOWL {
    background: #0C1919
}

body.WILDBET88 {
    background: #15322b
}

body.M9,
body.M9888,
body.M9-MY,
body.INFINITY88BET,
body.GGAME888 {
    background: #15350e
}

body.HOUSELUCKCASH {
    background: #084f09
}

body.DEMOR,
body.NEXUS,
body.SWABEGAMING,
body.TELE789 {
    background: #312726
}

body.SOG,
body.COW88 {
    background: #0c0722
}

body.MWCASH {
    background: #09122f
}

body.PHPLAY {
    background: #03162c
}

body.GC88,
body.RGWIN777,
body.KINGROME168 {
    background: #1c2335
}

body.DEMOP,
body.ATLANTIS88 {
    background: #0b1a49
}

body.HOUSEOFLUCK {
    background: #001561
}

body.PGSWIN,
body.JUAN789 {
    background: #228ECD
}

body.KING88,
body.MWVIP {
    background: #13054f
}

body.ICFLIVE {
    background: #100b2d
}

body.DEMOPOPULAR,
body.VELOCE,
body.INF988 {
    background: #28033a
}

body.FAFA {
    background: #381236
}

body.IRONMAN1688 {
    background: #350404
}

body.MWCASHPLUS {
    background: #6d1442
}

body.SEXYBACCARAT {
    background: #b10833
}

body .lds-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    color: #000;
    display: inline-block;
    width: 80px;
    height: 80px
}

body .lds-spinner div {
    transform-origin: 40px 40px;
    animation: lds-spinner 1.2s linear infinite
}

body .lds-spinner div::after {
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 37px;
    width: 6px;
    height: 18px;
    border-radius: 20%;
    background: #fff;
    filter: contrast(0.5)
}

body .lds-spinner div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -1.1s
}

body .lds-spinner div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s
}

body .lds-spinner div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.9s
}

body .lds-spinner div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.8s
}

body .lds-spinner div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.7s
}

body .lds-spinner div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.6s
}

body .lds-spinner div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.5s
}

body .lds-spinner div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.4s
}

body .lds-spinner div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.3s
}

body .lds-spinner div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.2s
}

body .lds-spinner div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.1s
}

body .lds-spinner div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s
}

@keyframes lds-spinner {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.outstanding .loading-box {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000d9;
    z-index: 2147483647
}

.outstanding .loading-box .spinner {
    position: absolute;
    top: 50%;
    left: calc( 50% - 50px);
    width: 100px;
    text-align: center
}

.outstanding .loading-box .spinner>div {
    width: 18px;
    height: 18px;
    background-color: #e2e2e2;
    margin: 0 5px;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both
}

.outstanding .loading-box .spinner>div.bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s
}

.outstanding .loading-box .spinner>div.bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s
}

@keyframes sk-bouncedelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0.2);
        transform: scale(0.2)
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.loading-dots {
    display: flex;
    align-items: center;
    gap: 10px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.loading-dots span {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: linear-gradient(145deg, #fff, #cfcfcf);
    opacity: 0.6;
    animation: dotPulse 1.4s infinite ease-in-out
}

.loading-dots span:nth-child(1) {
    animation-delay: 0s
}

.loading-dots span:nth-child(2) {
    animation-delay: 0.2s
}

.loading-dots span:nth-child(3) {
    animation-delay: 0.4s
}

@keyframes dotPulse {
    0%,
    80%,
    100% {
        transform: scale(0.6);
        opacity: 0.4
    }
    40% {
        transform: scale(1);
        opacity: 1
    }
}