﻿.calendar-wrapper,
.calendar-wrapper .flatpickr-calendar,
.calendar-wrapper .flatpickr-months,
.calendar-wrapper .flatpickr-innerContainer,
.calendar-wrapper .flatpickr-rContainer,
.calendar-wrapper .flatpickr-days {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    box-shadow: none !important;
}

    .calendar-wrapper .flatpickr-calendar {
        font-family: 'Verdana', sans-serif !important;
        font-size: 10pt !important;
        border: none !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
        background: transparent !important;
    }

    .calendar-wrapper .dayContainer {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        display: grid !important;
        grid-template-columns: repeat(7, 1fr) !important; 
        justify-items: center !important; 
    }

    .calendar-wrapper .flatpickr-day {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 40px !important;
        height: 40px !important;
        max-width: 40px !important;
        min-width: 40px !important;
        line-height: 40px !important;
        border-radius: 50% !important; 
        margin: 4px 0 !important;
    }

    .calendar-wrapper .flatpickr-weekdays {
        width: 100% !important;
        max-width: 100% !important;
        display: flex !important;
    }

    .calendar-wrapper .flatpickr-weekdaycontainer {
        width: 100% !important;
        max-width: 100% !important;
        display: grid !important;
        grid-template-columns: repeat(7, 1fr) !important; 
        justify-items: center !important;
    }

    .calendar-wrapper .flatpickr-weekday {
        font-weight: bold;
        color: #333333;
        font-family: 'Verdana', sans-serif !important;
    }


    .calendar-wrapper .flatpickr-current-month {
        color: #e77a00 !important;
        font-size: 13pt !important;
        font-weight: bold !important;
    }

    .calendar-wrapper .flatpickr-day.selected,
    .calendar-wrapper .flatpickr-day.selected:hover,
    .calendar-wrapper .flatpickr-day.selected:focus {
        background: #ff7e0f !important;
        border-color: #ff7e0f !important;
        color: white !important;
    }

    .calendar-wrapper .flatpickr-day.today {
        background: #CCCCCC !important;
        border-color: #CCCCCC !important;
        color: black !important;
    }

    .calendar-wrapper .flatpickr-day.prevMonthDay,
    .calendar-wrapper .flatpickr-day.nextMonthDay {
        color: #999999 !important;
        background: transparent !important;
        border-color: transparent !important;
    }

    .calendar-wrapper .flatpickr-current-month select option {
        color: #333333 !important;
        background-color: #FFFFFF !important; 
        font-weight: normal !important;
    }
