.site-sidebar.slidePanel.slidePanel-right {
    min-width: 320px;
    max-width: 400px;
    width: 100%;
}
.chat-body {
    margin-right: 0;
}
.chat-content {
    margin-right: 5px;
}
.site-sidebar .conversation-header {
    height: 60px;
}
.site-sidebar .conversation-header>* {
    line-height: 60px !important;
}
.chats {
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
}
.slidePanel-right {
    top: 58px;
}
#chatbot_div {
    -webkit-transition-duration: .35s
}
.site-sidebar .conversation .chats {
    height: calc(100% - 120px);
}
.chat-content {
    color: #3a3a3a;
    background-color: #ebebeb;
}
.chat-time {
    font-size: 11px;
    color: #9e9e9e;
}
.chat-left .chat-content {
    color: #fff;
    background-color: #3964c7;
}
.chat-left .chat-content a {
    color: #fff;
}
.chat-left .chat-time {
    color: rgba(255,255,255,.6);
}
.right .chat-content {
    color: #757575;
    background-color: #ebebeb;
}
.chat-left .chat-content:before {
    border-right-color: #3f51b5;
}
.chat-content:before {
    border-left-color: #ebebeb;
}
.btn-chatbot {
    display: none;
    background-color: #3964c7;
    color: #efefef !important;
    outline: none !important;
}
.btn-chatbot .icon {
    font-size: 32px;
}
.b24-widget-button-wrapper {
    visibility: hidden !important;
}
.b24-widget-button-popup-show {
    display: none !important;
}
.site-action {
    right: 30px;
    bottom: 26px;
}
.b24-widget-button-pulse-animate {
    display: none;
}
.b24-widget-button-position-bottom-right {
    right: 25px !important;
    bottom: 20px !important;
}
.operator-button {
    border: 1px solid white;
    padding: 5px;
    border-radius: 10px;
    background-color: #3e92ff;
    color: #fff;
    font-weight: 500;
}
.operator-button:hover {
    color: #fff;
    background-color: #3e92ff;
}
.chat_globe {
    display: none;
    max-width: 312px;
    position: fixed;
    border: 2px solid #0075a6;
    background: #fff;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 12px 20px 12px 14px;
    right: 95px;
    bottom: 27px;
    z-index: 1;
}
.chat_globe_msg {
    color: #000 !important;
}
.chat_globe_triangle {
    position: absolute;
    bottom: 19px;
    right: -6px;
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background: #fff;
    border-right: 2px solid #0075a6;
    border-bottom: 2px solid #0075a6;
}
.chat_globe_close {
    position: absolute;
    top: 4px;
    right: 4px;
    display: inline-block;
    height: 20px;
    width: 20px;
    background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2210%22%20height%3D%2210%22%20viewBox%3D%220%200%2010%2010%22%3E%3Cpath%20fill%3D%22%23525C68%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6.41%205.07l2.867-2.864-1.34-1.34L5.07%203.73%202.207.867l-1.34%201.34L3.73%205.07.867%207.938l1.34%201.34L5.07%206.41l2.867%202.867%201.34-1.34L6.41%205.07z%22/%3E%3C/svg%3E);
    background-repeat: no-repeat;
    background-position: center;
    opacity: .2;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    cursor: pointer;
}
.chat_globe_close:hover {
    opacity: 1;
}

.site-sidebar .conversation-title {
    z-index: 1;
    padding: 0;
    margin-right: 60px;
}

.operator-button {
    font-size: 12px !important;
    max-width: 300px;
    white-space: normal;
}

.chat-content button {
    margin: 5px 0;
    display: block;
}

.chatbot-option {
    width: 100%;
    white-space: normal;
}

.float-right {
    float: right !important;
}

.float-left {
    float: left !important;
}