/* -----------------------
Sky Tasks Styles, Mobile first
-----------------------*/

/*SkyTask Grid*/
.sky-tasks-grid {
    width: 100%;
}

    .sky-tasks-grid > .header {
        font-size: 1rem;
        color: var(--tableHeadFontColor);
        text-align: left;
        text-decoration: none;
        font-weight: 300;
    }

    .sky-tasks-grid > .body {
    }

        .sky-tasks-grid > .body > div {
           height: 2rem;
           align-items: center;
        }

/*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) {
}





/*.sky-card-footer {
    background-color: #fff;
    padding: 1rem;
    font-size: 1rem;
    display: flex;
    justify-content: flex-end;
    font-weight: 500;
    border-radius: 0 0 0.5rem 0.5rem;
    border-top: 1px solid #E5E5E7;
}

    .sky-tasks-grid header > div,
    .sky-tasks-grid body > div {
        padding: var(--tablePaddingY) var(--tablePaddingX);
        line-height: 18px;
        text-align: left;
        text-decoration: none;
        font-weight: var(--tableFontWeight);
    }

    .sky-tasks-grid td,
    .sky-tasks-grid > tr {
        font-size: var(--tableBodyFontSize);
        color: var(--tableBodyFontColor);
        height: 72px !important;
    }

    .sky-tasks-grid td,
    .sky-tasks-grid > tr {
        height: 50px !important;
    }

.sky-table thead th:first-child {
    border-start-start-radius: 5px;
}

.sky-table thead th:last-child {
    border-start-end-radius: 5px;
}

.sky-tasks-grid td.command {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    text-decoration: none;
    color: unset;
}

.sky-tasks-grid > tbody > tr {
    background-color: var(--tableRowBackgroundColor);
    border-bottom: 1px solid rgb(219, 223, 230);
}

.sky-tasks-grid, > tbody > tr:nth-of-type(2n+2) {
    backgro


.sky-tasks-grid, > tbody > tr:nth-of-type(2n+2) {
    background-color: var(--tableAlternateRowBackgroundColor);
}
*/