/* CSS x lo spinner */


/* nuovo spinner */
#overlay {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /*display: flex;*/
  justify-content: center;
  align-items: center;
  z-index: 2000;
}

#overlay-vis {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2000;
}

.spinner-container {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
}

.spinner-border {
  height: 7rem;
  width: 7rem;
  border-width: 0.7em;
  /*color: #238ecd; */
  color: #2e83c4;
  animation: 2s linear infinite spinner-border !important;
}

.spinner-centered-img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px; /* Assumendo che 'width-40' indichi 40px */
  animation: none !important;
}