@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;
        }
    }
}