.nav-link.disabled{ background-color: #FFF }
.nav-fill .nav-item, .nav-fill > .nav-link{ margin-right: 10px; background: #9dc8e2; border-radius: var(--bs-border-radius-xl); margin-bottom: 10px;}
label.error{ width: 100%; margin-top: .25rem; font-size: .875em; color: var(--bs-form-invalid-color); }
input.form-control.error {
    border-color: var(--bs-form-invalid-border-color);
    padding-right: calc(1.5em + 16px);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23F8285A'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23F8285A' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + 4px) center;
    background-size: calc(.75em + 8px) calc(.75em + 8px);
}

.table-responsive{
    white-space: nowrap !important;
}
div.dataTables_wrapper div.dataTables_paginate {
  margin: 15px 0;
}

#table-booking_wrapper .dt-buttons{ display: block; float: none; }

.mappaMeetingRoom { display: grid; }
.mappaMeetingRoom .slot-Free, .mappaMeetingRoom .slot-Blocked, .mappaMeetingRoom .slot-Reserved, .mappaMeetingRoom .slot-MyReserved, .mappaMeetingRoom .slot-NotAvailable{ 
	width: 118px;
	height: 85px;
	color: #000;
	font-weight: bold;
	font-size: 18px;
	padding-left: 77px;
	padding-top: 25px;
	margin-top: 20px;
	justify-self: center;
}

.mappaMeetingRoom .slot-Free{ background: url( ../images/MeetingRoom-Free.jpg ) no-repeat; }
.mappaMeetingRoom .slot-Blocked{ background: url( ../images/MeetingRoom-Blocked.jpg ) no-repeat; }
.mappaMeetingRoom .slot-Reserved{ background: url( ../images/MeetingRoom-Reserved.jpg ) no-repeat; }
.mappaMeetingRoom .slot-NotAvailable{ background: url( ../images/MeetingRoom-Reserved.jpg ) no-repeat; }
.mappaMeetingRoom .slot-MyReserved{ background: url( ../images/MeetingRoom-MyReserved.jpg ) no-repeat; }
.mappaMeetingRoom .slot-Free:hover{ cursor: pointer }

.mappaDesk {  }
.mappaDesk .slot-Free, .mappaDesk .slot-Blocked, .mappaDesk .slot-Reserved, .mappaDesk .slot-MyReserved, .mappaDesk .slot-NotAvailable{ 
	display: inline-block;
	margin: 20px 0 10px 0;
	justify-self: center;
	border-right: 1px solid #EEF5F9;
	font-size: 18px;
	font-weight: bold;
	padding: 0px 10px;
}
.mappaDesk .slot-Free i, .mappaDesk .slot-Blocked i, .mappaDesk .slot-Reserved i, .mappaDesk .slot-MyReserved i, .mappaDesk .slot-NotAvailable i{
	font-size: 30px;
	font-weight: normal
}
.mappaDesk .slot-Free{ color: #1FD323; }
.mappaDesk .slot-Blocked{ color: #D3A01F; }
.mappaDesk .slot-Reserved{ color: #FF0000; }
.mappaDesk .slot-NotAvailable{ color: #FF0000; }
.mappaDesk .slot-MyReserved{ color: #c325ea; }
.mappaDesk .slot-Free:hover{ cursor: pointer }

.mappaRestaurant {  }
.mappaRestaurant svg{  width: 50px }
.mappaRestaurant .slot-Free, .mappaRestaurant .slot-Blocked, .mappaRestaurant .slot-Reserved, .mappaRestaurant .slot-MyReserved, .mappaRestaurant .slot-NotAvailable{ 
	display: inline-block;
	margin: 10px 0 10px 0;
	justify-self: center;
	font-size: 18px;
	font-weight: bold;
}

.mappaRestaurant .slot-Free svg{ fill: #1FD323; }
.mappaRestaurant .slot-Blocked svg{ fill: #D3A01F; }
.mappaRestaurant .slot-Reserved svg{ fill: #FF0000; }
.mappaRestaurant .slot-MyReserved svg{ fill: #c325ea; }
.mappaRestaurant .slot-NotAvailable svg{ fill: #FF0000; }
.mappaRestaurant .slot-Free:hover{ cursor: pointer }



.footer {
	background: #1B3155;
    border-top: 1px solid #e9ecef;
    padding: 17px 15%;
    white-space: normal;
    font-size: 0.6em;
}


/* -- fullcalendar my styles -- */
.fc-h-event .fc-event-main, .app-calendar .fc-v-event .fc-event-main { color: #000 !important; }
.fc-v-event .fc-event-main-frame { line-height: 1; }
.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-frame { border-radius: 10px !important; }

.fc-scrollgrid-sync-inner, .fc-toolbar-title, .fc-col-header-cell-cushion { text-transform:capitalize; }

.fc-daygrid-event-dot { display: none; }
.fc-event-time { font-weight: 700!important; margin: 0!important; }
.fc-event-title { margin-left: 8px!important; font-weight: 400!important; }

.fc-event-title-container { padding-top: 5px; }
.fc-event { padding: 2px 6px!important; border-radius: 6px !important; border-top: 1px solid !important; border-bottom: 1px solid !important; border-right: 1px solid !important; }

.fc-daygrid-day-frame { overflow-y: auto; }
/*----*/

table tr th, table tr td { vertical-align: middle; }