/************************************************************
 * GRUZ Forms – Flatpickr modern theme
 * Скроєно під контейнер .gruz-fp, тому глобально нічого не чіпає.
 ************************************************************/

.gruz-form .flatpickr-wrapper {
	display: block;
}

.gruz-fp {
    width: 240px;
	max-height: 273px !important;
	border-radius: 0px;
}

.gruz-fp .flatpickr-months {
    background: #ff6347;
    color: #fff;
}

.gruz-fp .flatpickr-days {
    width: 100%!important;
}
.gruz-fp .flatpickr-rContainer {
    display: block!important;
}

.gruz-fp .dayContainer {
    width: auto!important;
    min-width: auto!important;
    max-width: 100%!important;
}

.gruz-fp .flatpickr-day {
    border-radius: 0px!important;
    max-width: 100%!important;
    height: 30px!important;
    line-height: 30px!important;
}

.gruz-fp .flatpickr-day.today:hover, .gruz-fp .flatpickr-day.today:focus {
    border-color: #ff6347!important;
    background: #ff6347!important;
    color: #fff!important;
}


.gruz-fp .flatpickr-day.inRange, .gruz-fp .flatpickr-day.prevMonthDay.inRange, .gruz-fp .flatpickr-day.nextMonthDay.inRange, .gruz-fp .flatpickr-day.today.inRange, .gruz-fp .flatpickr-day.prevMonthDay.today.inRange, .gruz-fp .flatpickr-day.nextMonthDay.today.inRange, .gruz-fp .flatpickr-day:hover, .gruz-fp .flatpickr-day.prevMonthDay:hover, .gruz-fp .flatpickr-day.nextMonthDay:hover, .gruz-fp .flatpickr-day:focus, .gruz-fp .flatpickr-day.prevMonthDay:focus, .gruz-fp .flatpickr-day.nextMonthDay:focus {
    cursor: pointer;
    outline: 0;
    background: #ff6347!important;
    border-color: #ff6347!important;
	color: #fff!important;
}

.gruz-fp .flatpickr-monthDropdown-months {
	background: #ff6347!important;
	color: #fff !important;
}

.gruz-fp input, .gruz-fp select {
    padding: 0px 0px 0px 0px !important;
	margin-right: 7px !important;
    border-radius: 0px !important;
    border: 0px!important;
    height: auto!important;
    box-shadow: none !important;
    line-height: normal!important;
    color: #fff !important;
    font-size: 16px !important;
}


.gruz-fp .flatpickr-months .flatpickr-prev-month svg, .gruz-fp .flatpickr-months .flatpickr-next-month svg {
    fill: #ffffff!important;
}
.gruz-fp .flatpickr-months .flatpickr-prev-month:hover svg, .gruz-fp .flatpickr-months .flatpickr-next-month svg:hover {
    fill: #ccc!important;
}

.gruz-fp .numInputWrapper span {
    opacity: 9!important;
}

.gruz-fp .flatpickr-current-month .numInputWrapper span.arrowDown:after {
    border-top-color: #fff;
}
.gruz-fp .flatpickr-current-month .numInputWrapper span.arrowUp:after {
    border-bottom-color:#fff;
}