@charset "UTF-8";

.flatpickr-calendar, .flatpickr-calendar * {
	font-size: 1rem;
	font-size: 16px;
	-webkit-user-select: none; /* Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
	}

.flatpickr-calendar {
    font-family: inherit;
    border: 0;
    box-shadow: rgba(0,0,0,.35)0 5px 15px;
    border-radius: 20px;
	width: 330px !important;
}

@media (max-height: 550px), (max-width: 544px){
	.flatpickr-calendar{
		position: fixed;
		transform: translateX(-50%) translateY(-50%) !important;
		top: 50% !important;
		left: 50% !important;
	}
}

/* If appended to a form-element (and not body), flatpickr should appear centered inside that form */
.flatpickr-calendar.fp-appended-to-form {
	position: absolute;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
}

.flatpickr-calendar.animate.open {
    animation: none !important;
    webkit-animation: none !important;
}

.flatpickr-calendar:after, .flatpickr-calendar:before {
    display:none
}

/* Title added via JS */
/*.flatpickr-title {
	font-size: 16px;
}

.flatpickr-title .flatpickr-title-entry, .flatpickr-title .flatpickr-title-exit {
	display: inline-block;
	width: 50%;
	padding-top: 12px;
	padding-bottom: 10px;
	color: #7e8299;
	background-color: #ededed;

}

.flatpickr-title .flatpickr-title-entry {
	border-top-left-radius: 10px;
}

.flatpickr-title .flatpickr-title-exit {
	border-top-right-radius: 10px;
}

.flatpickr-title .flatpickr-title-entry:not(.active), .flatpickr-title .flatpickr-title-exit:not(.active) {
	cursor: pointer;
}

.flatpickr-title .flatpickr-title-entry.active, .flatpickr-title .flatpickr-title-exit.active {
	background-color: white;
	color: #3f4254;
	font-weight: 700;
	
}*/

/* Info added via JS */

/*.flatpickr-info {
	height: auto;
	margin-top: 15px;
}*/

/* Within Parking Period */

.flatpickr-day.within-parking-period {
	background: #f3f7fa;
}

.flatpickr-info > p {
	margin-left: 15px !important; 
	font-size: 14px; 
	display: block; 
	margin-right: 15px !important; border-radius: 10px; 
	padding: 5px; 
	background-color: #f3f7fa; 
	color: #0060a7; 
	border: 2px solid #0060a7;
	line-height: 1.6;
}

.flatpickr-info > p > i {
	padding-right: 5px;
	font-size: inherit;
}

.flatpickr-months {
    padding: 0 1rem;
	padding-top: 6px;
	position: relative;
}

.flatpickr-innerContainer {
    padding:.5rem 1rem
}

.dayContainer, .flatpickr-days {
    width: 100% !important;
    min-width: 100% !important;
    max-width:100% !important
}

.flatpickr-months .flatpickr-month {
    background: 0 0;
    color: #7e8299;
    fill: #7e8299;
    height:46px
}

.flatpickr-months .flatpickr-next-month, .flatpickr-months .flatpickr-prev-month {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .65rem;
    top:1rem;
	height: 32px;
}

.flatpickr-months .flatpickr-next-month svg, .flatpickr-months .flatpickr-prev-month svg {
    fill: #a1a5b7;
    height: 13px;
    width:13px
}

.flatpickr-months .flatpickr-next-month:hover, .flatpickr-months .flatpickr-prev-month:hover {
    background:#f5f8fa
}

.flatpickr-months .flatpickr-next-month:hover svg, .flatpickr-months .flatpickr-prev-month:hover svg {
    fill:#5e6278
}

.flatpickr-months .flatpickr-next-month.flatpickr-prev-month, .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {
    left:1rem
}

.flatpickr-months .flatpickr-next-month.flatpickr-next-month, .flatpickr-months .flatpickr-prev-month.flatpickr-next-month {
    right:1rem
}

.flatpickr-current-month {
    font-weight: 500;
    color:inherit
}

.flatpickr-current-month .numInputWrapper {
    border-radius: .65rem;
    width:65px
}

.flatpickr-current-month .numInputWrapper span.arrowUp {
    border-top-right-radius:.65rem
}

.flatpickr-current-month .numInputWrapper span.arrowDown {
    border-bottom-right-radius:.65rem
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    font-size: 1rem;
	font-size: 16px;
    color: #5e6278;
    font-weight: 500;
    padding: .5rem .75rem;
    margin-right: .5rem;
    outline: 0 !important;
    border-radius: .65rem;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance:none;
	line-height: 1.5;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
    background:#f5f8fa
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
    font-size: 1rem;
	font-size: 16px;
    color: #5e6278;
    font-weight: 500;
    background-color: transparent;
    outline: 0;
    padding:0
}

.flatpickr-current-month span.cur-month {
    color: #5e6278;
    font-size: 1rem;
	font-size: 16px;
    font-weight:500
}

.flatpickr-current-month span.cur-month:hover {
    background:#f5f8fa
}

.flatpickr-current-month input.cur-year {
    color: #5e6278;
    font-size: 1rem;
	font-size: 16px;
    padding: .5rem .75rem;
    font-weight: 500;
    outline:0 !important
}

span.flatpickr-weekday {
    color: #3f4254;
    font-size: 1rem;
	font-size: 16px;
    font-weight:600
}

.flatpickr-time {
    border-bottom-right-radius: .65rem;
    border-bottom-left-radius:.65rem;
    line-height: 70px !important;
    max-height: 70px !important;
    height: 70px !important;
}

.flatpickr-calendar.hasTime .flatpickr-time {
    border-top:1px solid #f5f8fa
}

.flatpickr-calendar.hasTime .flatpickr-time .flatpickr-time-label {
	display: inline-block;
	height: 100%;
	position: absolute;
	right: 10px;
	width: 40px;
}

.flatpickr-time .numInputWrapper {
    height: 70px !important;
}

.flatpickr-time .flatpickr-am-pm {
    color: #5e6278;
    font-size: 1rem;
	font-size: 16px;
    font-weight:500
}

.flatpickr-time input.flatpickr-hour, .flatpickr-time input.flatpickr-minute {
    color: #393939;
    font-size: 1rem;
	font-size: 16px;
    font-weight: 500;
	padding-right: 50px;
}

.flatpickr-time .flatpickr-am-pm:focus, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time input:hover {
    background:0 0
}

.numInputWrapper span {
    border-left: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-right:0 !important;
}

.flatpickr-time .numInputWrapper span {
	   width: 65%;
	opacity: 1;
}

.numInputWrapper span:hover {
    background:0 0 !important
}

.flatpickr-time .numInputWrapper span:after {
    top: 50% !important;
    transform: translateX(-50%);
    left: 50% !important;
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
	bottom: 25% !important;
    border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #a1a5b7 !important;

}

.flatpickr-time .numInputWrapper span.arrowDown:after {
	top: 25% !important;
    border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid #a1a5b7 !important;
}

.flatpickr-time .numInputWrapper span.arrowUp:hover:after {
    border-bottom-color: #393939 !important
}

.flatpickr-time .numInputWrapper span.arrowDown:hover:after {
    border-top-color: #393939  !important
}

.numInputWrapper:hover {
    background:0 0
}

.flatpickr-close-button {
    padding: 0px;
    height: 40px;
    width: 40px;
    margin-top: 15px;
    margin-right: 15px;
    margin-left: 15px;
}

body .flatpickr-calendar .flatpickr-day {
    border-radius: 30px;
    box-shadow: none !important;
	height: 36px;
	max-width: 36px;
	line-height: 36px;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
	margin-right: 3px;
	border: 0px !important;
}

.flatpickr-day.today, .flatpickr-day.today:hover, .flatpickr-day.today:focus, .flatpickr-day.today:active {
    border-color: transparent;
    background: #eff2f5;
    color:#5e6278
}


.flatpickr-day.selected, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.selected.prevMonthDay {
	background: #0060a7;
	color: #fff;
	cursor: pointer;
	outline: 0;
}

@media (hover: hover){
	.flatpickr-day:focus:not(.flatpickr-disabled), .flatpickr-day:hover:not(.flatpickr-disabled), .flatpickr-day:active:not(.flatpickr-disabled), .flatpickr-day.nextMonthDay:hover, .flatpickr-day.nextMonthDay:focus, .flatpickr-day.nextMonthDay:active , .flatpickr-day.selected:hover, .flatpickr-day.selected:focus, .flatpickr-day.selected:active, .flatpickr-day.within-parking-period:hover, .flatpickr-day.within-parking-period:focus, .flatpickr-day.within-parking-period:active  {
    background: #0060a7;
    color: #fff;
	cursor: pointer;
    outline: 0;
}
}

@media (hover: none){
	.flatpickr-day:hover:not(.selected):not(.within-parking-period):not(.flatpickr-disabled), .flatpickr-day:focus:not(.selected):not(.within-parking-period):not(.flatpickr-disabled) , .flatpickr-day:active:not(.selected):not(.within-parking-period):not(.flatpickr-disabled) {
		background-color: white !important;
		border: none !important;
		color: #393939;
	}
}



@media (max-width: 350px){
	.flatpickr-calendar{
		width: 280px !important;
	}
	
	.flatpickr-calendar, .flatpickr-calendar * {
		font-size: 14px !important;
	}
	
	body .flatpickr-calendar .flatpickr-day {
		height: 30px !important;
		max-width: 30px !important;
		line-height: 30px !important;
		margin-left: 2px !important;
		margin-right: 2px !important;
	}
}