// Message
.messenger {
    display: flex;
    height: calc(100vh - #{$navbar-height} - 1rem);
    flex-direction: row;

    .message {
        padding: 1rem 0;

        & .message-flex .message-content+.message-content {
            margin-top: .25rem;
        }
    }
    .message-body {

    height: calc(100vh - #{$navbar-height} - 13rem);
    }
    .message-wrapper {
        padding: 0 2rem;
        flex: 1 1 auto;
        max-width: 100%;
    }

    .message-content {
        max-width: 65%;
        width: auto;

        >div {
            border-radius: .5rem;
            padding: 1rem 1.25rem;
            display: inline-block;
        }
    }

    .messenger-aside {
        flex: 0 0 320px;
        max-width: 320px;
    }
}