.bg-sfondo-login
{
  background: white;
}

.img-sfondo-login
{
	width: 400px;
	height: auto;
	margin: 50px auto;
}

.navbar-brand
{
  height: 40px;
  width: auto;
}

.nav-link {max-width: 100%;}

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

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

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

.sfondo-bianco {background-color: rgb(255,255,255); border-color: rgb(220,220,220); color: black;}
.sfondo-rosso {background-color: rgb(180,20,20); border-color: rgb(220,20,20); color: white;}
.sfondo-verde {background-color: #28a745; border-color: #28a745; color: white;}
.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; }

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

.testo-azzurro_tema { color: #0e7a90; }

.cursor-pointer { cursor: pointer; }

.button40HAuto
{
	height: 40px;
    width: auto;
}

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

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

.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;}

.modal-header
{
	border-top-color: #0e7a90;
  border-top-style: solid;
  border-top-width: 3px;
}

.wordBreakWord { word-break: break-word; }

.ProductModalIMG
{
	margin: 0 auto;
  border-radius: 10px;
  width: auto;
  height: 300px;
}

.OfferProductIMG
{
  margin: 0 auto;
  border-radius: 5px;
  width: auto;
  height: 100px;
}

.displayNone { display: none; }

.toggleWrapper { cursor: pointer; }
.toggleThis { padding-inline-start: 20px; display: none; }
.toggleThis li { list-style: none; }

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

@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;}
}