.period-picker-wrapper {
    position: relative;
    overflow-y: auto;
    overscroll-behavior-y: none;
}

.period-picker-body {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}
.period-picker-body table {
    table-layout: fixed;
}

.period-picker-body table td {
    padding-left: 0!important;
    padding-right: 0!important;
}

.period-picker-body table td[data-date]:not([data-date=""]):not(.period-picker-past) {
    cursor: pointer;
}
.period-picker-body table td[data-date]:not([data-date=""]):not(.period-picker-past):hover {
    background-color: var(--beep-green);
    color: var(--beep-white);
}

.period-picker-body caption {
    border-bottom: 1px solid var(--beep-green, #dddddd);
}

.period-picker-close-sign {
    color: var(--beep-black, black);
    float: right;
    font-size: 2rem;
    line-height: 2rem;
    margin-right: 0.25rem;
    margin-top: -0.25rem;
}
.period-picker-close-sign:hover {
    color: #495057;
    cursor: pointer;
}

.period-picker-calendar {
    max-height: 48vh;
    overflow-y: auto;
}

@media (max-width: 768px) {
    .period-picker-body {height: 100%;}
    .period-picker-calendar {max-height: none;}
}

.period-picker-today {
    color: var(--beep-turquoise, #17a2b8);
    border: 1px solid var(--beep-lightorange)!important;
    position: relative;
}

.period-picker-today:before {
    color: var(--beep-orange);
    content: "dziś";
    font-size: 80%;
    position: absolute;
    left: 0;
    top: -16px;
}

.period-picker-past {
    color: rgba(0,0,0,0.38);
}

.period-picker-in-range {
    background-color: var(--beep-lightgray, #e9ecef);
}

.period-picker-range-edge {
    background-color: var(--beep-green, #007bff);
    color: white;
}

.period-picker-footer .fa-clock {
    bottom: initial;
    right: 1rem;
    top: 0.6rem;
}