*
{
    backface-visibility: hidden;
    outline-offset:-1px;
    outline: 0px solid black;
    background-clip: content-box;
    touch-action: none !important;
}

canvas#canvas_linee {
  pointer-events: none;
}

#freespin_corner:not(.freespin_corner_hide) ~ #respin_corner {
  display: none !important;
}

.freespin_corner_hide {
  display: none !important;
}

.freespin_corner_digits_1 img:nth-of-type(1) {
  display: none;
}

/* #freespin_corner, */
#freespin_corner img,
/* #respin_corner, */
#respin_corner img,
.con_bagliore {
  animation: 0.2s linear 0s infinite alternate bagliore_corner;
}

#freespin_corner,
#respin_corner {
  background-image: url("../img/tavoletta.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center center;
}

#respin_corner img {
  width: 100%;
}

.con_bagliore {
  --bagliore: 128%;
}

/* @keyframes bagliore_corner {
  0% {
    filter: drop-shadow(0px 0px 15px transparent) brightness(100%);
  }
  100% {
    filter: drop-shadow(0px 0px 15px #ff7000) brightness(var(--bagliore, 115%));
  }
} */

/* body:not([data-n-mossa="0"]):not([data-n-mossa="1"]) [uscita="WALKING"] {
  animation: 0.8s ease 0s infinite alternate on_off;
} */
.walking_on_off {
  animation: 0.3s ease 0s infinite alternate on_off;
}

@keyframes on_off {
  0% {
    opacity: 1;
  }
  33% {
    opacity: 1;
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

#anima_vincita_container_progressivo,
#anima_vincita_container,
.anima_vincita_container {
  --height: 200px;
  position: fixed;
  z-index: 1001;
  opacity: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(var(--scale, 1));
  height: var(--height);
  /* width: 605px; */
  overflow: hidden;
  pointer-events: none;
  display: flex;
}

#anima_vincita_container_progressivo img,
#anima_vincita_container img,
.anima_vincita_container img {
  height: var(--height);
}

.anima_vincita {
  display: flex;
  flex-direction: column;
  /* position: absolute; */
}

.anima_vincita img {
  transform: scale(0.94);
}

.anima_vincita_1 {
  /* left: 155px; */
  transform: translateY(calc(var(--height) * -20));
}
.anima_vincita_2 {
  /* left: 305px; */
  transform: translateY(calc(var(--height) * -20 + var(--height)));
}
.anima_vincita_3 {
  /* left: 455px; */
  transform: translateY(
    calc(var(--height) * -20 + var(--height) + var(--height))
  );
}

#anima_frutta_container {
  position: fixed;
  z-index: 200;
  top: 0px;
  left: 0;
  width: 1024px;
  height: 700px;
  overflow: hidden;
  pointer-events: none;
}

.anima_frutta {
  position: absolute;
  top: -150px;
  width: 156px;
}
.anima_frutta_1 {
  left: 56px;
}
.anima_frutta_2 {
  left: 129px;
}
.anima_frutta_3 {
  left: 218px;
}
.anima_frutta_4 {
  left: 285px;
}
.anima_frutta_5 {
  left: 580px;
}
.anima_frutta_6 {
  left: 682px;
}
.anima_frutta_7 {
  left: 782px;
}

#lancio_frutta_container {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.lancio_frutta {
  position: absolute;
  --w: 100px;
  width: var(--w);
  top: 280px;
}
.lancio_frutta.lancio_frutta--sx {
  left: calc(var(--w) * -2);
}
.lancio_frutta.lancio_frutta--dx {
  right: calc(var(--w) * -2);
}

#resoconto_container {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.8);
  width: 868px;
  height: 555px;
  background-image: url("../img/report/report_win.webp");
  background-size: 85%;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 1001;
}

#resoconto_container #resoconto_cifra {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -70%);
  display: flex;
}

#resoconto_cifra img {
  height: 70px;
}

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

.chips {
  position: absolute;
  top: 110px;
  height: 100px;
}

