.email-application .email-app-menu
{
    height: 100%; 

    border-left: 1px solid #e4e7ed;
}
.email-application .email-app-menu .form-group-compose
{
    border-bottom: 1px solid #e4e7ed;
}
.email-application .email-app-menu .list-group-messages
{
    border-bottom: 1px solid #e4e7ed;
}
.email-application .email-app-menu .list-group-messages a
{
    font-size: 1.1rem; 

    padding: .85rem 1rem;
}

.email-application .email-app-list #users-list
{
    position: fixed;

    overflow: scroll;

    width: 292px;
    height: 100%;

    background: #fff;
}

.email-application .email-app-details
{
    overflow-y: scroll;

    height: -webkit-calc(100% - 30px);
    height:    -moz-calc(100% - 30px);
    height:         calc(100% - 30px);
}
.email-application .email-app-details .email-app-options,
.email-application .email-app-details .email-app-title
{
    border-bottom: 1px solid #e4e7ed;
}

.email-application .sidebar
{
    z-index: 1; 

    display: table;

    width: 499px;
    height: 100%;
}
.email-application .sidebar .email-app-sidebar
{
    display: table;

    height: 100%;
}

.email-application .content-right
{
    width: -webkit-calc(100% - 500px);
    width:    -moz-calc(100% - 500px);
    width:         calc(100% - 500px);
}

.email-application .app-content,
.email-application .content-right,
.email-application .content-wrapper,
.email-application .content-body
{
    height: 100%;
}

.email-application .content-wrapper
{
    padding: 0 !important;
}

.email-application .sidebar-left
{
    z-index: 999;

    display: table;

    height: 100%; 

    border-left: 1px solid #e4e7ed;
}

.email-application .chat-fixed-search
{
    position: fixed;
    z-index: 999;

    width: 292px;
    padding: 1rem; 

    background: #fff;
}
.email-application .chat-fixed-search fieldset
{
    border-bottom: 1px solid #e4e7ed;
}

.email-application .users-list-padding
{
    padding-top: 83px;
    padding-bottom: 125px;
}

.email-application .list-group-item.active
{
    font-weight: 700; 

    text-decoration: none;

    color: #4e5154 !important;
    background-color: #f9fafd;
}

@media (max-width: 991.98px)
{
    .email-application .chat-fixed-search,
    .email-application .email-app-list #users-list
    {
        width: -webkit-calc(100% - 60px);
        width:    -moz-calc(100% - 60px);
        width:         calc(100% - 60px);
    }
}

@media (max-width: 767.98px)
{
    .email-application .chat-fixed-search,
    .email-application .email-app-list #users-list
    {
        width: 100%;
    }
}

.horizontal-layout.email-application .app-content
{
    height: -webkit-calc(100% - 144px) !important;
    height:    -moz-calc(100% - 144px) !important;
    height:         calc(100% - 144px) !important;
    min-height: -webkit-calc(100% - 144px) !important;
    min-height:    -moz-calc(100% - 144px) !important;
    min-height:         calc(100% - 144px) !important;
    margin-top: 0 !important;
}
