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