.bg-sfondo-login-sfumato
{
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background: rgb(255,255,255);
  background: linear-gradient(176deg, rgba(255,255,255,1) 9%, rgba(0,153,102,1) 100%);
}

.bg-sfondo-login
{
  background: url(../img/header-bg.jpg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

#espandi_genitore i{ transition: transform 0.3s; }

.flip0 { transform: rotate(0deg); }
.flip90 { transform: rotate(90deg); }

.container_no_max_width {max-width:none !important;}

.card-header {background-color: #343a40; color: white;}

.sfondo-rosso {background-color: #B87963; border-color: #B87963; color: white;}
.sfondo-verde {background-color: #009966; border-color: #009966; color: white;}
.sfondo-sfumato {
	background: rgb(255,255,255);
	background: linear-gradient(90deg, rgba(255,255,255,1) 9%, rgba(0,153,102,1) 100%);
}
.sfondo-azzurro_tema {background-color: #0e7a90; border-color: #0e7a90; color: white;}
.sfondo-giallo {background-color: #ffc107; border-color: #ffc107; color: black;}
.sfondo-grigio { background-color: #343a40; border-color: #343a40; color: white; }
.sfondo-azzurro-tenue { background-color: #e9ecef; }

.testo-azzurro-tema { color: #0e7a90; }

.button-verde {background-color: #C28D69; border-color:#C28D69; color: white;}
.button-verde:hover {background-color:#AB8B65; border-color: #AB8B65; color: white;}

.button-rosso {background-color: #b41414; border-color:#C28D69; color: white;}
.button-rosso:hover {background-color:#8b1515; border-color: #AB8B65; color: white;}

.button-azzurro {background-color: #0e7a90; border-color: #0e7a90; color: white;}
.button-azzurro:hover {background-color: #0a6478; border-color: #0a6478; color: white;}

.button-arancione {background-color: #ffa600; border-color: #ffa600; color: white;}
.button-arancione:hover {background-color: #ff9900; border-color: #ff9900; color: white;}

.mySearchButton {background-color: #C28D69; border-color:#C28D69; color: white; border-radius: 10px;}
.mySearchButton:hover {background-color: #AB8B65; border-color:#AB8B65; color: white; border-radius: 10px;}

a { color: rgb(180,20,20);}
a:hover { color: rgb(180,180,180);}

.etichetta {font-weight: bold; font-style: italic;}

.foto-evento
{
	width: 100%;
	height: auto;
	border-radius: 5px;
	box-shadow: 0px 0px 20px 1px rgb(100,100,100);
}

.foto-gara
{
	width: 100%;
	height: auto;
	border-radius: 3px;
	box-shadow: 0px 0px 10px 1px rgb(100,100,100);
}

.foto_profilo
{ 
	width: 200px;
	height: 200px;
}

.foto_profilo_menu
{ 
	width: 60px;
	height: 60px;
	margin: 20px auto;
}

.box-shadow-10 { box-shadow: 0px 0px 10px 1px rgb(100,100,100); }
.box-shadow-20 { box-shadow: 0px 0px 20px 1px rgb(100,100,100); }

.border-radius-3 {border-radius: 3px;}

.titolo-evento { font-size: 22px;  font-style: italic;}

.border-style-solid { border-style: solid; }

.menu-link-attivo
{
	background-color: #b41414;
	border-radius: 5px;
	color: white !important;
}

.dropdown-item.active { background-color: #b41414 !important;}

select option:disabled { display:none; }

.BarraAvanzamentoVerde
{
	width: 1px;
    background-color: green;
    height: 30px;
}

.ButtonAnimato
{
  animation-name: AnimazioneButton;
  animation-duration: 3s;
  animation-fill-mode: forwards;
}

.cursor-pointer { cursor: pointer !important; }
.cursor-help { cursor: help !important; }
.cursor-grab { cursor: grab !important; }

@keyframes AnimazioneButton
{
  0%  	{opacity: 1;}
  10% 	{opacity: 0.8; transform:scale(1.5,1.5);}
  50% 	{opacity: 1;}
  95% 	{opacity: 0;}
  100%  {opacity: 0; display: none; padding: 0px; margin: 0px;}
}