* {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -webkit-tap-highlight-color: transparent;
}
body
{
    padding: 0px;
    margin: 0px;
}

#pulsantiera
{
    width: 1800px !important;
    position: absolute!important;
    left: 50% !important;
    top: 0px!important;
    z-index: 1!important;
    margin-left: -900px !important;
}

#pulsantiera_box
{
    top: unset !important;
    bottom: 0px !important;
    height: 150px !important;
}
#MENU
{
    width: 80px!important;
    left: 37px!important;
    top: 43px!important;
}
#autoplay
{
    width: 90px!important;
    left: 902px!important;
    top: 35px!important;
}
#autoplayBox
{
    width: 127px!important;
    left: 892px!important;
    top: 8px!important;
    height: 134px!important;
}

.bet
{
    left: 672px!important;
    top: 64px!important;
    width: 230px!important;
    background-colorX: red!important;
    height: 76px!important;
    line-height: 61px!important;
    font-size: 44px!important;
}
#ultimaVincita
{
    left: 399px!important;
    top: 64px!important;
    width: 230px!important;
    background-colorX: red!important;
    height: 76px!important;
    line-height: 61px!important;
    font-size: 44px!important;
}
.Tcredito
{
    left:122px!important;
    top: 64px!important;
    width: 330px!important;
    background-colorX: red!important;
    height: 76px!important;
    line-height: 61px!important;
    text-align: center!important;
    font-size: 44px!important;
}

.betBoxValue {
    font-size: 45px !important;
    line-height: 47px !important;
    height: 52px !important;
    color: white;
}
#autostartBox
{
    height: 489px !important;
}
/* .sfondoMenu
{
    max-width: 650px !important;
} */
.sfondoMenu>div
{
    font-size: 48px !important;
    height: 80px !important;
    line-height: 80px !important;
    border-bottom: none !important;
    padding: 15px 0;
    font-weight: 600;
}
#clipFondi
{
    transform: scale(2);
    top: 100px !important;
    margin-top: 0px !important;
    transform-origin: center top;
}
#clipAlertBox
{
    transform: scale(2);
    top: 100px !important;
    margin-top: 0px !important;
    /*    transform-origin: center top;*/
}

#ACQUISTO_BUTTON_WRAPPER {
    position: absolute;
    top: 240px;

    right: 1dvw;
    width: 42dvw;
    height: 42dvw;

    z-index: 3;
    cursor: pointer;
}

[data-device="D"]  #ACQUISTO_BUTTON_WRAPPER {
    top: 240px;
    right: 19px;
    width: 148.5px;
    height: 148.5px;
}

/* #LENTE_TX 
{
    left: 923px !important;
    top: 199px!important;
    width: 80px!important;
    opacity: 0;
} */

/* #ACQUISTO_BUTTON_ENABLED, #ACQUISTO_BUTTON_DISABLED
{
    width: 80px!important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(calc(-50% + 17px), calc(-50% - 14px));
} */

/* #ACQUISTO_BUTTON_WRAPPER {
    position: absolute;
    left: 857px;
    top: 216px;
    width: 167px;
    height: 114px;
    z-index: 3;
} */

/* #ACQUISTO_BUTTON_WRAPPER.enabled {
    background: url(../img/eye_box.png);
    background-size: 100%;
    background-repeat: no-repeat;
}

#ACQUISTO_BUTTON_WRAPPER.enabled #ACQUISTO_BUTTON_ENABLED { display: block; }
#ACQUISTO_BUTTON_WRAPPER.enabled #ACQUISTO_BUTTON_DISABLED { display: none; }
#ACQUISTO_BUTTON_WRAPPER #ACQUISTO_BUTTON_ENABLED { display: none; }
#ACQUISTO_BUTTON_WRAPPER #ACQUISTO_BUTTON_DISABLED { display: block; } */


#MAXI
{
    width: 75px!important;
    left: 30px!important;
    top: 268px!important;
}
#MAJOR
{
    width: 90px!important;
    left: 30px!important;
    top: 340px!important;
}
#MINI
{
    width: 75px!important;
    left: 30px!important;
    top: 411px!important;
}

#maxi_importo
{
    left: 130px !important;
    top: 251px!important;
    width: 190px !important;
    background-colorXX: red!important;
    height: 65px!important;
    line-height: 60px!important;
    font-size: 35px!important;
}

#major_importo
{
    left: 130px !important;
    top: 323px!important;
    width: 160px !important;
    height: 65px!important;
    line-height: 60px!important;
    font-size: 35px!important;
}


