.path-local-treestudyplan {
    font: inherit;


    .q-header, .q-student-results {
        background-color: white;
        display: flex;
        flex-direction: row;;
        flex-wrap: nowrap;


        .q-period-heading, .q-line-heading, .q-item-heading, .q-condition-heading,
        .q-period-results, .q-line-results, .q-item-results, .q-condition-results,
         {
            display: flex;
            flex-direction: column;
            flex-grow: 1;

            &:not(:last-child) {
                border-right: 1px solid gray;
            }

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

            }

            .q-header-details,
            .q-result-details {
                display: flex;
                flex-direction: row;
                flex-wrap: nowrap;
                border-top: 1px solid green;

            }

        }

        .q-result {
            height: 2rem;

        }

    }

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

        .q-line-heading > .q-header-title {
            height: fit-content;
        }
        .q-item-heading > .q-item-heading {
            height: 6rem;
        }
        .q-condition-heading {
            height: 8rem;
        }

    }

    .q-studentname {
        padding: 0.5em;

        &.heading {
            font-weight: bold;
            vertical-align: bottom;
            display: flex;
    
            span {
                align-self:flex-end;
            }
        }

        border-right: 2px solid grey;
        width: 20rem;
    }
    .q-scrolly {
        overflow-y: auto;
        max-height: 300rem;
    }

}