html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 300px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */

  background-color: #185919;
  color: white;
}

.titolo{
  background: #185919;
  padding: 10px;
  border-radius: 25px 0px 0px 25px;
  color: white;
  text-align: center;
  margin: 10px 0px;
}
.titolo h2{
  margin: 10px 0px;
}

.giorno{
  margin: 5px 0px;
  border: 2px solid black;
  text-align: center;
  line-height: 28px;
}
.giorno-select, .giorno-select .data-stato{
  border-color: blue;
}
.giorno:hover{
  cursor: pointer;
}

.data-valore{
  padding: 8px 0px;
}
.data-giorno{
  font-size: 22px;
  padding: 4px;
  border: 1px solid black;
  background: black;
  color: white;
}
.data-stato{
  height: 100%;
  margin: 0px;
  padding: 0px;
  border-left: 1px solid black;
  border-bottom: 1px solid black;
}
.giorno-libero{
  background-color: green;
}
.giorno-prenotato{
  background-color: yellow;
}
.giorno-completo{
  background-color: red;
}
.orario{
  margin: 5px 0px;
  border-bottom: 1px solid grey;
  padding: 2px 0px;
}
.orario-text, .orario-urna, .orario-bara {
  font-size: 18px;
  text-align: center;
}
.orario-urna img, .orario-bara img{
  padding: 3px 0px;
  height: 30px;
  cursor: pointer;
}
.orario-lock img{
  cursor: not-allowed !important;
}
.orario-prenotato img{
  background:red;
}
.orario-speciale img{
  background:orange;
}
.padding-top20{
	padding-top: 20px;
}
.img-print{
	width: 30px;
}
#row-print{
	text-align: right;
}
@media (max-width: 991px) {
  body {
    /* Margin bottom by footer height */
    margin-bottom: 400px;
  }
  .hidden-h3{
    display: none;
  }
}