.sb-chat > .sb-body {
    background: #0a1113 url('/chat-pattern.png') center center / cover no-repeat !important;
    border: solid 2px #22272b !important;
}

.sb-list > div.sb-right {
    background-color: #f6c604 !important;
}

.sb-right .sb-player>div {
    background-color: #f6c604 !important;
}

.sb-player > div:not(.sb-player-time):hover {
    color: #0a1113 !important;
}

.sb-list .sb-message-media {
    background: none !important;
}

.sb-player > div {
    font-size: 16px !important;
}

.sb-right .sb-player > div {
    color: #0A1113 !important;
}

.sb-player-download.sb-icon-arrow-down {
    display: none !important;
}

.sb-list>div.sb-right .sb-message, .sb-list>div.sb-right .sb-message a {
    color: #0a1113 !important;
}

.sb-list > div {
    background-color: #22272B !important;
}

.sb-chat .sb-scroll-area {
    scrollbar-width: thin !important;
    scrollbar-color: #22272b #0a1113 !important;
}

.sb-chat .sb-scroll-area::-webkit-scrollbar {
    width: 8px !important;
}

.sb-chat .sb-scroll-area::-webkit-scrollbar-track {
    background: #0a1113 !important;
}

.sb-chat .sb-scroll-area::-webkit-scrollbar-thumb {
    background: #22272b !important;
    border-radius: 20px !important;
}

.sb-list > div.sb-label-date, .sb-label-date-top {
    background: none !important;
}

.sb-list .sb-message, .sb-list .sb-message a {
    color: #f8f8f8 !important;
    font-size: 16px !important;
}

.sb-list > div.sb-label-date span, .sb-label-date-top span {
    margin: 15px auto 0px auto !important;
}

.sb-list .sb-time {
    opacity: 1 !important;
    color: #8D9497 !important;
    font-size: 12px !important;
}

.sb-chat .sb-header-agent .sb-profile .sb-name {
    font-size: 18px !important;
}

.sb-editor textarea {
    font-size: 16px !important;
    color: #fff !important;
}

.sb-list > div.sb-label-date span, .sb-label-date-top span {
    display: inline-block;
    background: #22272b !important;
    color: #c8c8c8 !important;
}

.sb-editor.sb-focus {
    border-color: #F6C604 !important;
}

.sb-chat .sb-editor {
    background-color: #0a1113 !important;
    border: solid 1px #22272b !important;
}

.sb-close {
    filter: brightness(0) !important;
}

.sb-chat .sb-close-chat, .sb-chat .sb-enlarge-chat-widget {
    display: none !important;
}

.sb-editor .sb-bar-icons > div:before {
    color: #ffffff !important;
}

.sb-chat .sb-scroll-area .sb-header {
    background-color: #0a1113 !important;
}

.sb-chat-btn {
    width: 55px !important;
    height: 55px !important;
}

.sb-chat-btn img {
    width: 55px !important;
    height: 55px !important;
}

.sb-chat .sb-header-agent .sb-profile img {
    width: 50px !important;
    height: 50px !important;
}