#chat-minimized{
    position: fixed;
    bottom: 0px;
    cursor: pointer;
    background-color: #428bca;
    color: white;
    right: 20px;
    width: 200px;
    z-index: 10000001;
    padding: 5px 10px 5px 10px;
    font-size: 14px;
}

.chat-websdr{
    bottom: 69px !important;
}

.chat-with-websdr-connection{
  bottom: 106px !important;
}

.chat-with-connection{
  bottom: 37px !important;
}

#chat-box{
    z-index: 10000001;
    position: fixed;
    bottom: 0px;
    right: 20px;
    width: 600px;
}

.panel{
    margin-bottom: 0px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: none;
}

ul.chat{
    list-style-type: none;
}

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

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

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


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

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

#chat-panel-heading{
    cursor: pointer;
}

#chat-panel-body
{
    overflow-y: scroll;
    height: 250px;
}

::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

::-webkit-scrollbar
{
    width: 12px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}


@media only screen and (max-width: 600px) {
    #chat-box{
        width: 310px;
    }
}