/* ANIMAZIONE */
.strokeThick {
  stroke-width: 15px !important;
}
/* Animazione per richiamo attenzione*/
.flashStroke {
  stroke: yellow;
  /* Safari 4.0 - 8.0 */
  -webkit-animation-name: doFlash;
  -webkit-animation-duration: 0.8s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  /* Standard syntax */
  animation-name: doFlash;
  animation-duration: 0.8s;
  animation-timing-function: linear;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes doFlash {
  0% {
    stroke: #f8fbff;
  }
  25% {
    stroke: #ff0;
  }
  50% {
    stroke: #f2f200;
  }
  75% {
    stroke: #d8d800;
  }
  100% {
    stroke: #bebe00;
  }
}
/* COLORI */
.GRIGIO {
  fill: #ACACAC;
}
.VERDE {
  fill: #21CD39;
}
.BLU {
  fill: #0000FF;
}
.ARANCIO {
  fill: orange;
}
.GIALLO {
  fill: yellow;
}
.PURPLE {
  fill: purple;
}
.ROSSO {
  fill: red;
}
.TESTO {
  fill: white;
}
.NERO {
  fill: black;
}
.BORDOROSSO {
  stroke-width: 15px !important;
  stroke-dasharray: 30;
  stroke-linecap: round;
  stroke: #FF0000;
}
/* Classi da sostituire dinamicamente*/
#ItemsDepo {
  fill: #ACACAC;
}
#ItemsSel {
  stroke: yellow;
  /* Safari 4.0 - 8.0 */
  -webkit-animation-name: doFlash;
  -webkit-animation-duration: 0.8s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  /* Standard syntax */
  animation-name: doFlash;
  animation-duration: 0.8s;
  animation-timing-function: linear;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  stroke-width: 15px !important;
}
#ItemsBin {
  fill: #0000FF;
}
#ItemsCart {
  fill: #21CD39;
}
#ItemsSecOp {
  stroke-width: 15px !important;
  stroke-dasharray: 30;
  stroke-linecap: round;
  stroke: #FF0000;
}
#ItemsScrap {
  fill: red;
}