@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%;
                > *:first-child {
                    max-height: calc(100%);
                    overflow-y: auto;
                }
        }
        .notes-list {
            width: 100%;
            overflow-y: auto;
            overflow-x: hidden;
        }
    }
}