#mini_importo {
    left: 130px !important;
    top: 395px !important;
    width: 120px !important;
    background-colorXX: red!important;height: 65px!important;line-height: 60px!important;/* font-size: 35px!important; */
}

#mini_importo.big_JK, #major_importo.big_JK, #maxi_importo.big_JK {
    left: 125px !important;
    /* font-size: 32px!important; */
}


.preview_top {
    cursor:pointer; position: absolute; z-index: 4;
    width: 130px; height: 130px;
    transform: scale(1.05);
    top: 46px;
    background: url(../img/carrello.webp);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 90%;
}

#PREVIEW_WRAPPER {
    height: 200px;
    width: 592px;
    position: absolute;
    top:0;
    left:432px;
    overflow: hidden;
    border-radius: 59px;
    --x: 0px;
}

#PREVIEW_TOP_0
{
    left: 593px;
}

#PREVIEW_TOP_1
{
    left: 450px;
}

#PREVIEW_TOP_2
{
    left: 307px;
}

#PREVIEW_TOP_3
{
    left: 164px;
}

#PREVIEW_TOP_4
{
    left: 21px;
}

/* #PREVIEW_TOP_5
{
    left: -122px;
} */

.preview_top {
    transform: translateX(var(--x));
}

.preview_top .preview_top__swappable {
    position: absolute;
    left: 50%;
    top: -24px;
    transform: translateX(-50%);
    width: 130px;
}

.preview_top .lucchetto_preview {
    position: absolute;
    left: 50%;
    top: 6px;
    transform: translateX(-50%);
    width: 70px;
}


#mascheraPignatta
{
    height: calc(100% - 150px) !important;
}

[data-device="M"] #mascheraPignatta
{
    height: calc(100% - 210px) !important;
}

#bastone
{
    top: unset !important;
    bottom: -70px !important;
}

#bastone_img
{
    top: unset !important;
    bottom: 0px !important;
    width: 100px !important;
    height: 1084px;
    background: url('../img/bastone.png');
    background-size: 100%;
}




#canvasSingoloContainer
{
    margin-top: 250px;
}


#canvasSingolo.scaleOut {
    transition: transform 0.35s;
    transition-delay: 0.35s;
    --scale: 0;
}



#areaGioca
{
    width: 600px !important;
    top: 310px !important;
    margin-left: -300px !important;
    /* height: 740px !important; */
    height: calc(100% - 700px) !important;
    min-height: 500px;
}






#canvasSingolo
{


}

#box_vincita
{
    margin-top: 350px;

}

#betBox
{
    height: 666px !important;
}
#betBoxTitle
{
    width: 10% !important;
pointer-events: none;
    left: 45% !important;

}
#autostartBoxTitle
{
    width: 24% !important;
    pointer-events: none;
    left: 38% !important;
}

#betBoxX
{
    width: 5% !important;
    left: 93% !important;
    top: 22px !important;
}


#autoplayBoxX
{
    width: 5% !important;
    left: 93% !important;
    top: 22px !important;
}

#autoplay_rimanenti
{
    font-size: 45px !important;
    left: 910px !important;
    top: 54px !important;
}

.sfondo {/*
    top: 0;
    min-width: 1024px;
    width: auto; max-height:100%;position: absolute;left: 50%;top:0px;z-index: 0;
    transform:translate(-50%);*/
    position: absolute;
    left: 50%;
    margin-left: -512px;
    width: 1024px;
    bottom:0px;
    pointer-events: none;

}

/*
@media (orientation: landscape) {
    body:not([data-device='D']) .sfondo
    {
        top: 180px; width: 1024px;position: absolute;left: 0px;z-index: 0;
        min-width: initial; max-height: initial; transform: initial;
    }
}
*/
/* *
{
   border:0px solid pink !important;
} */
#body_tag
{
    overflow: hidden;
}
body
{
    overflow: hidden;
}

#body_tag, 
#loading {
    background: #33211f;
}

#body_tag.light {
    background: linear-gradient(to left, #32211c 30%, #6f542c 50%, #32211c 70%);
}

/*
#bastone_img.active
{
    animation-iteration-count: infinite;
    cursor: pointer;
    animation-name: none !important;
    animation-duration: 2s;
}
*/

.riquadro_preview {
    animation: fadeInOut2 0.25s infinite alternate;
}

.riquadro_preview.shake {
    animation: shake 0.1s linear infinite alternate;
}

@keyframes fadeInOut2 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes shake {
    0% {
        transform: translateX(-10px);
    }
    100% {
        transform: translateX(10px);
    }
}