nb-card.scrolling {
    height: 100%;
    max-height: 90vh;
    nb-card-body {
        height: calc(100% - 137px); //400px;
        overflow-y: auto;
        overflow-x: hidden;
        position: relative;
    }
}
nb-card-header.withControls {
    padding: 0.6rem 1.25rem;

    .row {
        height: 40px;
        vertical-align: middle;
        display: flex;
        align-items: center;
    }
}
.accordionPanel {
    max-height: 0;
    transition: max-height 0.5s ease-out;
    overflow: hidden;
    &.show {
        max-height: 2900px;
        transition: max-height 0.5s ease-in;
    }
}
div.switchPanel2 {
    transform: scaleY(0);
    transform-origin: top;
    transition: transform 0.5s ease;
    &.show {
        transform: scaleY(1);
    }
}
.form-group {
    margin-bottom: 0.5rem;
}
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
    table.NoTable {
        /* Force table to not be like tables anymore */
        display: block;
        thead,
        tbody,
        th,
        td,
        tr {
            display: block;
        }

        /* Hide table headers (but not display: none;, for accessibility) */
        thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        tr {
            border: 1px solid #ccc;
        }

        td {
            /* Behave  like a "row" */
            border: none;
            border-bottom: 1px solid #eee;
            position: relative;
            padding-left: 50%;
        }

        td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 6px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
        }

        td:before {
            /* Now like a table header */
            position: absolute;

            /* Top/left values mimic padding */
            top: 6px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
            //Label the data
            content: attr(data-th);

            // font-weight: bold;
            // display: inline-block;
            // width: 8rem;
        }
    }
}

nb-card {
    margin-bottom: 0.875rem !important;
    margin-right: -15px !important;
    nb-card-body.fullScreen {
        height: calc(100% - 137px); //400px;
    }
}

table.fixedHeader {
    tbody {
        display: block;
        overflow: auto;
        width: 100%;
    }

    thead,
    tbody tr,
    tfoot {
        display: table;
        width: 100%;
        table-layout: fixed;
    }
    &.expandAll {
        tbody {
            height: auto;
        }
    }
    th,
    td {
        padding: 0.75rem 0.4rem;

        $i: 5;
        @while $i < 55 {
            &.colW-#{$i} {
                width: $i * 1%;
            }
            &.colW-#{$i}px {
                width: #{$i}px;
            }
            $i: $i + 5;
        }
        @while $i < 205 {
            &.colW-#{$i}px {
                width: #{$i}px;
            }
            $i: $i + 5;
        }
    }

    td.colSeq {
        vertical-align: middle;
        line-height: 30px;
        font-weight: 900;
    }
}
