.b24-widget-button-wrapper.b24-widget-button-position-bottom-right {
    right: 50px;
    bottom: 70px;
}

.b24-widget-button-wrapper .b24-widget-button-inner-block {
    background-color: #000;
}

.b24-widget-button-wrapper .b24-widget-button-inner-mask {
    background-color: #000;
}

.b24-widget-button-wrapper .b24-widget-button-pulse {
    border-color: #000;
}

.b24-widget-button-wrapper .b24-widget-button-openline_livechat {
    background-color: #000;
}

.b24-widget-button-wrapper .b24-widget-button-popup {
    border-color: #d8d8d8;
    background-color: #f4f4f4;
}

.b24-widget-button-wrapper .b24-widget-button-popup-triangle {
    border-left-color: #d8d8d8;
}

.b24-form-wrapper,
.b24-form-content,
.b24-form-padding-side {
    background-color: #f4f4f4;
}

body .bx-livechat-wrapper {
    color: #1d1e1f;
    font-family: Arial, Helvetica, sans-serif;
    border-radius: 10px;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.18);
}

.bx-livechat-wrapper .bx-livechat-box {
    border: 1px solid #dedede;
    border-radius: 10px;
    background-color: #fff;
}

.bx-livechat-wrapper .bx-livechat-head {
    background-color: #000;
}

.bx-livechat-wrapper .bx-livechat-title,
.bx-livechat-wrapper .bx-livechat-control-btn {
    color: #fff;
}

.bx-livechat-wrapper .bx-livechat-body {
    background-color: #f4f4f4;
    background-image: none;
}

.bx-livechat-wrapper .bx-livechat-help-title {
    color: #1d1e1f;
}

.bx-livechat-wrapper .bx-livechat-help-subtitle,
.bx-livechat-wrapper .bx-livechat-user-name {
    color: #595d62;
}

.bx-livechat-wrapper .bx-livechat-user-icon {
    box-sizing: border-box;
    border: 1px solid #1d1e1f;
    background-color: #fff;
    box-shadow: 0 0 0 3px #fff, 0 0 0 4px #dedede;
    filter: grayscale(1) contrast(1.04);
}

.bx-livechat-wrapper .bx-livechat-textarea {
    border-top: 1px solid #dedede;
    background-color: #fff;
}

.bx-livechat-wrapper .bx-im-textarea-input {
    color: #1d1e1f;
}

.bx-livechat-wrapper .bx-im-textarea-input::placeholder {
    color: #8b8e92;
}

@media (min-width: 401px) and (max-width: 720px) {
    .b24-widget-button-wrapper.b24-widget-button-position-bottom-right {
        right: 24px;
    }
}

@media (max-width: 400px) {
    .b24-widget-button-wrapper.b24-widget-button-position-bottom-right {
        right: 10px;
    }

    body .bx-livechat-wrapper,
    .bx-livechat-wrapper .bx-livechat-box {
        border-radius: 8px;
    }

    body .bx-livechat-wrapper {
        right: 10px;
        left: 10px;
        width: auto;
    }

    .bx-livechat-wrapper .bx-livechat-widget-resize-handle {
        display: none;
    }
}