/***** front calendar wrapper  *****/
#admin_calendar_wrapper {
	margin: 0.5em;
	overflow: hidden;
	}
	#dashboard #admin_calendar_wrapper .module {
		margin: 0 0 1.5em;
		width: 100%;
		}

	.detail-wrapper {
		margin: 0;
		padding: 0;
		min-width: 0;
		overflow: hidden;
		}
		.detail-wrapper .module {
			min-width: 0;
			max-width: 100%;
			width: 100%;
		}
		.tundra .detail-wrapper {
			padding-left: 0;
			}
			.tundra .detail-wrapper .detail-container {
				float: left;
				width: 100%;
				}
				#admin_calendar_wrapper .inline_formtable {
					display: block;
					overflow: hidden;
					}
/* no float class inside modal */
.main-wrapper.nofloat,
.detail-wrapper.nofloat,
.tundra.detail-wrapper.detail-container.nofloat {
	float: none;
	width: 100%;
	}

/* bootstrap buttons border-radius on admin?mod=calendar */
#admin_calendar_wrapper .btn {
	border-radius: 4px !important;
	margin-top: 5px;
	}

/***** ext front calendar legend *****/
.module.calendar_legend {
	margin: 0 0 1.5em 0;
	width: 100%;
	}
	.legend {
		width: 20px;
		height: 20px;
		border: 1px solid transparent;
		margin: 5px;
		}
		
/* Bootstrap 5 */
/* not needed to show optional set mod-intro in backend */
#admin_calendar_wrapper #calendar_container_front .mod-intro {
	display: none;
	}
.is-datepick .ires-datepicker {
	font-size: 1.1em;
	border: 0 none;
	background-color: transparent;
	padding-bottom: 15px;
	width: 100% !important;
	}
	/* navigation header */
	.is-datepick .ires-datepicker .datepick-nav {
		padding: 2px 10px 0;
		font-size: 100%;
		background-color: transparent;
		display: flex;
		justify-content: space-between;
		}
		/* navigation links */
		.is-datepick .datepick-nav .datepick-cmd {
			text-decoration: none !important;
			cursor: pointer;
			margin: 0;
			padding: 0;
			filter: opacity(60%);
			}
			/* navigation links (hover - focus state) */
			.is-datepick .datepick-nav .datepick-cmd:hover,
			.is-datepick .datepick-nav .datepick-cmd:focus {
				background-color: transparent;
				outline: none !important;
				filter: opacity(100%);
				}
			/* disabled navigation link */
			.is-datepick .datepick-nav .datepick-cmd.datepick-disabled,
			.is-datepick .datepick-nav .datepick-cmd.datepick-disabled:hover,
			.is-datepick .datepick-nav .datepick-cmd.datepick-disabled:focus {
				filter: opacity(45%);
				cursor: not-allowed;
				}
	/*calendar months */
	.is-datepick .datepick-month-row {
		width: 50% !important;
		float: left!important;
	}
	@media only screen and (max-width: 567px) {
		.is-datepick .datepick-month-row {
			width: 100% !important;
			float: none !important;
		}
	}
	.is-datepick .datepick-month {
		width: 100%;
		border: 0 none;
		padding: 5px 10px 15px;
		}
		/* calendar header */
		.is-datepick .datepick-month-header {
			background: none transparent !important;
			background-color:#e9e9e9!important;
			border: 0 none !important;
			height: auto !important;
			padding: 0.35em 10px;
			border-radius: 0!important;
			color:#555!important;
			font-weight:700;
			text-align:center;
			}
		.is-datepick .datepick-month table {
			width: 100%;
			border-collapse: collapse;
			}
			/* generic settings calendar table cells */
			.is-datepick .datepick-month th,
			.is-datepick .datepick-month th.datepick-week,
			.is-datepick .datepick-month td,
			.is-datepick .datepick-month td.datepick-week {
				border: 1px solid transparent;
				background-color: transparent;
				text-align:center;
				}
				.is-datepick .datepick-month th {
					font-weight: bold;
					}
				.is-datepick .datepick-month th.datepick-week {
					font-weight: normal;
					}
				.is-datepick .datepick-month td.datepick-week span,
				.is-datepick .datepick-month td .datepick-weekend {
					background-color: transparent;
					}
					.is-datepick .datepick-month span,
					.is-datepick .datepick-month a {
						padding: 0.5em 0.3em;
						border: 1px solid transparent;
						text-decoration: none !important;
						display:block;
						width:100%;
						}
						.is-datepick .datepick-month td .datepick-other-month {
							background-color: transparent;
							}
					/* hide/show weeknumber */
					.hideWeekNumbers.is-datepick .datepick-month .datepick-week {
						display: none;
						}
					.showWeekNumbers.is-datepick .datepick-month .datepick-week {
						display: table-cell;
						}

