.chatbro_data_tippy [data-tippy] {
        position: absolute;
        height: inherit;
        width: inherit;
        top: 0;
        left: 0;
    }
    .chatbro_data_tippy [data-tippy]:before,
    .chatbro_data_tippy [data-tippy]:after {
        position: absolute;
        display: block;
        opacity: 0;
        transition: all 0.18s ease-out;
        font-family: sans-serif;
        transform: translate3d(-60%, 0, 0);
        transform-origin: top;
        top: 100%;
        left: 50%;
        pointer-events: none;
        font-weight: 100;
    }
    .chatbro_data_tippy [data-tippy]:before {
        content: attr(data-tippy);
        color: #fff;
        font-size: 13px;
        background-color: #000;
        z-index: 1;
        padding: 3px 6px;
        border-radius: 3px;
        white-space: nowrap;
        margin-top: 10px;
    }
    .chatbro_data_tippy [data-tippy]:after {
        content: "";
        border: 5px solid transparent;
        border-bottom-color: #000;
    }
    .chatbro_data_tippy [data-tippy]:hover:before,
    .chatbro_data_tippy [data-tippy]:hover:after {
        transform: translate3d(-50%, 0, 0);
    }
    .chatbro_data_tippy [data-tippy][data-tippy-pos]:before {
        top: auto;
        left: auto;
        margin-top: auto;
        transform: none;
    }
    .chatbro_data_tippy [data-tippy][data-tippy-pos]:after {
        top: auto;
        left: auto;
        margin-top: auto;
        border-bottom-color: transparent;
        transform: none;
    }
    .chatbro_data_tippy [data-tippy][data-tippy-pos="up"]:before,
    .chatbro_data_tippy [data-tippy][data-tippy-pos="up"]:after,
    .chatbro_data_tippy [data-tippy][data-tippy-pos="down"]:before,
    .chatbro_data_tippy [data-tippy][data-tippy-pos="down"]:after {
        left: 0;
    }
    .chatbro_data_tippy [data-tippy][data-tippy-pos="topLeft"]:before,
    .chatbro_data_tippy [data-tippy][data-tippy-pos="topLeft"]:after {
        left: 50%;
    }
    .chatbro_data_tippy [data-tippy][data-tippy-pos="topRight"]:before,
    .chatbro_data_tippy [data-tippy][data-tippy-pos="topRight"]:after {
        left: 50%;
    }
    .chatbro_data_tippy [data-tippy][data-tippy-pos="up"]:before,
    .chatbro_data_tippy [data-tippy][data-tippy-pos="up"]:after {
        bottom: 100%;
        transform: translate3d(-50%, 0, 0);
    }
    .chatbro_data_tippy [data-tippy][data-tippy-pos="topLeft"]:before,
    .chatbro_data_tippy [data-tippy][data-tippy-pos="topLeft"]:after {
        bottom: 100%;
        transform: translate3d(-15%, 0, 0);
    }
    .chatbro_data_tippy [data-tippy][data-tippy-pos="topRight"]:before,
    .chatbro_data_tippy [data-tippy][data-tippy-pos="topRight"]:after {
        bottom: 100%;
        transform: translate3d(-75%, 0, 0);
    }
    .chatbro_data_tippy [data-tippy][data-tippy-pos="up"]:before,
    .chatbro_data_tippy [data-tippy][data-tippy-pos="topRight"]:before,
    .chatbro_data_tippy [data-tippy][data-tippy-pos="topLeft"]:before {
        margin-bottom: 10px;
    }
    .chatbro_data_tippy [data-tippy][data-tippy-pos="up"]:after,
    .chatbro_data_tippy [data-tippy][data-tippy-pos="topRight"]:after,
    .chatbro_data_tippy [data-tippy][data-tippy-pos="topLeft"]:after {
        border-top-color: #000;
        border-bottom-color: transparent;
    }
    .chatbro_data_tippy [data-tippy][data-tippy-pos="down"]:before,
    .chatbro_data_tippy [data-tippy][data-tippy-pos="down"]:after {
        top: 100%;
        transform: translate3d(-90%, 0, 0);
    }
    .chatbro_data_tippy [data-tippy][data-tippy-pos="down"]:before {
        margin-top: 10px;
    }
    .chatbro_data_tippy [data-tippy][data-tippy-pos="down"]:after {
        border-bottom-color: #000;
        border-top-color: transparent;
    }
    .chatbro_data_tippy [data-tippy][data-tippy-pos="left"]:before,
    .chatbro_data_tippy [data-tippy][data-tippy-pos="left"]:after,
    .chatbro_data_tippy [data-tippy][data-tippy-pos="right"]:before,
    .chatbro_data_tippy [data-tippy][data-tippy-pos="right"]:after {
        top: 50%;
    }
    .chatbro_data_tippy [data-tippy][data-tippy-pos="left"]:before,
    .chatbro_data_tippy [data-tippy][data-tippy-pos="left"]:after {
        right: 100%;
        transform: translate3d(0, -50%, 0);
    }
    .chatbro_data_tippy [data-tippy][data-tippy-pos="left"]:before {
        margin-right: 10px;
    }
    .chatbro_data_tippy [data-tippy][data-tippy-pos="left"]:after {
        border-left-color: #000;
    }
    .chatbro_data_tippy [data-tippy][data-tippy-pos="right"]:before,
    .chatbro_data_tippy [data-tippy][data-tippy-pos="right"]:after {
        left: 100%;
        transform: translate3d(0, -50%, 0);
    }
    .chatbro_data_tippy [data-tippy][data-tippy-pos="right"]:before {
        margin-left: 10px;
    }
    .chatbro_data_tippy [data-tippy][data-tippy-pos="right"]:after {
        border-right-color: #000;
    }
    .chatbro_data_tippy [data-tippy]:hover:before,
    .chatbro_data_tippy [data-tippy]:hover:after {
        opacity: 1;
    }
    .chatbro_data_tippy [data-tippy][data-tippy-animate="slide"]:before,
    .chatbro_data_tippy [data-tippy][data-tippy-animate="slide"]:after {
        transform: translate3d(-50%, -10px, 0);
    }
    .chatbro_data_tippy [data-tippy][data-tippy-animate="slide"]:hover:before,
    .chatbro_data_tippy [data-tippy][data-tippy-animate="slide"]:hover:after {
        transform: translate3d(-50%, 0, 0);
    }
    .chatbro_data_tippy [data-tippy][data-tippy-pos="up"][data-tippy-animate="slide"]:before,
    .chatbro_data_tippy [data-tippy][data-tippy-pos="up"][data-tippy-animate="slide"]:after {
        transform: translate3d(-50%, 10px, 0);
    }
    .chatbro_data_tippy [data-tippy][data-tippy-pos="down"][data-tippy-animate="slide"]:before,
    .chatbro_data_tippy [data-tippy][data-tippy-pos="down"][data-tippy-animate="slide"]:after {
        transform: translate3d(-50%, -10px, 0);
    }
    .chatbro_data_tippy [data-tippy][data-tippy-pos="up"][data-tippy-animate="slide"]:hover:before,
    .chatbro_data_tippy [data-tippy][data-tippy-pos="up"][data-tippy-animate="slide"]:hover:after,
    .chatbro_data_tippy [data-tippy][data-tippy-pos="down"][data-tippy-animate="slide"]:hover:before,
    .chatbro_data_tippy [data-tippy][data-tippy-pos="down"][data-tippy-animate="slide"]:hover:after {
        transform: translate3d(-50%, 0, 0);
    }
    .chatbro_data_tippy [data-tippy][data-tippy-pos="left"][data-tippy-animate="slide"]:before,
    .chatbro_data_tippy [data-tippy][data-tippy-pos="left"][data-tippy-animate="slide"]:after {
        transform: translate3d(10px, -50%, 0);
    }
    .chatbro_data_tippy [data-tippy][data-tippy-pos="right"][data-tippy-animate="slide"]:before,
    .chatbro_data_tippy [data-tippy][data-tippy-pos="right"][data-tippy-animate="slide"]:after {
        transform: translate3d(-10px, -50%, 0);
    }
    .chatbro_data_tippy [data-tippy][data-tippy-pos="left"][data-tippy-animate="slide"]:hover:before,
    .chatbro_data_tippy [data-tippy][data-tippy-pos="left"][data-tippy-animate="slide"]:hover:after,
    .chatbro_data_tippy [data-tippy][data-tippy-pos="right"][data-tippy-animate="slide"]:hover:before,
    .chatbro_data_tippy [data-tippy][data-tippy-pos="right"][data-tippy-animate="slide"]:hover:after {
        transform: translate3d(0, -50%, 0);
    }
    .chatbro_data_tippy [data-tippy][data-tippy-animate="bubble"]:before,
    .chatbro_data_tippy [data-tippy][data-tippy-animate="bubble"]:after {
        opacity: 1;
        visibility: hidden;
    }
    .chatbro_data_tippy [data-tippy][data-tippy-animate="bubble"]:hover:before,
    .chatbro_data_tippy [data-tippy][data-tippy-animate="bubble"]:hover:after {
        visibility: visible;
    }
    .chatbro_data_tippy [data-tippy][data-tippy-animate="bubble"]:before {
        -webkit-clip-path: circle(10% at 50% 0);
        clip-path: circle(10% at 50% 0);
    }
    .chatbro_data_tippy [data-tippy][data-tippy-animate="bubble"]:hover:before {
        -webkit-clip-path: circle(100% at 50%);
        clip-path: circle(100% at 50%);
    }
    .chatbro_data_tippy [data-tippy][data-tippy-pos="up"][data-tippy-animate="bubble"]:before {
        -webkit-clip-path: circle(10% at 50% 100%);
        clip-path: circle(10% at 50% 100%);
    }
    .chatbro_data_tippy [data-tippy][data-tippy-pos="up"][data-tippy-animate="bubble"]:hover:before {
        -webkit-clip-path: circle(100% at 50%);
        clip-path: circle(100% at 50%);
    }
    .chatbro_data_tippy [data-tippy][data-tippy-pos="down"][data-tippy-animate="bubble"]:before {
        -webkit-clip-path: circle(10% at 50% 0);
        clip-path: circle(10% at 50% 0);
    }
    .chatbro_data_tippy [data-tippy][data-tippy-pos="down"][data-tippy-animate="bubble"]:hover:before {
        -webkit-clip-path: circle(100% at 50%);
        clip-path: circle(100% at 50%);
    }
    .chatbro_data_tippy [data-tippy][data-tippy-pos="left"][data-tippy-animate="bubble"]:before {
        -webkit-clip-path: circle(10% at 100% 50%);
        clip-path: circle(10% at 100% 50%);
    }
    .chatbro_data_tippy [data-tippy][data-tippy-pos="left"][data-tippy-animate="bubble"]:hover:before {
        -webkit-clip-path: circle(100% at 50%);
        clip-path: circle(100% at 50%);
    }
    .chatbro_data_tippy [data-tippy][data-tippy-pos="right"][data-tippy-animate="bubble"]:before {
        -webkit-clip-path: circle(10% at 0 50%);
        clip-path: circle(10% at 0 50%);
    }
    .chatbro_data_tippy [data-tippy][data-tippy-pos="right"][data-tippy-animate="bubble"]:hover:before {
        -webkit-clip-path: circle(100% at 50%);
        clip-path: circle(100% at 50%);
    }
    .chatbro_image_delete-ico {
        background-image: url(//www.chatbro.com/images/sprites.png) !important;
        background-position: -74px -14px !important;
        width: 10px;
        height: 10px;
    }
    .chatbro_image_ok {
        background-image: url(//www.chatbro.com/images/sprites.png) !important;
        background-position: 0 0 !important;
        width: 32px;
        height: 32px;
    }
    .chatbro_image_question {
        background-image: url(//www.chatbro.com/images/sprites.png) !important;
        background-position: -37px 0 !important;
        width: 32px;
        height: 32px;
    }
    .chatbro_image_reply_ico {
        background-image: url(//www.chatbro.com/images/sprites.png) !important;
        background-position: -74px 0 !important;
        width: 12px;
        height: 9px;
    }
    .chatbro_image_send {
        background-image: url(//www.chatbro.com/images/sprites.png) !important;
        background-position: 0 -37px !important;
        width: 32px;
        height: 32px;
    }
    .chatbro_image_smile {
        background-image: url(//www.chatbro.com/images/sprites.png) !important;
        background-position: -37px -37px !important;
        width: 32px;
        height: 32px;
    }
    .sprite-icon {
        display: inline-block;
    }
    .chatbro_opacity {
        visibility: hidden;
    }
    .chatbro_fade_out {
        visibility: hidden !important;
        opacity: 0 !important;
        transform: scale(0.8);
        transition: visibility 0s linear 100ms, opacity 100ms, transform 0.2s;
    }
    .chatbro_fade_in {
        visibility: visible !important;
        opacity: 1 !important;
        transition: visibility 0s linear 0s, opacity 100ms, transform 0.2s;
        transform: scale(1);
    }
    .chatbro_opacity {
        animation-name: chatbroopacity;
        -webkit-animation-name: chatbroopacity;
        animation-duration: 0.1s;
        -webkit-animation-duration: 0.1s;
        animation-timing-function: ease-out;
        -webkit-animation-timing-function: ease-out;
        visibility: visible !important;
    }
    @keyframes chatbroopacity {
        0% {
            opacity: 0;
        }
        10% {
            opacity: 0.1;
        }
        20% {
            opacity: 0.2;
        }
        30% {
            opacity: 0.3;
        }
        40% {
            opacity: 0.4;
        }
        50% {
            opacity: 0.5;
        }
        60% {
            opacity: 0.6;
        }
        70% {
            opacity: 0.7;
        }
        80% {
            opacity: 0.8;
        }
        90% {
            opacity: 0.9;
        }
        100% {
            opacity: 1;
        }
    }
    .chatbro_new_scroll {
        overflow-y: auto;
        overflow-y: overlay;
        scrollbar-width: thin;
        -ms-overflow-style: none;
        transform: translateZ(0);
    }
    .chatbro_new_scroll::-webkit-scrollbar {
        width: 4px;
        height: 8px;
    }
    .chatbro_new_scroll::-webkit-scrollbar * {
        background: transparent;
    }
    .chatbro_new_scroll::-webkit-scrollbar-thumb {
        background: #aaaaaa !important;
        border-radius: 4px;
        -webkit-overflow-scrolling: touch;
    }
    .chatbro_new_scroll_narrow {
        overflow-y: auto;
        overflow-y: overlay;
        scrollbar-width: thin;
        -ms-overflow-style: none;
        transform: translateZ(0);
    }
    .chatbro_new_scroll_narrow::-webkit-scrollbar {
        width: 4px;
        height: 4px;
    }
    .chatbro_new_scroll_narrow::-webkit-scrollbar * {
        background: transparent;
    }
    .chatbro_new_scroll_narrow::-webkit-scrollbar-thumb {
        background: #aaaaaa !important;
        border-radius: 4px;
        -webkit-overflow-scrolling: touch;
    }
    .chatbro_new_scroll_horizontal::-webkit-scrollbar {
        height: 4px;
    }
    .chatbro_new_scroll_horizontal::-webkit-scrollbar * {
        background: transparent;
    }
    .chatbro_new_scroll_horizontal::-webkit-scrollbar-thumb {
        background: #aaaaaa !important;
        border-radius: 4px;
        -webkit-overflow-scrolling: touch;
    }
    .chatbro_new_scroll_horizontal_narrow::-webkit-scrollbar {
        height: 4px;
    }
    .chatbro_new_scroll_horizontal_narrow::-webkit-scrollbar * {
        background: transparent;
    }
    .chatbro_new_scroll_horizontal_narrow::-webkit-scrollbar-thumb {
        background: #aaaaaa !important;
        border-radius: 4px;
        -webkit-overflow-scrolling: touch;
    }
    @keyframes chatbro_scroll_last_msg {
        0% {
            transform: translate(0, 0);
        }
        100% {
            transform: translate(-100%, 0);
        }
    }
    @font-face {
        font-display: swap;
        font-family: "chatbro";
        src: url("//www.chatbro.com/fonts/chatbro.eot?10");
        src: url("//www.chatbro.com/fonts/chatbro.eot?#iefix?10") format("embedded-opentype"), url("//www.chatbro.com/fonts/chatbro.woff?10") format("woff"), url("//www.chatbro.com/fonts/chatbro.ttf?10") format("truetype"),
            url("//www.chatbro.com/fonts/chatbro.svg?10#chatbro") format("svg");
        font-weight: normal;
        font-style: normal;
    }
    @font-face {
        font-display: swap;
        font-family: "glyphicons-halflings-regular";
        src: url("//www.chatbro.com/fonts/glyphicons-halflings-regular.eot");
        src: url("//www.chatbro.com/fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("//www.chatbro.com/fonts/glyphicons-halflings-regular.woff2") format("woff2"),
            url("//www.chatbro.com/fonts/glyphicons-halflings-regular.woff") format("woff"), url("//www.chatbro.com/fonts/glyphicons-halflings-regular.ttf") format("truetype"),
            url("//www.chatbro.com/fonts/glyphicons-halflings-regular.svg#svgFontName") format("svg");
    }
    .chatbro_ico {
        font-family: "chatbro", serif !important;
    }
    .chatbro_slide_from_right {
        right: -6000px;
        animation: chatbroslr 0.2s forwards;
    }
    @keyframes chatbroslr {
        100% {
            right: 0;
        }
    }
    .chatbro_slide_from_left {
        left: -6000px;
        animation: chatbrosll 0.2s forwards;
    }
    @keyframes chatbrosll {
        100% {
            left: 0;
        }
    }
    .chatbro_container {
        font-size: 12px;
        position: relative;
    }
    .chatbro_container [data-tippy] {
        position: absolute;
        height: inherit;
        width: inherit;
        top: 0;
        left: 0;
    }
    .chatbro_container [data-tippy]:before,
    .chatbro_container [data-tippy]:after {
        position: absolute;
        display: block;
        opacity: 0;
        transition: all 0.18s ease-out;
        font-family: sans-serif;
        transform: translate3d(-50%, 0, 0);
        transform-origin: top;
        top: 100%;
        left: 50%;
        pointer-events: none;
        font-weight: 100;
    }
    .chatbro_container [data-tippy]:before {
        content: attr(data-tippy);
        color: #fff;
        font-size: 13px;
        background-color: #000;
        z-index: 1;
        padding: 3px 6px;
        border-radius: 3px;
        white-space: nowrap;
        margin-top: 10px;
    }
    .chatbro_container [data-tippy]:after {
        content: "";
        border: 5px solid transparent;
        border-bottom-color: #000;
    }
    .chatbro_container [data-tippy]:hover:before,
    .chatbro_container [data-tippy]:hover:after {
        transform: translate3d(-50%, 0, 0);
    }
    .chatbro_container [data-tippy][data-tippy-pos]:before {
        top: auto;
        left: auto;
        margin-top: auto;
        transform: none;
    }
    .chatbro_container [data-tippy][data-tippy-pos]:after {
        top: auto;
        left: auto;
        margin-top: auto;
        border-bottom-color: transparent;
        transform: none;
    }
    .chatbro_container [data-tippy][data-tippy-pos="up"]:before,
    .chatbro_container [data-tippy][data-tippy-pos="up"]:after,
    .chatbro_container [data-tippy][data-tippy-pos="down"]:before,
    .chatbro_container [data-tippy][data-tippy-pos="down"]:after {
        left: 0;
    }
    .chatbro_container [data-tippy][data-tippy-pos="topLeft"]:before,
    .chatbro_container [data-tippy][data-tippy-pos="topLeft"]:after {
        left: 50%;
    }
    .chatbro_container [data-tippy][data-tippy-pos="topRight"]:before,
    .chatbro_container [data-tippy][data-tippy-pos="topRight"]:after {
        left: 50%;
    }
    .chatbro_container [data-tippy][data-tippy-pos="up"]:before,
    .chatbro_container [data-tippy][data-tippy-pos="up"]:after {
        bottom: 100%;
        transform: translate3d(-50%, 0, 0);
    }
    .chatbro_container [data-tippy][data-tippy-pos="topLeft"]:before,
    .chatbro_container [data-tippy][data-tippy-pos="topLeft"]:after {
        bottom: 100%;
        transform: translate3d(-15%, 0, 0);
    }
    .chatbro_container [data-tippy][data-tippy-pos="topRight"]:before,
    .chatbro_container [data-tippy][data-tippy-pos="topRight"]:after {
        bottom: 100%;
        transform: translate3d(-75%, 0, 0);
    }
    .chatbro_container [data-tippy][data-tippy-pos="up"]:before,
    .chatbro_container [data-tippy][data-tippy-pos="topRight"]:before,
    .chatbro_container [data-tippy][data-tippy-pos="topLeft"]:before {
        margin-bottom: 10px;
    }
    .chatbro_container [data-tippy][data-tippy-pos="up"]:after,
    .chatbro_container [data-tippy][data-tippy-pos="topRight"]:after,
    .chatbro_container [data-tippy][data-tippy-pos="topLeft"]:after {
        border-top-color: #000;
        border-bottom-color: transparent;
    }
    .chatbro_container [data-tippy][data-tippy-pos="down"]:before,
    .chatbro_container [data-tippy][data-tippy-pos="down"]:after {
        top: 100%;
        transform: translate3d(-90%, 0, 0);
    }
    .chatbro_container [data-tippy][data-tippy-pos="down"]:before {
        margin-top: 10px;
    }
    .chatbro_container [data-tippy][data-tippy-pos="down"]:after {
        border-bottom-color: #000;
        border-top-color: transparent;
    }
    .chatbro_container [data-tippy][data-tippy-pos="left"]:before,
    .chatbro_container [data-tippy][data-tippy-pos="left"]:after,
    .chatbro_container [data-tippy][data-tippy-pos="right"]:before,
    .chatbro_container [data-tippy][data-tippy-pos="right"]:after {
        top: 50%;
    }
    .chatbro_container [data-tippy][data-tippy-pos="left"]:before,
    .chatbro_container [data-tippy][data-tippy-pos="left"]:after {
        right: 100%;
        transform: translate3d(0, -50%, 0);
    }
    .chatbro_container [data-tippy][data-tippy-pos="left"]:before {
        margin-right: 10px;
    }
    .chatbro_container [data-tippy][data-tippy-pos="left"]:after {
        border-left-color: #000;
    }
    .chatbro_container [data-tippy][data-tippy-pos="right"]:before,
    .chatbro_container [data-tippy][data-tippy-pos="right"]:after {
        left: 100%;
        transform: translate3d(0, -50%, 0);
    }
    .chatbro_container [data-tippy][data-tippy-pos="right"]:before {
        margin-left: 10px;
    }
    .chatbro_container [data-tippy][data-tippy-pos="right"]:after {
        border-right-color: #000;
    }
    .chatbro_container [data-tippy]:hover:before,
    .chatbro_container [data-tippy]:hover:after {
        opacity: 1;
    }
    .chatbro_container [data-tippy][data-tippy-animate="slide"]:before,
    .chatbro_container [data-tippy][data-tippy-animate="slide"]:after {
        transform: translate3d(-50%, -10px, 0);
    }
    .chatbro_container [data-tippy][data-tippy-animate="slide"]:hover:before,
    .chatbro_container [data-tippy][data-tippy-animate="slide"]:hover:after {
        transform: translate3d(-50%, 0, 0);
    }
    .chatbro_container [data-tippy][data-tippy-pos="up"][data-tippy-animate="slide"]:before,
    .chatbro_container [data-tippy][data-tippy-pos="up"][data-tippy-animate="slide"]:after {
        transform: translate3d(-50%, 10px, 0);
    }
    .chatbro_container [data-tippy][data-tippy-pos="down"][data-tippy-animate="slide"]:before,
    .chatbro_container [data-tippy][data-tippy-pos="down"][data-tippy-animate="slide"]:after {
        transform: translate3d(-50%, -10px, 0);
    }
    .chatbro_container [data-tippy][data-tippy-pos="up"][data-tippy-animate="slide"]:hover:before,
    .chatbro_container [data-tippy][data-tippy-pos="up"][data-tippy-animate="slide"]:hover:after,
    .chatbro_container [data-tippy][data-tippy-pos="down"][data-tippy-animate="slide"]:hover:before,
    .chatbro_container [data-tippy][data-tippy-pos="down"][data-tippy-animate="slide"]:hover:after {
        transform: translate3d(-50%, 0, 0);
    }
    .chatbro_container [data-tippy][data-tippy-pos="left"][data-tippy-animate="slide"]:before,
    .chatbro_container [data-tippy][data-tippy-pos="left"][data-tippy-animate="slide"]:after {
        transform: translate3d(10px, -50%, 0);
    }
    .chatbro_container [data-tippy][data-tippy-pos="right"][data-tippy-animate="slide"]:before,
    .chatbro_container [data-tippy][data-tippy-pos="right"][data-tippy-animate="slide"]:after {
        transform: translate3d(-10px, -50%, 0);
    }
    .chatbro_container [data-tippy][data-tippy-pos="left"][data-tippy-animate="slide"]:hover:before,
    .chatbro_container [data-tippy][data-tippy-pos="left"][data-tippy-animate="slide"]:hover:after,
    .chatbro_container [data-tippy][data-tippy-pos="right"][data-tippy-animate="slide"]:hover:before,
    .chatbro_container [data-tippy][data-tippy-pos="right"][data-tippy-animate="slide"]:hover:after {
        transform: translate3d(0, -50%, 0);
    }
    .chatbro_container [data-tippy][data-tippy-animate="bubble"]:before,
    .chatbro_container [data-tippy][data-tippy-animate="bubble"]:after {
        opacity: 1;
        visibility: hidden;
    }
    .chatbro_container [data-tippy][data-tippy-animate="bubble"]:hover:before,
    .chatbro_container [data-tippy][data-tippy-animate="bubble"]:hover:after {
        visibility: visible;
    }
    .chatbro_container [data-tippy][data-tippy-animate="bubble"]:before {
        -webkit-clip-path: circle(10% at 50% 0);
        clip-path: circle(10% at 50% 0);
    }
    .chatbro_container [data-tippy][data-tippy-animate="bubble"]:hover:before {
        -webkit-clip-path: circle(100% at 50%);
        clip-path: circle(100% at 50%);
    }
    .chatbro_container [data-tippy][data-tippy-pos="up"][data-tippy-animate="bubble"]:before {
        -webkit-clip-path: circle(10% at 50% 100%);
        clip-path: circle(10% at 50% 100%);
    }
    .chatbro_container [data-tippy][data-tippy-pos="up"][data-tippy-animate="bubble"]:hover:before {
        -webkit-clip-path: circle(100% at 50%);
        clip-path: circle(100% at 50%);
    }
    .chatbro_container [data-tippy][data-tippy-pos="down"][data-tippy-animate="bubble"]:before {
        -webkit-clip-path: circle(10% at 50% 0);
        clip-path: circle(10% at 50% 0);
    }
    .chatbro_container [data-tippy][data-tippy-pos="down"][data-tippy-animate="bubble"]:hover:before {
        -webkit-clip-path: circle(100% at 50%);
        clip-path: circle(100% at 50%);
    }
    .chatbro_container [data-tippy][data-tippy-pos="left"][data-tippy-animate="bubble"]:before {
        -webkit-clip-path: circle(10% at 100% 50%);
        clip-path: circle(10% at 100% 50%);
    }
    .chatbro_container [data-tippy][data-tippy-pos="left"][data-tippy-animate="bubble"]:hover:before {
        -webkit-clip-path: circle(100% at 50%);
        clip-path: circle(100% at 50%);
    }
    .chatbro_container [data-tippy][data-tippy-pos="right"][data-tippy-animate="bubble"]:before {
        -webkit-clip-path: circle(10% at 0 50%);
        clip-path: circle(10% at 0 50%);
    }
    .chatbro_container [data-tippy][data-tippy-pos="right"][data-tippy-animate="bubble"]:hover:before {
        -webkit-clip-path: circle(100% at 50%);
        clip-path: circle(100% at 50%);
    }
    .chatbro_container .chatbro_unmovable_chat {
        position: relative;
    }
    .chatbro_container .chatbro_movable_chat {
        position: fixed;
        z-index: 4999;
    }
    .chatbro_container .chatbro_minimized_chat.chatbro_movable_chat {
        bottom: 0;
        z-index: 5000;
    }
    .chatbro_container .chatbro_minimized_chat.chatbro_unmovable_chat {
        display: none;
    }
    .chatbro_container .chatbro_minimized_chat.chatbro_unmovable_chat .chatbro_minimized_caption {
        width: 100%;
    }
    .chatbro_container * {
        box-sizing: border-box;
        font-family: Tahoma, Helvetica, sans-serif;
        letter-spacing: 0.2px;
    }
    .chatbro_container .emojione {
        font-size: inherit;
        height: 18px;
        width: 18px;
        min-height: 18px;
        min-width: 18px;
        display: inline-block;
        margin: -0.2ex 0.15em 0;
        line-height: normal;
        vertical-align: middle;
    }
    .chatbro_container img.emojione {
        width: auto;
    }
    .chatbro_container table {
        border: none !important;
        background-color: inherit;
    }
    .chatbro_container table tr,
    .chatbro_container table td,
    .chatbro_container table tbody {
        border: none;
        background: none !important;
    }
    .chatbro_container button,
    .chatbro_container input {
        border: 0 !important;
        padding: 0 !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        min-height: 0 !important;
        font-weight: normal !important;
        text-shadow: none !important;
        outline: none !important;
        text-transform: none !important;
        min-width: 1px;
        line-height: normal;
    }
    .chatbro_container button {
        font-family: "chatbro", serif !important;
        text-align: center !important;
    }
    .chatbro_container label {
        text-transform: none;
    }
    .chatbro_add_funds {
        display: inline;
        padding: 0;
        color: #0096cf;
        text-decoration: underline;
    }
    .chatbro_add_funds:hover {
        color: #0096cf;
    }
    .chatbro_alert {
        margin: 0;
        margin-top: 10px;
        margin-right: 10px;
        padding: 0 10px;
        opacity: 0.9;
        display: inline-block;
        font-size: 13px;
        border: 1px solid transparent;
        border-radius: 3px;
    }
    .chatbro_alert:last-child {
        margin-right: 0;
    }
    .chatbro_alert.chatbro_alert_danger {
        background-color: #f2dede;
        border-color: #ebccd1;
        color: #a94442;
    }
    .chatbro_alert.chatbro_alert_info {
        background-color: #d9edf7;
        border-color: #bce8f1;
        color: #31708f;
    }
    .chatbro_clearfix {
        content: " ";
        display: table;
    }
    .chatbro_chat_wrapper {
        width: 100%;
        height: inherit;
        display: block;
    }
    .chatbro_chat {
        display: block;
        -webkit-user-select: auto;
        -ms-user-select: auto;
        user-select: auto;
    }
    .chatbro_chat table {
        display: table;
        height: auto;
        border-collapse: initial !important;
    }
    .chatbro_chat a {
        color: #2b6dad;
        text-decoration: none;
        cursor: pointer;
        font-size: inherit;
        word-wrap: normal;
        border-bottom: none;
        display: inline;
    }
    .chatbro_chat a:hover {
        border-bottom: 0;
        color: #2b6dad;
        text-decoration: underline;
    }
    .chatbro_chat .chatbro_ok:before {
        content: "\41";
        vertical-align: bottom;
        font-family: "chatbro", serif !important;
    }
    .chatbro_header_rotare_to_right {
        transform: rotate(-90deg);
        transform-origin: left bottom 0;
    }
    .chatbro_header_rotare_to_left {
        transform: rotate(90deg);
        transform-origin: right bottom 0;
    }
    .chatbro_header {
        position: relative;
        z-index: 6;
        width: 100%;
        height: 37px;
        overflow: hidden;
    }
    .chatbro_header tbody,
    .chatbro_header tr,
    .chatbro_header td {
        height: inherit;
    }
    .chatbro_header .hideChatArea {
        position: absolute;
        width: 100%;
        background: black;
        opacity: 0.5;
    }
    .chatbro_header table {
        width: 100%;
        height: 100% !important;
        table-layout: auto !important;
        border-spacing: 0 !important;
        margin: 0;
    }
    .chatbro_header table td {
        padding: 0 !important;
        margin: 0;
        display: table-cell;
        vertical-align: middle !important;
        border: none !important;
    }
    .chatbro_header .chatbro_header_caption_td {
        width: 100%;
    }
    .chatbro_header .chatbro_header_caption_td .chatbro_minimized_caption {
        display: inline;
    }
    .chatbro_header .chatbro_header_alarm {
        position: absolute;
        width: 20px;
        height: 20px;
        background: white;
        border: 2px solid;
        border-radius: 10px;
        top: 14px;
        color: #474d5b;
        left: 12px;
        font-weight: bold;
        font-size: 14px;
        text-align: center;
        cursor: pointer;
        padding: 0;
        margin: 0;
        line-height: 17px;
        display: none;
    }
    .chatbro_header .chatbro_header_alarm .chatbro_alarm_ico {
        top: 0;
        padding: 0;
        font-size: 12px;
        font-weight: 100;
    }
    .chatbro_header .chatbro_header_button {
        width: 35px;
        height: 100%;
        padding: 0;
        margin: 0;
        font-size: 14px;
        background: none;
        transition: 0.1s ease-out;
    }
    .chatbro_header .chatbro_header_button span {
        display: none;
    }
    .chatbro_header .chatbro_caption {
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    .chatbro_header .chatbro_chat_name {
        padding: 3px 5px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        float: left;
        font-size: 13px;
        height: 100%;
        line-height: 31px;
    }
    .chatbro_header .chatbro_movable_minimized_last_message {
        display: block;
        width: 125px;
        white-space: nowrap;
        overflow: hidden;
    }
    .chatbro_header .chatbro_movable_minimized_last_message span {
        display: inline-block;
        padding-left: 100%;
        animation: chatbro_scroll_last_msg 5s infinite linear;
    }
    .chatbro_header .chatbro_title,
    .chatbro_header .chatbro_movable_minimized_title,
    .chatbro_header .chatbro_movable_minimized_last_message {
        font-size: 13px;
        font-weight: bold;
        padding: 0;
        text-align: left;
    }
    .chatbro_header .chatbro_title > *,
    .chatbro_header .chatbro_movable_minimized_title > *,
    .chatbro_header .chatbro_movable_minimized_last_message > * {
        display: inline-block;
    }
    .chatbro_header .chatbro_title,
    .chatbro_header .chatbro_movable_minimized_title {
        text-overflow: ellipsis;
    }
    .chatbro_header .chatbro_movable_minimized_title,
    .chatbro_header .chatbro_movable_minimized_last_message {
        display: inline-block;
        font-size: 13px;
    }
    .chatbro_header .chatbro_participant_wrapper_max {
        margin-right: 9px;
    }
    .chatbro_header .chatbro_participant_wrapper_max,
    .chatbro_header .chatbro_participant_wrapper_min,
    .chatbro_header .chatbro_notifications {
        float: right;
        padding: 5px 1px;
        font-size: 13px;
        height: 100%;
        line-height: 27px;
    }
    .chatbro_header .chatbro_notifications {
        cursor: pointer;
        padding: 3px 0;
        display: none;
    }
    .chatbro_header .chatbro_participant_count {
        display: none;
        position: relative;
    }
    .chatbro_header .chatbro_movable_minimized_ico_wrapper {
        display: inline-block;
        margin-right: 3px !important;
        height: 23px;
        width: 23px;
        text-align: left;
    }
    .chatbro_header .chatbro_movable_minimized_ico_wrapper .chatbro_movable_minimized_icon_0 {
        display: none;
    }
    .chatbro_header .chatbro_movable_minimized_ico_wrapper .chatbro_movable_minimized_icon_1,
    .chatbro_header .chatbro_movable_minimized_ico_wrapper .chatbro_movable_minimized_icon_2,
    .chatbro_header .chatbro_movable_minimized_ico_wrapper .chatbro_movable_minimized_icon_3,
    .chatbro_header .chatbro_movable_minimized_ico_wrapper .chatbro_movable_minimized_icon_4,
    .chatbro_header .chatbro_movable_minimized_ico_wrapper .chatbro_movable_minimized_icon_5,
    .chatbro_header .chatbro_movable_minimized_ico_wrapper .chatbro_movable_minimized_icon_6,
    .chatbro_header .chatbro_movable_minimized_ico_wrapper .chatbro_movable_minimized_icon_7 {
        font-size: 20px;
        top: 1px;
        left: 0;
        position: relative;
    }
    .chatbro_header .chatbro_movable_minimized_ico_wrapper .chatbro_movable_minimized_icon_1:before {
        font-family: "chatbro", serif !important;
        content: "\25";
    }
    .chatbro_header .chatbro_movable_minimized_ico_wrapper .chatbro_movable_minimized_icon_2 {
        top: 0;
    }
    .chatbro_header .chatbro_movable_minimized_ico_wrapper .chatbro_movable_minimized_icon_2:before {
        font-family: "chatbro", serif !important;
        content: "\23";
    }
    .chatbro_header .chatbro_movable_minimized_ico_wrapper .chatbro_movable_minimized_icon_3:before {
        font-family: "chatbro", serif !important;
        content: "\26";
    }
    .chatbro_header .chatbro_movable_minimized_ico_wrapper .chatbro_movable_minimized_icon_4 {
        top: 0;
    }
    .chatbro_header .chatbro_movable_minimized_ico_wrapper .chatbro_movable_minimized_icon_4:before {
        font-family: "chatbro", serif !important;
        content: "\4a";
    }
    .chatbro_header .chatbro_movable_minimized_ico_wrapper .chatbro_movable_minimized_icon_5:before {
        font-family: "chatbro", serif !important;
        content: "\21";
    }
    .chatbro_header .chatbro_movable_minimized_ico_wrapper .chatbro_movable_minimized_icon_6 {
        top: 0;
    }
    .chatbro_header .chatbro_movable_minimized_ico_wrapper .chatbro_movable_minimized_icon_6:before {
        font-family: "chatbro", serif !important;
        content: "\24";
    }
    .chatbro_header .chatbro_movable_minimized_ico_wrapper .chatbro_movable_minimized_icon_7 {
        top: 0;
    }
    .chatbro_header .chatbro_movable_minimized_ico_wrapper .chatbro_movable_minimized_icon_7:before {
        font-family: "chatbro", serif !important;
        content: "\27";
    }
    .chatbro_header .chatbro_participant_ico {
        font-size: 9px;
        top: 0;
        margin-right: 3px;
        position: relative;
    }
    .chatbro_header .chatbro_participant_ico:before {
        content: "\7a";
        font-family: "chatbro", serif !important;
    }
    .chatbro_header .chatbro_minimized_chat_ico {
        font-size: 20px;
        margin-left: 10px;
        color: white;
    }
    .chatbro_header .chatbro_minimized_chat_ico:before {
        content: "\56";
        font-family: "chatbro", serif !important;
    }
    .chatbro_header .chatbro_alarm_ico {
        font-size: 9px;
    }
    .chatbro_header .chatbro_alarm_ico:before {
        font-family: "chatbro", serif !important;
        content: "\6c";
    }
    .chatbro_header .chatbro_bell_ico {
        font-size: 12px;
        top: 2px;
        position: relative;
        margin-right: 7px;
        cursor: pointer;
    }
    .chatbro_header .chatbro_bell_ico:before {
        font-family: "chatbro", serif !important;
        content: "\31";
    }
    .chatbro_header .chatbro_minimized_invite_button,
    .chatbro_header .chatbro_maximized_invite_button {
        float: left;
    }
    .chatbro_header .chatbro_minimized_invite_button:before,
    .chatbro_header .chatbro_maximized_invite_button:before {
        font-family: "chatbro", serif !important;
        content: "\79";
    }
    .chatbro_header .chatbro_minimize_button {
        float: right;
    }
    .chatbro_header .chatbro_minimize_button:before {
        font-family: "chatbro", serif !important;
        content: "\34";
        display: inline;
        font-weight: normal;
        font-size: 14px;
        position: relative;
        top: 1px;
    }
    .chatbro_header .chatbro_header_minimized_movable {
        margin: 0 10px;
        display: inline-block;
        font-weight: bold;
    }
    .chatbro_header .chatbro_header_minimized_movable div {
        margin-right: 5px;
    }
    .chatbro_header .chatbro_header_minimized_movable div:last-child {
        margin-right: 0 !important;
    }
    .chatbro_header .chatbro_header_minimized_movable .chatbro_participant_count {
        font-size: 13px;
        margin-left: 0;
    }
    .chatbro_header .chatbro_header_minimized_movable * {
        vertical-align: middle;
        line-height: normal !important;
    }
    .chatbro_header .chatbro_header_minimized_movable .new_messages_count {
        font-size: 13px;
    }
    .chatbro_header .chatbro_header_minimized_movable .chatbro_participant_ico,
    .chatbro_header .chatbro_header_minimized_movable .new_messages_count_wrapper,
    .chatbro_header .chatbro_alarm_ico {
        font-size: 10px;
    }
    .chatbro_header .chatbro_alarm_ico {
        cursor: pointer;
        position: relative;
        top: 2px;
        padding: 3px 0;
        font-size: 12px;
        font-weight: 100;
    }
    .chatbro_header .chatbro_participant_ico,
    .chatbro_header .new_messages_ico,
    .chatbro_header .new_messages_count_wrapper,
    .chatbro_header .new_messages_count_wrapper_max,
    .chatbro_header .chatbro_alarm_ico,
    .chatbro_header .chatbro_bell_ico,
    .chatbro_header .chatbro_minimized_chat_ico {
        font-family: "chatbro", serif !important;
    }
    .chatbro_minimized_header {
        z-index: 1;
        transition: background 1s;
        transition: opacity 1s ease-in-out;
    }
    .chatbro_movable_chat .chatbro_minimized_header {
        min-width: 55px !important;
        max-width: 300px;
        text-align: center;
		opacity: 0.8 !important;
        border-top-left-radius: 10px !important;
        border-top-right-radius: 10px !important;
		bottom: 36px;
    }
    .chatbro_movable_chat .chatbro_minimized_header table,
    .chatbro_movable_chat .chatbro_minimized_header td {
        text-align: center;
    }
    .chatbro_movable_chat .chatbro_minimized_header div:before {
        content: none !important;
    }
    .chatbro_body {
        border: 2px solid;
        border-top: none !important;
        position: relative;
        overflow: hidden;
    }
    .chatbro_body .chatbro_system_messages {
        transition: padding-top 1s;
    }
    .chatbro_body .chatbro_system_messages_block {
        position: absolute;
        z-index: 5;
        top: 0;
        background-clip: padding-box;
        border: none;
        font-size: 12px;
        width: 100%;
        display: none;
    }
    .chatbro_body .chatbro_system_messages_block .chatbro_system_message_close {
        position: absolute;
        right: 13px;
        top: 9px;
        cursor: pointer;
        opacity: 0.8;
    }
    .chatbro_body .chatbro_system_messages_block .chatbro_system_message_close:before {
        content: "\34";
        display: inline;
        font-weight: normal;
        font-size: 12px;
        position: relative;
        top: -2px;
        font-family: "chatbro", serif !important;
    }
    .chatbro_body .chatbro_system_messages_block .chatbro_system_messages_wrapper {
        overflow-y: auto;
        scrollbar-width: thin;
        -ms-overflow-style: none;
        transform: translateZ(0);
        overflow-y: overlay;
        line-height: 18.3429px;
        padding: 0;
    }
    .chatbro_body .chatbro_system_messages_block .chatbro_system_messages_wrapper::-webkit-scrollbar {
        width: 4px;
        height: 8px;
    }
    .chatbro_body .chatbro_system_messages_block .chatbro_system_messages_wrapper::-webkit-scrollbar * {
        background: transparent;
    }
    .chatbro_body .chatbro_system_messages_block .chatbro_system_messages_wrapper::-webkit-scrollbar-thumb {
        background: #aaaaaa !important;
        border-radius: 4px;
        -webkit-overflow-scrolling: touch;
    }
    .chatbro_body .chatbro_system_messages_block .chatbro_system_message_fade {
        height: 100%;
        width: 0;
        position: absolute;
        background: rgba(0, 0, 0, 0.56);
        top: 0;
        left: 0;
        opacity: 0.1;
    }
    .chatbro_body .chatbro_system_messages_block .chatbro_system_message_info {
        border-color: #5895e0 !important;
    }
    .chatbro_body .chatbro_system_messages_block .chatbro_system_message_warning {
        border-color: #e0dc58 !important;
    }
    .chatbro_body .chatbro_system_messages_block .chatbro_system_message_error {
        border-color: #e05867 !important;
    }
    .chatbro_body .chatbro_system_messages_block .chatbro_system_message_success {
        border-color: #6de058 !important;
    }
    .chatbro_body .chatbro_system_messages_block .chatbro_system_message_common {
        border-color: #bfc1c6 !important;
    }
    .chatbro_body .chatbro_system_messages_block .chatbro_system_message_wrapped {
        padding: 7px 0 8px 0;
        border-radius: 0;
        box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    }
    .chatbro_body .chatbro_system_messages_block .chatbro_system_message_wrapped:last-of-type {
        margin-bottom: 0;
    }
    .chatbro_body .chatbro_system_messages_block .chatbro_system_message_wrapped .chatbro_system_message {
        padding: 0 12px;
        color: inherit;
        white-space: pre-wrap;
        word-wrap: break-word;
        word-break: break-all;
        word-break: break-word;
        font-weight: normal;
    }
    .chatbro_body .chatbro_system_messages_block .chatbro_system_message_wrapped .chatbro_system_message .chatbro_message_text {
        padding-right: 13px;
    }
    .chatbro_body .chatbro_system_messages_block .chatbro_system_message_info_icon,
    .chatbro_body .chatbro_system_messages_block .chatbro_system_message_warning_icon,
    .chatbro_body .chatbro_system_messages_block .chatbro_system_message_error_icon,
    .chatbro_body .chatbro_system_messages_block .chatbro_system_message_success_icon,
    .chatbro_body .chatbro_system_messages_block .chatbro_system_message_common_icon {
        font-size: 15px;
        position: relative;
        top: 3px;
        left: -3px;
        padding-right: 5px;
        font-family: "chatbro", serif !important;
    }
    .chatbro_body .chatbro_system_messages_block .chatbro_system_message_warning_icon:before {
        content: "\6c";
        font-family: "chatbro", serif !important;
    }
    .chatbro_body .chatbro_system_messages_block .chatbro_system_message_error_icon:before {
        content: "\70";
        font-family: "chatbro", serif !important;
    }
    .chatbro_body .chatbro_system_messages_block .chatbro_system_message_success_icon:before {
        content: "\41";
        font-family: "chatbro", serif !important;
    }
    .chatbro_body .chatbro_system_messages_block .chatbro_system_message_info_icon:before,
    .chatbro_body .chatbro_system_messages_block .chatbro_system_message_common_icon:before {
        content: "\43";
        font-family: "chatbro", serif !important;
    }
    .chatbro_body .chatbro_modal_block {
        position: absolute;
        font-size: 13px;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 5;
        overflow: auto;
        visibility: hidden;
        opacity: 0;
        transition: visibility 0.3s, opacity 0.3s linear;
        overflow-y: auto;
        overflow-y: overlay;
        scrollbar-width: thin;
        -ms-overflow-style: none;
        transform: translateZ(0);
    }
    .chatbro_body .chatbro_modal_block::-webkit-scrollbar {
        width: 4px;
        height: 8px;
    }
    .chatbro_body .chatbro_modal_block::-webkit-scrollbar * {
        background: transparent;
    }
    .chatbro_body .chatbro_modal_block::-webkit-scrollbar-thumb {
        background: #aaaaaa !important;
        border-radius: 4px;
        -webkit-overflow-scrolling: touch;
    }
    .chatbro_body .chatbro_modal_block button {
        font-family: Tahoma, Helvetica, sans-serif !important;
    }
    .chatbro_body .chatbro_modal_block .chatbro_fade_side_block,
    .chatbro_body .chatbro_modal_block .chatbro_fade_block {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        cursor: pointer;
    }
    .chatbro_body .chatbro_modal_block .chatbro_fade_block {
        opacity: 1;
        background-color: rgba(0, 0, 0, 0.55);
        -webkit-backdrop-filter: blur(1px);
        backdrop-filter: blur(1px);
    }
    .chatbro_body .chatbro_modal_block .chatbro_fade_block .chatbro_login_progress_radial {
        display: block;
        position: relative;
        top: 40%;
        margin: 0 auto;
        text-indent: -9999em;
        border: 3px solid rgba(120, 120, 120, 0.35);
        border-left-color: #ffffff;
        border-right-color: #ffffff;
        transform: translateZ(0);
        animation: chatbro_loader_radial 1.1s infinite linear;
    }
    .chatbro_body .chatbro_modal_block .chatbro_fade_block .chatbro_login_progress_radial,
    .chatbro_body .chatbro_modal_block .chatbro_fade_block .chatbro_login_progress_radial:after {
        border-radius: 50%;
        width: 45px;
        height: 45px;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper {
        position: relative;
        transition: all 0.1s ease-in-out 0s;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal {
        position: relative;
        width: 85%;
        min-width: 200px;
        padding: 20px;
        box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        border: none;
        margin: 0 auto;
        border-radius: 4px;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal * {
        text-align: left;
        line-height: normal;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal .chatbro_modal_button {
        cursor: pointer;
        outline: none;
        box-shadow: none;
        background-size: auto !important;
        text-align: right;
        font-size: 12px;
        font-weight: bold !important;
        border-radius: 3px !important;
        padding: 4px 8px !important;
        opacity: 0.7;
        position: absolute;
        right: 20px;
        bottom: 20px;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal .chatbro_modal_button:hover {
        opacity: 0.8;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal .chatbro_modal_head {
        font-size: 13px;
        font-weight: bold;
        color: #3f4549;
        margin-bottom: 12px;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal span.chatbro_modal_close {
        font-family: "chatbro", serif !important;
        float: right;
        cursor: pointer;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal span.chatbro_modal_close:before {
        content: "\63";
        display: inline;
        font-weight: normal;
        top: -1px;
        font-size: 15px;
        position: relative;
        font-family: "chatbro", serif !important;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_patron {
        max-width: 300px;
        position: relative;
        width: 85%;
        min-width: 200px;
        padding: 20px;
        box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        border: none;
        margin: 0 auto;
        border-radius: 4px;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_patron * {
        text-align: left;
        line-height: normal;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_patron .chatbro_modal_button {
        cursor: pointer;
        outline: none;
        box-shadow: none;
        background-size: auto !important;
        text-align: right;
        font-size: 12px;
        font-weight: bold !important;
        border-radius: 3px !important;
        padding: 4px 8px !important;
        opacity: 0.7;
        position: absolute;
        right: 20px;
        bottom: 20px;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_patron .chatbro_modal_button:hover {
        opacity: 0.8;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_patron .chatbro_modal_head {
        font-size: 13px;
        font-weight: bold;
        color: #3f4549;
        margin-bottom: 12px;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_patron span.chatbro_modal_close {
        font-family: "chatbro", serif !important;
        float: right;
        cursor: pointer;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_patron span.chatbro_modal_close:before {
        content: "\63";
        display: inline;
        font-weight: normal;
        top: -1px;
        font-size: 15px;
        position: relative;
        font-family: "chatbro", serif !important;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_patron .chatbro_modal_patron_title {
        font-size: 16px;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_patron .chatbro_modal_menu_plan_alarms {
        margin: 0;
        padding: 5px 0 10px 18px;
        position: relative;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_patron .chatbro_modal_menu_plan_alarms li {
        padding: 0;
        margin: 0;
        font-size: 13px;
        opacity: 0.7;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_patron .chatbro_patron_block {
        padding: 0 !important;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_patron .chatbro_patron_block * {
        line-height: 19.8714px;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_menu {
        max-width: 220px;
        position: relative;
        width: 85%;
        min-width: 200px;
        padding: 20px;
        box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        border: none;
        margin: 0 auto;
        border-radius: 4px;
        padding: 0;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_menu * {
        text-align: left;
        line-height: normal;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_menu .chatbro_modal_button {
        cursor: pointer;
        outline: none;
        box-shadow: none;
        background-size: auto !important;
        text-align: right;
        font-size: 12px;
        font-weight: bold !important;
        border-radius: 3px !important;
        padding: 4px 8px !important;
        opacity: 0.7;
        position: absolute;
        right: 20px;
        bottom: 20px;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_menu .chatbro_modal_button:hover {
        opacity: 0.8;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_menu .chatbro_modal_head {
        font-size: 13px;
        font-weight: bold;
        color: #3f4549;
        margin-bottom: 12px;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_menu span.chatbro_modal_close {
        font-family: "chatbro", serif !important;
        float: right;
        cursor: pointer;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_menu span.chatbro_modal_close:before {
        content: "\63";
        display: inline;
        font-weight: normal;
        top: -1px;
        font-size: 15px;
        position: relative;
        font-family: "chatbro", serif !important;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_menu .chatbro_modal_menu_head {
        padding: 10px 10px;
        text-align: center;
        margin-bottom: 0;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_menu .chatbro_modal_menu_body .chatbro_modal_menu_set_moder,
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_menu .chatbro_modal_menu_body .chatbro_modal_menu_delete_moder,
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_menu .chatbro_modal_menu_body .chatbro_modal_menu_giveprem,
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_menu .chatbro_modal_menu_body .chatbro_modal_menu_delete_messages_from_user {
        cursor: pointer;
        font-size: 13px;
        padding: 10px 10px;
        border-top: 1px solid #e5e5e5;
        margin: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_menu .chatbro_modal_menu_body .chatbro_modal_menu_set_moder:hover,
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_menu .chatbro_modal_menu_body .chatbro_modal_menu_delete_moder:hover,
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_menu .chatbro_modal_menu_body .chatbro_modal_menu_giveprem:hover,
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_menu .chatbro_modal_menu_body .chatbro_modal_menu_delete_messages_from_user:hover {
        opacity: 0.8;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_menu .chatbro_modal_menu_body .chatbro_modal_menu_set_moder_ico:before,
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_menu .chatbro_modal_menu_body .chatbro_modal_menu_delete_moder_ico:before,
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_menu .chatbro_modal_menu_body .chatbro_modal_menu_giveprem_ico:before,
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_menu .chatbro_modal_menu_body .chatbro_modal_menu_delete_messages_from_user_ico:before {
        font-family: "chatbro", serif !important;
        font-size: 16px;
        top: 0;
        position: relative;
        opacity: 0.8;
        padding: 0 10px 0 5px;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_menu .chatbro_modal_menu_body .chatbro_modal_menu_delete_messages_from_user_ico:before {
        content: "\2b";
        font-family: "chatbro", serif !important;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_menu .chatbro_modal_menu_body .chatbro_modal_menu_set_moder_ico:before {
        content: "\58";
        font-family: "chatbro", serif !important;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_menu .chatbro_modal_menu_body .chatbro_modal_menu_delete_moder_ico:before {
        content: "\58";
        font-family: "chatbro", serif !important;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_menu .chatbro_modal_menu_body .chatbro_modal_menu_giveprem_ico:before {
        content: "\58";
        font-family: "chatbro", serif !important;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_ban {
        max-width: 300px;
        height: 257px;
        position: relative;
        width: 85%;
        min-width: 200px;
        padding: 20px;
        box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        border: none;
        margin: 0 auto;
        border-radius: 4px;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_ban * {
        text-align: left;
        line-height: normal;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_ban .chatbro_modal_button {
        cursor: pointer;
        outline: none;
        box-shadow: none;
        background-size: auto !important;
        text-align: right;
        font-size: 12px;
        font-weight: bold !important;
        border-radius: 3px !important;
        padding: 4px 8px !important;
        opacity: 0.7;
        position: absolute;
        right: 20px;
        bottom: 20px;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_ban .chatbro_modal_button:hover {
        opacity: 0.8;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_ban .chatbro_modal_head {
        font-size: 13px;
        font-weight: bold;
        color: #3f4549;
        margin-bottom: 12px;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_ban span.chatbro_modal_close {
        font-family: "chatbro", serif !important;
        float: right;
        cursor: pointer;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_ban span.chatbro_modal_close:before {
        content: "\63";
        display: inline;
        font-weight: normal;
        top: -1px;
        font-size: 15px;
        position: relative;
        font-family: "chatbro", serif !important;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_ban .chatbro_modal_ban_reason {
        width: 100% !important;
        resize: none;
        font-size: 13px;
        margin: 0 !important;
        display: block;
        -webkit-appearance: none;
        -moz-appearance: none;
        height: 30px;
        border-bottom: 1px solid;
        transition: border 0.3s;
        padding: 0 !important;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_ban .chatbro_modal_ban_info_delete_messages {
        vertical-align: 5px;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_ban .chatbro_modal_ban_info_shadow {
        cursor: help;
        border-bottom: 1px dotted;
        vertical-align: 5px;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_ban .chatbro_modal_ban_is_shadow,
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_ban .chatbro_modal_delete_all_messages_form_user {
        margin-left: 10px;
        opacity: 1 !important;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_ban .chatbro_modal_ban_info_duration {
        font-size: 14px;
        vertical-align: super;
        opacity: 0.9;
        margin-left: 10px;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_ban .chatbro_modal_ban_info {
        font-size: 13px;
        margin-bottom: 12px;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_ban .chatbro_modal_ban_info:last-of-type {
        margin-bottom: 0;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_ban .chatbro_modal_ban_info input {
        width: auto;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_ban .chatbro_modal_ban_info .chatbro_ban_by_ip,
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_ban .chatbro_modal_ban_info .chatbro_ban_by_user_id {
        display: inline-block;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_ban .chatbro_modal_ban_info .chatbro_ban_by_ip *,
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_ban .chatbro_modal_ban_info .chatbro_ban_by_user_id * {
        cursor: pointer;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_ban .chatbro_modal_ban_info .chatbro_ban_by_ip label,
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_ban .chatbro_modal_ban_info .chatbro_ban_by_user_id label {
        margin-right: 7px;
        margin-bottom: 0;
        vertical-align: 2px;
        font-weight: normal;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_ban .chatbro_modal_ban_info .chatbro_ban_by_ip {
        margin-right: 20px;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_ban .chatbro_modal_ban_input_block * {
        display: inline-block;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_ban .chatbro_modal_ban_input_block input.chatbro_modal_ban_input {
        width: 60%;
        margin-bottom: 12px;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_ban .chatbro_modal_ban_btn {
        cursor: pointer;
        outline: none;
        box-shadow: none;
        background-size: auto !important;
        text-align: right;
        font-size: 12px;
        font-weight: bold !important;
        border-radius: 3px !important;
        padding: 4px 8px !important;
        opacity: 0.7;
        position: absolute;
        right: 20px;
        bottom: 20px;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_ban .chatbro_modal_ban_btn:hover {
        opacity: 0.8;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_login {
        max-width: 300px;
        position: relative;
        width: 85%;
        min-width: 200px;
        padding: 20px;
        box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        border: none;
        margin: 0 auto;
        border-radius: 4px;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_login * {
        text-align: left;
        line-height: normal;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_login .chatbro_modal_button {
        cursor: pointer;
        outline: none;
        box-shadow: none;
        background-size: auto !important;
        text-align: right;
        font-size: 12px;
        font-weight: bold !important;
        border-radius: 3px !important;
        padding: 4px 8px !important;
        opacity: 0.7;
        position: absolute;
        right: 20px;
        bottom: 20px;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_login .chatbro_modal_button:hover {
        opacity: 0.8;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_login .chatbro_modal_head {
        font-size: 13px;
        font-weight: bold;
        color: #3f4549;
        margin-bottom: 12px;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_login span.chatbro_modal_close {
        font-family: "chatbro", serif !important;
        float: right;
        cursor: pointer;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_login span.chatbro_modal_close:before {
        content: "\63";
        display: inline;
        font-weight: normal;
        top: -1px;
        font-size: 15px;
        position: relative;
        font-family: "chatbro", serif !important;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_login .chatbro_modal_login .chatbro_modal_login_or {
        height: 23px;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_login .chatbro_modal_login .chatbro_modal_login_or .chatbro_modal_login_or_hr {
        border-color: #565b5f;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_login .chatbro_modal_login .chatbro_modal_login_or .chatbro_modal_login_or_span {
        text-align: center;
        position: relative;
        top: -32px;
        background: #fff;
        width: 32px;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_login .chatbro_modal_login .chatbro_modal_login_site {
        vertical-align: middle;
        margin-bottom: 20px;
        cursor: pointer;
        border-radius: 3px;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_login .chatbro_modal_login .chatbro_modal_login_site:hover {
        background: #efefef;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_login .chatbro_modal_login .chatbro_modal_login_site img.chatbro_modal_login_site_avatar {
        height: 33px;
        margin-right: 10px;
        vertical-align: middle;
        border-radius: 3px;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_login .chatbro_modal_login .chatbro_modal_login_social {
        margin-bottom: 20px;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_login .chatbro_modal_login .chatbro_modal_login_social a + a {
        margin-left: 10px;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_login .chatbro_modal_login .chatbro_modal_login_social img {
        height: 32px;
        display: inline;
        border-radius: 3px;
        box-shadow: none;
        background: #fff;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_login .chatbro_modal_login .chatbro_custom_login_link {
        font-size: 13px;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_login .chatbro_modal_login .chatbro_modal_login_termsofuse {
        font-size: 12px;
        margin-top: 15px;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_login .chatbro_modal_login .chatbro_modal_login_input_block .chatbro_modal_login_input_wrapper {
        padding-right: 50px;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_login .chatbro_modal_login .chatbro_modal_login_input_block .chatbro_modal_login_input_wrapper .chatbro_modal_login_input_div {
        border-bottom: 1px solid;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_login .chatbro_modal_login .chatbro_modal_login_input_block .chatbro_modal_login_input_wrapper .chatbro_modal_login_input_div input[type="text"] {
        margin: 0 !important;
        display: block;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        box-shadow: none;
        height: 30px;
        width: 100%;
        border: none;
        transition: border 0.3s;
        padding: 0 !important;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_login .chatbro_modal_login .chatbro_modal_login_input_block .chatbro_modal_login_input_wrapper .chatbro_modal_login_input_div input[type="text"]::-webkit-input-placeholder {
        color: inherit;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_login .chatbro_modal_login .chatbro_modal_login_input_block .chatbro_modal_login_input_wrapper .chatbro_modal_login_input_div input[type="text"]::-moz-placeholder {
        color: inherit;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_login .chatbro_modal_login .chatbro_modal_login_input_block .chatbro_modal_login_input_wrapper .chatbro_modal_login_input_div input[type="text"]:-moz-placeholder {
        color: inherit;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_login .chatbro_modal_login .chatbro_modal_login_input_block .chatbro_modal_login_input_wrapper .chatbro_modal_login_input_div input[type="text"]:-ms-input-placeholder {
        color: inherit;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_login .chatbro_modal_login .chatbro_modal_login_input_block button.chatbro_modal_login_btn {
        cursor: pointer;
        outline: none;
        box-shadow: none;
        background-size: auto !important;
        text-align: right;
        font-size: 12px;
        font-weight: bold !important;
        border-radius: 3px !important;
        padding: 4px 8px !important;
        opacity: 0.7;
        position: absolute;
        right: 20px;
        bottom: 20px;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_login .chatbro_modal_login .chatbro_modal_login_input_block button.chatbro_modal_login_btn:hover {
        opacity: 0.8;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_login .chatbro_modal_login .chatbro_modal_login_input_block button.chatbro_modal_login_btn span {
        padding: 0;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_login .chatbro_modal_login .chatbro_model_login_label {
        margin-bottom: 5px;
    }
    .chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_login .chatbro_modal_login .chatbro_modal_login_bot {
        font-size: 12px;
        margin-top: 7px;
        display: none;
    }
    .chatbro_body .chatbro_messages_noconnection_wrapper {
        display: block;
        position: relative;
        top: 18%;
        margin: 0 auto;
        max-width: 250px;
        padding: 10px;
        border-radius: 3px;
        background: #ececec;
    }
    .chatbro_body .chatbro_messages_noconnection_wrapper .chatbro_messages_noconnection_img {
        height: 50px;
        display: block;
        width: 50px;
        float: left;
    }
    .chatbro_body .chatbro_messages_noconnection_wrapper .chatbro_messages_noconnection_text {
        display: block;
        padding-left: 0;
        margin-left: 70px;
        font-size: 13px;
    }
    .chatbro_body .chatbro_messages_plug,
    .chatbro_body .chatbro_messages_noconnection {
        background-color: transparent;
        position: absolute;
        visibility: hidden;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 10;
    }
    .chatbro_body .chatbro_messages_preload {
        width: 100%;
        position: absolute !important;
        top: 0;
        height: auto;
        left: 0;
        z-index: 1;
        visibility: hidden;
        background: transparent !important;
        overflow: hidden !important;
    }
    @keyframes placeholderAnimate {
        0% {
            background-position: -650px 0;
        }
        100% {
            background-position: 650px 0;
        }
    }
    .chatbro_body .chatbro_messages_preload .chatbro_fake_messages {
        display: block !important;
        width: 100% !important;
    }
    .chatbro_body .chatbro_messages_preload .chatbro_fake_messages .chatbro_fake_message {
        height: 56px;
    }
    .chatbro_body .chatbro_messages_preload .chatbro_fake_messages .chatbro_fake_message td {
        padding: 10px 2px 8px !important;
    }
    .chatbro_body .chatbro_messages_preload .chatbro_fake_messages .chatbro_fake_message .chatbro_fake_message_name,
    .chatbro_body .chatbro_messages_preload .chatbro_fake_messages .chatbro_fake_message .chatbro_fake_message_text,
    .chatbro_body .chatbro_messages_preload .chatbro_fake_messages .chatbro_fake_message .chatbro_fake_message_admin,
    .chatbro_body .chatbro_messages_preload .chatbro_fake_messages .chatbro_fake_message .chatbro_fake_guest_avatar,
    .chatbro_body .chatbro_messages_preload .chatbro_fake_messages .chatbro_fake_message .chatbro_fake_message_date {
        animation-duration: 2s;
        animation-fill-mode: forwards;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
        animation-name: placeholderAnimate;
        background: #f6f7f8;
        background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
        background-size: 1300px !important;
        color: #e6e6e6;
        border-radius: 3px;
        opacity: 1;
        line-height: 15px;
    }
    .chatbro_body .chatbro_messages_preload .chatbro_fake_messages .chatbro_fake_message .chatbro_fake_message_date {
        line-height: 10px;
        width: 55px;
        height: 10px;
    }
    .chatbro_body .chatbro_messages_preload .chatbro_fake_messages .chatbro_fake_message .chatbro_fake_guest_avatar {
        margin-top: 0;
    }
    .chatbro_body .chatbro_messages_preload .chatbro_fake_messages .chatbro_fake_message .chatbro_fake_message_name {
        width: 80px;
        height: 16px;
    }
    .chatbro_body .chatbro_messages_preload .chatbro_fake_messages .chatbro_fake_message .chatbro_fake_message_wrapped {
        line-height: 1px;
    }
    .chatbro_body .chatbro_messages_preload .chatbro_fake_messages .chatbro_fake_message .chatbro_fake_message_auth_name {
        line-height: normal;
    }
    .chatbro_body .chatbro_messages_preload .chatbro_fake_messages .chatbro_fake_message .chatbro_fake_message_user_type {
        border: none;
        color: transparent;
    }
    .chatbro_body .chatbro_messages_preload .chatbro_fake_messages .chatbro_fake_message .chatbro_fake_message_text {
        display: inline-block;
        margin-top: 5px;
        width: 150px;
        height: 15px;
    }
    .chatbro_body .chatbro_messages_load_progress_radial {
        display: block;
        position: relative;
        top: 40%;
        margin: 0 auto;
        text-indent: -9999em;
        border: 3px solid rgba(120, 120, 120, 0.2);
        border-left-color: #6594c6;
        transform: translateZ(0);
        animation: chatbro_loader_radial 1.1s infinite linear;
    }
    .chatbro_body .chatbro_messages_load_progress_radial,
    .chatbro_body .chatbro_messages_load_progress_radial:after {
        border-radius: 50%;
        width: 45px;
        height: 45px;
    }
    .chatbro_body .chatbro_messages_load_progress {
        background-color: transparent;
        width: 100%;
        height: 100%;
        position: absolute;
        visibility: hidden;
        top: 0;
        left: 0;
        z-index: 1;
    }
    .chatbro_body .chatbro_messages_wrapper,
    .chatbro_body .chatbro_messages_preload {
        position: relative;
        overflow-x: hidden;
        background: #e8e8e8;
        transform: translate3d(0, 0, 0);
        overflow-y: auto;
        overflow-y: overlay;
        scrollbar-width: thin;
        -ms-overflow-style: none;
        transform: translateZ(0);
    }
    .chatbro_body .chatbro_messages_wrapper::-webkit-scrollbar,
    .chatbro_body .chatbro_messages_preload::-webkit-scrollbar {
        width: 4px;
        height: 8px;
    }
    .chatbro_body .chatbro_messages_wrapper::-webkit-scrollbar *,
    .chatbro_body .chatbro_messages_preload::-webkit-scrollbar * {
        background: transparent;
    }
    .chatbro_body .chatbro_messages_wrapper::-webkit-scrollbar-thumb,
    .chatbro_body .chatbro_messages_preload::-webkit-scrollbar-thumb {
        background: #aaaaaa !important;
        border-radius: 4px;
        -webkit-overflow-scrolling: touch;
    }
    .chatbro_body .chatbro_messages_wrapper .chatbro_messages_space,
    .chatbro_body .chatbro_messages_preload .chatbro_messages_space {
        background-color: #ffffff;
    }
    .chatbro_body .chatbro_messages_wrapper .chatbro_message_replies .chatbro_message_attachment_reply,
    .chatbro_body .chatbro_messages_preload .chatbro_message_replies .chatbro_message_attachment_reply {
        border-left: 3px solid;
        margin: 0 7px 6px 0;
        opacity: 1;
        border-radius: 3px;
        padding: 2px 10px 5px 10px;
        display: inline-block;
        cursor: pointer;
    }
    .chatbro_body .chatbro_messages_wrapper .chatbro_message_replies .chatbro_message_attachment_reply .chatbro_message_replied_text,
    .chatbro_body .chatbro_messages_preload .chatbro_message_replies .chatbro_message_attachment_reply .chatbro_message_replied_text {
        min-width: 187px;
    }
    .chatbro_body .chatbro_messages_wrapper .chatbro_message_replies .chatbro_message_attachment_reply:hover,
    .chatbro_body .chatbro_messages_preload .chatbro_message_replies .chatbro_message_attachment_reply:hover {
        opacity: 1;
    }
    .chatbro_body .chatbro_messages_wrapper .chatbro_message_replies .chatbro_message_attachment_reply_cutted .chatbro_message_replied_text,
    .chatbro_body .chatbro_messages_preload .chatbro_message_replies .chatbro_message_attachment_reply_cutted .chatbro_message_replied_text {
        height: auto;
        max-width: 187px;
        min-width: 187px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .chatbro_body .chatbro_messages_wrapper .chatbro_messages_block,
    .chatbro_body .chatbro_messages_preload .chatbro_messages_block {
        display: table-cell;
        vertical-align: bottom;
        position: relative;
        z-index: 2;
        background-color: #ffffff;
    }
    .chatbro_message_avatar_block a,
    .chatbro_fake_message_avatar_block a {
        text-decoration: none !important;
    }
    .chatbro_guest_avatar,
    .chatbro_fake_guest_avatar {
        width: 32px;
        height: 32px;
        margin: 4px 2px 0 7px;
        display: block;
        border-radius: 3px;
        color: #fff;
        font-weight: bold;
        font-size: 13px;
        line-height: 32px;
        text-transform: uppercase;
        text-align: center;
        background: #d65c5c;
    }
    .chatbro_guest_avatar:before,
    .chatbro_fake_guest_avatar:before {
        content: attr(data-name);
        text-shadow: 0 1px 4px #848484;
    }
    .chatbro_guest_bg_1 {
        background: #cc90e2 !important;
    }
    .chatbro_guest_bg_2 {
        background: #80d066 !important;
    }
    .chatbro_guest_bg_3 {
        background: #ecd074 !important;
    }
    .chatbro_guest_bg_4 {
        background: #6fb1e4 !important;
    }
    .chatbro_guest_bg_5 {
        background: #e57979 !important;
    }
    .chatbro_guest_bg_6 {
        background: #f98bae !important;
    }
    .chatbro_guest_bg_7 {
        background: #73cdd0 !important;
    }
    .chatbro_guest_bg_8 {
        background: #fba76f !important;
    }
    .chatbro_guest_bg_9 {
        background: #953b39 !important;
    }
    .chatbro_message_name_color_0 {
        color: #b72e2e !important;
    }
    .chatbro_message_name_color_1 {
        color: #b053d2 !important;
    }
    .chatbro_message_name_color_2 {
        color: #55b337 !important;
    }
    .chatbro_message_name_color_3 {
        color: #e3b931 !important;
    }
    .chatbro_message_name_color_4 {
        color: #2f8ed8 !important;
    }
    .chatbro_message_name_color_5 {
        color: #d93939 !important;
    }
    .chatbro_message_name_color_6 {
        color: #f5427b !important;
    }
    .chatbro_message_name_color_7 {
        color: #3eb5b9 !important;
    }
    .chatbro_message_name_color_8 {
        color: #f97a25 !important;
    }
    .chatbro_message_name_color_9 {
        color: #5e2524 !important;
    }
    .chatbro_messages,
    .chatbro_fake_messages {
        overflow: hidden;
        width: inherit !important;
        height: auto;
        margin: 0;
        line-height: 18.3429px;
        border-spacing: 0 !important;
    }
    .chatbro_messages tr:nth-child(3) .chatbro_message_actions,
    .chatbro_fake_messages tr:nth-child(3) .chatbro_message_actions {
        top: -6px;
    }
    .chatbro_messages .chatbro_messages_history_plug,
    .chatbro_fake_messages .chatbro_messages_history_plug {
        font-size: 13px;
        max-width: 350px;
        position: relative;
        width: 85%;
        min-width: 200px;
        margin: 0 auto;
        border: 1px solid #f2f2f2;
        padding: 15px 15px 5px 15px;
        border-radius: 5px;
    }
    .chatbro_messages .chatbro_messages_history_plug *,
    .chatbro_fake_messages .chatbro_messages_history_plug * {
        line-height: 19.8714px;
    }
    .chatbro_messages .chatbro_messages_history_plug .chatbro_patron_block,
    .chatbro_fake_messages .chatbro_messages_history_plug .chatbro_patron_block {
        padding: 10px 0 0 0;
    }
    .chatbro_messages .chatbro_messages_history_plug .chatbro_patron_block_wr,
    .chatbro_fake_messages .chatbro_messages_history_plug .chatbro_patron_block_wr {
        padding: 5px 0 !important;
    }
    .chatbro_messages .chatbro_messages_history_plug .chatbro_messages_history_plug_header,
    .chatbro_fake_messages .chatbro_messages_history_plug .chatbro_messages_history_plug_header {
        font-weight: 600;
        margin-bottom: 10px;
        font-size: 16px;
    }
    .chatbro_messages .chatbro_messages_history_plug .chatbro_messages_history_plug_body .chatbro_messages_history_plug_desc,
    .chatbro_fake_messages .chatbro_messages_history_plug .chatbro_messages_history_plug_body .chatbro_messages_history_plug_desc {
        font-size: 13px;
    }
    .chatbro_messages .chatbro_messages_history_plug .chatbro_messages_history_plug_body .chatbro_messages_history_plug_desc a,
    .chatbro_fake_messages .chatbro_messages_history_plug .chatbro_messages_history_plug_body .chatbro_messages_history_plug_desc a {
        text-decoration: underline;
    }
    .chatbro_messages .chatbro_messages_history_plug .chatbro_messages_history_plug_body .chatbro_messages_history_plug_desc .chatbro_messages_history_plug_body_alarms,
    .chatbro_fake_messages .chatbro_messages_history_plug .chatbro_messages_history_plug_body .chatbro_messages_history_plug_desc .chatbro_messages_history_plug_body_alarms {
        margin: 0 !important;
        padding: 5px 0 10px 18px !important;
        position: relative;
    }
    .chatbro_messages .chatbro_messages_history_plug .chatbro_messages_history_plug_body .chatbro_messages_history_plug_desc .chatbro_messages_history_plug_body_alarms li,
    .chatbro_fake_messages .chatbro_messages_history_plug .chatbro_messages_history_plug_body .chatbro_messages_history_plug_desc .chatbro_messages_history_plug_body_alarms li {
        padding: 0 !important;
        margin: 0 !important;
        font-size: 13px;
        opacity: 0.7;
    }
    .chatbro_messages tbody,
    .chatbro_fake_messages tbody {
        display: block;
        overflow: hidden;
        width: 100%;
    }
    .chatbro_messages .unchecked_message,
    .chatbro_fake_messages .unchecked_message {
        display: none;
    }
    .chatbro_messages .chatbro_message,
    .chatbro_fake_messages .chatbro_message,
    .chatbro_messages .chatbro_fake_message,
    .chatbro_fake_messages .chatbro_fake_message {
        font-size: 12px;
        padding: 0;
        margin: 0;
        text-decoration: none;
        text-shadow: none;
        background: none;
    }
    .chatbro_messages .chatbro_message .chatbro_message_wrapped,
    .chatbro_fake_messages .chatbro_message .chatbro_message_wrapped,
    .chatbro_messages .chatbro_fake_message .chatbro_message_wrapped,
    .chatbro_fake_messages .chatbro_fake_message .chatbro_message_wrapped,
    .chatbro_messages .chatbro_message .chatbro_fake_message_wrapped,
    .chatbro_fake_messages .chatbro_message .chatbro_fake_message_wrapped,
    .chatbro_messages .chatbro_fake_message .chatbro_fake_message_wrapped,
    .chatbro_fake_messages .chatbro_fake_message .chatbro_fake_message_wrapped {
        padding: 0 7px;
        position: relative;
    }
    .chatbro_messages .chatbro_message .chatbro_message_block,
    .chatbro_fake_messages .chatbro_message .chatbro_message_block,
    .chatbro_messages .chatbro_fake_message .chatbro_message_block,
    .chatbro_fake_messages .chatbro_fake_message .chatbro_message_block {
        line-height: 18px;
    }
    .chatbro_messages .chatbro_message td,
    .chatbro_fake_messages .chatbro_message td,
    .chatbro_messages .chatbro_fake_message td,
    .chatbro_fake_messages .chatbro_fake_message td {
        padding: 5px 2px 6px !important;
        vertical-align: top;
        border-top: 1px solid transparent;
        border-left: none;
        border-right: none;
        border-bottom: none;
    }
    .chatbro_messages .chatbro_message .chatbro_message_empty_block,
    .chatbro_fake_messages .chatbro_message .chatbro_message_empty_block,
    .chatbro_messages .chatbro_fake_message .chatbro_message_empty_block,
    .chatbro_fake_messages .chatbro_fake_message .chatbro_message_empty_block,
    .chatbro_messages .chatbro_message .chatbro_fake_message_empty_block,
    .chatbro_fake_messages .chatbro_message .chatbro_fake_message_empty_block,
    .chatbro_messages .chatbro_fake_message .chatbro_fake_message_empty_block,
    .chatbro_fake_messages .chatbro_fake_message .chatbro_fake_message_empty_block {
        width: 4px;
    }
    .chatbro_messages .chatbro_message .chatbro_message_image_block,
    .chatbro_fake_messages .chatbro_message .chatbro_message_image_block,
    .chatbro_messages .chatbro_fake_message .chatbro_message_image_block,
    .chatbro_fake_messages .chatbro_fake_message .chatbro_message_image_block {
        width: 53px;
    }
    .chatbro_messages .chatbro_message .chatbro_message_image,
    .chatbro_fake_messages .chatbro_message .chatbro_message_image,
    .chatbro_messages .chatbro_fake_message .chatbro_message_image,
    .chatbro_fake_messages .chatbro_fake_message .chatbro_message_image {
        width: 32px;
        height: 32px;
        margin: 6px 2px 0 7px;
        max-width: none;
        border-radius: 3px;
        max-width: none !important;
    }
    .chatbro_messages .chatbro_message .chatbro_message_date_block,
    .chatbro_fake_messages .chatbro_message .chatbro_message_date_block,
    .chatbro_messages .chatbro_fake_message .chatbro_message_date_block,
    .chatbro_fake_messages .chatbro_fake_message .chatbro_message_date_block {
        width: 56px;
        line-height: 18.3429px;
        transition: visibility 0s, opacity 0.5s linear;
    }
    .chatbro_messages .chatbro_message_radial td,
    .chatbro_fake_messages .chatbro_message_radial td {
        padding-bottom: 30px;
    }
    .chatbro_messages .chatbro_message_radial td .chatbro_messages_load_progress_radial,
    .chatbro_fake_messages .chatbro_message_radial td .chatbro_messages_load_progress_radial,
    .chatbro_messages .chatbro_message_radial td .chatbro_messages_load_progress_radial:after,
    .chatbro_fake_messages .chatbro_message_radial td .chatbro_messages_load_progress_radial:after {
        border-radius: 50%;
        width: 25px;
        height: 25px;
    }
    .chatbro_messages .chatbro_messages_empty,
    .chatbro_fake_messages .chatbro_messages_empty,
    .chatbro_messages .chatbro_messages_error,
    .chatbro_fake_messages .chatbro_messages_error {
        font-size: 12px;
        text-align: center;
        margin-bottom: 10px;
        line-height: 35px;
    }
    .chatbro_messages .chatbro_messages_empty td,
    .chatbro_fake_messages .chatbro_messages_empty td,
    .chatbro_messages .chatbro_messages_error td,
    .chatbro_fake_messages .chatbro_messages_error td {
        display: block;
        width: inherit;
        text-align: center;
    }
    .chatbro_messages .chatbro_messages_error,
    .chatbro_fake_messages .chatbro_messages_error {
        display: none;
    }
    .chatbro_messages .chatbro_message_td_message,
    .chatbro_fake_messages .chatbro_message_td_message,
    .chatbro_messages .chatbro_fake_message_td_message,
    .chatbro_fake_messages .chatbro_fake_message_td_message,
    .chatbro_messages .chatbro_messages_upload_td,
    .chatbro_fake_messages .chatbro_messages_upload_td {
        width: 100%;
    }
    .chatbro_messages .chatbro_messages_upload,
    .chatbro_fake_messages .chatbro_messages_upload {
        width: 100%;
        height: 20px;
        background: url(//chatbro.com/images/upload.gif) no-repeat 50% 50%;
    }
    .chatbro_messages .chatbro_message_auth_name,
    .chatbro_fake_messages .chatbro_message_auth_name,
    .chatbro_messages .chatbro_fake_message_auth_name,
    .chatbro_fake_messages .chatbro_fake_message_auth_name,
    .chatbro_messages .chatbro_message_reply_auth_name,
    .chatbro_fake_messages .chatbro_message_reply_auth_name {
        text-align: left;
        font-weight: bold;
        overflow: hidden;
        text-overflow: ellipsis;
        -ms-word-break: break-all;
        word-break: break-all;
        font-size: 12px;
        line-height: 19px;
        position: relative;
        word-break: break-word;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }
    .chatbro_messages .chatbro_message_auth_name a,
    .chatbro_fake_messages .chatbro_message_auth_name a,
    .chatbro_messages .chatbro_fake_message_auth_name a,
    .chatbro_fake_messages .chatbro_fake_message_auth_name a,
    .chatbro_messages .chatbro_message_reply_auth_name a,
    .chatbro_fake_messages .chatbro_message_reply_auth_name a {
        font-weight: bold;
        text-decoration: none;
        line-height: inherit;
    }
    .chatbro_messages .chatbro_message_user_type,
    .chatbro_fake_messages .chatbro_message_user_type,
    .chatbro_messages .chatbro_fake_message_user_type,
    .chatbro_fake_messages .chatbro_fake_message_user_type,
    .chatbro_messages .chatbro_dropdown_user_type,
    .chatbro_fake_messages .chatbro_dropdown_user_type {
        font-size: 10px;
        margin-left: 6px;
        opacity: 0.4;
    }
    .chatbro_messages .chatbro_message_admin,
    .chatbro_fake_messages .chatbro_message_admin,
    .chatbro_messages .chatbro_message_spsr,
    .chatbro_fake_messages .chatbro_message_spsr,
    .chatbro_messages .chatbro_fake_message_admin,
    .chatbro_fake_messages .chatbro_fake_message_admin,
    .chatbro_messages .chatbro_message_moder,
    .chatbro_fake_messages .chatbro_message_moder {
        top: 1px;
        position: relative;
        cursor: help;
        font-weight: bold;
        border: 1px solid;
        opacity: 1;
        border-radius: 3px;
        text-transform: uppercase;
        color: white;
    }
    .chatbro_messages .chatbro_message_admin,
    .chatbro_fake_messages .chatbro_message_admin,
    .chatbro_messages .chatbro_message_moder,
    .chatbro_fake_messages .chatbro_message_moder {
        padding: 1px 5px 0 2px;
    }
    .chatbro_messages .chatbro_message_moder,
    .chatbro_fake_messages .chatbro_message_moder {
        border-color: #358ad7;
        background: #358ad7;
    }
    .chatbro_messages .chatbro_message_admin,
    .chatbro_fake_messages .chatbro_message_admin {
        border-color: #d73535;
        background: #d73535;
    }
    .chatbro_messages .chatbro_message_admin:after,
    .chatbro_fake_messages .chatbro_message_admin:after,
    .chatbro_messages .chatbro_fake_message_admin:after,
    .chatbro_fake_messages .chatbro_fake_message_admin:after {
        content: "admin";
    }
    .chatbro_messages .chatbro_message_moder:after,
    .chatbro_fake_messages .chatbro_message_moder:after {
        content: "moder";
    }
    .chatbro_messages .chatbro_message_spsr:after,
    .chatbro_fake_messages .chatbro_message_spsr:after {
        content: "patron";
    }
    .chatbro_messages .chatbro_message_admin:before,
    .chatbro_fake_messages .chatbro_message_admin:before,
    .chatbro_messages .chatbro_message_moder:before,
    .chatbro_fake_messages .chatbro_message_moder:before {
        font-family: "chatbro", serif !important;
        position: relative;
        content: "\58";
        font-size: 11px;
        margin-right: 2px;
        top: 2px;
    }
    .chatbro_messages .chatbro_message_spsr,
    .chatbro_fake_messages .chatbro_message_spsr {
        cursor: pointer;
        padding: 2px 4px 1px 4px;
        border: none;
        color: inherit;
        opacity: 1;
    }
    .chatbro_messages .chatbro_message_spsr_lvl1,
    .chatbro_fake_messages .chatbro_message_spsr_lvl1,
    .chatbro_messages .chatbro_message_spsr_lvl2,
    .chatbro_fake_messages .chatbro_message_spsr_lvl2,
    .chatbro_messages .chatbro_message_spsr_lvl3,
    .chatbro_fake_messages .chatbro_message_spsr_lvl3 {
        opacity: 1;
    }
    .chatbro_messages .chatbro_message_spsr_lvl1,
    .chatbro_fake_messages .chatbro_message_spsr_lvl1 {
        border-color: #fff1aa;
        color: #001f28;
        background: #fff1aa;
    }
    .chatbro_messages .chatbro_message_spsr_lvl2,
    .chatbro_fake_messages .chatbro_message_spsr_lvl2 {
        border-color: #e8f1ff;
        color: #001016;
        background: #e8f1ff;
    }
    .chatbro_messages .chatbro_message_spsr_lvl3,
    .chatbro_fake_messages .chatbro_message_spsr_lvl3 {
        border-color: #ffe8c6;
        color: #002f3b;
        background: #ffe8c6;
    }
    .chatbro_messages .chatbro_message_vk,
    .chatbro_fake_messages .chatbro_message_vk {
        top: 3px;
        position: relative;
        cursor: help;
        font-size: 11px;
        font-family: "chatbro", serif !important;
    }
    .chatbro_messages .chatbro_message_vk:before,
    .chatbro_fake_messages .chatbro_message_vk:before {
        content: "\54";
        font-family: "chatbro", serif !important;
    }
    .chatbro_messages .chatbro_message_tg,
    .chatbro_fake_messages .chatbro_message_tg {
        top: 2px;
        position: relative;
        cursor: help;
        font-family: "chatbro", serif !important;
    }
    .chatbro_messages .chatbro_message_tg:before,
    .chatbro_fake_messages .chatbro_message_tg:before {
        content: "\45";
        font-family: "chatbro", serif !important;
    }
    .chatbro_messages .chatbro_message_actions,
    .chatbro_fake_messages .chatbro_message_actions {
        display: inline-block;
        line-height: 25px;
        position: absolute;
        top: -11px;
        right: 2px;
        visibility: hidden;
        border-radius: 3px;
        border: 1px solid;
    }
    .chatbro_messages .chatbro_message_actions:first-child,
    .chatbro_fake_messages .chatbro_message_actions:first-child {
        top: 0;
    }
    .chatbro_messages .chatbro_message_actions div,
    .chatbro_fake_messages .chatbro_message_actions div {
        cursor: pointer;
        display: inline-block;
        margin-left: 8px;
        font-size: 11px;
    }
    .chatbro_messages .chatbro_message_actions div:last-child,
    .chatbro_fake_messages .chatbro_message_actions div:last-child {
        border-right: none;
    }
    .chatbro_messages .chatbro_message_actions .chatbro_message_action_reply,
    .chatbro_fake_messages .chatbro_message_actions .chatbro_message_action_reply,
    .chatbro_messages .chatbro_message_actions .chatbro_message_action_delete,
    .chatbro_fake_messages .chatbro_message_actions .chatbro_message_action_delete,
    .chatbro_messages .chatbro_message_actions .chatbro_message_action_menu,
    .chatbro_fake_messages .chatbro_message_actions .chatbro_message_action_menu,
    .chatbro_messages .chatbro_message_actions .chatbro_message_action_ban,
    .chatbro_fake_messages .chatbro_message_actions .chatbro_message_action_ban {
        opacity: 0.9;
        border: none;
        border-right: 1px solid;
        border-color: inherit;
    }
    .chatbro_messages .chatbro_message_actions .chatbro_message_action_reply:hover,
    .chatbro_fake_messages .chatbro_message_actions .chatbro_message_action_reply:hover,
    .chatbro_messages .chatbro_message_actions .chatbro_message_action_delete:hover,
    .chatbro_fake_messages .chatbro_message_actions .chatbro_message_action_delete:hover,
    .chatbro_messages .chatbro_message_actions .chatbro_message_action_menu:hover,
    .chatbro_fake_messages .chatbro_message_actions .chatbro_message_action_menu:hover,
    .chatbro_messages .chatbro_message_actions .chatbro_message_action_ban:hover,
    .chatbro_fake_messages .chatbro_message_actions .chatbro_message_action_ban:hover {
        opacity: 1;
    }
    .chatbro_messages .chatbro_message_actions .chatbro_message_action_div,
    .chatbro_fake_messages .chatbro_message_actions .chatbro_message_action_div {
        margin: 0;
        vertical-align: top;
    }
    .chatbro_messages .chatbro_message_actions .chatbro_message_action_div div,
    .chatbro_fake_messages .chatbro_message_actions .chatbro_message_action_div div {
        vertical-align: top;
    }
    .chatbro_messages .chatbro_message_actions .chatbro_message_action_reply,
    .chatbro_fake_messages .chatbro_message_actions .chatbro_message_action_reply {
        font-family: "chatbro", serif !important;
        font-size: 11px;
        margin-left: 0;
        padding: 0 10px;
        font-weight: 100;
    }
    .chatbro_messages .chatbro_message_actions .chatbro_message_action_reply:before,
    .chatbro_fake_messages .chatbro_message_actions .chatbro_message_action_reply:before {
        content: "\65";
        font-family: "chatbro", serif !important;
    }
    .chatbro_messages .chatbro_message_actions .chatbro_message_action_menu,
    .chatbro_fake_messages .chatbro_message_actions .chatbro_message_action_menu {
        font-family: "chatbro", serif !important;
        font-size: 17px;
        margin-left: 0;
        padding: 0;
        font-weight: 100;
        padding: 0 2px;
    }
    .chatbro_messages .chatbro_message_actions .chatbro_message_action_menu:before,
    .chatbro_fake_messages .chatbro_message_actions .chatbro_message_action_menu:before {
        content: "\30";
        font-family: "chatbro", serif !important;
    }
    .chatbro_messages .chatbro_message_actions .chatbro_message_action_ban,
    .chatbro_fake_messages .chatbro_message_actions .chatbro_message_action_ban {
        font-family: "chatbro", serif !important;
        font-size: 11px;
        margin-left: 0;
        padding: 0 10px;
        font-weight: 100;
    }
    .chatbro_messages .chatbro_message_actions .chatbro_message_action_ban:before,
    .chatbro_fake_messages .chatbro_message_actions .chatbro_message_action_ban:before {
        content: "\66";
        font-family: "chatbro", serif !important;
    }
    .chatbro_messages .chatbro_message_actions .chatbro_message_action_delete,
    .chatbro_fake_messages .chatbro_message_actions .chatbro_message_action_delete {
        font-family: "chatbro", serif !important;
        font-size: 11px;
        margin-left: 0;
        padding: 0 10px;
        font-weight: 100;
    }
    .chatbro_messages .chatbro_message_actions .chatbro_message_action_delete:before,
    .chatbro_fake_messages .chatbro_message_actions .chatbro_message_action_delete:before {
        content: "\34";
        font-family: "chatbro", serif !important;
    }
    .chatbro_messages .chatbro_message_info,
    .chatbro_fake_messages .chatbro_message_info,
    .chatbro_messages .chatbro_fake_message_info,
    .chatbro_fake_messages .chatbro_fake_message_info {
        display: inline-block;
    }
    .chatbro_messages .chatbro_message_name,
    .chatbro_fake_messages .chatbro_message_name,
    .chatbro_messages .chatbro_fake_message_name,
    .chatbro_fake_messages .chatbro_fake_message_name,
    .chatbro_messages .chatbro_message_reply_name,
    .chatbro_fake_messages .chatbro_message_reply_name {
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: normal;
        vertical-align: middle;
        max-width: 40%;
        line-height: inherit;
    }
    .chatbro_messages .chatbro_message_name a,
    .chatbro_fake_messages .chatbro_message_name a,
    .chatbro_messages .chatbro_fake_message_name a,
    .chatbro_fake_messages .chatbro_fake_message_name a,
    .chatbro_messages .chatbro_message_reply_name a,
    .chatbro_fake_messages .chatbro_message_reply_name a {
        font-size: inherit !important;
    }
    .chatbro_messages .chatbro_message_reply_name,
    .chatbro_fake_messages .chatbro_message_reply_name {
        max-width: 70%;
    }
    .chatbro_messages .chatbro_message_text,
    .chatbro_fake_messages .chatbro_message_text,
    .chatbro_messages .chatbro_fake_message_text,
    .chatbro_fake_messages .chatbro_fake_message_text {
        text-align: left;
        font-size: 12px;
        line-height: 150%;
        margin: 2px 0 0;
        white-space: pre-line;
        word-wrap: break-word;
        word-break: break-all;
        word-break: break-word;
        padding: 0;
        font-weight: normal;
        color: inherit;
        overflow: hidden;
    }
    .chatbro_messages .chatbro_message_text .chatbro_message_attachments,
    .chatbro_fake_messages .chatbro_message_text .chatbro_message_attachments,
    .chatbro_messages .chatbro_fake_message_text .chatbro_message_attachments,
    .chatbro_fake_messages .chatbro_fake_message_text .chatbro_message_attachments {
        white-space: pre-line;
    }
    .chatbro_messages .chatbro_message_text .chatbro_message_replies .chatbro_message_date,
    .chatbro_fake_messages .chatbro_message_text .chatbro_message_replies .chatbro_message_date,
    .chatbro_messages .chatbro_fake_message_text .chatbro_message_replies .chatbro_message_date,
    .chatbro_fake_messages .chatbro_fake_message_text .chatbro_message_replies .chatbro_message_date {
        display: inline-block;
        position: relative;
    }
    .chatbro_messages .chatbro_message_date,
    .chatbro_fake_messages .chatbro_message_date,
    .chatbro_messages .chatbro_fake_message_date,
    .chatbro_fake_messages .chatbro_fake_message_date {
        font-size: 10px;
        color: inherit;
        opacity: 0.7;
        margin-left: 8px;
        font-weight: 100;
        position: absolute;
        top: 1px;
        right: 0;
    }
    .chatbro_messages .chatbro_message_close,
    .chatbro_fake_messages .chatbro_message_close {
        cursor: pointer;
        font-family: "chatbro", serif !important;
        right: -8px !important;
        position: absolute;
        top: -1px !important;
        border-left: 1px solid;
        border-bottom: 1px solid;
        border-color: #ccc;
        border-bottom-left-radius: 4px;
        width: 20px;
        text-align: center;
    }
    .chatbro_messages .chatbro_message_close:before,
    .chatbro_fake_messages .chatbro_message_close:before {
        content: "\63";
        display: inline;
        font-weight: normal;
        font-size: 15px;
        font-family: "chatbro", serif !important;
    }
    .chatbro_dropdown_menu.chatbro_movable_chat {
        position: fixed;
    }
    .chatbro_dropdown_menu.chatbro_unmovable_chat {
        position: absolute;
        z-index: 5;
        text-align: left;
    }
    .chatbro_smiles_menu {
        position: absolute !important;
        z-index: 5;
        background-clip: padding-box;
        visibility: hidden;
        font-size: 12px;
        padding: 10px 0 10px 10px;
        background: white;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
        border-radius: 3px;
        border: 1px solid #ccc;
    }
    .chatbro_smiles_menu:before {
        position: absolute;
        bottom: -6px;
        right: 35px;
        z-index: -3;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 6px solid #999;
        color: #404040;
        content: "";
    }
    .chatbro_smiles_menu .chatbro_frequently_used_smiles {
        margin-bottom: 10px;
    }
    .chatbro_smiles_menu .chatbro_frequently_used_smiles_title {
        font-weight: 600;
        font-size: 12px;
    }
    .chatbro_smiles_menu .chatbro_smiles {
        position: relative;
        overflow-y: auto;
        overflow-y: overlay;
        scrollbar-width: thin;
        -ms-overflow-style: none;
        transform: translateZ(0);
    }
    .chatbro_smiles_menu .chatbro_smiles::-webkit-scrollbar {
        width: 4px;
        height: 4px;
    }
    .chatbro_smiles_menu .chatbro_smiles::-webkit-scrollbar * {
        background: transparent;
    }
    .chatbro_smiles_menu .chatbro_smiles::-webkit-scrollbar-thumb {
        background: #aaaaaa !important;
        border-radius: 4px;
        -webkit-overflow-scrolling: touch;
    }
    .chatbro_smiles_menu .chatbro_smiles .chatbro_smile_wrapper {
        display: inline-block;
        cursor: pointer;
        padding: 5px;
    }
    .chatbro_smiles_menu .chatbro_smiles .chatbro_smile_wrapper:hover {
        background-color: #dedede;
        border-radius: 3px;
    }
    .chatbro_smiles_menu .chatbro_smiles .chatbro_smile_wrapper img {
        margin: 0 !important;
        padding: 0 !important;
        height: 20px;
        width: 20px;
    }
    .chatbro_dropdown_menu_hack {
        position: fixed !important;
        left: -9999px !important;
        display: inline !important;
    }
    .chatbro_patron_block {
        padding: 10px 0;
    }
    .chatbro_patron_block .chatbro_patron_block_top_title {
        font-weight: bold;
        text-transform: uppercase;
        font-size: 13px;
    }
    .chatbro_patron_block .chatbro_patron_block_desc {
        margin-bottom: 5px;
        font-weight: 600;
    }
    .chatbro_patron_block .chatbro_patron_block_desc_title {
        margin: 0;
        font-size: inherit;
        color: inherit;
        font-weight: 600;
        text-transform: uppercase;
        font-size: 13px;
    }
    .chatbro_patron_block .chatbro_patron_block_features {
        display: -ms-flexbox;
        display: flex;
        position: relative;
        padding: 0 0 0 15px !important;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-align: stretch;
        align-items: stretch;
        margin: 0 0 10px 0;
    }
    .chatbro_patron_block .chatbro_patron_block_top_table_wrapper {
        font-size: 12px;
    }
    .chatbro_patron_block .chatbro_patron_block_top_table_wrapper .chatbro_patron_block_top_table {
        width: 100%;
        margin-top: 5px;
        font-size: 12px;
        opacity: 1;
        color: inherit;
    }
    .chatbro_patron_block .chatbro_patron_block_top_table_wrapper .chatbro_patron_block_top_table td {
        padding: 0 !important;
    }
    .chatbro_patron_block .chatbro_patron_block_button,
    .chatbro_patron_block .chatbro_patron_block_button_p {
        display: inline-block;
        color: inherit;
        background: inherit;
        padding: 2px 8px;
        font-size: 13px;
        border-radius: 4px;
        cursor: pointer;
        font-weight: bold;
        text-decoration: none !important;
    }
    .chatbro_patron_block .chatbro_patron_block_button:hover,
    .chatbro_patron_block .chatbro_patron_block_button_p:hover {
        color: inherit;
        background: inherit;
    }
    .chatbro_patron_block .chatbro_patron_block_button {
        display: inline-block;
    }
    .chatbro_patron_block .chatbro_patron_block_button:after {
        font-family: "chatbro", serif !important;
        top: 1px;
        position: relative;
        content: "\5e";
        font-size: 10px;
        padding: 0 0 0 6px;
    }
    .chatbro_patron_block .chatbro_patron_block_top_button {
        position: absolute;
        font-size: 11px;
        opacity: 0.8;
        top: 8px;
        right: 10px;
        padding: 0;
        color: inherit;
        text-decoration: none;
    }
    .chatbro_patron_block .chatbro_patron_block_feature {
        padding: 1px 2px;
        margin: 0 3px !important;
        font-size: 12px;
        opacity: 1;
        display: list-item;
        border: 0;
        border-radius: 4px;
    }
    .chatbro_patron_block .chatbro_patron_block_feature_history:before,
    .chatbro_patron_block .chatbro_patron_block_feature_files:before,
    .chatbro_patron_block .chatbro_patron_block_feature_sync:before {
        font-family: "chatbro", serif !important;
        position: relative;
        font-size: 17px;
        display: inline-block;
        opacity: 0.5;
        float: right;
        margin-right: 0 !important;
        padding: 0 15px;
    }
    .chatbro_patron_block .chatbro_patron_block_feature_mark:before {
        content: "PATRON";
        top: 0;
        position: relative;
        font-weight: bold;
        opacity: 0.5;
        height: 10px;
        border-radius: 3px;
        text-transform: uppercase;
        color: inherit;
        padding: 1px 5px 1px 5px;
        font-size: 9px;
        line-height: 19px;
        display: inline;
        float: right;
    }
    .chatbro_patron_block .chatbro_patron_block_feature_history:before {
        content: "\7e";
        font-family: "chatbro", serif !important;
    }
    .chatbro_patron_block .chatbro_patron_block_feature_files:before {
        content: "\29";
        font-family: "chatbro", serif !important;
    }
    .chatbro_patron_block .chatbro_patron_block_feature_sync:before {
        content: "\75";
        font-family: "chatbro", serif !important;
    }
    .chatbro_patron_block .chatbro_patron_load_progress {
        padding: 6px 0;
    }
    .chatbro_patron_block .chatbro_patron_load_progress .chatbro_patron_load_progress_radial {
        display: block;
        position: relative;
        margin: 0;
        text-indent: -9999em;
        border: 2px solid rgba(120, 120, 120, 0.2);
        transform: translateZ(0);
        animation: chatbro_loader_radial 1.1s infinite linear;
    }
    .chatbro_patron_block .chatbro_patron_load_progress .chatbro_patron_load_progress_radial,
    .chatbro_patron_block .chatbro_patron_load_progress .chatbro_patron_load_progress_radial:after {
        border-radius: 50%;
        width: 20px;
        height: 20px;
    }
    .chatbro_dropdown_menu {
        font-size: 13px;
        display: block;
        visibility: visible;
        min-width: 160px;
        max-width: 286px;
        list-style: none;
        background-color: #ffffff;
        background-clip: padding-box;
        box-shadow: none;
        text-align: left;
        z-index: 20;
        top: 0;
        padding: 0 10px;
        border-right: 1px solid;
        border-bottom: 1px solid;
        border-bottom-right-radius: 3px;
        overflow-x: hidden;
        overflow-y: auto;
        overflow-y: overlay;
        scrollbar-width: thin;
        -ms-overflow-style: none;
        transform: translateZ(0);
    }
    .chatbro_dropdown_menu::-webkit-scrollbar {
        width: 4px;
        height: 4px;
    }
    .chatbro_dropdown_menu::-webkit-scrollbar * {
        background: transparent;
    }
    .chatbro_dropdown_menu::-webkit-scrollbar-thumb {
        background: #aaaaaa !important;
        border-radius: 4px;
        -webkit-overflow-scrolling: touch;
    }
    .chatbro_dropdown_menu .chatbro_dropdown_block {
        background: white;
        border-bottom: 1px solid;
    }
    .chatbro_dropdown_menu .chatbro_dropdown_block:last-child {
        border-bottom: none;
    }
    .chatbro_dropdown_menu * {
        line-height: 19.8714px;
    }
    .chatbro_dropdown_menu a.chatbro_logout {
        background: inherit !important;
        line-height: 14px;
        font-size: 12px;
    }
    .chatbro_dropdown_menu .chatbro_dropdown_header {
        text-transform: uppercase;
    }
    .chatbro_dropdown_menu .chatbro_menu_link_ico {
        top: 5px;
        position: relative;
        font-family: "chatbro", serif !important;
        margin-right: 8px;
        left: 0;
        font-size: 20px;
        line-height: 0;
    }
    .chatbro_dropdown_menu .chatbro_menu_link_ico:before {
        content: "\57";
        font-family: "chatbro", serif !important;
    }
    .chatbro_dropdown_menu div a {
        font-weight: 400;
        line-height: 1.42857143;
        display: block;
        clear: both;
        padding: 6px 5px;
        cursor: pointer;
        white-space: nowrap;
        text-decoration: none;
        color: inherit;
        overflow: hidden;
        text-overflow: ellipsis;
        border-radius: 4px;
        transition: 0.2s ease-out;
    }
    .chatbro_dropdown_menu div a:hover {
        color: inherit;
    }
    .chatbro_dropdown_menu div a img {
        display: inline;
        width: 20px;
        height: 20px;
        margin: 0 7px 0 0;
        vertical-align: sub;
        top: 2px;
        position: relative;
    }
    .chatbro_dropdown_menu .chatbro_copyright_link {
        line-height: 1.6;
    }
    .chatbro_dropdown_menu .chatbro_copyright_link div {
        line-height: 12px;
    }
    .chatbro_dropdown_menu .chatbro_dropdown_menu_link_new_window:before,
    .chatbro_dropdown_menu .chatbro_dropdown_menu_link_sign_out:before,
    .chatbro_dropdown_menu .chatbro_dropdown_menu_link_sign_in:before,
    .chatbro_dropdown_menu .chatbro_dropdown_menu_ban_list:before,
    .chatbro_dropdown_menu .chatbro_dropdown_menu_moder_list:before,
    .chatbro_dropdown_menu .chatbro_dropdown_menu_link_edit:before {
        font-family: "chatbro", serif !important;
        top: 3px;
        position: relative;
        font-size: 15px;
        opacity: 0.8;
        padding: 0 10px 0 0;
    }
    .chatbro_dropdown_menu .chatbro_dropdown_menu_link_sign_in:before {
        content: "\7b";
        font-family: "chatbro", serif !important;
    }
    .chatbro_dropdown_menu .chatbro_dropdown_menu_link_new_window:before {
        content: "\60";
        font-family: "chatbro", serif !important;
    }
    .chatbro_dropdown_menu .chatbro_dropdown_menu_link_sign_out:before {
        padding: 0 5px 0 0;
        content: "\7c";
        font-family: "chatbro", serif !important;
    }
    .chatbro_dropdown_menu .chatbro_dropdown_menu_link_edit:before {
        content: "\38";
        font-family: "chatbro", serif !important;
    }
    .chatbro_dropdown_menu .chatbro_dropdown_menu_ban_list:before {
        content: "\66";
        font-family: "chatbro", serif !important;
    }
    .chatbro_dropdown_menu .chatbro_dropdown_menu_moder_list:before {
        content: "\58";
        font-family: "chatbro", serif !important;
    }
    .chatbro_dropdown_menu .chatbro_dropdown_menu_load_progress_wrapper {
        font-size: 13px;
        display: none;
        border: none;
    }
    .chatbro_dropdown_menu .chatbro_dropdown_menu_load_progress_wrapper .chatbro_dropdown_load_progress {
        padding: 11px 15px;
    }
    .chatbro_dropdown_menu .chatbro_dropdown_menu_load_progress_wrapper .chatbro_dropdown_load_progress .chatbro_dropdown_load_progress_radial {
        display: block;
        position: relative;
        margin: 0 auto;
        text-indent: -9999em;
        border: 2px solid rgba(120, 120, 120, 0.2);
        transform: translateZ(0);
        animation: chatbro_loader_radial 1.1s infinite linear;
    }
    .chatbro_dropdown_menu .chatbro_dropdown_menu_load_progress_wrapper .chatbro_dropdown_load_progress .chatbro_dropdown_load_progress_radial,
    .chatbro_dropdown_menu .chatbro_dropdown_menu_load_progress_wrapper .chatbro_dropdown_load_progress .chatbro_dropdown_load_progress_radial:after {
        border-radius: 50%;
        width: 25px;
        height: 25px;
    }
    .chatbro_dropdown_menu .chatbro_dropdown_menu_footnote {
        font-size: 11px;
        font-style: italic;
        margin-top: 0;
        text-align: right;
        opacity: 0.8;
    }
    .chatbro_dropdown_menu .chatbro_dropdown_menu_footnote a {
        padding: 0 10px;
        background: inherit !important;
    }
    .chatbro_dropdown_menu .chatbro_dropdown_menu_admin_stuff_wrapper {
        display: none;
    }
    .chatbro_dropdown_menu .chatbro_dropdown_menu_admin_stuff_wrapper .chatbro_dropdown_menu_admin_stuff {
        padding: 5px 0;
    }
    .chatbro_dropdown_menu .chatbro_dropdown_menu_plan_wrapper,
    .chatbro_dropdown_menu .chatbro_dropdown_menu_patron_wrapper {
        font-size: 13px;
        display: none;
    }
    .chatbro_dropdown_menu .chatbro_dropdown_menu_plan_wrapper .chatbro_dropdown_menu_plan,
    .chatbro_dropdown_menu .chatbro_dropdown_menu_patron_wrapper .chatbro_dropdown_menu_plan,
    .chatbro_dropdown_menu .chatbro_dropdown_menu_plan_wrapper .chatbro_dropdown_menu_patron,
    .chatbro_dropdown_menu .chatbro_dropdown_menu_patron_wrapper .chatbro_dropdown_menu_patron {
        padding: 10px 0;
    }
    .chatbro_dropdown_menu .chatbro_dropdown_menu_plan_wrapper .chatbro_dropdown_menu_plan.chatbro_dropdown_menu_plan_name_basic,
    .chatbro_dropdown_menu .chatbro_dropdown_menu_patron_wrapper .chatbro_dropdown_menu_plan.chatbro_dropdown_menu_plan_name_basic,
    .chatbro_dropdown_menu .chatbro_dropdown_menu_plan_wrapper .chatbro_dropdown_menu_patron.chatbro_dropdown_menu_plan_name_basic,
    .chatbro_dropdown_menu .chatbro_dropdown_menu_patron_wrapper .chatbro_dropdown_menu_patron.chatbro_dropdown_menu_plan_name_basic {
        color: #666;
        background-color: rgba(241, 241, 241, 0.7);
    }
    .chatbro_dropdown_menu .chatbro_dropdown_menu_plan_wrapper .chatbro_dropdown_menu_plan.chatbro_dropdown_menu_plan_name_premium,
    .chatbro_dropdown_menu .chatbro_dropdown_menu_patron_wrapper .chatbro_dropdown_menu_plan.chatbro_dropdown_menu_plan_name_premium,
    .chatbro_dropdown_menu .chatbro_dropdown_menu_plan_wrapper .chatbro_dropdown_menu_patron.chatbro_dropdown_menu_plan_name_premium,
    .chatbro_dropdown_menu .chatbro_dropdown_menu_patron_wrapper .chatbro_dropdown_menu_patron.chatbro_dropdown_menu_plan_name_premium {
        color: #3c763d;
        background-color: rgba(223, 240, 216, 0.7);
    }
    .chatbro_dropdown_menu .chatbro_dropdown_menu_plan_wrapper .chatbro_dropdown_menu_plan .chatbro_dropdown_menu_plan_name,
    .chatbro_dropdown_menu .chatbro_dropdown_menu_patron_wrapper .chatbro_dropdown_menu_plan .chatbro_dropdown_menu_plan_name,
    .chatbro_dropdown_menu .chatbro_dropdown_menu_plan_wrapper .chatbro_dropdown_menu_patron .chatbro_dropdown_menu_plan_name,
    .chatbro_dropdown_menu .chatbro_dropdown_menu_patron_wrapper .chatbro_dropdown_menu_patron .chatbro_dropdown_menu_plan_name {
        line-height: 10px;
    }
    .chatbro_dropdown_menu .chatbro_dropdown_menu_plan_wrapper .chatbro_dropdown_menu_plan .chatbro_dropdown_menu_plan_name a,
    .chatbro_dropdown_menu .chatbro_dropdown_menu_patron_wrapper .chatbro_dropdown_menu_plan .chatbro_dropdown_menu_plan_name a,
    .chatbro_dropdown_menu .chatbro_dropdown_menu_plan_wrapper .chatbro_dropdown_menu_patron .chatbro_dropdown_menu_plan_name a,
    .chatbro_dropdown_menu .chatbro_dropdown_menu_patron_wrapper .chatbro_dropdown_menu_patron .chatbro_dropdown_menu_plan_name a {
        display: inline-block;
        padding: 0;
    }
    .chatbro_dropdown_menu .chatbro_dropdown_menu_plan_wrapper .chatbro_dropdown_menu_plan .chatbro_dropdown_menu_plan_costs,
    .chatbro_dropdown_menu .chatbro_dropdown_menu_patron_wrapper .chatbro_dropdown_menu_plan .chatbro_dropdown_menu_plan_costs,
    .chatbro_dropdown_menu .chatbro_dropdown_menu_plan_wrapper .chatbro_dropdown_menu_patron .chatbro_dropdown_menu_plan_costs,
    .chatbro_dropdown_menu .chatbro_dropdown_menu_patron_wrapper .chatbro_dropdown_menu_patron .chatbro_dropdown_menu_plan_costs {
        padding-top: 10px;
    }
    .chatbro_dropdown_menu .chatbro_dropdown_menu_plan_wrapper .chatbro_dropdown_menu_plan .chatbro_dropdown_menu_plan_costs_awork,
    .chatbro_dropdown_menu .chatbro_dropdown_menu_patron_wrapper .chatbro_dropdown_menu_plan .chatbro_dropdown_menu_plan_costs_awork,
    .chatbro_dropdown_menu .chatbro_dropdown_menu_plan_wrapper .chatbro_dropdown_menu_patron .chatbro_dropdown_menu_plan_costs_awork,
    .chatbro_dropdown_menu .chatbro_dropdown_menu_patron_wrapper .chatbro_dropdown_menu_patron .chatbro_dropdown_menu_plan_costs_awork {
        float: right;
    }
    .chatbro_dropdown_menu .chatbro_dropdown_menu_plan_wrapper .chatbro_dropdown_menu_plan .chatbro_dropdown_menu_plan_alarms,
    .chatbro_dropdown_menu .chatbro_dropdown_menu_patron_wrapper .chatbro_dropdown_menu_plan .chatbro_dropdown_menu_plan_alarms,
    .chatbro_dropdown_menu .chatbro_dropdown_menu_plan_wrapper .chatbro_dropdown_menu_patron .chatbro_dropdown_menu_plan_alarms,
    .chatbro_dropdown_menu .chatbro_dropdown_menu_patron_wrapper .chatbro_dropdown_menu_patron .chatbro_dropdown_menu_plan_alarms {
        margin: 0 !important;
        position: relative;
    }
    .chatbro_dropdown_menu .chatbro_dropdown_menu_plan_wrapper .chatbro_dropdown_menu_plan .chatbro_dropdown_menu_plan_alarms,
    .chatbro_dropdown_menu .chatbro_dropdown_menu_patron_wrapper .chatbro_dropdown_menu_plan .chatbro_dropdown_menu_plan_alarms,
    .chatbro_dropdown_menu .chatbro_dropdown_menu_plan_wrapper .chatbro_dropdown_menu_patron .chatbro_dropdown_menu_plan_alarms,
    .chatbro_dropdown_menu .chatbro_dropdown_menu_patron_wrapper .chatbro_dropdown_menu_patron .chatbro_dropdown_menu_plan_alarms {
        padding: 5px 0 0 15px !important;
    }
    .chatbro_dropdown_menu .chatbro_dropdown_menu_plan_wrapper .chatbro_plan_warning_icon,
    .chatbro_dropdown_menu .chatbro_dropdown_menu_patron_wrapper .chatbro_plan_warning_icon {
        font-size: 14px;
        position: absolute;
        top: 5px;
        padding-right: 0;
        margin: 0;
        left: -2px;
        font-family: "chatbro", serif !important;
    }
    .chatbro_dropdown_menu .chatbro_dropdown_menu_plan_wrapper .chatbro_plan_edit_icon,
    .chatbro_dropdown_menu .chatbro_dropdown_menu_patron_wrapper .chatbro_plan_edit_icon {
        font-size: 14px;
        padding-right: 0;
        margin: 0;
        vertical-align: middle;
        padding-right: 5px;
        opacity: 0.8;
        font-family: "chatbro", serif !important;
    }
    .chatbro_dropdown_menu .chatbro_dropdown_menu_plan_wrapper .chatbro_plan_edit_icon:before,
    .chatbro_dropdown_menu .chatbro_dropdown_menu_patron_wrapper .chatbro_plan_edit_icon:before {
        content: "\38";
        font-family: "chatbro", serif !important;
    }
    .chatbro_dropdown_menu .chatbro_dropdown_menu_plan_wrapper .chatbro_plan_warning_icon:before,
    .chatbro_dropdown_menu .chatbro_dropdown_menu_patron_wrapper .chatbro_plan_warning_icon:before {
        content: "\6c";
        font-family: "chatbro", serif !important;
    }
    .chatbro_dropdown_menu .chatbro_dropdown_menu_plan_wrapper ul,
    .chatbro_dropdown_menu .chatbro_dropdown_menu_patron_wrapper ul {
        float: none !important;
        list-style-type: disc;
    }
    .chatbro_dropdown_menu .chatbro_dropdown_menu_plan_wrapper li.chatbro_plan_alert,
    .chatbro_dropdown_menu .chatbro_dropdown_menu_patron_wrapper li.chatbro_plan_alert {
        padding: 0 !important;
        margin: 0 !important;
        font-size: 12px;
    }
    .chatbro_dropdown_menu .chatbro_dropdown_menu_plan_wrapper li.chatbro_plan_alert.chatbro_plan_alert_danger,
    .chatbro_dropdown_menu .chatbro_dropdown_menu_patron_wrapper li.chatbro_plan_alert.chatbro_plan_alert_danger {
        list-style-type: none;
    }
    .chatbro_dropdown_menu .chatbro_dropdown_menu_user_wrapper {
        padding: 5px 0;
    }
    .chatbro_dropdown_menu .chatbro_dropdown_menu_user_wrapper .chatbro_dropdown_menu_user {
        padding: 10px 0;
    }
    .chatbro_dropdown_menu .chatbro_dropdown_menu_user_wrapper .chatbro_dropdown_menu_user .chatbro_dropdown_admin,
    .chatbro_dropdown_menu .chatbro_dropdown_menu_user_wrapper .chatbro_dropdown_menu_user .chatbro_dropdown_patron,
    .chatbro_dropdown_menu .chatbro_dropdown_menu_user_wrapper .chatbro_dropdown_menu_user .chatbro_dropdown_moder {
        top: -2px;
        position: relative;
        cursor: help;
        font-weight: bold;
        border: 1px solid;
        opacity: 1;
        height: 15px;
        border-radius: 3px;
        text-transform: uppercase;
        color: inherit;
        padding: 1px 5px 1px 2px;
        font-size: 10px;
        line-height: 8px;
        margin-right: 4px;
    }
    .chatbro_dropdown_menu .chatbro_dropdown_menu_user_wrapper .chatbro_dropdown_menu_user .chatbro_dropdown_patron {
        padding: 3px 2px 0 2px;
    }
    .chatbro_dropdown_menu .chatbro_dropdown_menu_user_wrapper .chatbro_dropdown_menu_user .chatbro_dropdown_moder {
        border-color: #358ad7;
        background: #358ad7;
        color: white;
    }
    .chatbro_dropdown_menu .chatbro_dropdown_menu_user_wrapper .chatbro_dropdown_menu_user .chatbro_dropdown_admin {
        border-color: #d73535;
        background: #d73535;
        color: white;
    }
    .chatbro_dropdown_menu .chatbro_dropdown_menu_user_wrapper .chatbro_dropdown_menu_user .chatbro_dropdown_patron_lvl1 {
        border-color: #fff1aa;
        color: #001f28;
        background: #fff1aa;
    }
    .chatbro_dropdown_menu .chatbro_dropdown_menu_user_wrapper .chatbro_dropdown_menu_user .chatbro_dropdown_patron_lvl2 {
        border-color: #e8f1ff;
        color: #001016;
        background: #e8f1ff;
    }
    .chatbro_dropdown_menu .chatbro_dropdown_menu_user_wrapper .chatbro_dropdown_menu_user .chatbro_dropdown_patron_lvl3 {
        border-color: #ffe8c6;
        color: #002f3b;
        background: #ffe8c6;
    }
    .chatbro_dropdown_menu .chatbro_dropdown_menu_user_wrapper .chatbro_dropdown_menu_user .chatbro_dropdown_admin:before,
    .chatbro_dropdown_menu .chatbro_dropdown_menu_user_wrapper .chatbro_dropdown_menu_user .chatbro_dropdown_moder:before {
        font-family: "chatbro", serif !important;
        top: 2px;
        position: relative;
        content: "\58";
        font-size: 11px;
        padding: 0 3px 0 0;
    }
    .chatbro_dropdown_menu .chatbro_dropdown_menu_user_wrapper .chatbro_dropdown_menu_user .chatbro_dropdown_moder:after {
        content: "moder";
    }
    .chatbro_dropdown_menu .chatbro_dropdown_menu_user_wrapper .chatbro_dropdown_menu_user .chatbro_dropdown_patron:after {
        content: "patron";
    }
    .chatbro_dropdown_menu .chatbro_dropdown_menu_user_wrapper .chatbro_dropdown_menu_user .chatbro_dropdown_admin:after {
        content: "admin";
    }
    .chatbro_dropdown_menu .chatbro_dropdown_menu_user_wrapper .chatbro_dropdown_menu_user .chatbro_dropdown_guest {
        font-weight: bold;
        opacity: 0.8;
        font-size: 11px;
        display: none;
    }
    .chatbro_dropdown_menu .chatbro_dropdown_menu_user_wrapper .chatbro_dropdown_menu_user div.chatbro_dropdown_menu_user_avatar_block {
        display: inline-block;
        position: relative;
    }
    .chatbro_dropdown_menu .chatbro_dropdown_menu_user_wrapper .chatbro_dropdown_menu_user div.chatbro_dropdown_menu_user_avatar_block .chatbro_dropdown_menu_user_avatar {
        height: 40px;
        width: 40px;
        margin: 2px 10px 0 0;
        border-radius: 3px;
        display: inline-block;
        font-size: 14px;
    }
    .chatbro_dropdown_menu .chatbro_dropdown_menu_user_wrapper .chatbro_dropdown_menu_user div.chatbro_dropdown_menu_user_avatar_block .chatbro_guest_avatar:before {
        content: attr(data-name);
        top: 12px;
        text-shadow: 0 1px 4px #848484;
        position: relative;
    }
    .chatbro_dropdown_menu .chatbro_dropdown_menu_user_wrapper .chatbro_dropdown_menu_user div.chatbro_dropdown_menu_user_info {
        display: inline-block;
        vertical-align: top;
        display: -moz-inline-stack;
    }
    .chatbro_dropdown_menu .chatbro_dropdown_menu_user_wrapper .chatbro_dropdown_menu_user div.chatbro_dropdown_menu_user_info .chatbro_dropdown_menu_user_info_gateway {
        font-family: "chatbro", serif !important;
        top: 0;
        cursor: help;
        border: 1px solid;
        border-radius: 3px;
        color: inherit;
        padding: 1px 2px;
        font-size: 11px;
        background: transparent;
        border-color: inherit;
        margin-right: 4px;
        opacity: 0.8;
    }
    .chatbro_dropdown_menu .chatbro_dropdown_menu_user_wrapper .chatbro_dropdown_menu_user div.chatbro_dropdown_menu_user_info .chatbro_guest {
        top: -5px;
        position: relative;
        margin-left: 5px;
    }
    .chatbro_dropdown_menu .chatbro_dropdown_menu_user_wrapper .chatbro_dropdown_menu_user div.chatbro_dropdown_menu_user_info .chatbro_fb_ico:before {
        content: "\4d";
        font-family: "chatbro", serif !important;
    }
    .chatbro_dropdown_menu .chatbro_dropdown_menu_user_wrapper .chatbro_dropdown_menu_user div.chatbro_dropdown_menu_user_info .chatbro_tg_ico:before {
        content: "\45";
        font-family: "chatbro", serif !important;
    }
    .chatbro_dropdown_menu .chatbro_dropdown_menu_user_wrapper .chatbro_dropdown_menu_user div.chatbro_dropdown_menu_user_info .chatbro_vk_ico:before {
        content: "\54";
        font-family: "chatbro", serif !important;
    }
    .chatbro_dropdown_menu .chatbro_dropdown_menu_user_wrapper .chatbro_dropdown_menu_user div.chatbro_dropdown_menu_user_info .chatbro_guid_ico {
        font-family: Tahoma, Helvetica, sans-serif !important;
        font-size: 10px;
        top: -2px;
        position: relative;
    }
    .chatbro_dropdown_menu .chatbro_dropdown_menu_user_wrapper .chatbro_dropdown_menu_user div.chatbro_dropdown_menu_user_info .chatbro_guid_ico:before {
        content: "CMS";
    }
    .chatbro_dropdown_menu .chatbro_dropdown_menu_user_wrapper .chatbro_dropdown_menu_user div.chatbro_dropdown_menu_user_info .chatbro_go_ico:before {
        content: "\4e";
        position: relative;
        top: 1px;
        font-weight: bold;
        font-family: "chatbro", serif !important;
    }
    .chatbro_dropdown_menu .chatbro_dropdown_menu_user_wrapper .chatbro_dropdown_menu_user div.chatbro_dropdown_menu_user_info .chatbro_dropdown_menu_user_info_name {
        max-width: 125px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-weight: bold;
        font-size: 13px;
    }
    .chatbro_dropdown_menu .chatbro_dropdown_menu_user_wrapper .chatbro_dropdown_menu_user div.chatbro_dropdown_menu_user_info a {
        padding: 0;
    }
    .chatbro_dropdown_menu .chatbro_dropdown_divider {
        padding: 11px 15px;
        font-weight: bold;
    }
    .chatbro_dropdown_menu .chatbro_copyright {
        font-size: 12px;
        min-width: 200px;
    }
    .chatbro_dropdown_menu .chatbro_copyright a {
        margin: 0 !important;
        color: inherit;
        text-align: left;
        padding: 6px 0;
        line-height: 12px;
        opacity: 0.7;
        font-size: 10px;
    }
    .chatbro_message_attachment {
        position: relative;
        display: block;
        overflow: hidden;
        margin: 5px 5px 0 0;
        padding: 0;
        vertical-align: top;
        word-wrap: break-word;
        word-break: break-all;
        word-break: break-word;
    }
    .chatbro_message_attachment a {
        float: left;
    }
    .chatbro_message_attachment a.chatbro_message_attachment_file .chatbro_message_attachment_file_size {
        opacity: 0.7;
        font-size: 10px;
    }
    .chatbro_message_attachment a.chatbro_message_attachment_file .chatbro_message_attachment_file_ico {
        font-family: "chatbro", serif !important;
        float: left;
        opacity: 0.8;
    }
    .chatbro_message_attachment a.chatbro_message_attachment_file .chatbro_message_attachment_file_ico:before {
        content: "\67";
        font-size: 17px;
        margin-right: 5px;
        font-family: "chatbro", serif !important;
    }
    .chatbro_message_video_attachment {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        max-width: 100%;
        height: 100%;
        border: 0;
    }
    .chatbro_message_attachment_audio .chatbro_audio_player {
        display: -ms-flexbox;
        display: flex;
        max-width: 217px;
        width: 100%;
        padding: 0;
        height: 30px;
    }
    .chatbro_message_attachment_audio .chatbro_audio_player .chatbro_audio_player_source {
        display: none;
    }
    .chatbro_message_attachment_audio .chatbro_audio_player .chatbro_audio_player_play_btn {
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: left;
        justify-content: left;
        font-size: 17px;
        cursor: pointer;
        opacity: 0.8;
        width: 27px;
        position: absolute;
        padding: 6px 0;
    }
    .chatbro_message_attachment_audio .chatbro_audio_player .chatbro_audio_player_play_btn_start:before {
        font-family: "chatbro", serif !important;
        content: "\2c";
    }
    .chatbro_message_attachment_audio .chatbro_audio_player .chatbro_audio_player_play_btn_stop:before {
        font-family: "chatbro", serif !important;
        content: "\2d";
        font-size: 16px;
    }
    .chatbro_message_attachment_audio .chatbro_audio_player .chatbro_audio_player_controls_bar {
        line-height: 14px;
    }
    .chatbro_message_attachment_audio .chatbro_audio_player .chatbro_audio_player_controls {
        -ms-flex: 3;
        flex: 3;
        padding: 0;
        padding-left: 27px;
    }
    .chatbro_message_attachment_audio .chatbro_audio_player .chatbro_audio_player_controls .chatbro_audio_player_controls_title_wrap {
        display: -ms-flexbox;
        display: flex;
        transition: all 150ms;
        margin: 5px 0;
        position: relative;
    }
    .chatbro_message_attachment_audio .chatbro_audio_player .chatbro_audio_player_controls .chatbro_audio_player_controls_title_wrap .chatbro_audio_player_controls_title {
        font-size: inherit;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: auto;
        max-width: 160px;
        transition: all 150ms ease-out;
        cursor: pointer;
    }
    .chatbro_message_attachment_audio .chatbro_audio_player .chatbro_audio_player_controls .chatbro_audio_player_controls_title_wrap .chatbro_audio_player_controls_title .chatbro_audio_player_controls_title_name {
        font-weight: 500;
    }
    .chatbro_message_attachment_audio .chatbro_audio_player .chatbro_audio_player_controls .chatbro_audio_player_controls_bar {
        display: -ms-flexbox;
        display: flex;
        margin-top: 4px;
        visibility: hidden;
    }
    .chatbro_message_attachment_audio .chatbro_audio_player .chatbro_audio_player_controls .chatbro_audio_player_controls_bar progress {
        width: 100%;
    }
    .chatbro_message_attachment_audio .chatbro_audio_player .chatbro_audio_player_controls .chatbro_audio_player_controls_bar progress[value] {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        color: #2b6dad;
        height: 3px;
        cursor: pointer;
        transition: height 150ms ease-out, visibility 80ms ease-out;
        box-sizing: border-box;
        display: block;
        font-size: 12px;
        font-weight: 400;
        line-height: 14px;
        overflow-wrap: break-word;
        text-align: left;
        text-shadow: none;
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        text-size-adjust: 100%;
        vertical-align: baseline;
        visibility: hidden;
        white-space: pre-wrap;
        word-break: break-word;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb;
    }
    .chatbro_message_attachment_audio .chatbro_audio_player .chatbro_audio_player_controls .chatbro_audio_player_controls_bar progress[value]::-webkit-progress-bar {
        background-color: #e7e8ec;
        border-radius: 2px !important;
        color: #2b6dad;
    }
    .chatbro_message_attachment_audio .chatbro_audio_player .chatbro_audio_player_controls .chatbro_audio_player_controls_bar progress[value]::-webkit-progress-value {
        background-color: #2b6dad;
    }
    .chatbro_message_attachment_audio .chatbro_audio_player .chatbro_audio_player_controls .chatbro_audio_player_controls_bar input[type="range"] {
        overflow: hidden;
        visibility: hidden;
        width: 75px;
        margin: 0;
        margin-left: 10px;
        height: 3px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        cursor: pointer;
        border-radius: 2px !important;
        outline: none;
        transition: height 80ms ease-out, visibility 80ms ease-out;
    }
    .chatbro_message_attachment_audio .chatbro_audio_player .chatbro_audio_player_controls .chatbro_audio_player_controls_bar input[type="range"]::-moz-range-thumb {
        width: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        height: 0;
        cursor: ew-resize;
        box-shadow: -80px 0 0 80px #2b6dad;
        cursor: pointer;
    }
    .chatbro_message_attachment_audio .chatbro_audio_player .chatbro_audio_player_controls .chatbro_audio_player_controls_bar input[type="range"]::-moz-range-progress {
        height: 5px;
        background-color: #2b6dad;
        -moz-appearance: none;
        appearance: none;
    }
    .chatbro_message_attachment_audio .chatbro_audio_player .chatbro_audio_player_controls .chatbro_audio_player_controls_bar input[type="range"]::-moz-range-track {
        height: 3px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        color: #13bba4;
        margin-top: -1px;
        background-color: #e7e8ec;
    }
    .chatbro_message_attachment_audio .chatbro_audio_player .chatbro_audio_player_controls .chatbro_audio_player_controls_bar input[type="range"]::-ms-fill-lower {
        background-color: #2b6dad;
        appearance: none;
    }
    .chatbro_message_attachment_audio .chatbro_audio_player .chatbro_audio_player_controls .chatbro_audio_player_controls_bar input[type="range"]::-ms-fill-upper {
        background-color: #e7e8ec;
        appearance: none;
    }
    .chatbro_message_attachment_audio .chatbro_audio_player .chatbro_audio_player_controls .chatbro_audio_player_controls_bar input[type="range"]::-webkit-slider-runnable-track {
        height: 3px;
        -webkit-appearance: none;
        appearance: none;
        color: #13bba4;
        margin-top: -1px;
        background-color: #e7e8ec;
    }
    .chatbro_message_attachment_audio .chatbro_audio_player .chatbro_audio_player_controls .chatbro_audio_player_controls_bar input[type="range"]::-webkit-slider-thumb {
        width: 0;
        -webkit-appearance: none;
        appearance: none;
        height: 10px;
        cursor: ew-resize;
        box-shadow: -80px 0 0 80px #2b6dad;
        cursor: pointer;
    }
    .chatbro_message_attachment_audio .chatbro_audio_player .chatbro_audio_player_controls .chatbro_audio_player_controls_time {
        font-size: 10px;
        text-align: right;
        opacity: 0.7;
        padding-left: 0;
        position: absolute;
        right: 0;
        top: 1px;
    }
    .chatbro_message_attachment_audio .chatbro_audio_player .chatbro_audio_player_controls .chatbro_audio_player_controls_time .chatbro_audio_player_controls_divider {
        margin: 0 2px;
        display: none;
    }
    .chatbro_message_video_attachment_click {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        cursor: pointer;
    }
    .chatbro_message_video_attachment_preview {
        position: relative;
        border-radius: 3px;
        max-width: 100%;
        min-height: 129px;
    }
    .chatbro_message_video_attachment_start_play {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        background: white;
        border-radius: 30%;
        height: 40px;
        width: 50px;
        font-size: 25px;
        color: black;
        border: 1px solid #282828;
        opacity: 0.8;
        cursor: pointer;
    }
    .chatbro_message_video_attachment_start_play:before {
        font-family: "chatbro", serif !important;
        content: "\2c";
        top: 10px;
        position: absolute;
        left: 14px;
    }
    .chatbro_message_photo_attachment_preview {
        max-width: 100%;
        max-height: 129px;
        border-radius: 3px;
    }
    .chatbro_participants {
        padding: 5px 8px 5px 12px;
        border-top: 1px solid #d8d8d8;
        background-color: #ffffff;
        max-height: 81px;
        overflow-y: auto;
        overflow-y: overlay;
        scrollbar-width: thin;
        -ms-overflow-style: none;
        transform: translateZ(0);
    }
    .chatbro_participants::-webkit-scrollbar {
        width: 4px;
        height: 8px;
    }
    .chatbro_participants::-webkit-scrollbar * {
        background: transparent;
    }
    .chatbro_participants::-webkit-scrollbar-thumb {
        background: #aaaaaa !important;
        border-radius: 4px;
        -webkit-overflow-scrolling: touch;
    }
    .chatbro_participants a {
        vertical-align: top;
    }
    .chatbro_participant {
        width: 29px;
        height: 29px;
        margin: 1px 2px;
        border-radius: 4px;
        display: inline-block;
    }
    .chatbro_bottom_border {
        border-bottom: 2px solid;
    }
    .chatbro_participant_admin {
        cursor: pointer;
    }
    .new_messages_count_wrapper {
        display: inline-block;
        font-size: 9px;
        margin-right: 5px;
    }
    .new_messages_count_wrapper:before {
        content: "\6a";
        font-size: 13px;
        vertical-align: middle;
        position: relative;
        top: 1px;
        font-family: "chatbro", serif !important;
    }
    .new_messages_count_wrapper_max {
        float: right;
        padding: 3px 7px;
        font-size: 13px;
        height: 100%;
        display: none;
        line-height: 27px;
        cursor: pointer;
    }
    .new_messages_count_wrapper_max .new_messages_ico {
        margin-right: 4px;
    }
    .new_messages_count_wrapper_max .new_messages_ico:before {
        content: "\6a";
        font-size: 15px;
        vertical-align: middle;
        position: relative;
        top: 2px;
        font-family: "chatbro", serif !important;
    }
    .new_messages_count_wrapper_max .new_messages_count {
        top: -1px;
        position: relative;
    }
    .chatbro_participant_count_wrapper {
        display: inline-block;
    }
    .new_messages_count {
        font-size: 13px;
    }
    span.chatbro_chat_name {
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .chatbro_resizer {
        height: 10px;
        width: 100%;
        background: transparent;
        position: absolute;
        bottom: -10px;
        left: 0;
    }
    .chatbro_link {
        font-size: 12px;
        height: 18px;
        line-height: 18px;
    }
    .chatbro_link a {
        text-decoration: underline;
        color: inherit;
        cursor: pointer;
        float: right;
        margin-right: 19px;
        opacity: 0.7;
    }
    .chatbro_link a:hover {
        opacity: 0.9;
        color: inherit;
    }
    .chatbro_messages_scroll_to_last {
        background: #ffffff;
        border: 1px solid #e4e4e4;
        cursor: pointer;
        display: none;
        height: 35px;
        bottom: 50px;
        position: absolute;
        width: 40px;
        right: 13px;
        content: "";
        border-radius: 3px;
        box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.16), 0 2px 2px 0 rgba(0, 0, 0, 0.12);
        font-size: 18px;
        font-weight: normal;
        padding: 7px 10px;
        line-height: 1;
    }
    .chatbro_messages_scroll_to_last:hover:before {
        opacity: 1;
    }
    .chatbro_messages_scroll_to_last:before {
        content: "\5e";
        opacity: 0.7;
        font-family: "chatbro", serif !important;
    }
    .chatbro_chat_info_block {
        background: white;
        padding: 3px 12px;
        font-size: 12px;
        border-top: 1px solid #e6e6e6;
        overflow-x: hidden;
        overflow-y: hidden;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }
    .chatbro_chat_info_block::-webkit-scrollbar {
        height: 4px;
    }
    .chatbro_chat_info_block::-webkit-scrollbar * {
        background: transparent;
    }
    .chatbro_chat_info_block::-webkit-scrollbar-thumb {
        background: #aaaaaa !important;
        border-radius: 4px;
        -webkit-overflow-scrolling: touch;
    }
    .chatbro_chat_info_block .chatbro_chat_info_wrapper {
        display: inline-block;
        background: #e6e6e6;
        padding: 2px 7px;
        border-radius: 3px;
        opacity: 0.9;
        cursor: pointer;
    }
    .chatbro_connecting_bottom {
        display: block;
        visibility: hidden;
        opacity: 0;
        position: absolute;
        height: 20px;
        bottom: 37px;
        right: 0;
        background: #ffffff;
        color: #717578;
        border: 1px solid #e6e6e6;
        border-top-left-radius: 3px;
        border-right: none;
        border-bottom: none;
        width: auto;
        padding: 0 14px 0 7px;
        line-height: 1;
        font-size: 12px;
        z-index: 12;
        transition: opacity 200ms;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-touch-callout: none;
        -khtml-user-select: none;
    }
    .chatbro_connecting_bottom .chatbro_connecting_bottom_message_connecting_sec,
    .chatbro_connecting_bottom .chatbro_connecting_bottom_message_connecting,
    .chatbro_connecting_bottom .chatbro_connecting_bottom_message_noconnection,
    .chatbro_connecting_bottom .chatbro_connecting_bottom_message_reconnect,
    .chatbro_connecting_bottom .chatbro_connecting_bottom_button {
        display: none;
        height: 100%;
        line-height: 18px;
        margin-left: 7px;
    }
    .chatbro_connecting_bottom .chatbro_connecting_bottom_message_connecting_sec {
        margin-left: -1px;
    }
    .chatbro_connecting_bottom .chatbro_connecting_bottom_button {
        text-decoration: underline;
        cursor: pointer;
        color: inherit;
        text-transform: lowercase;
    }
    .chatbro_connecting_bottom .chatbro_connecting_bottom_radial {
        display: none;
        position: relative;
        margin-right: 5px;
        top: 2px;
        margin: 0 2px 0 5px;
        text-indent: -9999em;
        border: 1px solid rgba(120, 120, 120, 0.2);
        border-left-color: #6594c6;
        transform: translateZ(0);
        animation: chatbro_loader_radial 1.1s infinite linear;
    }
    .chatbro_connecting_bottom .chatbro_connecting_bottom_radial,
    .chatbro_connecting_bottom .chatbro_connecting_bottom_radial:after {
        border-radius: 50%;
        width: 12px;
        height: 12px;
    }
    .chatbro_send {
        border-top: none;
        background-color: #ffffff;
        line-height: 22.9286px;
        position: relative;
        overflow: hidden;
    }
    .chatbro_send .chatbro_loader_radial {
        display: none;
        position: absolute;
        top: 8px;
        left: 16px;
        text-indent: -9999em;
        border: 2px solid rgba(120, 120, 120, 0.2);
        border-left-color: #6594c6;
        transform: translateZ(0);
        animation: chatbro_loader_radial 1.1s infinite linear;
    }
    .chatbro_send .chatbro_loader_radial,
    .chatbro_send .chatbro_loader_radial:after {
        border-radius: 50%;
        width: 20px;
        height: 20px;
    }
    @keyframes chatbro_loader_radial {
        0% {
            transform: rotate(0deg);
        }
        100% {
            transform: rotate(360deg);
        }
    }
    .chatbro_send .chatbro_send_input_preview {
        display: none;
        overflow-x: auto;
        overflow-y: hidden;
        height: 54px;
        padding: 5px;
        white-space: nowrap;
        border-top: 1px solid;
        background-color: #ffffff;
        text-align: left;
    }
    .chatbro_send .chatbro_send_input_preview::-webkit-scrollbar {
        height: 4px;
    }
    .chatbro_send .chatbro_send_input_preview::-webkit-scrollbar * {
        background: transparent;
    }
    .chatbro_send .chatbro_send_input_preview::-webkit-scrollbar-thumb {
        background: #aaaaaa !important;
        border-radius: 4px;
        -webkit-overflow-scrolling: touch;
    }
    .chatbro_send .chatbro_send_input_preview .chatbro_send_input_preview_attachment {
        height: 100%;
        position: relative;
        display: inline-block;
        margin: 0 5px;
    }
    .chatbro_send .chatbro_send_input_preview .chatbro_send_input_preview_attachment img.chatbro_send_input_preview_attachment_img {
        height: 100%;
        vertical-align: middle;
        border-radius: 3px;
    }
    .chatbro_send .chatbro_send_input_preview .chatbro_send_input_preview_attachment .chatbro_send_input_preview_attachment_reply {
        border-left: 3px solid;
        padding: 3px 17px 3px 7px;
        margin: 0 0;
        vertical-align: middle;
        display: inline-block;
        border-radius: 3px;
    }
    .chatbro_send .chatbro_send_input_preview .chatbro_send_input_preview_attachment .chatbro_send_input_preview_attachment_reply .chatbro_send_input_preview_attachment_reply_name {
        font-weight: bold;
        max-width: 100px;
        text-overflow: ellipsis;
        overflow: hidden;
        display: block;
        line-height: 18px;
    }
    .chatbro_send .chatbro_send_input_preview .chatbro_send_input_preview_attachment .chatbro_send_input_preview_attachment_reply .chatbro_send_input_preview_attachment_reply_text {
        text-overflow: ellipsis;
        max-width: 100px;
        overflow: hidden;
        line-height: 18px;
    }
    .chatbro_send .chatbro_send_input_preview .chatbro_send_input_preview_attachment div.chatbro_send_input_preview_attachment_close {
        position: absolute;
        top: 0;
        right: 0;
        height: 14px;
        width: 14px;
    }
    .chatbro_send .chatbro_send_input_preview .chatbro_send_input_preview_attachment div.chatbro_send_input_preview_attachment_close:before {
        content: "\63";
        cursor: pointer;
        font-weight: normal;
        font-size: 13px;
        background: #5f5f5f;
        color: white;
        position: relative;
        top: -3px;
        padding: 1px;
        border-top-right-radius: 3px;
        font-family: "chatbro", serif !important;
    }
    .chatbro_send .chatbro_send_input_preview .chatbro_send_input_preview_attachment div.chatbro_send_input_preview_attachment_progress {
        text-align: center;
        background: black;
        color: white;
        opacity: 0.7;
        font-size: 11px;
        position: absolute;
        width: 100%;
        font-weight: bold;
        bottom: 0;
        left: 0;
        white-space: nowrap;
        overflow: hidden;
        padding: 0 5px;
        text-overflow: ellipsis;
        cursor: pointer;
    }
    .chatbro_send .chatbro_send_input_block {
        min-height: 35px;
        position: relative;
        border-top: 1px solid;
    }
    .chatbro_send .chatbro_send_input_block .chatbro_send_input_indicator_wrapped {
        width: 100%;
        height: 0;
        position: absolute;
        z-index: 4;
        bottom: 0;
        display: block;
        transform-origin: top;
        transition: height 300ms, transform 0.2s;
    }
    .chatbro_send .chatbro_send_input_block .chatbro_send_input_indicator_wrapped .chatbro_send_input_indicator {
        height: 100%;
        width: 100%;
        position: absolute;
        background: #323030;
        top: 0;
        left: 0;
        opacity: 0.3;
        transition: width 300ms, transform 0.2s;
    }
    .chatbro_send .chatbro_send_input_block .chatbro_send_wait {
        background: url(//chatbro.com/images/chat/chatbro_image_bar.gif) no-repeat left 47% !important;
        background-size: 27px 27px;
        cursor: default !important;
    }
    .chatbro_send .chatbro_send_input_block .chatbro_image_question {
        cursor: help !important;
    }
    .chatbro_send .chatbro_send_input_block .chatbro_send_button,
    .chatbro_send .chatbro_send_input_block .chatbro_open_smiles_button {
        font-family: "chatbro", serif !important;
        position: relative;
        text-align: center;
        padding: 6px 0;
        float: right;
        width: 41px;
        height: 35px;
        cursor: pointer;
        opacity: 0.6;
        border: 0;
        outline: none;
        box-shadow: none;
        background-size: auto !important;
        font-size: 20px;
        transition: 0.3s ease-out;
    }
    .chatbro_send .chatbro_send_input_block .chatbro_send_button:hover,
    .chatbro_send .chatbro_send_input_block .chatbro_open_smiles_button:hover {
        opacity: 0.99;
    }
    .chatbro_send .chatbro_send_input_block .chatbro_open_smiles_button {
        font-size: 22px;
    }
    .chatbro_send .chatbro_send_input_block .chatbro_open_smiles_button:before {
        content: "\62";
        position: relative;
        top: 1px;
        font-family: "chatbro", serif !important;
    }
    .chatbro_send .chatbro_send_input_block .chatbro_send_button {
        width: 49px;
    }
    .chatbro_send .chatbro_send_input_block .chatbro_send_button:before {
        content: "\47";
        font-family: "chatbro", serif !important;
    }
    .chatbro_send .chatbro_send_input_block label.chatbro_open_upload_button {
        position: relative;
        top: -1px;
        opacity: 0.6;
        float: left !important;
        width: 57px !important;
        height: 35px !important;
        background-size: auto !important;
        margin: 1px 0 0 0 !important;
        font-size: 25px !important;
        font-weight: normal !important;
        display: inline-block;
        cursor: pointer !important;
        line-height: 22.9286px !important;
        padding: 0;
        transition: 0.3s ease-out;
    }
    .chatbro_send .chatbro_send_input_block label.chatbro_open_upload_button input.chatbro_file_select_input {
        display: none !important;
    }
    .chatbro_send .chatbro_send_input_block label.chatbro_open_upload_button:hover {
        opacity: 0.99;
    }
    .chatbro_send .chatbro_send_input_block label.chatbro_open_upload_button:before {
        font-family: "chatbro", serif !important;
        content: "\29";
        display: inline-block;
        position: relative;
        width: 100%;
        background: inherit;
        text-overflow: ellipsis;
        text-align: center;
        vertical-align: middle;
        line-height: 32px !important;
        top: 2px;
        font-size: 20px;
    }
    .chatbro_send .chatbro_send_input_block .chatbro_send_input_wrapper {
        padding-right: 90px;
        padding-left: 57px;
        min-height: 36px;
        position: initial;
    }
    .chatbro_send .chatbro_send_input_block .chatbro_send_input_wrapper [contentEditable="true"]:empty:not(:focus):before,
    .chatbro_send .chatbro_send_input_block .chatbro_send_input_wrapper [contentEditable="false"]:empty:not(:focus):before {
        content: attr(data-ph);
        color: inherit;
        opacity: 0.7;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
    }
    .chatbro_send .chatbro_send_input_block .chatbro_send_input_wrapper .chatbro_send_input {
        font-size: 16px;
        transform-origin: left;
        transform: scale(0.8125) !important;
        width: 122%;
        margin: 0 !important;
        padding: 8px 10px 8px 0 !important;
        max-height: 88px;
        text-align: left;
        line-height: 19px;
        min-height: 35px;
        overflow-y: auto;
        overflow-y: overlay;
        scrollbar-width: thin;
        -ms-overflow-style: none;
        transform: translateZ(0);
    }
    .chatbro_send .chatbro_send_input_block .chatbro_send_input_wrapper .chatbro_send_input::-webkit-scrollbar {
        width: 4px;
        height: 4px;
    }
    .chatbro_send .chatbro_send_input_block .chatbro_send_input_wrapper .chatbro_send_input::-webkit-scrollbar * {
        background: transparent;
    }
    .chatbro_send .chatbro_send_input_block .chatbro_send_input_wrapper .chatbro_send_input::-webkit-scrollbar-thumb {
        background: #aaaaaa !important;
        border-radius: 4px;
        -webkit-overflow-scrolling: touch;
    }
    .chatbro_send .chatbro_send_input_block .chatbro_send_input_wrapper .chatbro_send_input:focus {
        outline: none;
        box-shadow: none;
    }
    .chatbro_frame {
        position: absolute;
        z-index: 5000;
    }
    .chatbro_frame_left_top {
        top: -6px;
        left: -6px;
        width: 6px;
        height: 6px;
        cursor: nw-resize;
    }
    .chatbro_frame_top {
        top: -6px;
        width: 100%;
        height: 10px;
        cursor: ns-resize;
    }
    .chatbro_frame_right_top {
        top: -6px;
        right: -6px;
        width: 6px;
        height: 6px;
        cursor: ne-resize;
    }
    .chatbro_frame_left {
        left: -6px;
        width: 10px;
        height: 100%;
        cursor: w-resize;
    }
    .chatbro_frame_right {
        right: -10px;
        width: 10px;
        height: 100%;
        cursor: e-resize;
    }
    .chatbro_frame_left_bottom {
        bottom: -6px;
        left: -6px;
        width: 6px;
        height: 6px;
        cursor: sw-resize;
    }
    .chatbro_frame_right_bottom {
        right: -6px;
        bottom: -6px;
        width: 6px;
        height: 6px;
        cursor: se-resize;
    }
    .chatbro_frame_bottom {
        bottom: -6px;
        width: 100%;
        height: 10px;
        cursor: s-resize;
    }
    .unselectable {
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-touch-callout: none;
        -khtml-user-select: none;
    }
    .unscrollable {
        overflow: hidden;
    }
    .chatbro_paginator {
        width: 100%;
        height: 33px;
        border-top: 1px solid #d8d8d8;
        border: none;
    }
    .chatbro_paginator button {
        font-size: 16px;
        font-weight: bold;
        height: 22px;
        padding: 0 21px !important;
        color: #2a2a2a;
        border: none;
        border-radius: 3px;
        outline: none;
        background: #ededed;
        margin: 5px 12px;
    }
    .chatbro_paginator .chatbro_paginator_prev {
        float: left;
    }
    .chatbro_paginator .chatbro_paginator_next {
        float: right;
    }
    .chatbro_modal_image_wrapper {
        position: fixed;
        top: 0;
        left: 0;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
        height: 100%;
        width: 100%;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: distribute;
        padding-top: 60px;
        padding-bottom: 60px;
        z-index: 5001;
        box-sizing: border-box;
        min-height: 340px;
        overflow: hidden;
        cursor: pointer;
        background-color: rgba(0, 0, 0, 0.8);
        opacity: 1;
    }
    .chatbro_modal_image_wrapper .chatbro_modal_image_image {
        margin: 0 auto;
        display: block;
        max-height: 100%;
        border-radius: 0;
        max-width: 100%;
    }
    .chatbro_modal_image_wrapper .chatbro_modal_image_close {
        display: block;
        color: white;
        font-size: 30px;
        position: absolute;
        top: 10px;
        right: 20px;
        line-height: 21px;
    }
    .chatbro_modal_image_wrapper .chatbro_modal_image_newtab {
        display: block;
        margin: 0 auto;
        text-align: center;
        opacity: 0.7;
        line-height: 30px;
    }
    .chatbro_modal_image_wrapper .chatbro_modal_image_newtab a {
        color: #fff;
        font-size: 14px;
    }