jdp-container {
    border-radius: 12px;
    box-shadow: 0px 1px 2px 1px #888C911A, 0px 0px 0px 1px #F2F5F8;
    padding: 8px;
}

    jdp-container .jdp-day-name {
        background-color: #00C0C41A;
        color: #00C0C4;
    }

        jdp-container .jdp-day-name:first-of-type {
            border-top-right-radius: 6px;
            border-bottom-right-radius: 6px;
        }

        jdp-container .jdp-day-name:nth-of-type(7) {
            border-top-left-radius: 6px !important;
            border-bottom-left-radius: 6px !important;
        }

        jdp-container .jdp-day-name.holly-day, jdp-container .jdp-day-name.last-week, jdp-container .jdp-day.holly-day, jdp-container .jdp-day.last-week {
            color: #ff2b67;
        }

        jdp-container .jdp-day-name.last-week {
            background-color: #ff2b671A;
        }

        jdp-container .jdp-day-name.selected, jdp-container .jdp-day.selected {
            color: #00C0C4 !important;
            background-color: #00C0C41A;
            border-color: #00C0C4;
        }

        jdp-container .jdp-day-name.today, jdp-container .jdp-day.today {
            color: #00C0C4 !important;
            border-color: #00C0C4;
        }

    jdp-container .jdp-btn-close, jdp-container .jdp-btn-empty, jdp-container .jdp-btn-today {
        background-color: #00C0C4;
    }

    jdp-container .jdp-years,
    jdp-container .jdp-months {
        display: inline-flex;
        align-items: center;
        gap: 0px;
        width: calc(50% - 6px);
        margin: 0;
        font-size: 0.9rem;
        background-color: #f0f0f0;
        padding: 4px 2px;
        border-radius: 8px;
    }

    jdp-container .jdp-years *,
    jdp-container .jdp-months *{
        font-weight: 500;
    }

    jdp-container .jdp-months {
       margin-right: 12px;
    }
    jdp-container .jdp-icon-minus, jdp-container .jdp-icon-plus {
        border: none;
        border-radius: 8px;
        fill: #666;
        line-height: 0;
    }

    jdp-container .jdp-month, jdp-container .jdp-month input, jdp-container .jdp-month select, jdp-container .jdp-time, jdp-container .jdp-time input, jdp-container .jdp-time select, jdp-container .jdp-year, jdp-container .jdp-year input, jdp-container .jdp-year select {
        border-radius: 8px;
        appearance: none;
    }

    jdp-container .jdp-day:not(.disabled-day):hover {
        background-color: #F5F7FA;
    }

    jdp-container .jdp-month:hover, jdp-container .jdp-time:hover, jdp-container .jdp-year:hover {
        filter: none;
    }