.gradientBG {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+30,efefef+30,ffffff+100,ffffff+100 */
  background: #fff; /* Old browsers */
  background: -moz-linear-gradient(
    top,
    #fff 0%,
    #fff 33%,
    #f1f5f7 33%,
    #eef1f2 100%,
    #eef1f2 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    #fff 0%,
    #fff 33%,
    #f1f5f7 33%,
    #eef1f2 100%,
    #eef1f2 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    #fff 0%,
    #fff 33%,
    #f1f5f7 33%,
    #eef1f2 100%,
    #eef1f2 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

#sfondoOpzioni {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.btnQFGenerico {
  background: #fff;
  background: -moz-linear-gradient(
    top,
    #fff 0%,
    #fff 33%,
    #f1f5f7 33%,
    #eef1f2 100%,
    #eef1f2 100%
  );
  background: -webkit-linear-gradient(
    top,
    #fff 0%,
    #fff 33%,
    #f1f5f7 33%,
    #eef1f2 100%,
    #eef1f2 100%
  );
  color: #120054 !important;
  background: linear-gradient(
    to bottom,
    #fff 0%,
    #fff 33%,
    #f1f5f7 33%,
    #eef1f2 100%,
    #eef1f2 100%
  );
}

svg {
  fill: #120054;
}

.testoSuPulsanteIcona {
  color: #120054;
  text-shadow: none;
  font-weight: 600;
}

.immagineSuPulsante {
  color: #120054;
  fill: #120054;
  stop-color: #120054;
}

.mascheraGenerica {
  background-color: black;
}

#indicatore_linea_vincenter {
  color: white !important;
  text-transform: uppercase;
  width: 840px !important;
  margin-left: -420px !important;
  line-height: 32px !important;
  height: 140px !important;
  font-family: "Source Sans Pro", sans-serif !important;
  font-weight: 700;
  font-size: 13px !important;
  /* text-shadow: rgba(0, 0, 0, 0) 0 0 0 !important;
  box-shadow: rgb(209, 255, 209) 0 0 0 0 !important; */
  background-color: transparent !important;
  top: 148px !important;
  left: 50.65% !important;
  height: 400px !important;
  background-repeat: no-repeat !important;
  background-size: 0px 0px;
  background-position: 54.2% 50% !important;
  /* è diventato animato */
  /* background-image: url("../img/scritte_animate/sfondi/evidenzia_dietro_crazy_wild.png") !important; */
  z-index: 1000 !important;
  position: fixed !important;
  pointer-events: none;
}

#indicatore_linea_vincenter.disable_indicatore {
  display: none !important;
}

#indicatore_linea_vincenter div {
  top: 150px;
}

#segnalatore_line {
  background-image: url(../img/indicatore_linee_on.png);
  line-height: 74px !important;
  font-size: 25px !important;
  height: 70px !important;
  width: 70px !important;
  background-size: cover;
  background-color: transparent !important;
  box-shadow: unset !important;
  color: rgb(255, 225, 76);
  font-family: NexaBold;
  z-index: 9999999;
  /* left: 50% !important;
  top: 50% !important;
  position: fixed !important; */
  animation: 0.25s linear 0s infinite alternate colore_lampeggiante;
  z-index: 1000 !important;
  pointer-events: none;
}

@keyframes colore_lampeggiante {
  0% {
    color: rgba(255, 225, 76, 1);
    text-shadow: rgba(255, 225, 76, 1) 0 0 5px;
  }
  50% {
    color: rgba(255, 225, 76, 1);
    text-shadow: rgba(255, 225, 76, 0.7) 0 0 5px;
  }
  100% {
    color: rgba(255, 225, 76, 0.1);
    text-shadow: rgba(255, 225, 76, 0) 0 0 5px;
  }
}

#sfondo_bw {
  opacity: 0 !important;
}

#BIGWIN {
  z-index: 116 !important;
}
#FS_completo {
  color: #6f6f6f;

  /*font-family: 'Source Sans Pro', sans-serif !important;*/
  font-size: 35px !important;
}
.alert_barra_superiore {
  background: #1e315e !important;
  background-color: #1e315e !important;
}
.alert_barra_inferiore {
  background: #181b52 !important;
  background-color: #181b52 !important;
}
#maschera_fp_container {
  border: 1px solid #1e315e !important;
}

#clipAlert {
  border: 1px solid #1e315e !important;
}

#clipFondi {
  border: 1px solid #1e315e !important;
}

#valore_fondi_aggiunti {
  border: 1px solid #1e315e !important;
}
.fsSel {
  z-index: 36 !important;
}

#general_canvas {
  z-index: 1001 !important;
  pointer-events: none !important;
}

.FORCE_HIDDEN {
  display:none !important;
}

#logo_rulli {
  transition: opacity 0.15;
  opacity: 1;
}

.diamanti {
  height: 225px;
  width: 225px;

  animation-name: diamantiSprite;
  animation-duration: 1s;
  animation-timing-function: steps(20);
  animation-iteration-count: infinite;
  position: absolute;
  left: 50%;
  margin-left: -38px;
  z-index: 3;
  top: 90px;

}

@keyframes diamantiSprite {
  from {
      background-position: 0px;
  }
  to {
      background-position: -4500px;
  }
}

#freespin_corner img:nth-of-type(1), #freespin_corner img:nth-of-type(2) {
  display: none !important;
}