/* 	LocalBranding CSS (Contao)
	Author: (c) LocalBranding 2024
	Theme: fasch
	lb_flatpickr.css 
	Version: 2024-01
	
	sets fasch brand styles instead of default
*/

/* ------------------------------ ///// CALENDAR FLATPICKR CONTAINER start ///// ------------------------------ */
#containerAppointmentDate {
	position: relative;
}
#containerAppointmentDate .flatpickr-calendar {
	position: absolute;
	top: 4.5rem!important;
	left: 0!important;	
}
#containerAppointmentDate .form-control {
	margin-right: 0;
	font-size: 1.6rem;
}
#containerAppointmentDate .form-control:disabled, 
#containerAppointmentDate .form-control[readonly] {
	background-color: #f2f2f2;
}
.flatpickr-calendar span.flatpickr-weekday { 
	color: #767676; /* darkgrey */
}
.flatpickr-day {
	color: #08121f;
}
.flatpickr-day.today {
    border-color: #767676;
}
.flatpickr-day.flatpickr-disabled, 
.flatpickr-day.flatpickr-disabled:hover, 
.flatpickr-day.prevMonthDay, 
.flatpickr-day.nextMonthDay, 
.flatpickr-day.notAllowed, 
.flatpickr-day.notAllowed.prevMonthDay, 
.flatpickr-day.notAllowed.nextMonthDay {
	color: #bcbcbc; /* midgrey */
}
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, 
.flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, 
.flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, 
.flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, 
.flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, 
.flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
	background-color: #85bc25;
	border-color: #85bc25;
}
.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, 
.flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, 
.flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
	background-color: #08121f;
	border-color: #08121f;
	color: white;
}
.flatpickr-day.today:hover, .flatpickr-day.today:focus {
    border-color: #08121f; 
    background: #08121f;
    color: white;
}
.flatpickr-day.prevMonthDay:hover {
	background-color: transparent;	
	border: none;
}
	
/* ------------------------------ ///// CALENDAR FLATPICKR CONTAINER end ///// ------------------------------ */