:root{
  --primary-color: #27689b;
  --secondary-color: #ffffff;
  --alert-bg-color: rgba(243,135,0,0.30);
  --background-color: rgb(249,176,130);
  --bg-gradient-color1: rgb(245,126,64);
  --bg-gradient-color2: rgba(18,86,138,0.66);
}


body{
  background: var(--background-color);
  background-image: radial-gradient(circle at 40% 91%, rgba(251, 251, 251,0.04) 0%, rgba(251, 251, 251,0.04) 50%,rgba(229, 229, 229,0.04) 50%, rgba(229, 229, 229,0.04) 100%),radial-gradient(circle at 66% 97%, rgba(36,36,36, 0) 0%, rgba(36,36,36, 0) 50%,rgba(255,255,255, 0.04) 50%, rgba(255,255,255, 0.04) 100%),radial-gradient(circle at 86% 7%, rgba(40,40,40, 0) 0%, rgba(40,40,40, 0) 50%,rgba(255,255,255, 0.04) 50%, rgba(255,255,255, 0.04) 100%),radial-gradient(circle at 15% 16%, rgba(99,99,99, 0) 0%, rgba(99,99,99, 0) 50%,rgba(45,45,45, 0) 50%, rgba(45,45,45, 0) 100%),radial-gradient(circle at 75% 99%, rgba(243,243,243, 0) 0%, rgba(243,243,243, 0) 50%,rgba(255,255,255, 0.04) 50%, rgba(255,255,255, 0.04) 100%),linear-gradient(226deg, var(--bg-gradient-color1), var(--bg-gradient-color2));
}

.bottone{
  background-color: var(--primary-color);
  border-color: var(--secondary-color);
  color: var(--secondary-color);
}


.bottone:hover{
  background-color: var(--secondary-color);
  color: var(--primary-color);
  border-color: var(--primary-color);
}

.errore_accesso, .input-file{
    background-color: var(--alert-bg-color);
    color: var(--primary-color);
}

th{
  background: var(--primary-color);
  color: var(--secondary-color);
}

.generic-table th{
  background: var(--primary-color);
}


/*
.singolo-storico p {
  margin: 0;  rimuove il margine predefinito del paragrafo
  overflow: hidden;  nasconde il testo che esce dal contenitore
  text-overflow: ellipsis; aggiunge puntini di sospensione (...) per il testo che esce
  white-space: nowrap;  impedisce al testo di andare a capo
} */