/* Additional style rules for STA dashboard apps */

.form-select,
.form-select-sm
{
    padding-inline-start: 0.5rem;
    padding-inline-end: 1.5rem;
    background-position: right 0.25rem top 0.5rem;
}

.form-control,
.form-control-sm
{
    padding-inline: 0.5rem;
}

.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%;
}

#chart-card .card-body,
#timeSeriesContainer .card-body
{
    padding: 0.5rem;
}

#chart-card #chart-container,
#timeSeriesContainer #chart-container
{
    min-height: 30rem;
    position: relative;
    height: 100%;
    width: 100%;
}

[data-bs-theme="dark"] .chart-label
{
    /* Or any other light color you prefer */
    color: #ffffff !important;
}