﻿.event-search-content-pane {
    flex-grow: 1;
    min-width: 350px;
    padding-top: 4px;
    padding-right: 4px;

    display: flex;
    flex-direction: column;
    overflow: hidden;
}


.event-search-table-toolbar {
}

.event-search-table-toolbar select {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0.5rem;
    font-size: 0.625rem;
    border-radius: 0.2rem;
    line-height: 1.75 !important;
}


.event-search-table {
    cursor: pointer;
    width: auto;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 10px;
    empty-cells: show;
}

    .event-search-table thead tr th,
    .event-search-table tbody tr td {
        padding-top: 3px;
        padding-bottom: 3px;
        overflow: hidden;
        white-space: nowrap;
    }

    .event-search-table thead tr th {
    }

    .event-search-table tbody tr.active td {
        background-color: var(--bs-secondary-bg);
    }

    .event-search-content-pane:focus-within .event-search-table tbody tr.active td {
        background-color: var(--bs-primary-bg-subtle);
    }


.event-search-calendar {
    cursor: default;
    max-height: 150px;
}

    .event-search-calendar .active {
        background-color: var(--bs-secondary-bg);
    }

    .event-search-calendar .clickable:hover {
        background-color: var(--bs-tertiary-bg);
    }

    .event-search-calendar .year {
        display: inline-block;
        min-width: 60px;
        font-size: 11px;
    }

    .event-search-calendar .month {
        display: inline-block;
        min-width: 60px;
        font-size: 10px;
        margin-right: 5px;
    }

    .event-search-calendar .day {
        display: inline-block;
        font-size: 9px;
        min-width: 5px;
        padding-left: 1px;
        padding-right: 1px;
        color: var(--bs-tertiary-color);
    }

        .event-search-calendar .day.clickable {
            color: var(--bs-body-color);
            font-weight: 500;
            cursor: pointer;
        }

        .event-search-calendar .day.holiday {
            color: var(--astrend-holiday-disabled);
        }

            .event-search-calendar .day.holiday.clickable {
                color: var(--astrend-holiday);
            }
