.chatpanel{
    position: fixed;
    bottom: 0px;
    left: 10px;
    width: 19%;
    z-index: 1000;
    word-break: break-all;
}

@media (max-width: 1500px) {
    .chatpanel{
        width: 30%;
    }
}

@media (max-width: 1200px) {
    .chatpanel{
        width: 40%;
    }
}

@media (max-width: 767px) {
    .chatpanel{
        width: 80%;
    }
}

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

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

.chatpanel .chat li.left .chat-body
{
    margin-left: 60px;
}

.chatpanel .chat li.right .chat-body
{
    margin-right: 60px;
}


.chatpanel .chat li .chat-body p
{
    margin: 0;
    color: #777777;
}

.chatpanel .panel .slidedown .glyphicon, .chat .glyphicon
{
    margin-right: 5px;
}

.chatpanel .panel-body
{
    overflow-y: auto;
    height: 250px;
}

.rotate{
    -moz-transition: all 0.1s linear;
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.rotate.down{
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
}

.chatpanel .form-group-sm{
    margin-top:5px !important;
}