@import 'bootstrap/scss/functions';

@import 'bootstrap/scss/variables';

.session-container {

position: absolute;

top: 4rem;

bottom: 0;

left: 0;

right: 0;

display: flex;

flex-direction: column;

// justify-content: flex-end;

justify-content: flex;

overflow-y: hidden;

    .session-notes {

        overflow-y: hidden;

        width: 100%;

        display: flex;

        flex: 1;

        > * {

            padding-left: ($grid-gutter-width / 2);

            padding-right: ($grid-gutter-width / 2);

        }

        .notes-affix {

            min-width: 17%;

            max-width: 17%;

            display: flex;

            flex-direction: column;

            // > *:first-child {

            //     max-height: calc(100%);

            //     overflow-y: auto;

            // }

        }

        .notes-affix-summary {

            display: flex;

            flex-direction: column;

            overflow: hidden;

        }

        .notes-list {

            width: 100%;

            overflow-y: auto;

            overflow-x: hidden;

        }

    }

}