html {
    height: 100%;
}

    html body .view-body {
        height: 100%;
        overflow: hidden;
    }

    html body .container-fluid.body-content {
        position: absolute;
        top: 50px;
        bottom: 40px;
        right: 0;
        left: 0;
        overflow-y: auto;
    }

        html body .container-fluid.body-content.main {
            bottom: 60px;
        }

header {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 50px;
}

div.pull-right a {
    text-decoration: none;
    color: #333;
}

footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 40px;
    padding: 5px;
}

    footer.main {
        height: 60px;
        padding: 0;
    }

        footer.main .menu-item {
            display: inline-block;
            height: 60px;
            line-height: 60px;
            width: 100%;
            cursor: pointer;
            background-color: #f0f0f0;
        }

            footer.main .menu-item i {
                vertical-align: middle;
            }

        footer.main .col-xs-6 {
            margin: 0;
            padding: 0;
        }

.chat {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .chat li {
        margin-bottom: 10px;
        padding-bottom: 5px;
        border-bottom: 1px dotted #B3A9A9;
    }

        .chat li .chat-body .header strong {
            margin-top: -1px;
        }

        .chat li .chat-body .header small {
            padding-top: 1px;
        }

            .chat li .chat-body .header small .glyphicon {
                padding-right: 2px;
            }

        .chat li .chat-body p {
            margin: 0;
            padding: 3px;
            color: #777777;
            clear: both;
        }

.user-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .user-list li {
        margin-bottom: 10px;
        padding-bottom: 5px;
        border-bottom: 1px dotted #B3A9A9;
    }

        .user-list li .user-item {
            cursor: pointer;
        }

.btn-delete {
    cursor: pointer;
    font-size: 12px;
    line-height: 16px;
    vertical-align: middle;
}

.conversations-list {
    list-style: none;
    margin: 0;
    padding: 0;
}


    .conversations-list li {
        margin-bottom: 10px;
        padding-bottom: 5px;
        border-bottom: 1px dotted #B3A9A9;
        cursor: pointer;
    }

        .conversations-list li .conversations-body .header strong {
            margin-top: -1px;
        }

        .conversations-list li .conversations-body .header small {
            padding-top: 1px;
        }

            .conversations-list li .conversations-body .header small .glyphicon {
                padding-right: 2px;
            }

        .conversations-list li .conversations-body p {
            margin: 0;
            padding: 3px;
            color: #777777;
            clear: both;
        }