.path-local-treestudyplan {
    font: inherit;

    table.studyplanreport {
        table-layout: fixed;
    }

    .q-header, .q-student-results {
        background-color: white;

        .q-period-heading, .q-line-heading, .q-item-heading, .q-condition-heading,
        .q-period-results, .q-line-results, .q-item-results, .q-condition-results
         {

            border-right: 1px solid gray;

            .q-header-title {
                padding: 0.5rem;

            }

        }

        .q-result {
            height: 2rem;
            padding-top: 0.25rem;
        }

    }

    .q-header, .q-student-results {
        /*.q-line-heading > .q-header-title,*/
        .q-item-heading.collapsed,
        .q-condition-heading {
            width: 2rem;
            writing-mode: vertical-lr;
            text-orientation: sideways;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .q-period-heading,
        .q-line-heading,
        .q-item-heading,
        .q-condition-heading {
            vertical-align: top;
        }

        .q-line-heading {
            height: fit-content;
        }
        .q-item-heading  {
            height: 6rem;
        }
        .q-condition-heading {
            text-align: center;
            span {
                height: 8rem;
                white-space: nowrap;
                display: inline-block;
                overflow: hidden;
                text-overflow: ellipsis;
            }

        }

    }

    .q-result {
        text-align: center;
        vertical-align: middle;
        border-right: 1px solid gray;
    }

    .q-studentname {
        padding: 0.5em;
        border-right: 2px solid grey;
        width: 20rem;
    }

    .q-courseresult,
    .q-conditionresult{
        i.fa {
            font-size: 21px;
            vertical-align: middle;
        }
    }

}