/* Additional style rules for WySEaSON Data Discovery app */

/* Bootstrap didn't add -x and -y overflow variants until 5.3;
    need to define it for use here */
.overflow-y-auto
{
    overflow-y: auto;
    position: relative;
}

div.content
{
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding-bottom: unset;
}

#results-panel-grouped
{
    min-block-size: 8rem;
}

#map-container
{
    block-size: 100%;
    min-block-size: 24rem;
}

#map-panel .card-body,
#leaflet-panel .card-body
{
    padding: unset;
}

.card-header > .btn-sm
{
    margin-block: -1rem;
}

summary
{
    list-style-position: outside;
}

.loading-spinner
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate( -50%, -50% );
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgb( 255 255 255 / 0.8 );
    width: 100%;
    height: 100%;
}