/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
#calendar {
	max-width: 1100px;
	margin: 0 auto;
}
div.custombox-modal {
    background: #f1f1f1;
    border-radius: 5px;
    width: 50%;
}
div.custombox-modal div.title{
	background: var(--fc-event-bg-color);
    border-radius: 5px 5px 0 0;
    padding: 10px;
}
div.custombox-modal div.body{
    padding: 10px;
}
.center{text-align:center;}
.light{color:#FFFFFF;}
.dark{color:#000000;}
form#booking_form input{
	max-width: 100%;
    width: -webkit-fill-available;
}
form#booking_form select{
	width:100%;
}
form#booking_form input, form#booking_form select {
    height: 35px;
    margin: 10px 0;
    padding: 5px;
}
.btn-primary {
    background: var(--fc-event-bg-color);
    border: none;
    color: white;
    border-radius: 3px;
    cursor: pointer;
}