/*css jackpot Win 1024 x 768*/

html {
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#jackpot-page {
    z-index: 101;
    overflow: hidden;
}

/***************************************/
/************ Common class *************/
/***************************************/
.bg-img-style {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.posistion-fullscreen {
    position: absolute;
    left: 0;
    top: 0;
}

.max-dimension {
    width: 100%;
    height: 100%;
}
/*-------------------------------------*/

/***************************************/
/************ Style counter ************/
/***************************************/
.img-counter {
    background-image: url(../imgs/counter.png);
}
/*--------------------------------------*/

/***************************************/
/************* Style button ************/
/***************************************/

.button-pos-jackpot {
    position: absolute;
    left: 71.78%;
    top: 62.37%;
}

.button-dim-jackpot {
    width: 28.22%;
    height: 37.63%;
}

#confetti {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
}

.super-img-text-win, .img-text-win, .img-button-jackpot, .img-counter-pos {
    z-index: 3;
}




/*--------------------------------------*/

/***************************************/
/************* Style button ************/
/***************************************/
.img-button-jackpot {
background-image: url(../imgs/btn-00.png);
}

.img-button-jackpot:hover {
    background-image: url(../imgs/btn-01.png);
}

.img-button-jackpot:active {
    background-image: url(../imgs/btn-02.png);
}

.button-pos-jackpot {
    position: absolute;
    left: 71.78%;
    top: 62.37%;
}

.button-dim-jackpot {
    width: 28.22%;
    height: 37.63%;
}
/*--------------------------------------*/

/****************************************/
/*** Style background border and logo ***/
/****************************************/

/*--------------------------------------*/

/***************************************/
/**** Style background jackpot-page ****/
/***************************************/
@keyframes bg-panel-animation {
    0.001% {
        background-image: url(../imgs/panel-2.png);
    }

    0.002% {
        background-image: url(../imgs/panel-1.png);
    }

    0% {
        background-image: url(../imgs/panel-1.png);
    }

    50.001% {
        background-image: url(../imgs/panel-1.png);
    }

    50.002% {
        background-image: url(../imgs/panel-2.png);
    }

    100% {
        background-image: url(../imgs/panel-2.png);
    }
}

.img-panel {
    animation: bg-panel-animation 0.4s infinite;
}
/*--------------------------------------*/

/***************************************/
/**** Style background jackpot-page ****/
/***************************************/
.img-text-win {
background-image: url(../imgs/img-text-win-jackpot.png);
}
/*--------------------------------------*/



/***************************************/
/**** Style background jackpot-page ****/
/***************************************/



/***************************************/

/***************************************/
/************ Style counter ************/
/***************************************/
.img-counter-pos {
    position: absolute;
    left: 20.55%;
    top: 70.42%;
}

.img-counter-dim {
    width: 58.05%;
    height: 25.14%;
}
.img-jackpot-page {
    animation: bg-jackpot-animation-16 0.66s infinite;
}
.img-border-and-logo {
    background-image: url(../imgs/border-and-logo-16.png)
}
.button-dim-jackpot {
    width: 30.22%;
    height: 46.63%;
}
.button-pos-jackpot {
    position: absolute;
    left: 71.78%;
    top: 58.37%;
}
/*--------------------------------------*/

/***************************************/
/**** Position and dimension digit *****/
/***************************************/

.digit-dim {
    width: 6.28%;
    height: 55.56%;
}

.digit-pos-top-absolute {
    position: absolute;
    top: 13.33%;
}

.digit-pos-left-0 {
    left: 72.26%;
}

.digit-pos-left-1 {
    left: 65.98%;
}

.digit-pos-left-2 {
    left: 59.7%;
}

.digit-pos-left-3 {
    left: 53.42%;
}

.digit-pos-left-4 {
    left: 47.14%;
}

.digit-pos-left-5 {
    left: 40.86%;
}

.digit-pos-left-6 {
    left: 34.58%;
}

.digit-pos-left-7 {
    left: 28.30%;
}

.digit-pos-left-8 {
    left: 22.02%;
}
/*--------------------------------------*/

/***************************************/
/*********** Images digit **************/
/***************************************/

/*--------------------------------------*/
.img-digit-0 {
    background-image: url(../imgs/0.png);
}

.img-digit-1 {
    background-image: url(../imgs/1.png);
}

.img-digit-2 {
    background-image: url(../imgs/2.png);
}

.img-digit-3 {
    background-image: url(../imgs/3.png);
}

.img-digit-4 {
    background-image: url(../imgs/4.png);
}

.img-digit-5 {
    background-image: url(../imgs/5.png);
}

.img-digit-6 {
    background-image: url(../imgs/6.png);
}

.img-digit-7 {
    background-image: url(../imgs/7.png);
}

.img-digit-8 {
    background-image: url(../imgs/8.png);
}

.img-digit-9 {
    background-image: url(../imgs/9.png);
}

.img-digit-space {
    background-image: url(../imgs/space.png);
}



@keyframes bg-jackpot-animation-16 {
    0% {
        background-image: url(../imgs/bg-jackpot-page-1-16.png);
    }

    100% {
        background-image: url(../imgs/bg-jackpot-page-2-16.png);
    }
}
.super-img-text-win {
    background-image: url(../imgs/super-img-text-win-jackpot.png);
}