span.wpcf7-list-item {display: block;}
.hidden{
display: none;
}
:root {
--height: 30px;
}
body {
box-sizing: border-box;
}
.wrapper {
display:flex;
font-size: 11px;   
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
font-weight: bold;
}
.left {
display:flex;
flex-direction: column;
border: 1px solid #f0f0f0;
}
.left_line { display: flex;
flex-direction: row;
align-items: center;
width: 190px;
text-align: left;
align-content: center;
border: 1px solid #f0f0f0;
height: var(--height);
padding-left: 2px;
line-height: normal;
}
.left_line_top {
height: 55px;
}
.month_cell {
background-color: white;
border-left: 1px solid #f0f0f0;
overflow:visible;
white-space:nowrap;
padding-left:3px;
}
.calendar {
display: grid;
overflow-x: scroll;
border: 1px solid #f0f0f0;  }
.left_line_icon {
margin-left: auto;
}
.calendar_line_icon {
height: var(--height)!important;
margin-left: auto;
max-width: none!important;
}            
.calendar_sunday {
background-color: #ccc;
}
.calendar_cell {
border: 1px solid #f0f0f0;
}
.calendar_date {
text-align: center;
line-height: 15px;    }
.calendar_item {
height: 30px;
height: var(--height);
}
.calendar_item_odd {
background-color: #ddd;  
}
.calendar_item_free {
background-color: rgb(175, 236, 175);
}
.calendar_item_booked {
background-color: rgb(236, 175, 175);
}
.calendar_item_selected {
background-color: rgb(86, 86, 131);
}
.options_remark {
margin: -8px 0!important;
font-size: small;
font-style: italic;
}
.options .wpcf7-list-item-label{
text-decoration: underline;
text-underline-offset: 4px;
text-decoration-color: #5EBB47;
text-decoration-thickness: 2px;
text-decoration-style: dotted;
}
.popup-wrapper { position: relative;
z-index: 1000;
display: none;
}
.popup-content {
position: absolute; transform: translate(0, -60%);
padding: 5px;
background-color: rgb(255, 255, 255);
border: 1px solid #242424;
border-radius: 5px;
box-shadow: 3px 3px 3px 3px rgba(127, 127, 127, 0.5);
line-height: 0;
}
.popup-image {
width: auto;
height: 100px!important;
}
.bgrill {
grid-gap:10px;
}
.bgrill h3 {
margin-top: 0.2rem;
margin-bottom: -0.2rem;
line-height: 1;
}
.bgrill img {
border-radius: 10px;
}
.bgrill-contentdiv { align-self: baseline;
}
.bgrill>div.wp-block-group {
border-radius: 10px;
border: 1px solid #f0f0f0;
padding: 10px;
background-color: #f9f9f9;
box-shadow: 2px 2px 2px 0px rgba(190, 190, 190, 0.5);
}
.bgrill-button {
margin-top: auto!important;
} .form-bottom-wrapper {
display: flex;
flex-direction: row;
justify-content: space-between;
}
@media screen and (max-width: 800px) {
.form-bottom-wrapper {
display: block;
}
}
@media screen and (max-width: 750px) {
.bgrill {
grid-template-columns: repeat(2, minmax(0, 1fr))!important;
}
}
@media screen and (max-width: 500px) {
.bgrill {
grid-template-columns: auto!important;
}
}