.chat-container {
    position:fixed;
    bottom: 6px;
    right:10px;
    width:180px;
    height:auto;
    max-height:90vh;
    background-color:white;
    box-shadow : 0 0 1.14286rem 0 rgba(0,0,0,.2);
    border-radius: 6px 6px 0px 0px;
    z-index: 999;
    opacity: 0.95;
}
.chat-messages,
.admin-chat-messages {
    max-height:94vh;
    margin-bottom:6px;
    padding:6px;
    border:1px solid #EEE;
    border-radius:6px;
    overflow-y:auto;
}

.chat-messages {
    height:200px;
    margin-bottom:108px;
}

.admin-chat-messages {
  height:300px;
}
.chat-head {
    height:40px;
    border-radius: 6px 6px 0px 0px;
    background: #0b53ff;
    background: -webkit-gradient(linear, left top, right top, from(#0b53ff), to(#4ae5e9));
    background: -webkit-linear-gradient(left, #0b53ff 0%, #4ae5e9 100%);
    background: -o-linear-gradient(left, #0b53ff 0%, #4ae5e9 100%);
    background: linear-gradient(90deg, #0b53ff 0%, #4ae5e9 100%);
}
.chat-head.offline {
    background: #5a5a5a;
    background: -webkit-gradient(linear, left top, right top, from(#5a5a5a), to(#9e9e9e));
    background: -webkit-linear-gradient(left, #5a5a5a 0%, #9e9e9e 100%);
    background: -o-linear-gradient(left, #5a5a5a 0%, #9e9e9e 100%);
    background: linear-gradient(90deg, #5a5a5a 0%, #9e9e9e 100%);
}
.chat-title {
    display:inline-block;
    float:left;
    text-align:center;
    color:white;
    padding:8px;
    padding-left:12px;
}
.chat-close {
    display:inline-block;
    float:right;
    width:30px;
    color:white;
    padding-top:8px;
}
.chat-head {
    cursor:pointer;
}
.chat-body {
    padding:6px 6px 0px 6px; 
}
.message,
.admin-message {
    display:block;
    clear:both;
    margin-bottom:10px;
}
.message:after,
.admin-message:after {
    display: block;
    clear: both;
    content: "";
}
.message div,
.admin-message div {
    font-size:14px;
    width:90%;
    padding: 4px;
}
.message-user,
.admin-message-admin {
    text-align:right;
}
.message-user div,
.admin-message-admin div {
    float:right;
    padding-right:14px;
    background-color: #0b6dff;
    color:#f1f1f1;
    border-radius:16px;
}
.message-admin,
.admin-message-user {
    text-align:left
}
.message-admin div,
.admin-message-user div {
    float:left;
    padding-left:14px;
    background-color: #eaeaea;
    color: #3e3e3e;
    border-radius:16px;
}
#chat-input,
#admin-chat-input {
    height:100px;
    resize: none;
}

.admin-chat-menu {
    margin-bottom:0px!important;
    margin-left:-6px;
    margin-right:-6px;
    padding-left: 4px;
    padding-right:4px;
}
.admin-chat-menu.active {
    color:white;
    background-color: #428bf8;
}
.admin-chat-menu p {
    line-height:20px; 
    font-size:13px
}
.chat-icon {
    position:relative;
}

.chat-badge {
    position: absolute;
    top: -5px;
    font-family: arial;
    font-size: 10px;
    right: -8px;
    color:white;
}

#admin-chat-description {
    height: 30px;
    font-size: 15px;
    border-radius: 10px;
    margin-bottom: 4px;
    border: 1px solid #DDD;
    font-style: italic;
}