/*
    ----------------------------------------------
    Sky Panel  (Mobile first)
    ----------------------------------------------
*/
.sky-panel {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 0.5rem;
} 

    .sky-panel div {
        display: flex;
        align-content: center;
        justify-content: center;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: center;
    }

    .sky-panel .label {
        display: flex;
        flex-direction: column;
        flex: 3 !important;
    }

        .sky-panel .label a,
        .sky-panel .label > div {
            width: 100%;
            justify-content: flex-start;
            display: flex;
            flex-direction: row;
            font-size: var(--tableBodyFontSize);
            color: var(--tableBodyFontColor);
        }

    .sky-panel .title,
    .sky-panel .title * {
        font-weight: 500;
        text-decoration: none;

    }


/*Style breaks inline with Bootstrap
------------------------------------
sm and up ( 36rem = 576px )*/
@media (min-width: 48rem) {
}

/*md and up ( 48rem = 768px )*/
@media (min-width: 48rem) {
}

/*lg and up ( 62rem = 992px )*/
@media (min-width: 48rem) {
}

/*xl and up ( 75rem = 1200px )*/
@media (min-width: 75rem) {
}

/*xxl and up ( 87.5rem = 1400px )*/
@media (min-width: 87.5rem) {
}