#messages-main {
    position: relative;
    margin: 0 auto;
}
#messages-main:after, #messages-main:before {
    content: " ";
    display: table;
}
#messages-main .ms-menu {
    /* position: absolute; */
    left: 0;
    top: 0;
    border-right: 1px solid #eee;
    /* padding-bottom: 50px; */
    /* height: 100%; */
    /* width: 240px; */
    background: #fff;
}
/* @media (min-width:768px) {
    #messages-main .ms-body {
    padding-left: 240px;
} */
@media (max-width:767px) {
    #messages-main .ms-menu {
    height: calc(100% - 58px);
    /* display: none; */
    z-index: 1;
    top: 58px;
}
#messages-main .ms-menu.toggled {
    display: block;
}
#messages-main .ms-body {
    overflow: hidden;
}
}
#messages-main .ms-user {
    padding: 15px;
    background: #f8f8f8;
    margin: 8px;
}
#messages-main .ms-user>div {
    overflow: hidden;
    padding: 3px 5px 0 15px;
    font-size: 11px;
}
#messages-main #ms-compose {
    position: fixed;
    bottom: 120px;
    z-index: 1;
    right: 30px;
    box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
}
#ms-menu-trigger {
    user-select: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 100%;
    padding-right: 10px;
    padding-top: 19px;
}
#ms-menu-trigger i {
    font-size: 21px;
}
#ms-menu-trigger.toggled i:before {
    content: '\f2ea'
}
.fc-toolbar:before, .login-content:after {
    content: ""
}
.message-feed {
    padding: 10px 12px;
}

#footer, .fc-toolbar .ui-button, .fileinput .thumbnail, 
.four-zero, .four-zero footer>a, 
.ie-warning, .login-content, .login-navigation, 
.pt-inner, .pt-inner .pti-footer>a {
    text-align: center;
}
.message-feed.right>.pull-right {
    margin-left: 15px;
}
.message-feed:not(.right) .mf-content {
    margin-left: 20px;
    background: #d8ecf3;
    color: #5c5c5c;
}
.message-feed.right .mf-content {
    background: #f9f9f9;
}
.mf-content {
    padding: 8px 16px;
    border-radius: 8px;
    display: inline-block;
    max-width: 50%
}
.mf-date {
    display: block;
    color: #B3B3B3;
    margin-top: 7px;
}
.mf-date>i {
    font-size: 14px;
    line-height: 100%;
    position: relative;
    top: 1px;
}
.msb-reply {
    position: relative;
    margin-top: 30px;
    border-top: 1px solid #e82671;
    background: #ffffff;
}
.four-zero, .lc-block {
    box-shadow: 0 1px 11px rgba(0, 0, 0, .27);
}
.msb-reply textarea {
    width: 100%;
    font-size: 15px;
    border: 0;
    padding: 4px 8px;
    resize: none;
    /* height: 40px; */
    background: 0 0;
}
.msb-reply button {
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    height: 100%;
    width: 60px;
    font-size: 25px;
    color: #2196f3;
    background: 0 0;
}
.msb-reply button:hover {
    background: #f2f2f2;
}
.img-avatar {
    height: 37px;
    border-radius: 25px;
    width: 37px;
}
.list-group.lg-alt .list-group-item {
    border: 0;
}
.p-15 {
    padding: 15px!important;
}
/* .btn:not(.btn-alt) {
    border: 0;
} */
.action-header {
    position: relative;
    /* background: #f8f8f8; */
    padding: 15px;
}
.ah-actions {
    z-index: 3;
    float: right;
    margin-top: 7px;
    position: relative;
}
.actions {
    list-style: none;
    padding: 0;
    margin: 0;
}
.actions>li {
    display: inline-block;
}

.actions:not(.a-alt)>li>a>i {
    color: #939393;
}
.actions>li>a>i {
    font-size: 20px;
}
.actions>li>a {
    display: block;
    padding: 0 10px;
}
.ms-body{
    background:#fff;   
    height: 75vh;
}
#ms-menu-trigger {
    user-select: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 100%;
    padding-right: 10px;
    padding-top: 19px;
    cursor:pointer;
}
#ms-menu-trigger, .message-feed.right {
    text-align: right;
}
#ms-menu-trigger, .message-feed.right:last-child {
    bottom: 0;
}
#ms-menu-trigger, .toggle-switch {
    -webkit-user-select: none;
    -moz-user-select: none;
}

.chat-message {
    height: 60vh; overflow-y:auto; bottom: 0px; 
}
@media (max-width:600px) {
    .chat-message {
        overflow-y:scroll; bottom: 0px;
        height: 40vh; 
    }
    .ms-body{
        background:#fff;   
        height: 60vh;
    }
    .mf-content {
        padding: 8px 16px;
        border-radius: 8px;
        display: inline-block;
        max-width: 80%
    }
}