.body_bg {
    background-color: #f8f9fa;
    background-image: url(https://villapanoramasuite.it/wp-content/uploads/2022/06/sfon_1-1.jpg);
	background-repeat: repeat-y;
    background-size: cover;
    color: white;

	/* font-family: 'Roboto'; */
    /* font-size: medium;
    font-weight: 800; */

    font: normal 400 19px / 25px "Playfair Display", Helvetica, Arial, Verdana, sans-serif !important;
	
	height: 100vh !important;
}

.disp_title {
	
	/*font-family: Georgia, 'Times New Roman', Times, serif;*/
	font-family: 'Roboto';
    font-size: medium;
    font-weight: 800;
	font-size: x-large;
}

.date_picker {

    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    padding: 5px !important;
    width: 100% !important;
    background-color: #11223355 !important;
    color: white !important;
}

.date_picker::-webkit-calendar-picker-indicator {
    filter: invert(0.9) !important;
}


.number_field {
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    padding: 5px !important;
    width: 100% !important;
    background-color: #11223355 !important;
    color: white !important;
}

#calendarIdsFreeBusy {
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
    padding: 5px;
    width: 100%;
    background-color: #11223355;
    color: white;
}

#calendarCheckboxes {
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
    padding: 5px;
    width: 100%;
    background-color: #11223355;
    color: white;
    text-align: left;
}
.room {
    background-color: #11223355;
    color: white;
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 8px;
    width: 100%;
    margin-bottom: 10px;
    /* font-family: 'Roboto'; */
}

.room img {
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    padding-bottom: 16px;
}

button {
    margin-top: 20px;
    padding: 10px 20px;
    background-color: #007BFF;
    color: white;
    /* border: none; */
    border-radius: 5px;
    cursor: pointer;
    background-color: #11223355;
    border: 1px solid lightgray;
}
button:hover {
    background-color: #0056b3;
}

.header {
    display: flex;
    align-items: baseline;
    justify-content: center;
}
.header button {
    margin-right: 10px;
}



/**********************/
.checkbox-container {
    display: flex;
    flex-direction: column;
}

.checkbox-container div {
    margin: 5px 0;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #f9f9f9; /* Colore di sfondo deselezionato */
    transition: background-color 0.3s;
}

.checkbox-container div input[type="checkbox"] {
    display: none;
}

.checkbox-container div label {
    cursor: pointer;
    user-select: none;
}

.checkbox-container div input[type="checkbox"]:checked + label {
    background-color: #d1e7dd; /* Colore di sfondo selezionato */
    border-color: #0f5132;
    color: #0f5132;
}

/***********************/

/* Hide the browser's default checkbox */
.checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  
  /* Create a custom checkbox */
  .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
  }