body {
  padding-top: 1.5rem;
  margin-bottom: 70px; /* Margin bottom by footer height */
}

.title-primary-arer {
  color: rgba(85,150,120, 1);
}

.withbar-template {
  padding: 3rem 1.5rem 1rem 1.5rem;
  text-align: center;
}

.logo-heading {
  padding-top: 2.5em;
}

.logo-heading-allauth {
  padding-top: 2.5em;
  margin-bottom: -2em;
}

/* List ul - elenchi puntati nelle tabelle */
.list-strettina {
  padding-left: 1em;
}

/* Barra di navigazione navbar arer */
nav#arer-nav-bar {
  background-color: rgba(85,150,120, 1);
}

nav#arer-nav-bar .nav-link {
  color: rgba(255,255,255,.85);
}

nav#arer-nav-bar .nav-link.disabled {
	color: rgba(255,255,255,.48);
}

/* cella della tabella per la lista degli eventi disponibili */
table .evento-scaduto-tablecell {
  color: #c80909;
}

/* Messages - li tengo nascosti perchè non ho ancora deciso come e dove mostrarli */
.django-messages {
  padding-top: 3rem;
  margin-left: -3rem;
  position: absolute;
  display: none;
}

/* Tabella prenotazioni */
thead#prenotazione-own-list-head {
  color: #5FA082;
}

#prenotazione-own-list {
  background-color: rgba(230,230,230,.3);
}

/* Tabella elenco eventi presenti */
table#evento-list > thead > tr > th {
  font-size: 0.9rem;
}
table#evento-list > tbody > tr > th {
  font-size: 0.8rem;
}

div.detail-object-info{
  /* Questo è un div che viene messo in fondo alle pagine e che solitamente
  contiene le informazioni di creazione e modifica di un elemento. */
  font-size: 10px;
}

div.detail-object-info p {
  margin: 0;
  padding: 0;
}


/* Link tabelle delle prenotazioni */
/* Colore oro normale: rgba(171,165,107,1)*/
#prenotazione-own-list a {
  color: rgba(141,135,77,1);
}

#evento-list a {
  color: rgba(141,135,77,1);
}

h4.text-secondary a{
  color: rgba(141,135,77,1);
}

/* ### FOOTER ### */
/* Necessari per lo sticky footer */
html {
  position: relative;
  min-height: 100%;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 70px;
  line-height: 70px; /* Vertically center the text there */
  background-color: #f5f5f5;
}