.style_date
{
text-align: center;
background-color: white;
color: #357ebd;
font-size: 15px;
outline: 2px;
border-style: ridge;
border-radius: 5px;
font-weight: 500;
width: 258px;
border-color: #8080804f;
}

.style_persone
{
text-align: center;
background-color: white;
color: #357ebd;
font-size: 15px;
outline: 2px;
border-style: ridge;
border-radius: 5px;
font-weight: 500;
width: 150px !important;
border-color: #8080804f;
}

.booking_engine_container
{

  background-color: white; 
  text-align: center;
  border-radius: 6px;
  padding: 6px;
}

.modal {
  display: none;
  position: fixed;
  z-index: 1000000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.4);

}

.modal-content {
  background-color: #fefefe;
  margin: 5% auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
  border-radius:10px;
}

.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

iframe {
  width: 100%;
  height: 700px; 

}


@media only screen and (max-width: 450px) {

iframe {
  width: 100%;
  height: 500px; 

}

.modal-content {
  background-color: #fefefe;
  margin: 1% auto;
  padding: 5px;
  border: 1px solid #888;
  width: 95%;
  border-radius:5px;
}


}