/* Override litepicker Style*/


:root {
	--litepicker-day-width: 40px;
	--litepicker-button-prev-month-color-hover: var(--button-color) !important;
    --litepicker-button-next-month-color-hover: var(--button-color) !important;
}
div.litepicker {
	font-family: var(--font-family-default);
}
div.litepicker div.container__months {
	background-color: var(--form-background);
	box-shadow: none;
	border-top-left-radius: var(--border-radius);
	border-top-right-radius: var(--border-radius);
	border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.litepicker .container__months .month-item-header .button-next-month:hover, .litepicker .container__months .month-item-header .button-previous-month:hover {
    color: var(--beon-yellow-color) !important;
    background: none;
    cursor: pointer;
	outline: none;
	border: none;
}

.litepicker .container__months .month-item-header .button-next-month svg, .litepicker .container__months .month-item-header .button-previous-month svg{
	fill: var(--beon-primary-color) !important;
}

.litepicker .container__months .month-item-header .button-next-month:hover>svg, .litepicker .container__months .month-item-header .button-previous-month:hover>svg{
	fill: var(--beon-yellow-color) !important;
}


form .litepicker .container__days .day-item.is-start-date {
	background-color: var(--beon-yellow-color);
	color: var(--beon-white-color) !important;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
form .litepicker .container__days .day-item.is-in-range {
	background-color: #d19445ad;
    border-radius: 0;
	color: var(--beon-white-color) !important;
}

form .litepicker .container__days .day-item.is-end-date {
	background-color: var(--beon-yellow-color);
	color: var(--beon-white-color) !important;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
form .litepicker .container__days .day-item:hover {
	background-color: var(--beon-yellow-color);
	box-shadow: inset 0 0 0 1px var(--beon-yellow-color);
	cursor: pointer;
	color: var(--beon-white-color) !important;
}
.litepicker .container__days .day-item, .litepicker .container__months .month-item-header{
    color: var(--beon-primary-color) !important;
}