@import "monthpicker.css";

.datepicker .day-grid {
    display: grid;
    grid-template-columns:
    repeat(7, 1fr);
    gap: 4px;
    padding: 10px;
}

.datepicker .day-name {
    text-align: center;
    font-size: 0.8rem;
    color: #666;
}

.datepicker .day-button {
    background: #F0F0F0;
    border: none;
    padding: 6px 0;
    border-radius: 4px;
    color: #000;
}

.datepicker button.day-button:disabled {
    cursor: unset;
}

.datepicker .day-button:disabled {
    background: #fff;
    color: #aaa;
}

.datepicker .day-empty {
    height: 28px;
}

.datepicker-today {
    text-align: center;
    color: #1f1f1f;
    cursor: pointer;
}

.day-header {
    text-align: center;
    color: #1f1f1f;
}

.datepicker .year-section {
    padding: 0.625rem; !important;
}