/* week number */
.is-datepick .datepick-month td.datepick-week {
	font-weight: normal;
}
/* ToDay - see input.less for color setting border */
.is-datepick .datepick-today {
	font-weight: bold !important;
}
/* Cursor 'Not Allowed' if FULL, FULL and NON-ARRIVAL, 'Not Available Normal (open but no arraival OR open but no departure). HOLIDAY */
.is-datepick .ires_full .ires_full .slotbutton,
.full,
.is-datepick .ires_na_full,
.ires_na_full .slotbutton,
.na_full,
.is-datepick .ires_na_normal,
.ires_na_normal .slotbutton,
.normal_na,
.is-datepick .ires_na_holiday,
.ires_na_holiday .slotbutton,
.holiday {
	cursor: not-allowed;
}
/* DEFAULT CALENDAR COLORS */
/* FULL */
.is-datepick .ires_full,
.ires_full .slotbutton,
.full { 
	color: #000000 !important;
  	background-color: #D9534F !important;
  	cursor: not-allowed;
	}
    
/*-------------------- FULL and Non-arrival--------------------*/
/*------- used for cases U -------------*/
.is-datepick .ires_na_full,
.ires_na_full .slotbutton,
.na_full { 
	color: #555555!important;
  	background-color:#f1c2c1 !important;
  	cursor: not-allowed;
	}
    
/*-------------------- NOT AVAILABLE --------------------*/
.is-datepick .ires_na,
.ires_na .slotbutton { 
	background-color:transparent!important;
	color: #777777!important;
	cursor:not-allowed; 
	}

/*-------------------- NOT AVAILABLE NORMAL (open but no arrival) --------------------*/
.is-datepick .ires_na_normal,
.ires_na_normal .slotbutton,
.normal_na { 
	background-color:#E8ECBA!important;
	color: #000000!important;
	cursor:not-allowed;
	}

/*-------------------- HOLIDAY --------------------*/
.is-datepick .ires_na_holiday,
.ires_na_holiday .slotbutton,
.holiday {
	background-color:#FAE4E4!important;
	color: #555555!important;
	cursor:not-allowed;
	}

/*-------------------- ARRIVAL / DEPARTURE (legend only) --------------------*/
/* must match ires-core-library calendar day rendering for A / V / W */
.legend.arrival {
	background-color: #67b516 !important;
	background-image: linear-gradient(135deg, #1f3c08 0 23%, transparent 24%) !important;
	}
.legend.departure {
	background-color: #67b516 !important;
	background-image: linear-gradient(225deg, #1f3c08 0 23%, transparent 24%) !important;
	}
.legend.arrival_departure {
	background-color: #67b516 !important;
	border-radius: 4px;
	}

/*-------------------- REQUEST --------------------*/
.is-datepick .ires_request,
.ires_request .slotbutton,
.request { 
	color:#000000!important;
	background-color:#F0AD4E!important;
	cursor:pointer;
	}
	/*-------------------- REQUEST (HOVER) --------------------*/
	.is-datepick .ires_request.dp-highlight,
    .is-datepick .ires_request:hover,
	.ires_request .slotbutton:hover,
	.request:hover { 
		color:#000000!important;
		background-color:#eea236!important;
		}

/*-------------------- OPEN --------------------*/
/*------- used for cases V, W, A, O -------------*/
.is-datepick .ires_normal,
.ires_normal .slotbutton,
.normal  { 
	color:#000000!important;
	background-color:#87bb1f!important;
	cursor:pointer;
	}	
	/*-------------------- OPEN (HOVER or Selected Day) --------------------*/
	.ires_normal .active,
	.is-datepick .ires_normal.dp-highlight,
    .is-datepick .ires_normal:hover,
	.ires_normal .slotbutton:hover,
	.normal:hover  { 
		color:#000000!important;
		background-color:#6c9518!important; 
		}

/*----------------- PARTIALLY OPEN -----------------------*/
/*----------------- used for case X ----------------------*/
/* same as OPEN but with a border-color in the FULL color */
.is-datepick .ires_normal_x,
.ires_normal.ires_normal_x .slotbutton,
.partially  { 
	border-color:#D9534F!important;
	background-color:#87bb1f!important;
	cursor:pointer;
	}	
	/*------------- PARTIALLY OPEN (HOVER or Selected day) --------------*/
	.ires_normal.ires_normal_x .active,
    .is-datepick .ires_normal_x.dp-highlight,
    .is-datepick .ires_normal_x:hover,
	.ires_normal.ires_normal_x .slotbutton:hover,
	.partially:hover  {
		border-color:#D9534F!important;
		background-color:#6c9518!important; 
		}


/*-------------------- TODAY (border + textcolor) --------------------*/	
#calendar_container_front .is-datepick .datepick-today {
	border-color:#ff6600!important;
	background-image:none!important;
	}


/*----- START styling Combi Slots -----*/
.combiSlots .slotFlexParent {
	display: flex;
}
.combiSlots .slotFlexParent .slotFlexChild {
	padding: 0;
	flex: 1;
	min-width: 0;
}
.combiSlots .slotFlexParent .slotFlexChild .slotObjectTitle {
	text-transform: uppercase;
	margin-left: 2px;
}
.combiSlots .slotFlexParent .slotFlexChild .no_border.formtable.Modal tbody {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.combiSlots .slotFlexParent .slotFlexChild .no_border.formtable.Modal tr.block-field.show_desc td.block-field-field:first-child {
	display: none;
}
/*----- END styling Combi Slots -----*/