:root {
    --widget-text-color-light: #fff;
    --widget-text-color-dark: #33383a;
    --widget-text-color-light-07: rgba(255, 255, 255, 0.7);
    --widget-text-color-dark-07: rgba(51, 56, 58, 0.7)
}

.chaport-container .chaport-loader,
.chaport-loader {
    display: block;
    font-size: 4px;
    margin: auto auto;
    width: 35px;
    height: 35px;
    box-sizing: border-box;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-animation: load3 1.0s infinite linear;
    animation: load3 1.0s infinite linear;
    border: 4px solid #1D90FF;
    border-right-color: #fff;
    border-radius: 50%;
    background: #fff;
    background-clip: padding-box;
    position: relative
}

.chaport-container .chaport-loader.chaport-center,
.chaport-loader.chaport-center {
    left: calc(50% - 18px);
    top: calc(50% - 18px)
}

.chaport-container .chaport-loader:before,
.chaport-loader:before {
    position: absolute;
    bottom: -4px;
    left: 50%;
    width: 50%;
    height: 50%;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 80%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 80%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 80%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 80%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 80%);
    content: '';
    display: block
}

.chaport-container .chaport-reloader,
.chaport-reloader {
    display: block;
    margin: auto auto;
    width: 35px;
    height: 35px;
    position: relative
}

@-webkit-keyframes load3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes load3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.chaport-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 2147483501;
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s
}

.chaport-overlay .chaport-overlay-contents-wrapper {
    width: 100%;
    height: 100%;
    padding: 30px;
    box-sizing: border-box
}

.chaport-overlay .chaport-overlay-contents-wrapper .chaport-overlay-contents {
    position: relative;
    width: 100%;
    height: 100%
}

.chaport-overlay .chaport-overlay-contents-wrapper .chaport-overlay-contents .loading-wrapper {
    position: absolute;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15), 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
    width: 100px;
    height: 100px;
    border-radius: 8px;
    left: 50%;
    top: 50%;
    background-color: #fff;
    transform: translate(-50%, -50%)
}

.chaport-overlay .chaport-overlay-contents-wrapper .chaport-overlay-contents>img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-box-shadow: 0 5px 38px rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 38px rgba(0, 0, 0, 0.15)
}

.chaport-overlay .chaport-overlay-contents-wrapper .chaport-overlay-contents>a {
    position: absolute;
    left: 50%;
    top: auto;
    bottom: 9px;
    transform: translateX(-50%);
    color: #fff;
    font-family: "proxima-nova", sans-serif;
    font-size: 15px
}

.chaport-overlay.show {
    opacity: 1
}

.chaport-overlay.show .chaport-overlay-contents>img {
    cursor: zoom-out
}

.chaport-overlay .chaport-close {
    position: absolute;
    width: 70px;
    height: 70px;
    top: 13px;
    right: 27px;
    opacity: 0.6
}

.chaport-overlay .chaport-close:hover {
    opacity: 1
}

.chaport-overlay .chaport-close::before,
.chaport-overlay .chaport-close::after {
    content: '';
    height: 31px;
    width: 2px;
    background-color: #eee;
    right: 33px;
    top: 19px
}

.chaport-container .chaport-center,
.chaport-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.cp-select,
.cp-select-visitor-info,
.cp-select-widget {
    display: block;
    font-size: 16px;
    color: #333;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    border-radius: 3px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' viewBox='0 0 292 292' enable-background='new 0 0 292 292' xml:space='preserve' height='292px' width='292px'%3E%3Cpath fill='%23A1A5A9' d='M287 69.4a17.6 17.6 0 0 0-13-5.4H18.4c-5 0-9.3 1.8-12.9 5.4A17.6 17.6 0 0 0 0 82.2c0 5 1.8 9.3 5.4 12.9l128 127.9c3.6 3.6 7.8 5.4 12.8 5.4s9.2-1.8 12.8-5.4L287 95c3.5-3.5 5.4-7.8 5.4-12.8 0-5-1.9-9.2-5.5-12.8z'/%3E%3C/svg%3E") no-repeat;
    background-position: right 20px top 50%;
    background-size: .65em auto
}

.cp-select.ng-empty,
.ng-empty.cp-select-visitor-info,
.ng-empty.cp-select-widget {
    font-weight: 200
}

.cp-select::-ms-expand,
.cp-select-visitor-info::-ms-expand,
.cp-select-widget::-ms-expand {
    display: none
}

.cp-select:hover,
.cp-select-visitor-info:hover,
.cp-select-widget:hover {
    cursor: pointer
}

.cp-select:focus,
.cp-select-visitor-info:focus,
.cp-select-widget:focus {
    outline: none
}

.cp-select-visitor-info {
    padding: 0 10px 0 10px !important
}

@-moz-document url-prefix() {
    .cp-select-visitor-info {
        padding: 0 14px 0 6px !important
    }
}

body.chaport-device-windows .cp-select-widget {
    margin-left: -5px;
    padding-left: 5px !important;
    background-position: right 15px top 50%
}

@-moz-document url-prefix() {
    body.chaport-device-windows .cp-select-widget {
        position: relative;
        left: -4px;
        margin-left: 0;
        padding-left: 0 !important;
        background-position: right 16px top 50%
    }
}

.user-color-0 {
    background-color: #ccc !important;
    background-image: linear-gradient(to top, #c1bdbd 0%, #d6d1d1 100%) !important
}

.user-color-1 {
    background-color: #EF9A9A !important;
    background-image: linear-gradient(to top, #ee8282 0%, #f4a5a5 100%) !important
}

.user-color-2 {
    background-color: #F48FB1 !important;
    background-image: linear-gradient(to top, #f476a0 0%, #f89aba 100%) !important
}

.user-color-3 {
    background-color: #CE93D8 !important;
    background-image: linear-gradient(to top, #c77ed4 0%, #d59bdf 100%) !important
}

.user-color-4 {
    background-color: #B39DDB !important;
    background-image: linear-gradient(to top, #a488d7 0%, #bba5e2 100%) !important
}

.user-color-5 {
    background-color: #9FA8DA !important;
    background-image: linear-gradient(to top, #8a96d5 0%, #a7b0e1 100%) !important
}

.user-color-6 {
    background-color: #90CAF9 !important;
    background-image: linear-gradient(to top, #76bffa 0%, #9cd1fc 100%) !important
}

.user-color-7 {
    background-color: #81D4FA !important;
    background-image: linear-gradient(to top, #66cdfb 0%, #8ddafd 100%) !important
}

.user-color-8 {
    background-color: #80DEEA !important;
    background-image: linear-gradient(to top, #68dae9 0%, #8ae4ef 100%) !important
}

.user-color-9 {
    background-color: #80CBC4 !important;
    background-image: linear-gradient(to top, #6bc7be 0%, #87d4cc 100%) !important
}

.user-color-10 {
    background-color: #A5D6A7 !important;
    background-image: linear-gradient(to top, #91d094 0%, #addeaf 100%) !important
}

.user-color-11 {
    background-color: #C5E1A5 !important;
    background-image: linear-gradient(to top, #b9dd90 0%, #cde7ae 100%) !important
}

.user-color-12 {
    background-color: #E6EE9C !important;
    background-image: linear-gradient(to top, #e2ec84 0%, #ebf3a7 100%) !important
}

.user-color-13 {
    background-color: #FFE082 !important;
    background-image: linear-gradient(to top, #ffda69 0%, #ffe491 100%) !important
}

.user-color-14 {
    background-color: #FFCC80 !important;
    background-image: linear-gradient(to top, #ffc267 0%, #ffd28f 100%) !important
}

.user-color-15 {
    background-color: #FFAB91 !important;
    background-image: linear-gradient(to top, #ff9878 0%, #ffb7a0 100%) !important
}

.emoji-wrapper {
    cursor: pointer
}

.emoji-wrapper .emoji-icon {
    width: 18px;
    height: 18px;
    opacity: 0.5;
    background-image: url("../images/emoji-icon.png")
}

@media (min--moz-device-pixel-ratio: 1.5),
(-webkit-min-device-pixel-ratio: 1.5),
(min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi),
(min-resolution: 1.5dppx) {
    .emoji-wrapper .emoji-icon {
        background-image: url("../images/emoji-icon%402x.png");
        background-size: 18px 36px
    }
}

.emoji-wrapper.show-popup .emoji-icon {
    background-color: #1D90FF;
    opacity: 1;
    border-radius: 50%;
    background-position: 0 -18px
}

.emoji-wrapper:hover .emoji-icon {
    opacity: 1
}

.emoji-wrapper .emoji-container {
    width: 280px;
    height: 204px;
    overflow: auto;
    overflow-x: hidden;
    line-height: normal;
    padding: 0 0 0 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.emoji-wrapper .emoji-container h3 {
    color: #888;
    text-transform: uppercase;
    margin: 20px 0 0 4px;
    font-size: 13px;
    line-height: 13px;
    display: block
}

.emoji-wrapper .emoji-container h3:first-child {
    margin-top: 10px
}

.emoji-wrapper .emoji-container .emoji-item {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 28px;
    cursor: pointer;
    transition: transform 0.3s ease;
    vertical-align: middle;
    text-align: center;
    border-radius: 2px;
    border: none
}

.emoji-wrapper .emoji-container .emoji-item:hover {
    transform: scale(1.2)
}

.popup-target .popup-wrapper {
    position: absolute;
    border-radius: 2px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15), 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
    border: none;
    background: #fff;
    padding: 10px 0
}

.popup-target .popup-wrapper:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 100%;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: #fff transparent;
    right: 25px
}

.popup-target .popup-wrapper:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 100%;
    border-width: 8px 8px 0 8px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.1) transparent;
    right: 23px
}

.popup-target.show-popup .popup-wrapper {
    display: block
}

.popup-target.hide-popup-render .popup-wrapper {
    visibility: hidden
}

.popup-target.hide-popup .popup-wrapper {
    display: none
}

body.chaport-device-windows .cp-scrollbar {
    scrollbar-width: thin;
    scrollbar-color: #babac0 transparent
}

body.chaport-device-windows .cp-scrollbar::-webkit-scrollbar {
    width: 7px
}

body.chaport-device-windows .cp-scrollbar::-webkit-scrollbar:horizontal {
    height: 7px
}

body.chaport-device-windows .cp-scrollbar::-webkit-scrollbar-track {
    background: transparent
}

body.chaport-device-windows .cp-scrollbar::-webkit-scrollbar-track:hover {
    background: #f4f4f4
}

body.chaport-device-windows .cp-scrollbar::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background: #babac0;
    border: 1px solid transparent
}

body.chaport-device-windows .cp-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #a0a0a5
}

body.chaport-device-windows .cp-scrollbar::-webkit-scrollbar-button {
    display: none
}

.cp-scrollbar.scrollbar-hidden {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.cp-scrollbar.scrollbar-hidden::-webkit-scrollbar {
    display: none
}

.vertical-scrollbar-visible {
    overflow-y: scroll !important
}

.scroll-smooth {
    scroll-behavior: smooth
}

body.chaport-device-windows .cp-checkbox {
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    background-color: #fff;
    border: 1px solid #ccc !important;
    width: 14px !important;
    height: 14px !important;
    border-radius: 3px !important;
    display: inline-block;
    position: relative !important;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s
}

body.chaport-device-windows .cp-checkbox:checked::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'%3E%3Cpolyline points='416 128 192 384 96 288' style='fill:none;stroke:%23fff;stroke-linecap:square;stroke-miterlimit:10;stroke-width:44px'/%3E%3C/svg%3E") no-repeat;
    background-size: 110%;
    background-position: center;
    color: #fff
}

body.chaport-device-windows .cp-checkbox:hover {
    cursor: pointer
}

.chaport-input-wrapper.timeout .chaport-send-button,
.chaport-input-wrapper.timeout .chaport-transfer-file-button {
    display: none;
}

.chaport-input-wrapper.timeout .chaport-input {
    visibility: hidden;
    cursor: not-allowed;
}

.chaport-input-wrapper.timeout .chaport-timer-block {
    visibility: visible;
}

.chaport-input-wrapper .chaport-timer-block .chaport-timer {
    font-weight: bold;
    color: #99a0a5;
}

.chaport-container .chaport-timer-block {
    visibility: hidden;
    display: flex;
    align-items: center;
    float: right;
    right: 0px;
    bottom: 0;
    position: absolute;
    width: 45px;
    height: 50px;
    cursor: not-allowed;
}

.chaport-container a,
.chaport-container abbr,
.chaport-container acronym,
.chaport-container address,
.chaport-container applet,
.chaport-container article,
.chaport-container aside,
.chaport-container audio,
.chaport-container b,
.chaport-container big,
.chaport-container blockquote,
.chaport-container button,
.chaport-container canvas,
.chaport-container caption,
.chaport-container center,
.chaport-container cite,
.chaport-container code,
.chaport-container dd,
.chaport-container del,
.chaport-container details,
.chaport-container dfn,
.chaport-container div,
.chaport-container dl,
.chaport-container dt,
.chaport-container em,
.chaport-container fieldset,
.chaport-container figcaption,
.chaport-container figure,
.chaport-container footer,
.chaport-container form,
.chaport-container h1,
.chaport-container h2,
.chaport-container h3,
.chaport-container h4,
.chaport-container h5,
.chaport-container h6,
.chaport-container header,
.chaport-container i,
.chaport-container iframe,
.chaport-container img,
.chaport-container input,
.chaport-container input[type],
.chaport-container ins,
.chaport-container kbd,
.chaport-container label,
.chaport-container legend,
.chaport-container li,
.chaport-container mark,
.chaport-container menu,
.chaport-container nav,
.chaport-container object,
.chaport-container ol,
.chaport-container p,
.chaport-container pre,
.chaport-container q,
.chaport-container s,
.chaport-container samp,
.chaport-container section,
.chaport-container small,
.chaport-container span,
.chaport-container strike,
.chaport-container strong,
.chaport-container sub,
.chaport-container summary,
.chaport-container sup,
.chaport-container table,
.chaport-container tbody,
.chaport-container td,
.chaport-container textarea,
.chaport-container tfoot,
.chaport-container th,
.chaport-container thead,
.chaport-container time,
.chaport-container tr,
.chaport-container tt,
.chaport-container u,
.chaport-container ul,
.chaport-container var,
.chaport-container video {
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size-adjust: none;
    font-size: 100%;
    font-style: normal;
    letter-spacing: normal;
    font-stretch: normal;
    font-variant: normal;
    font-weight: 400;
    text-align: left;
    -moz-text-align-last: initial;
    text-align-last: initial;
    text-decoration: none;
    -webkit-text-emphasis: none;
    -webkit-tap-highlight-color: transparent;
    text-emphasis: none;
    text-height: auto;
    text-indent: 0;
    text-justify: auto;
    text-outline: none;
    text-shadow: none;
    text-transform: none;
    text-wrap: normal;
    alignment-adjust: auto;
    alignment-baseline: baseline;
    -webkit-animation: none 0 ease 0 1 normal;
    animation: none 0 ease 0 1 normal;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    -webkit-appearance: normal;
    -moz-appearance: normal;
    appearance: normal;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    background-color: transparent;
    background-image: none;
    baseline-shift: baseline;
    binding: none;
    border: 0 none transparent;
    border-radius: 0;
    bottom: auto;
    box-shadow: none;
    box-sizing: border-box;
    caption-side: top;
    clear: none;
    clip: initial;
    color: inherit;
    color-profile: auto;
    content: normal;
    counter-increment: none;
    counter-reset: none;
    crop: auto;
    direction: ltr;
    display: inline;
    dominant-baseline: auto;
    drop-initial-after-adjust: text-after-edge;
    drop-initial-after-align: baseline;
    drop-initial-before-adjust: text-before-edge;
    drop-initial-before-align: caps-height;
    drop-initial-size: auto;
    drop-initial-value: initial;
    empty-cells: show;
    float: none;
    float-offset: 0 0;
    hanging-punctuation: none;
    height: auto;
    icon: auto;
    image-orientation: auto;
    image-rendering: auto;
    image-resolution: normal;
    inline-box-align: last;
    left: auto;
    line-stacking: inline-line-height exclude-ruby consider-shifts;
    margin: 0;
    marks: none;
    max-height: none;
    max-width: none;
    min-height: 0;
    min-width: 0;
    move-to: normal;
    opacity: 1;
    outline: medium none invert;
    outline-offset: 0;
    overflow: visible;
    overflow-style: auto;
    padding: 0;
    -webkit-perspective: none;
    perspective: none;
    -webkit-perspective-origin: 50% 50%;
    perspective-origin: 50% 50%;
    position: static;
    presentation-level: 0;
    punctuation-trim: none;
    quotes: none;
    rendering-intent: auto;
    resize: none;
    right: auto;
    rotation: 0;
    rotation-point: 50% 50%;
    string-set: none;
    top: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transform-origin: 50% 50% 0;
    -ms-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
    -webkit-transform-style: flat;
    transform-style: flat;
    transition: all 0 ease 0;
    unicode-bidi: normal;
    vertical-align: baseline;
    white-space-collapse: collapse;
    width: auto;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    z-index: auto;
    text-align: start;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    line-height: 1.42857;
    -moz-osx-font-smoothing: grayscale
}

.chaport-container div {
    display: block
}

.chaport-hide {
    display: none !important
}

.chaport-show {
    display: block !important
}

.no-transition {
    transition: none !important
}

.chaport-container .chaport-launcher {
    position: absolute;
    display: block;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 2147483500;
    width: auto;
    height: 0;
    overflow: visible;
    font-size: 14px
}

.chaport-container .chaport-launcher.visible {
    opacity: 1;
    visibility: visible
}

.chaport-container .chaport-launcher.hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    height: 0
}

.chaport-container .chaport-launcher .chaport-launcher-button {
    position: absolute;
    bottom: 1.4285714286em;
    right: 1.4285714286em;
    width: 4.2857142857em;
    height: 4.2857142857em;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 5px 38px rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 38px rgba(0, 0, 0, 0.15);
    cursor: pointer;
    -webkit-transition: visibility 0s linear .2s, opacity linear .2s;
    -o-transition: visibility 0s linear .2s, opacity linear .2s;
    transition: visibility 0s linear .2s, opacity linear .2s
}

.chaport-container .chaport-launcher .chaport-launcher-button::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    border-radius: 50%;
    -webkit-transition: opacity ease-out .2s;
    -o-transition: opacity ease-out .2s;
    transition: opacity ease-out .2s;
    opacity: 0;
    -webkit-box-shadow: 0 5px 38px rgba(0, 0, 0, 0.3);
    box-shadow: 0 5px 38px rgba(0, 0, 0, 0.3)
}

.chaport-container .chaport-launcher .chaport-launcher-button:hover::after {
    opacity: 1
}

@media all and (max-width: 460px),
all and (max-width: 750px) and (orientation: landscape) {
    .chaport-container .chaport-launcher .chaport-launcher-button:hover::after {
        visibility: hidden
    }
}

.chaport-container .chaport-launcher .chaport-launcher-button .chaport-launcher-chat-icon {
    transition: transform .3s cubic-bezier(0.4, 0, 0.2, 1), opacity .3s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 1;
    transform: rotate(0deg);
    width: 2.2857142857em;
    height: 2.6428571429em;
    position: absolute;
    margin-top: .0714285714em;
    top: .9285714286em;
    left: 1em;
    background-image: url("../images/chaport-launcher-chat-icon-new.png");
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.chaport-color-light .chaport-container .chaport-launcher .chaport-launcher-button .chaport-launcher-chat-icon {
    background-image: url("../images/chaport-launcher-chat-icon-new-dark.png")
}

@media (min--moz-device-pixel-ratio: 1.5),
(-webkit-min-device-pixel-ratio: 1.5),
(min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi),
(min-resolution: 1.5dppx) {
    .chaport-color-light .chaport-container .chaport-launcher .chaport-launcher-button .chaport-launcher-chat-icon {
        background-image: url("../images/chaport-launcher-chat-icon-new-dark%402x.png")
    }
}

.chaport-container .chaport-launcher .chaport-launcher-button .chaport-launcher-close-icon {
    transition: transform .3s cubic-bezier(0.4, 0, 0.2, 1), opacity .3s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
    transform: rotate(-45deg) scale(1);
    position: absolute;
    top: 0;
    right: 0;
    width: 4.2857142857em;
    height: 4.2857142857em
}

.chaport-container .chaport-launcher .chaport-launcher-button .chaport-launcher-close-icon:before,
.chaport-container .chaport-launcher .chaport-launcher-button .chaport-launcher-close-icon:after {
    position: absolute;
    top: 1.5em;
    right: 2.0714285714em;
    content: ' ';
    height: 1.3571428571em;
    width: .1428571429em;
    background-color: #fff
}

.chaport-color-light .chaport-container .chaport-launcher .chaport-launcher-button .chaport-launcher-close-icon:before,
.chaport-color-light .chaport-container .chaport-launcher .chaport-launcher-button .chaport-launcher-close-icon:after {
    background-color: #33383a
}

.chaport-container .chaport-launcher .chaport-launcher-button .chaport-launcher-close-icon:before {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.chaport-container .chaport-launcher .chaport-launcher-button .chaport-launcher-close-icon:after {
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.chaport-container .chaport-launcher .chaport-launcher-button .chaport-launcher-operator-photo {
    transition: transform .3s cubic-bezier(0.4, 0, 0.2, 1), opacity .3s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 1;
    transform: rotate(0deg);
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%
}

.chaport-container .chaport-launcher .chaport-launcher-button .chaport-launcher-operator-photo img {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

.chaport-container .chaport-launcher .chaport-launcher-button.no-photo .chaport-launcher-operator-photo {
    opacity: 0
}

.chaport-container .chaport-launcher .chaport-launcher-button.bot-photo .chaport-launcher-chat-icon {
    opacity: 0
}

.chaport-container .chaport-launcher .chaport-launcher-button.bot-photo .chaport-launcher-operator-photo img {
    border-radius: 0;
    position: relative;
    left: 12px;
    top: 10px;
    width: 36px;
    height: 36px
}

.chaport-container .chaport-launcher .chaport-launcher-button .chaport-launcher-badge {
    border-radius: 50%;
    font-size: 12px;
    line-height: 17px;
    background-color: rgba(255, 56, 51, 0.9);
    text-align: center;
    color: #fff;
    z-index: 2;
    min-width: 17px;
    height: 17px;
    cursor: pointer;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.23);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.23);
    position: absolute;
    top: 1px;
    right: -4px;
    -webkit-transition: transform ease-in-out 0.2s;
    -o-transition: transform ease-in-out 0.2s;
    transition: transform ease-in-out 0.2s
}

.chaport-container .chaport-launcher .chaport-launcher-button .chaport-badge-hide {
    transform: scale(0)
}

.chaport-container .chaport-launcher .chaport-launcher-button .chaport-badge-show {
    transform: scale(1)
}

.chaport-container .chaport-launcher .chaport-message {
    position: absolute;
    bottom: 1.7857142857em;
    left: auto;
    right: 6.0714285714em;
    margin-left: 1.4285714286em;
    padding: .8571428571em 1em;
    background: #fff;
    cursor: pointer;
    -webkit-border-radius: .7142857143em;
    -moz-border-radius: .7142857143em;
    -ms-border-radius: .7142857143em;
    border-radius: .7142857143em;
    -webkit-box-shadow: 0 5px 38px rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 38px rgba(0, 0, 0, 0.15);
    font-size: 1.0714285714em;
    font-weight: 400;
    line-height: 1.3333333333em;
    color: #123;
    -webkit-transition: visibility 0s linear .2s, opacity linear .2s;
    transition: visibility 0s linear .2s, opacity linear .2s;
    max-width: 380px
}

@media all and (max-width: 460px),
all and (max-width: 750px) and (orientation: landscape) {
    .chaport-container .chaport-launcher .chaport-message {
        max-width: none
    }
}

.chaport-container .chaport-launcher .chaport-message .chaport-message-tail:after {
    content: "";
    position: absolute;
    left: 100%;
    bottom: 1.1333333333em;
    width: 0;
    height: 0;
    border: solid transparent;
    border-width: .3333333333em;
    border-left-color: #fff;
    pointer-events: none
}

.chaport-container .chaport-launcher .chaport-message .chaport-message-tail:after {
    border-width: .3333333333em;
    bottom: 1.1333333333em;
    border-left-color: #fff
}

.chaport-container .chaport-launcher .chaport-message .chaport-message-close {
    position: absolute;
    top: -.6em;
    left: -.6em;
    width: 1.2em;
    height: 1.2em;
    background-image: url("../images/icon-auto-invitation-close.png");
    cursor: pointer;
    opacity: 0.5;
    -webkit-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .chaport-container .chaport-launcher .chaport-message .chaport-message-close {
        background-image: url("../images/icon-auto-invitation-close%402x.png");
        background-size: 1.2em 1.2em;
        background-repeat: no-repeat
    }
}

@media all and (max-width: 460px),
all and (max-width: 750px) and (orientation: landscape) {
    .chaport-container .chaport-launcher .chaport-message .chaport-message-close {
        opacity: 1
    }
}

.chaport-container .chaport-launcher .chaport-message:hover .chaport-message-close {
    opacity: 1
}

.chaport-container.chaport-expanded .chaport-launcher .chaport-launcher-button .chaport-launcher-operator-photo {
    opacity: 0;
    transform: rotate(45deg) scale(0.32)
}

.chaport-container.chaport-expanded .chaport-launcher .chaport-launcher-button .chaport-launcher-chat-icon {
    opacity: 0;
    transform: rotate(45deg) scale(0.7)
}

.chaport-container.chaport-expanded .chaport-launcher .chaport-launcher-button .chaport-launcher-close-icon {
    opacity: 1;
    transform: rotate(0)
}

.chaport-container.chaport-non-responsive-layout .chaport-launcher .chaport-launcher-button .chaport-launcher-chat-icon {
    background-image: url("../images/chaport-launcher-chat-icon-new-big.png")
}

@media (min--moz-device-pixel-ratio: 1.5),
(-webkit-min-device-pixel-ratio: 1.5),
(min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi),
(min-resolution: 1.5dppx) {
    .chaport-container.chaport-non-responsive-layout .chaport-launcher .chaport-launcher-button .chaport-launcher-chat-icon {
        background-image: url("../images/chaport-launcher-chat-icon-new-big%402x.png")
    }
}

.chaport-container.hide-launcher.chaport-expanded .chaport-launcher-button,
.chaport-container.hide-launcher.chaport-collapsed .chaport-launcher-button,
.chaport-container.hide-launcher.chaport-semi-expanded .chaport-launcher-button {
    opacity: 0;
    pointer-events: none
}

.chaport-container.hide-launcher.chaport-expanded .chaport-message,
.chaport-container.hide-launcher.chaport-expanded .chaport-window,
.chaport-container.hide-launcher.chaport-collapsed .chaport-message,
.chaport-container.hide-launcher.chaport-collapsed .chaport-window,
.chaport-container.hide-launcher.chaport-semi-expanded .chaport-message,
.chaport-container.hide-launcher.chaport-semi-expanded .chaport-window {
    bottom: 20px
}

.chaport-container .chaport-channels-wrapper {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2147483501
}

.chaport-container .chaport-channels-wrapper.chaport-channels-anim {
    -webkit-transition: visibility 0s linear .3s, opacity 0s linear .3s;
    -o-transition: visibility 0s linear .3s, opacity 0s linear .3s;
    transition: visibility 0s linear .3s, opacity 0s linear .3s
}

.chaport-container .chaport-channels-wrapper.chaport-channels-anim .chaport-channels-overlay {
    -webkit-transition: opacity .3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear .3s;
    -o-transition: opacity .3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear .3s;
    transition: opacity .3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear .3s
}

.chaport-container .chaport-channels-wrapper.chaport-channels-anim .chaport-channels-blocks {
    -webkit-transition: transform .3s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: transform .3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform .3s cubic-bezier(0.4, 0, 0.2, 1)
}

.chaport-container .chaport-channels-wrapper.chaport-anim-hide .chaport-channels-overlay {
    opacity: 0;
    visibility: hidden
}

.chaport-container .chaport-channels-wrapper.chaport-anim-hide .chaport-channels-blocks {
    transform: translateY(100%)
}

.chaport-container .chaport-channels-wrapper.chaport-anim-show .chaport-channels-overlay {
    visibility: visible;
    opacity: 1;
    -webkit-transition-delay: 0s !important;
    transition-delay: 0s !important
}

.chaport-container .chaport-channels-wrapper .chaport-channels-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    opacity: 1
}

.chaport-container .chaport-channels-wrapper .chaport-channels-blocks {
    position: absolute;
    bottom: 9px;
    left: 9px;
    right: 9px;
    z-index: 2147483502;
    font-size: 20px;
    transform: translateY(0)
}

.chaport-container .chaport-channels-wrapper .chaport-channels-blocks .chaport-channels-block {
    margin-top: 9px;
    background: #ffffff;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    border-radius: 12px
}

.chaport-container .chaport-channels-wrapper .chaport-channels-actions {
    bottom: 9px
}

.chaport-container .chaport-channels-wrapper .chaport-channels-actions a.chaport-channels-cancel:active,
.chaport-container .chaport-channels-wrapper .chaport-channels-actions a.chaport-channels-cancel:hover,
.chaport-container .chaport-channels-wrapper .chaport-channels-actions a.chaport-channels-cancel:link,
.chaport-container .chaport-channels-wrapper .chaport-channels-actions a.chaport-channels-cancel:visited {
    color: #ff3b30
}

.chaport-container .chaport-channels-wrapper .chaport-channels-list {
    bottom: 75px
}

.chaport-container .chaport-channels-wrapper .chaport-channels-list .chaport-channel-website {
    font-weight: bold
}

.chaport-container .chaport-channels-wrapper a {
    position: relative;
    display: block;
    line-height: 57px;
    height: 57px;
    font-size: 20px;
    text-align: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2)
}

.chaport-container .chaport-channels-wrapper a:active,
.chaport-container .chaport-channels-wrapper a:hover,
.chaport-container .chaport-channels-wrapper a:link,
.chaport-container .chaport-channels-wrapper a:visited {
    color: #007aff
}

.chaport-container .chaport-channels-wrapper a:last-child {
    border-bottom: none
}

@media all and (max-width: 460px),
all and (max-width: 750px) and (orientation: landscape) {
    body.chaport-mobile {
        opacity: 1
    }

    body.chaport-mobile.chaport-mobile-maximized-hide {
        opacity: 0;
        background-color: #fff
    }
}

body.chaport-mobile.chaport-mobile-maximized {
    position: fixed;
    width: 100%;
    height: 100%;
    margin: 0;
    overflow: hidden
}

.chaport-container {
    font-size: 14px;
    z-index: 2147483500
}

.chaport-container a {
    -webkit-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out
}

.chaport-container.chaport-hide {
    display: none
}

.chaport-container.chaport-container-positioned {
    position: fixed;
    box-sizing: border-box;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    height: 0;
    overflow: visible
}

.chaport-container.chaport-container-positioned.chaport-non-responsive-layout {
    position: absolute;
    right: auto;
    bottom: auto;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%
}

.chaport-container.chaport-container-positioned .chaport-window {
    position: absolute;
    top: auto;
    right: 20px;
    bottom: 100px;
    left: auto;
    width: 375px;
    -webkit-box-shadow: 0 5px 38px rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 38px rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    z-index: 2147483500
}

@media all and (max-width: 460px),
all and (max-width: 750px), all and (max-height: 700px) and (orientation: landscape) {
    .chaport-container.chaport-container-positioned .chaport-window {
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        width: auto;
        height: auto !important;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: 0px 0px 0px 10px #fff inset;
        box-shadow: 0px 0px 0px 10px #fff inset
    }

    .chaport-container.chaport-container-positioned .chaport-window.chaport-anim-hide {
        height: 0 !important
    }
}

.chaport-container.chaport-container-positioned .chaport-window.chaport-window-no-round-corners {
    -webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    -ms-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    -ms-border-top-right-radius: 0;
    border-top-right-radius: 0
}

.chaport-container.chaport-container-positioned .chaport-window.chaport-window-no-round-corners .chaport-content .chaport-inner-header,
.chaport-container.chaport-container-positioned .chaport-window.chaport-window-no-round-corners .chaport-content .chaport-inner-body {
    -webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    -ms-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    -ms-border-top-right-radius: 0;
    border-top-right-radius: 0
}

.chaport-container .chaport-big-shadow {
    opacity: 0;
    z-index: 2147483499;
    position: fixed;
    width: 480px;
    height: 480px;
    bottom: 0;
    right: 0;
    content: "";
    pointer-events: none;
    background: radial-gradient(ellipse at bottom right, rgba(27, 37, 52, 0.15) 0, rgba(27, 37, 52, 0) 70%);
    -webkit-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear
}

.chaport-container .chaport-big-shadow.chaport-shadow-hide {
    display: none
}

.chaport-container.chaport-semi-expanded .chaport-big-shadow {
    opacity: 0.6
}

.chaport-container.chaport-expanded .chaport-big-shadow {
    opacity: 1
}

.chaport-container.chaport-collapsed-message .chaport-big-shadow {
    height: 200px;
    opacity: 0.5
}

.chaport-container.chaport-dummy {
    zoom: 100%;
    z-index: 4
}

.chaport-container.chaport-dummy .chaport-window {
    display: none;
    z-index: 4
}

@media only screen and (min-width: 931px) {
    .chaport-container.chaport-dummy .chaport-window {
        display: block
    }
}

.chaport-container.chaport-dummy .chaport-window {
    position: absolute !important;
    z-index: 1;
    height: 667px
}

.chaport-container.chaport-dummy .chaport-inner-header {
    height: auto
}

.chaport-container.chaport-dummy .recent-activity-wrapper-full {
    position: relative
}

.chaport-container.chaport-dummy .chaport-inner {
    height: 667px
}

.chaport-container.chaport-dummy .message-status {
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important
}

.chaport-container .chaport-inner {
    position: relative;
    margin-left: 0px;
    margin-right: 0px;
    background-color: #fff;
    display: flex
}

@media all and (max-width: 460px),
all and (max-width: 750px), all and (max-height: 700px) and (orientation: landscape) {
    .chaport-container .chaport-inner {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        height: auto !important
    }
}

.chaport-container .chaport-loading-overlay {
    z-index: 1;
    -webkit-transition: visibility 0s linear .2s, opacity linear .2s;
    -o-transition: visibility 0s linear .2s, opacity linear .2s;
    transition: visibility 0s linear .2s, opacity linear .2s;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #ffffff
}

.chaport-container .chaport-close.widget-header-close {
    top: 17.5px;
    right: 12px;
    display: flex;
    height: 35px;
    width: 35px;
    position: relative;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    display: none;
    position: absolute
}

.chaport-container .chaport-close.widget-header-close.visible {
    display: flex
}

.chaport-container .chaport-close.widget-header-close::before,
.chaport-container .chaport-close.widget-header-close::after {
    top: auto;
    right: auto
}

.chaport-container .chaport-close.widget-header-close span {
    position: absolute;
    width: 40px;
    height: 40px;
    -webkit-tap-highlight-color: transparent
}

.chaport-container .chaport-close.widget-header-close span:hover::before,
.chaport-container .chaport-close.widget-header-close span:active::before {
    opacity: 0.1;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
}

.chaport-container .chaport-close.widget-header-close span::before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 40px;
    height: 40px;
    opacity: 0;
    z-index: 1;
    border-radius: 50%;
    -webkit-transition: transform linear 0.1s;
    -o-transition: transform linear 0.1s;
    transition: transform linear 0.1s;
    -ms-transform: scale(0.6);
    -webkit-transform: scale(0.6);
    transform: scale(0.6)
}

.chaport-container .chaport-close.widget-header-close span:hover::before {
    background-color: #fff
}

.chaport-device-mobile .chaport-container .chaport-close.widget-header-close span:hover::before {
    background-color: transparent
}

.chaport-container .chaport-close.widget-header-close span:active::before {
    background-color: #fff
}

iframe.chaport-inner-iframe {
    width: 100%;
    height: 100%
}

.chaport-content.chaport-container .chaport-inner-header.transparent {
    background-color: rgba(255, 255, 255, 0) !important
}

.chaport-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    -webkit-border-top-left-radius: 10px;
    -moz-border-top-left-radius: 10px;
    -ms-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-top-right-radius: 10px;
    -ms-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.chaport-content.hide {
    display: block;
    visibility: hidden
}

@media all and (max-width: 460px),
all and (max-width: 750px), all and (max-height: 700px) and (orientation: landscape) {
    .chaport-content {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0
    }
}

.chaport-content .chaport-inner-header {
    flex: 0 0 auto;
    min-height: 70px;
    background-color: inherit;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    z-index: 3;
    padding: 0 20px 0 18px;
    transition: height .3s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 50px 50px 0px rgba(255, 255, 255, 0.2);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 50px 50px 0px rgba(255, 255, 255, 0.2);
    -webkit-border-top-left-radius: 10px;
    -moz-border-top-left-radius: 10px;
    -ms-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-top-right-radius: 10px;
    -ms-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default
}

.chaport-content .chaport-inner-header.is-closable .recent-activity-wrapper-short .team {
    padding-right: 27px
}

@media all and (max-width: 460px),
all and (max-width: 750px), all and (max-height: 700px) and (orientation: landscape) {
    .chaport-content .chaport-inner-header {
        -webkit-border-top-left-radius: 0;
        -moz-border-top-left-radius: 0;
        -ms-border-top-left-radius: 0;
        border-top-left-radius: 0;
        -webkit-border-top-right-radius: 0;
        -moz-border-top-right-radius: 0;
        -ms-border-top-right-radius: 0;
        border-top-right-radius: 0
    }
}

.chaport-content .chaport-inner-header .chaport-inner-header-text {
    z-index: 2147483499;
    position: absolute;
    text-align: left;
    font-size: 15px;
    color: #444;
    cursor: default
}

.chaport-content .chaport-inner-header .chaport-inner-header-text.chaport-inner-header-text-online {
    opacity: 0
}

.chaport-content .chaport-inner-header .chaport-inner-header-text.chaport-inner-header-text-offline {
    opacity: 0
}

.chaport-content .chaport-inner-header .chaport-minimized-status {
    z-index: 2147483499;
    position: absolute;
    left: 15px;
    top: 22px;
    width: 8px;
    height: 8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    opacity: 0
}

.chaport-content.chaport-device-mobile .chaport-inner-header {
    -webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    -ms-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    -ms-border-top-right-radius: 0;
    border-top-right-radius: 0
}

.chaport-content .chaport-inner-body {
    flex: 1 1 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .chaport-content .chaport-inner-body {
        flex: 1 1 100%
    }
}

.chaport-content .chaport-inner-body .processing-information {
    position: relative;
    flex: 0 0 auto
}

.chaport-content .chaport-inner-body .chaport-container .chaport-messages-list-wrapper,
.chaport-content .chaport-inner-body .chaport-messages-list-wrapper {
    flex: 1 1 auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.chaport-content .chaport-inner-body .no-photo {
    background-color: #dcdcde
}

.chaport-content .chaport-inner-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
    z-index: -1
}

.chaport-content .chaport-inner-bg:before {
    content: ' ';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: repeat
}

.chaport-content .chaport-inner-bg.chaport-inner-bg-1:before {
    background-image: url("../images/messenger-bg-1.jpg");
    background-size: 210px 210px;
    opacity: 0.6
}

.chaport-content .chaport-inner-footer {
    flex: 0 0 auto;
    padding: 0 0 32px 0;
    background-color: #fff;
    z-index: 2147483501;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 82px;
}

.chaport-content .chaport-inner-footer.white-label {
    padding-bottom: 0
}

.chaport-content .chaport-inner-footer.white-label .chaport-input-wrapper {
    padding-bottom: 15px;
    min-height: 82px
}

.chaport-content .chaport-inner-footer.white-label #chaport-message-input {
    padding-bottom: 0
}

.chaport-content .chaport-inner-footer.white-label .emoji-wrapper,
.chaport-content .chaport-inner-footer.white-label .chaport-transfer-file-button,
.chaport-content .chaport-inner-footer.white-label #chaport-send-button {
    bottom: 32px;
    transform: translateY(0px)
}

.chaport-content .chaport-inner-footer.white-label.footer-extended .emoji-wrapper,
.chaport-content .chaport-inner-footer.white-label.footer-extended .chaport-transfer-file-button,
.chaport-content .chaport-inner-footer.white-label.footer-extended #chaport-send-button {
    transform: translateY(32px)
}

.chaport-content .chaport-logo {
    z-index: 2147483501;
    display: block;
    position: absolute;
    bottom: 0;
    right: 20px;
    height: 32px;
    line-height: 32px;
    border-radius: 0;
    padding: 0;
    opacity: 1;
    visibility: visible;
    text-align: center;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    cursor: pointer;
    color: #99a0a5;
    opacity: 0.5;
    -webkit-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out
}

.chaport-device-mobile .chaport-content .chaport-logo {
    float: right;
    font-size: 13px;
    position: relative;
    text-align: right;
    margin-bottom: -32px
}

.chaport-content .chaport-logo:hover {
    opacity: 1
}

.chaport-content .chaport-logo.text-branding {
    cursor: default
}

.chaport-container.chaport-device-mobile .chaport-logo.mobile-logo-hide {
    opacity: 0;
    pointer-events: none
}

.chaport-close,
.chaport-container .chaport-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 4;
    width: 50px;
    height: 70px;
    cursor: pointer;
    opacity: 1;
    -webkit-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    display: none
}

.chaport-close.visible,
.chaport-container .chaport-close.visible {
    display: block
}

.chaport-close:before,
.chaport-close:after,
.chaport-container .chaport-close:before,
.chaport-container .chaport-close:after {
    position: absolute;
    top: 24px;
    right: 28px;
    content: ' ';
    height: 22px;
    width: 2px;
    background-color: #fff
}

.chaport-close:before,
.chaport-container .chaport-close:before {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.chaport-close:after,
.chaport-container .chaport-close:after {
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.chaport-container.chaport-position-left .chaport-launcher-button {
    right: auto;
    left: 1.4285714286em
}

.chaport-container.chaport-position-left .chaport-window {
    right: auto;
    left: 20px
}

.chaport-container.chaport-position-left .chaport-big-shadow {
    right: auto;
    left: 0;
    background: radial-gradient(ellipse at bottom left, rgba(27, 37, 52, 0.15) 0, rgba(27, 37, 52, 0) 70%)
}

.chaport-container.chaport-position-left .chaport-message {
    right: auto;
    left: 20px;
    margin-left: 0;
    margin-right: 80px
}

.chaport-container.chaport-position-left .chaport-message .chaport-message-popup {
    margin-right: auto;
    margin-left: 0
}

.chaport-container.chaport-position-left .chaport-message .chaport-message-input {
    margin-right: auto;
    margin-left: 0
}

.chaport-container.chaport-position-left .chaport-message .chaport-message-replies {
    margin-right: auto;
    margin-left: 0
}

.chaport-container.chaport-position-left .chaport-message .chaport-message-replies .reply-options {
    justify-content: flex-start;
    margin-top: -10px;
    margin-right: 42px;
    margin-bottom: 0;
    margin-left: 0
}

@media all and (max-width: 460px),
all and (max-width: 750px) and (orientation: landscape) {
    .chaport-container.chaport-position-left .chaport-message .chaport-message-replies .reply-options {
        margin-right: -10px
    }
}

.chaport-container.chaport-position-left .chaport-message .operator-face {
    left: auto !important;
    right: -41px
}

.chaport-container.chaport-position-left .chaport-message .chaport-message-tail::after {
    left: -10px !important;
    border-left-color: transparent !important;
    border-right-color: #fff !important
}

.chaport-container.chaport-position-left .chaport-message .chaport-message-close {
    left: auto !important;
    right: -0.6em
}

.chaport-container .chaport-message .message-text a,
.chaport-container .chaport-message .chaport-message-text a {
    text-decoration: underline
}

.chaport-container .chaport-message .message-text .emoji-inline,
.chaport-container .chaport-message .chaport-message-text .emoji-inline {
    line-height: 0;
    margin-top: 2px;
    position: relative;
    top: 0;
    font-size: 1.2em;
    vertical-align: middle
}

.chaport-container .chaport-message .message-text .emoji-inline img,
.chaport-container .chaport-message .chaport-message-text .emoji-inline img {
    height: 20px
}

.chaport-container .chaport-message {
    position: absolute;
    top: auto;
    right: 20px;
    bottom: 100px;
    left: auto;
    overflow: visible;
    z-index: 2147483500;
    margin-left: 80px;
    margin-right: 0;
    width: 100%;
    max-width: 325px;
    pointer-events: none
}

@media all and (max-width: 370px) {
    .chaport-container .chaport-message {
        max-width: calc(100% - 100px)
    }
}

@media all and (min-width: 371px) and (max-width: 425px) {
    .chaport-container .chaport-message {
        max-width: 270px
    }
}

.chaport-container .chaport-message .chaport-message-popup {
    margin-top: 0;
    margin-bottom: 0
}

.chaport-container .chaport-message .chaport-message-input {
    margin-top: 10px;
    margin-bottom: 0
}

.chaport-container .chaport-message .chaport-message-replies {
    margin-top: 12px;
    margin-bottom: 0
}

.chaport-container .chaport-message .chaport-message-replies .reply-options {
    margin-top: -10px;
    margin-right: -10px;
    margin-bottom: 0;
    margin-left: 52px
}

@media all and (max-width: 460px),
all and (max-width: 750px) and (orientation: landscape) {
    .chaport-container .chaport-message .chaport-message-replies .reply-options {
        margin-left: 0
    }
}

.chaport-container .chaport-message .chaport-message-replies .reply-options .reply-option {
    margin: 10px 10px 0 0
}

.chaport-container .chaport-message.chaport-anim-show .chaport-message-popup,
.chaport-container .chaport-message.chaport-anim-show .chaport-message-replies,
.chaport-container .chaport-message.chaport-anim-show .chaport-message-input {
    pointer-events: all
}

.chaport-container .chaport-message .chaport-message-popup {
    max-width: 325px;
    width: 100%
}

.chaport-container .chaport-message .chaport-message-popup .chaport-message-popup-body {
    position: relative;
    width: 100%;
    padding: 14px 20px 15px 20px;
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 5px 38px rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 38px rgba(0, 0, 0, 0.15);
    color: #123;
    cursor: pointer
}

.chaport-container .chaport-message .chaport-message-popup .chaport-message-popup-body .operator-face {
    position: absolute;
    left: -41px;
    bottom: 7px
}

.chaport-container .chaport-message .chaport-message-popup .chaport-message-popup-body .operator-face .photo {
    width: 30px;
    height: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 5px 38px rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 38px rgba(0, 0, 0, 0.15)
}

.chaport-container .chaport-message .chaport-message-popup .chaport-message-popup-body .operator-face .photo img {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden
}

.chaport-container .chaport-message .chaport-message-popup .chaport-message-popup-body .operator-face .photo.no-photo {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background-image: url(../images/user-icon-shadow-60x60_1.png);
    background-size: 100% 100%
}

.chaport-container .chaport-message .chaport-message-popup .chaport-message-popup-body .operator-face .photo.no-photo:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    background-image: url("../images/user-icon-shadow-60x60.png");
    background-size: 30px 30px
}

@media (min--moz-device-pixel-ratio: 1.5),
(-webkit-min-device-pixel-ratio: 1.5),
(min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi),
(min-resolution: 1.5dppx) {
    .chaport-container .chaport-message .chaport-message-popup .chaport-message-popup-body .operator-face .photo.no-photo:before {
        background-image: url("../images/user-icon-shadow-60x60%402x.png")
    }
}

.chaport-container .chaport-message .chaport-message-popup .chaport-message-popup-body .operator-face .photo.no-photo:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.7;
    width: 30px;
    height: 30px;
    background-image: url("../images/user-icon-body-60x60.png");
    background-size: 30px 30px
}

@media (min--moz-device-pixel-ratio: 1.5),
(-webkit-min-device-pixel-ratio: 1.5),
(min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi),
(min-resolution: 1.5dppx) {
    .chaport-container .chaport-message .chaport-message-popup .chaport-message-popup-body .operator-face .photo.no-photo:after {
        background-image: url("../images/user-icon-body-60x60%402x.png")
    }
}

.chaport-container .chaport-message .chaport-message-popup .chaport-message-popup-body .operator-face .photo.no-photo:after {
    background-image: url(../images/user-icon-body-60x60_1.png);
    background-size: 100% 100%
}

.chaport-container .chaport-message .chaport-message-popup .chaport-message-popup-body .operator-face .photo.bot-photo {
    background-color: #748c9f
}

.chaport-container .chaport-message .chaport-message-popup .chaport-message-popup-body .operator-face .photo.bot-photo img {
    position: absolute;
    width: 17px;
    height: 17px;
    top: 5px;
    left: 7px;
    border-radius: 0
}

.chaport-container .chaport-message .chaport-message-popup .chaport-message-popup-body .operator-name {
    margin-bottom: 5px;
    margin-right: 20px;
    font-size: 13.5px;
    font-weight: 600;
    opacity: 0.6
}

.chaport-container .chaport-message .chaport-message-popup .chaport-message-popup-body .message-text {
    font-size: 14.4px;
    max-height: 300px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 10;
    line-clamp: 10
}

.chaport-container .chaport-message .chaport-message-popup .chaport-message-popup-body .message-text p {
    display: block;
    margin: 0 0 10px 0;
    overflow-wrap: break-word;
    word-wrap: break-word
}

.chaport-container .chaport-message .chaport-message-popup .chaport-message-popup-body .message-text p:last-child {
    margin: 0
}

.chaport-container .chaport-message .chaport-message-popup .chaport-message-popup-body .message-text a {
    overflow-wrap: break-word;
    word-wrap: break-word
}

.chaport-container .chaport-message .chaport-message-popup .chaport-message-popup-body .message-text img {
    max-width: 100%
}

@media all and (max-width: 460px),
all and (max-width: 750px) and (orientation: landscape) {
    .chaport-container .chaport-message .chaport-message-popup .chaport-message-popup-body .message-text {
        font-size: 14.4px
    }
}

.chaport-container .chaport-message .chaport-message-popup .chaport-close {
    height: 41px;
    opacity: 0.6
}

.chaport-container .chaport-message .chaport-message-popup .chaport-close:hover {
    opacity: 1
}

.chaport-container .chaport-message .chaport-message-popup .chaport-close:before,
.chaport-container .chaport-message .chaport-message-popup .chaport-close:after {
    top: 13px;
    right: 21px;
    width: 1px;
    height: 18px;
    background-color: #b4b9bd
}

.chaport-container .chaport-message .chaport-message-close-wrapper:hover .chaport-message-close,
.chaport-container .chaport-message:hover .chaport-message-close {
    opacity: .4
}

.chaport-container .chaport-message .chaport-message-input {
    margin-left: auto;
    margin-right: 0;
    max-width: 325px;
    width: 100%;
    height: 50px;
    line-height: 1em;
    padding: 15px 20px 15px 20px;
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 5px 38px rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 38px rgba(0, 0, 0, 0.15);
    line-height: 1.32em;
    font-size: 15px;
    color: #99a0a5;
    border: none;
    cursor: text;
    position: relative;
    z-index: 1000;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.chaport-container .chaport-message .chaport-message-replies {
    margin-left: auto;
    margin-right: 0;
    width: 100%;
    max-width: 325px
}

.chaport-container .chaport-message .chaport-message-replies .reply-options {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap
}

.chaport-container .chaport-message .chaport-message-replies .reply-options .reply-option {
    color: #1D90FF;
    border: 1px solid #1D90FF;
    max-width: 240px;
    border-radius: 8px;
    padding: calc(0.6em - 1px) calc(1em - 1px);
    font-size: 14.4px;
    line-height: 1.4;
    font-weight: 400;
    font-style: normal;
    outline: none;
    cursor: pointer;
    background-color: #fff;
    -webkit-transition: color ease 0.3s, border ease 0.3s, background-color ease 0.3s;
    -o-transition: color ease 0.3s, border ease 0.3s, background-color ease 0.3s;
    transition: color ease 0.3s, border ease 0.3s, background-color ease 0.3s;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 8px 0px;
    -webkit-animation: 0.2s linear reply-in;
    -o-animation: 0.2s linear reply-in;
    animation: 0.2s linear reply-in;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.chaport-container .chaport-message .chaport-message-replies .reply-options .reply-option:hover {
    color: #50a9ff;
    border: 1px solid #50a9ff
}

@-webkit-keyframes reply-in {
    from {
        opacity: 0;
        -ms-transform: translateY(20px);
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes reply-in {
    from {
        opacity: 0;
        -ms-transform: translateY(20px);
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-ms-keyframes reply-in {
    from {
        opacity: 0;
        -ms-transform: translateY(20px);
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes reply-in {
    from {
        opacity: 0;
        -ms-transform: translateY(20px);
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes reply-in {
    from {
        opacity: 0;
        -ms-transform: translateY(20px);
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.chaport-container .chaport-message .chaport-message-replies .reply-options .reply-option {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.chaport-container .chaport-message .chaport-message-replies .reply-options .reply-option:nth-child(1) {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.chaport-container .chaport-message .chaport-message-replies .reply-options .reply-option:nth-child(2) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.chaport-container .chaport-message .chaport-message-replies .reply-options .reply-option:nth-child(3) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.chaport-container .chaport-message .chaport-message-replies .reply-options .reply-option:nth-child(4) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.chaport-container .chaport-message .chaport-message-replies .reply-options .reply-option:nth-child(5) {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.chaport-container .chaport-message .chaport-message-replies .reply-options .reply-option:nth-child(6) {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.chaport-container .chaport-message .chaport-message-replies .reply-options .reply-option:nth-child(7) {
    -webkit-animation-delay: .7s;
    animation-delay: .7s
}

.chaport-container .chaport-message .chaport-message-replies .reply-options .reply-option:nth-child(8) {
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}

.chaport-container .chaport-message .chaport-message-replies .reply-options .reply-option:nth-child(9) {
    -webkit-animation-delay: .9s;
    animation-delay: .9s
}

.chaport-container .chaport-message .chaport-message-replies .reply-options .reply-option:nth-child(10) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.chaport-container .chaport-message .chaport-message-replies .reply-options .reply-option .reply-option-text {
    overflow-wrap: break-word
}

.chaport-container .chaport-message .chaport-message-replies .reply-options .reply-option:active .reply-option-text {
    position: relative;
    top: 1px
}

.chaport-container .chaport-window-anim {
    transition: height 0s linear .3s, visibility 0s linear .3s, opacity .3s cubic-bezier(0.4, 0, 0.2, 1), transform .3s cubic-bezier(0.4, 0, 0.2, 1)
}

@media all and (max-width: 460px),
all and (max-width: 750px) and (orientation: landscape) {
    .chaport-container .chaport-window-anim {
        transition: none
    }
}

.chaport-container .chaport-window-anim.chaport-anim-hide {
    transform: translateY(20px)
}

.chaport-container .chaport-window-anim.chaport-anim-show {
    transform: translateY(0px)
}

.chaport-container .chaport-launcher-anim {
    -webkit-transition: visibility 0s linear .2s, opacity linear .2s, transform ease-in-out .2s;
    -o-transition: visibility 0s linear .2s, opacity linear .2s, transform ease-in-out .2s;
    transition: visibility 0s linear .2s, opacity linear .2s, transform ease-in-out .2s;
    -webkit-transform-origin: calc(100% - 3.5714285714em) calc(100% - 3.5714285714em);
    -moz-transform-origin: calc(100% - 3.5714285714em) calc(100% - 3.5714285714em);
    -ms-transform-origin: calc(100% - 3.5714285714em) calc(100% - 3.5714285714em);
    transform-origin: calc(100% - 3.5714285714em) calc(100% - 3.5714285714em)
}

.chaport-container .chaport-anim-hide {
    visibility: hidden;
    opacity: 0
}

.chaport-container .chaport-anim-show {
    visibility: visible;
    opacity: 1;
    -webkit-transition-delay: 0s !important;
    transition-delay: 0s !important
}

@keyframes chaportMessageIn {
    from {
        opacity: 0;
        transform: translateY(8px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes chaportMessageOut {
    from {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(8px)
    }
}

@keyframes chaportSlideIn {
    from {
        opacity: 0;
        height: 0;
        margin-bottom: 0
    }

    to {
        opacity: 1
    }
}

@keyframes chaportSlideOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        height: 0;
        margin-bottom: 0
    }
}

@keyframes chaportFadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes chaportFadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes chaportSlideInRight {
    from {
        transform: translateX(100%)
    }

    to {
        transform: translateX(0)
    }
}

.chaport-container .chaport-messages-list,
.chaport-messages-list {
    padding: 15px 20px
}

.chaport-container .chaport-messages-list:before,
.chaport-container .chaport-messages-list:after,
.chaport-messages-list:before,
.chaport-messages-list:after {
    content: " ";
    display: table
}

.chaport-container .chaport-messages-list:after,
.chaport-messages-list:after {
    clear: both
}

.chaport-container .chaport-messages-list:empty,
.chaport-messages-list:empty {
    padding: 0
}

.chaport-container .chaport-messages-list .message-wrapper,
.chaport-container .chaport-messages-list .message-group-wrapper,
.chaport-container .chaport-messages-list .message-text-photo-wrapper,
.chaport-messages-list .message-wrapper,
.chaport-messages-list .message-group-wrapper,
.chaport-messages-list .message-text-photo-wrapper {
    position: relative
}

.chaport-container .chaport-messages-list .message-text-photo-wrapper,
.chaport-messages-list .message-text-photo-wrapper {
    padding-left: 30px
}

.chaport-container .chaport-messages-list .message-text-photo-wrapper:before,
.chaport-container .chaport-messages-list .message-text-photo-wrapper:after,
.chaport-messages-list .message-text-photo-wrapper:before,
.chaport-messages-list .message-text-photo-wrapper:after {
    content: " ";
    display: table
}

.chaport-container .chaport-messages-list .message-text-photo-wrapper:after,
.chaport-messages-list .message-text-photo-wrapper:after {
    clear: both
}

.chaport-container .chaport-messages-list .message-wrapper,
.chaport-messages-list .message-wrapper {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 10px;
    position: relative;
    text-align: left
}

.chaport-container .chaport-messages-list .message-wrapper:before,
.chaport-container .chaport-messages-list .message-wrapper:after,
.chaport-messages-list .message-wrapper:before,
.chaport-messages-list .message-wrapper:after {
    content: " ";
    display: table
}

.chaport-container .chaport-messages-list .message-wrapper:after,
.chaport-messages-list .message-wrapper:after {
    clear: both
}

.chaport-container .chaport-messages-list .message-wrapper.anim-show,
.chaport-messages-list .message-wrapper.anim-show {
    -webkit-animation: 0.2s linear chaportMessageIn;
    -o-animation: 0.2s linear chaportMessageIn;
    animation: 0.2s linear chaportMessageIn
}

.chaport-container .chaport-messages-list .message-wrapper .message-text-status,
.chaport-messages-list .message-wrapper .message-text-status {
    color: #cfd3d5;
    font-size: 13px;
    line-height: 1.8;
    clear: both
}

.chaport-container .chaport-messages-list .message-wrapper .message-text-status.message-text-status-failed,
.chaport-messages-list .message-wrapper .message-text-status.message-text-status-failed {
    color: #f33636;
    font-weight: 600
}

.chaport-container .chaport-messages-list .message-wrapper.your-message-wrapper .message-text-status,
.chaport-messages-list .message-wrapper.your-message-wrapper .message-text-status {
    text-align: right;
    padding-right: 3px
}

.chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message-text-status,
.chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message-text-status {
    text-align: left;
    padding-left: 33px
}

.chaport-container .chaport-messages-list .message-wrapper.your-message-wrapper,
.chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper,
.chaport-messages-list .message-wrapper.your-message-wrapper,
.chaport-messages-list .message-wrapper.interlocutor-message-wrapper {
    min-height: 35px
}

.chaport-container .chaport-messages-list .message-wrapper .message,
.chaport-messages-list .message-wrapper .message {
    box-sizing: border-box
}

.chaport-container .chaport-messages-list .message-wrapper .message-body,
.chaport-messages-list .message-wrapper .message-body {
    display: block;
    position: relative;
    box-sizing: border-box;
    word-wrap: break-word;
    max-width: 100%;
    padding: .6em 1em;
    font-size: 14.4px;
    font-weight: normal;
    line-height: 1.4;
    color: var(--widget-text-color-light);
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-transition: border-radius 0.2s linear;
    -o-transition: border-radius 0.2s linear;
    transition: border-radius 0.2s linear
}

.chaport-color-light .chaport-container .chaport-messages-list .message-wrapper .message-body,
.chaport-color-light .chaport-messages-list .message-wrapper .message-body {
    color: var(--widget-text-color-dark)
}

.chaport-container .chaport-messages-list .message-wrapper .message-body *,
.chaport-messages-list .message-wrapper .message-body * {
    line-height: 1.5;
    letter-spacing: normal
}

.chaport-container .chaport-messages-list .message-wrapper .message-body em,
.chaport-container .chaport-messages-list .message-wrapper .message-body del,
.chaport-container .chaport-messages-list .message-wrapper .message-body strong,
.chaport-container .chaport-messages-list .message-wrapper .message-body blockquote,
.chaport-messages-list .message-wrapper .message-body em,
.chaport-messages-list .message-wrapper .message-body del,
.chaport-messages-list .message-wrapper .message-body strong,
.chaport-messages-list .message-wrapper .message-body blockquote {
    color: inherit
}

.chaport-container .chaport-messages-list .message-wrapper .message-body h1,
.chaport-container .chaport-messages-list .message-wrapper .message-body h2,
.chaport-container .chaport-messages-list .message-wrapper .message-body h3,
.chaport-container .chaport-messages-list .message-wrapper .message-body h4,
.chaport-container .chaport-messages-list .message-wrapper .message-body h5,
.chaport-container .chaport-messages-list .message-wrapper .message-body h6,
.chaport-messages-list .message-wrapper .message-body h1,
.chaport-messages-list .message-wrapper .message-body h2,
.chaport-messages-list .message-wrapper .message-body h3,
.chaport-messages-list .message-wrapper .message-body h4,
.chaport-messages-list .message-wrapper .message-body h5,
.chaport-messages-list .message-wrapper .message-body h6 {
    color: inherit
}

.chaport-container .chaport-messages-list .message-wrapper .message-body strong,
.chaport-messages-list .message-wrapper .message-body strong {
    font-weight: 600
}

.chaport-container .chaport-messages-list .message-wrapper .message-body s,
.chaport-messages-list .message-wrapper .message-body s {
    text-decoration: line-through
}

.chaport-container .chaport-messages-list .message-wrapper .message-body h1,
.chaport-messages-list .message-wrapper .message-body h1 {
    font-size: 40.32px;
    font-weight: 500;
    margin: 0 0 0.5em 0;
    padding: 21.6px 0
}

.chaport-container .chaport-messages-list .message-wrapper .message-body h2,
.chaport-messages-list .message-wrapper .message-body h2 {
    font-size: 25.2px;
    font-weight: 600;
    margin: 27px 0 18px;
    line-height: 1.15
}

.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body h2,
.chaport-device-mobile .chaport-messages-list .message-wrapper .message-body h2 {
    font-size: 22.5px;
    line-height: 1.2 !important
}

.chaport-container .chaport-messages-list .message-wrapper .message-body h3,
.chaport-messages-list .message-wrapper .message-body h3 {
    font-size: 21.6px;
    margin: 27px 0 18px;
    padding: 0;
    font-weight: 600;
    line-height: 1.22
}

.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body h3,
.chaport-device-mobile .chaport-messages-list .message-wrapper .message-body h3 {
    font-size: 20.592px;
    line-height: 1.15 !important
}

.chaport-container .chaport-messages-list .message-wrapper .message-body h1,
.chaport-container .chaport-messages-list .message-wrapper .message-body h2,
.chaport-container .chaport-messages-list .message-wrapper .message-body h3,
.chaport-messages-list .message-wrapper .message-body h1,
.chaport-messages-list .message-wrapper .message-body h2,
.chaport-messages-list .message-wrapper .message-body h3 {
    display: block
}

.chaport-container .chaport-messages-list .message-wrapper .message-body em,
.chaport-messages-list .message-wrapper .message-body em {
    font-style: italic
}

.chaport-container .chaport-messages-list .message-wrapper .message-body del,
.chaport-messages-list .message-wrapper .message-body del {
    text-decoration: line-through
}

.chaport-container .chaport-messages-list .message-wrapper .message-body code,
.chaport-container .chaport-messages-list .message-wrapper .message-body pre,
.chaport-messages-list .message-wrapper .message-body code,
.chaport-messages-list .message-wrapper .message-body pre {
    font-family: 'Roboto Mono', monospace !important;
    font-size: 12px;
    border-radius: 4px;
    color: #333;
    background-color: #f7f7f7;
    border: none
}

.chaport-container .chaport-messages-list .message-wrapper .message-body code,
.chaport-messages-list .message-wrapper .message-body code {
    padding: 0.2em;
    display: inline;
    overflow-wrap: break-word;
    word-wrap: break-word
}

.chaport-container .chaport-messages-list .message-wrapper .message-body pre,
.chaport-container .chaport-messages-list .message-wrapper .message-body pre.ql-syntax,
.chaport-messages-list .message-wrapper .message-body pre,
.chaport-messages-list .message-wrapper .message-body pre.ql-syntax {
    overflow-x: auto;
    white-space: pre;
    padding: 9px 4.608px 13.5px 4.608px;
    display: block;
    word-wrap: normal;
    color: #333;
    background-color: #f7f7f7
}

.chaport-container .chaport-messages-list .message-wrapper .message-body pre:not(:last-child),
.chaport-container .chaport-messages-list .message-wrapper .message-body pre.ql-syntax:not(:last-child),
.chaport-messages-list .message-wrapper .message-body pre:not(:last-child),
.chaport-messages-list .message-wrapper .message-body pre.ql-syntax:not(:last-child) {
    margin-bottom: 22.536px
}

.chaport-container .chaport-messages-list .message-wrapper .message-body pre code,
.chaport-container .chaport-messages-list .message-wrapper .message-body pre.ql-syntax code,
.chaport-messages-list .message-wrapper .message-body pre code,
.chaport-messages-list .message-wrapper .message-body pre.ql-syntax code {
    white-space: pre;
    padding: 0;
    overflow-wrap: normal;
    word-wrap: normal
}

.chaport-container .chaport-messages-list .message-wrapper .message-body pre.ql-syntax,
.chaport-messages-list .message-wrapper .message-body pre.ql-syntax {
    padding: 11.16px 6.66px 15.66px 6.66px
}

body.chaport-device-windows .chaport-container .chaport-messages-list .message-wrapper .message-body pre.ql-syntax,
body.chaport-device-windows .chaport-messages-list .message-wrapper .message-body pre.ql-syntax {
    scrollbar-width: thin;
    scrollbar-color: #babac0 transparent
}

body.chaport-device-windows .chaport-container .chaport-messages-list .message-wrapper .message-body pre.ql-syntax::-webkit-scrollbar,
body.chaport-device-windows .chaport-messages-list .message-wrapper .message-body pre.ql-syntax::-webkit-scrollbar {
    width: 7px
}

body.chaport-device-windows .chaport-container .chaport-messages-list .message-wrapper .message-body pre.ql-syntax::-webkit-scrollbar:horizontal,
body.chaport-device-windows .chaport-messages-list .message-wrapper .message-body pre.ql-syntax::-webkit-scrollbar:horizontal {
    height: 7px
}

body.chaport-device-windows .chaport-container .chaport-messages-list .message-wrapper .message-body pre.ql-syntax::-webkit-scrollbar-track,
body.chaport-device-windows .chaport-messages-list .message-wrapper .message-body pre.ql-syntax::-webkit-scrollbar-track {
    background: transparent
}

body.chaport-device-windows .chaport-container .chaport-messages-list .message-wrapper .message-body pre.ql-syntax::-webkit-scrollbar-track:hover,
body.chaport-device-windows .chaport-messages-list .message-wrapper .message-body pre.ql-syntax::-webkit-scrollbar-track:hover {
    background: #f4f4f4
}

body.chaport-device-windows .chaport-container .chaport-messages-list .message-wrapper .message-body pre.ql-syntax::-webkit-scrollbar-thumb,
body.chaport-device-windows .chaport-messages-list .message-wrapper .message-body pre.ql-syntax::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background: #babac0;
    border: 1px solid transparent
}

body.chaport-device-windows .chaport-container .chaport-messages-list .message-wrapper .message-body pre.ql-syntax::-webkit-scrollbar-thumb:hover,
body.chaport-device-windows .chaport-messages-list .message-wrapper .message-body pre.ql-syntax::-webkit-scrollbar-thumb:hover {
    background: #a0a0a5
}

body.chaport-device-windows .chaport-container .chaport-messages-list .message-wrapper .message-body pre.ql-syntax::-webkit-scrollbar-button,
body.chaport-device-windows .chaport-messages-list .message-wrapper .message-body pre.ql-syntax::-webkit-scrollbar-button {
    display: none
}

.chaport-container .chaport-messages-list .message-wrapper .message-body ul,
.chaport-messages-list .message-wrapper .message-body ul {
    list-style-type: disc;
    display: block
}

.chaport-container .chaport-messages-list .message-wrapper .message-body ol,
.chaport-messages-list .message-wrapper .message-body ol {
    list-style-type: decimal;
    display: block
}

.chaport-container .chaport-messages-list .message-wrapper .message-body ol,
.chaport-container .chaport-messages-list .message-wrapper .message-body ul,
.chaport-messages-list .message-wrapper .message-body ol,
.chaport-messages-list .message-wrapper .message-body ul {
    font-size: 16.2px;
    padding: 0 0 0 1.6em;
    margin: 0 0 18px 0
}

.chaport-container .chaport-messages-list .message-wrapper .message-body p,
.chaport-messages-list .message-wrapper .message-body p {
    line-height: 1.7;
    font-size: 14.4px
}

.chaport-container .chaport-messages-list .message-wrapper .message-body p:not(:last-child),
.chaport-messages-list .message-wrapper .message-body p:not(:last-child) {
    margin-bottom: 22.536px
}

.chaport-container .chaport-messages-list .message-wrapper .message-body li,
.chaport-messages-list .message-wrapper .message-body li {
    line-height: 1.7;
    display: list-item;
    margin-bottom: 9px;
    font-size: 14.4px
}

.chaport-container .chaport-messages-list .message-wrapper .message-body li:last-child,
.chaport-messages-list .message-wrapper .message-body li:last-child {
    margin-bottom: 0
}

.chaport-container .chaport-messages-list .message-wrapper .message-body blockquote,
.chaport-messages-list .message-wrapper .message-body blockquote {
    display: block;
    border-left: 4px solid #338ffa;
    margin: 0 0 27px 0;
    padding: 0 0 0 21.6px;
    font-size: 19.8px
}

.chaport-container .chaport-messages-list .message-wrapper .message-body blockquote>p,
.chaport-messages-list .message-wrapper .message-body blockquote>p {
    margin: 0;
    font-size: 19.8px
}

.chaport-container .chaport-messages-list .message-wrapper .message-body p,
.chaport-container .chaport-messages-list .message-wrapper .message-body li,
.chaport-container .chaport-messages-list .message-wrapper .message-body blockquote,
.chaport-container .chaport-messages-list .message-wrapper .message-body h1,
.chaport-container .chaport-messages-list .message-wrapper .message-body h2,
.chaport-container .chaport-messages-list .message-wrapper .message-body h3,
.chaport-container .chaport-messages-list .message-wrapper .message-body h4,
.chaport-container .chaport-messages-list .message-wrapper .message-body h5,
.chaport-container .chaport-messages-list .message-wrapper .message-body h6,
.chaport-container .chaport-messages-list .message-wrapper .message-body strong,
.chaport-container .chaport-messages-list .message-wrapper .message-body em,
.chaport-container .chaport-messages-list .message-wrapper .message-body s,
.chaport-container .chaport-messages-list .message-wrapper .message-body a,
.chaport-messages-list .message-wrapper .message-body p,
.chaport-messages-list .message-wrapper .message-body li,
.chaport-messages-list .message-wrapper .message-body blockquote,
.chaport-messages-list .message-wrapper .message-body h1,
.chaport-messages-list .message-wrapper .message-body h2,
.chaport-messages-list .message-wrapper .message-body h3,
.chaport-messages-list .message-wrapper .message-body h4,
.chaport-messages-list .message-wrapper .message-body h5,
.chaport-messages-list .message-wrapper .message-body h6,
.chaport-messages-list .message-wrapper .message-body strong,
.chaport-messages-list .message-wrapper .message-body em,
.chaport-messages-list .message-wrapper .message-body s,
.chaport-messages-list .message-wrapper .message-body a {
    word-wrap: break-word;
    overflow-wrap: break-word
}

.chaport-container .chaport-messages-list .message-wrapper .message-body>*:last-child,
.chaport-messages-list .message-wrapper .message-body>*:last-child {
    margin-bottom: 0 !important
}

.chaport-container .chaport-messages-list .message-wrapper .message-body>h1:last-child,
.chaport-messages-list .message-wrapper .message-body>h1:last-child {
    padding-bottom: 0 !important
}

.chaport-container .chaport-messages-list .message-wrapper .message-body>*:first-child,
.chaport-messages-list .message-wrapper .message-body>*:first-child {
    margin-top: 0 !important
}

.chaport-container .chaport-messages-list .message-wrapper .message-body>h1:first-child,
.chaport-messages-list .message-wrapper .message-body>h1:first-child {
    padding-top: 0 !important
}

.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body,
.chaport-device-mobile .chaport-messages-list .message-wrapper .message-body {
    font-size: 16px
}

.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body *,
.chaport-device-mobile .chaport-messages-list .message-wrapper .message-body * {
    line-height: 1.5;
    letter-spacing: normal
}

.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body em,
.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body del,
.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body strong,
.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body blockquote,
.chaport-device-mobile .chaport-messages-list .message-wrapper .message-body em,
.chaport-device-mobile .chaport-messages-list .message-wrapper .message-body del,
.chaport-device-mobile .chaport-messages-list .message-wrapper .message-body strong,
.chaport-device-mobile .chaport-messages-list .message-wrapper .message-body blockquote {
    color: inherit
}

.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body h1,
.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body h2,
.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body h3,
.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body h4,
.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body h5,
.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body h6,
.chaport-device-mobile .chaport-messages-list .message-wrapper .message-body h1,
.chaport-device-mobile .chaport-messages-list .message-wrapper .message-body h2,
.chaport-device-mobile .chaport-messages-list .message-wrapper .message-body h3,
.chaport-device-mobile .chaport-messages-list .message-wrapper .message-body h4,
.chaport-device-mobile .chaport-messages-list .message-wrapper .message-body h5,
.chaport-device-mobile .chaport-messages-list .message-wrapper .message-body h6 {
    color: inherit
}

.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body strong,
.chaport-device-mobile .chaport-messages-list .message-wrapper .message-body strong {
    font-weight: 600
}

.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body s,
.chaport-device-mobile .chaport-messages-list .message-wrapper .message-body s {
    text-decoration: line-through
}

.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body h1,
.chaport-device-mobile .chaport-messages-list .message-wrapper .message-body h1 {
    font-size: 44.8px;
    font-weight: 500;
    margin: 0 0 0.5em 0;
    padding: 24px 0
}

.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body h2,
.chaport-device-mobile .chaport-messages-list .message-wrapper .message-body h2 {
    font-size: 28px;
    font-weight: 600;
    margin: 30px 0 20px;
    line-height: 1.15
}

.chaport-device-mobile .chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body h2,
.chaport-device-mobile .chaport-device-mobile .chaport-messages-list .message-wrapper .message-body h2 {
    font-size: 25px;
    line-height: 1.2 !important
}

.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body h3,
.chaport-device-mobile .chaport-messages-list .message-wrapper .message-body h3 {
    font-size: 24px;
    margin: 30px 0 20px;
    padding: 0;
    font-weight: 600;
    line-height: 1.22
}

.chaport-device-mobile .chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body h3,
.chaport-device-mobile .chaport-device-mobile .chaport-messages-list .message-wrapper .message-body h3 {
    font-size: 22.88px;
    line-height: 1.15 !important
}

.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body h1,
.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body h2,
.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body h3,
.chaport-device-mobile .chaport-messages-list .message-wrapper .message-body h1,
.chaport-device-mobile .chaport-messages-list .message-wrapper .message-body h2,
.chaport-device-mobile .chaport-messages-list .message-wrapper .message-body h3 {
    display: block
}

.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body em,
.chaport-device-mobile .chaport-messages-list .message-wrapper .message-body em {
    font-style: italic
}

.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body del,
.chaport-device-mobile .chaport-messages-list .message-wrapper .message-body del {
    text-decoration: line-through
}

.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body code,
.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body pre,
.chaport-device-mobile .chaport-messages-list .message-wrapper .message-body code,
.chaport-device-mobile .chaport-messages-list .message-wrapper .message-body pre {
    font-family: 'Roboto Mono', monospace !important;
    font-size: 13.33px;
    border-radius: 4px;
    color: #333;
    background-color: #f7f7f7;
    border: none
}

.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body code,
.chaport-device-mobile .chaport-messages-list .message-wrapper .message-body code {
    padding: 0.2em;
    display: inline;
    overflow-wrap: break-word;
    word-wrap: break-word
}

.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body pre,
.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body pre.ql-syntax,
.chaport-device-mobile .chaport-messages-list .message-wrapper .message-body pre,
.chaport-device-mobile .chaport-messages-list .message-wrapper .message-body pre.ql-syntax {
    overflow-x: auto;
    white-space: pre;
    padding: 10px 5.12px 15px 5.12px;
    display: block;
    word-wrap: normal;
    color: #333;
    background-color: #f7f7f7
}

.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body pre:not(:last-child),
.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body pre.ql-syntax:not(:last-child),
.chaport-device-mobile .chaport-messages-list .message-wrapper .message-body pre:not(:last-child),
.chaport-device-mobile .chaport-messages-list .message-wrapper .message-body pre.ql-syntax:not(:last-child) {
    margin-bottom: 25.04px
}

.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body pre code,
.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body pre.ql-syntax code,
.chaport-device-mobile .chaport-messages-list .message-wrapper .message-body pre code,
.chaport-device-mobile .chaport-messages-list .message-wrapper .message-body pre.ql-syntax code {
    white-space: pre;
    padding: 0;
    overflow-wrap: normal;
    word-wrap: normal
}

.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body pre.ql-syntax,
.chaport-device-mobile .chaport-messages-list .message-wrapper .message-body pre.ql-syntax {
    padding: 12.4px 7.4px 17.4px 7.4px
}

body.chaport-device-windows .chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body pre.ql-syntax,
body.chaport-device-windows .chaport-device-mobile .chaport-messages-list .message-wrapper .message-body pre.ql-syntax {
    scrollbar-width: thin;
    scrollbar-color: #babac0 transparent
}

body.chaport-device-windows .chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body pre.ql-syntax::-webkit-scrollbar,
body.chaport-device-windows .chaport-device-mobile .chaport-messages-list .message-wrapper .message-body pre.ql-syntax::-webkit-scrollbar {
    width: 7px
}

body.chaport-device-windows .chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body pre.ql-syntax::-webkit-scrollbar:horizontal,
body.chaport-device-windows .chaport-device-mobile .chaport-messages-list .message-wrapper .message-body pre.ql-syntax::-webkit-scrollbar:horizontal {
    height: 7px
}

body.chaport-device-windows .chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body pre.ql-syntax::-webkit-scrollbar-track,
body.chaport-device-windows .chaport-device-mobile .chaport-messages-list .message-wrapper .message-body pre.ql-syntax::-webkit-scrollbar-track {
    background: transparent
}

body.chaport-device-windows .chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body pre.ql-syntax::-webkit-scrollbar-track:hover,
body.chaport-device-windows .chaport-device-mobile .chaport-messages-list .message-wrapper .message-body pre.ql-syntax::-webkit-scrollbar-track:hover {
    background: #f4f4f4
}

body.chaport-device-windows .chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body pre.ql-syntax::-webkit-scrollbar-thumb,
body.chaport-device-windows .chaport-device-mobile .chaport-messages-list .message-wrapper .message-body pre.ql-syntax::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background: #babac0;
    border: 1px solid transparent
}

body.chaport-device-windows .chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body pre.ql-syntax::-webkit-scrollbar-thumb:hover,
body.chaport-device-windows .chaport-device-mobile .chaport-messages-list .message-wrapper .message-body pre.ql-syntax::-webkit-scrollbar-thumb:hover {
    background: #a0a0a5
}

body.chaport-device-windows .chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body pre.ql-syntax::-webkit-scrollbar-button,
body.chaport-device-windows .chaport-device-mobile .chaport-messages-list .message-wrapper .message-body pre.ql-syntax::-webkit-scrollbar-button {
    display: none
}

.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body ul,
.chaport-device-mobile .chaport-messages-list .message-wrapper .message-body ul {
    list-style-type: disc;
    display: block
}

.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body ol,
.chaport-device-mobile .chaport-messages-list .message-wrapper .message-body ol {
    list-style-type: decimal;
    display: block
}

.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body ol,
.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body ul,
.chaport-device-mobile .chaport-messages-list .message-wrapper .message-body ol,
.chaport-device-mobile .chaport-messages-list .message-wrapper .message-body ul {
    font-size: 18px;
    padding: 0 0 0 1.6em;
    margin: 0 0 20px 0
}

.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body p,
.chaport-device-mobile .chaport-messages-list .message-wrapper .message-body p {
    line-height: 1.7;
    font-size: 16px
}

.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body p:not(:last-child),
.chaport-device-mobile .chaport-messages-list .message-wrapper .message-body p:not(:last-child) {
    margin-bottom: 25.04px
}

.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body li,
.chaport-device-mobile .chaport-messages-list .message-wrapper .message-body li {
    line-height: 1.7;
    display: list-item;
    margin-bottom: 10px;
    font-size: 16px
}

.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body li:last-child,
.chaport-device-mobile .chaport-messages-list .message-wrapper .message-body li:last-child {
    margin-bottom: 0
}

.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body blockquote,
.chaport-device-mobile .chaport-messages-list .message-wrapper .message-body blockquote {
    display: block;
    border-left: 4px solid #338ffa;
    margin: 0 0 30px 0;
    padding: 0 0 0 24px;
    font-size: 22px
}

.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body blockquote>p,
.chaport-device-mobile .chaport-messages-list .message-wrapper .message-body blockquote>p {
    margin: 0;
    font-size: 22px
}

.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body p,
.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body li,
.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body blockquote,
.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body h1,
.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body h2,
.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body h3,
.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body h4,
.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body h5,
.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body h6,
.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body strong,
.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body em,
.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body s,
.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body a,
.chaport-device-mobile .chaport-messages-list .message-wrapper .message-body p,
.chaport-device-mobile .chaport-messages-list .message-wrapper .message-body li,
.chaport-device-mobile .chaport-messages-list .message-wrapper .message-body blockquote,
.chaport-device-mobile .chaport-messages-list .message-wrapper .message-body h1,
.chaport-device-mobile .chaport-messages-list .message-wrapper .message-body h2,
.chaport-device-mobile .chaport-messages-list .message-wrapper .message-body h3,
.chaport-device-mobile .chaport-messages-list .message-wrapper .message-body h4,
.chaport-device-mobile .chaport-messages-list .message-wrapper .message-body h5,
.chaport-device-mobile .chaport-messages-list .message-wrapper .message-body h6,
.chaport-device-mobile .chaport-messages-list .message-wrapper .message-body strong,
.chaport-device-mobile .chaport-messages-list .message-wrapper .message-body em,
.chaport-device-mobile .chaport-messages-list .message-wrapper .message-body s,
.chaport-device-mobile .chaport-messages-list .message-wrapper .message-body a {
    word-wrap: break-word;
    overflow-wrap: break-word
}

.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body>*:last-child,
.chaport-device-mobile .chaport-messages-list .message-wrapper .message-body>*:last-child {
    margin-bottom: 0 !important
}

.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body>h1:last-child,
.chaport-device-mobile .chaport-messages-list .message-wrapper .message-body>h1:last-child {
    padding-bottom: 0 !important
}

.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body>*:first-child,
.chaport-device-mobile .chaport-messages-list .message-wrapper .message-body>*:first-child {
    margin-top: 0 !important
}

.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body>h1:first-child,
.chaport-device-mobile .chaport-messages-list .message-wrapper .message-body>h1:first-child {
    padding-top: 0 !important
}

.chaport-container .chaport-messages-list .message-wrapper .message-body h1,
.chaport-messages-list .message-wrapper .message-body h1 {
    font-size: 24px;
    font-weight: 600
}

.chaport-container .chaport-messages-list .message-wrapper .message-body p,
.chaport-container .chaport-messages-list .message-wrapper .message-body li,
.chaport-container .chaport-messages-list .message-wrapper .message-body blockquote,
.chaport-container .chaport-messages-list .message-wrapper .message-body strong,
.chaport-container .chaport-messages-list .message-wrapper .message-body em,
.chaport-container .chaport-messages-list .message-wrapper .message-body s,
.chaport-container .chaport-messages-list .message-wrapper .message-body a,
.chaport-messages-list .message-wrapper .message-body p,
.chaport-messages-list .message-wrapper .message-body li,
.chaport-messages-list .message-wrapper .message-body blockquote,
.chaport-messages-list .message-wrapper .message-body strong,
.chaport-messages-list .message-wrapper .message-body em,
.chaport-messages-list .message-wrapper .message-body s,
.chaport-messages-list .message-wrapper .message-body a {
    line-height: 1.4 !important
}

.chaport-container .chaport-messages-list .message-wrapper .message-body p,
.chaport-messages-list .message-wrapper .message-body p {
    display: block;
    margin: 0 0 10px 0 !important
}

.chaport-container .chaport-messages-list .message-wrapper .message-body p:last-child,
.chaport-messages-list .message-wrapper .message-body p:last-child {
    margin: 0 !important
}

.chaport-container .chaport-messages-list .message-wrapper .message-body a,
.chaport-messages-list .message-wrapper .message-body a {
    text-decoration: underline
}

.chaport-container .chaport-messages-list .message-wrapper .message-body .emoji-inline,
.chaport-messages-list .message-wrapper .message-body .emoji-inline {
    line-height: 0;
    margin-top: 2px;
    position: relative;
    top: 0;
    font-size: 1.2em;
    vertical-align: middle
}

.chaport-container .chaport-messages-list .message-wrapper .message-body .emoji-inline img,
.chaport-messages-list .message-wrapper .message-body .emoji-inline img {
    height: 20px;
    vertical-align: top
}

.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-body .emoji-inline,
.chaport-device-mobile .chaport-messages-list .message-wrapper .message-body .emoji-inline {
    top: -3px
}

.chaport-container .chaport-messages-list .message-wrapper .message-body ul,
.chaport-container .chaport-messages-list .message-wrapper .message-body ol,
.chaport-messages-list .message-wrapper .message-body ul,
.chaport-messages-list .message-wrapper .message-body ol {
    padding-left: 30px
}

.chaport-container .chaport-messages-list .message-wrapper .message-body.faq-bot-message,
.chaport-messages-list .message-wrapper .message-body.faq-bot-message {
    padding: 0.6em 0 0 0
}

.chaport-container .chaport-messages-list .message-wrapper .message-body.faq-bot-message .faq-bot-message-heading,
.chaport-messages-list .message-wrapper .message-body.faq-bot-message .faq-bot-message-heading {
    padding: 0 1em 0.6em 1em
}

.chaport-container .chaport-messages-list .message-wrapper .message-body.faq-bot-message .btn-link-group,
.chaport-messages-list .message-wrapper .message-body.faq-bot-message .btn-link-group {
    background-color: #fff;
    border: 1px solid #e8ecef;
    border-radius: inherit;
    -webkit-border-top-right-radius: 2px;
    -moz-border-top-right-radius: 2px;
    -ms-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
    -webkit-border-top-left-radius: 2px;
    -moz-border-top-left-radius: 2px;
    -ms-border-top-left-radius: 2px;
    border-top-left-radius: 2px
}

.chaport-container .chaport-messages-list .message-wrapper .message-body.faq-bot-message .btn-link-group .btn-link-wrapper,
.chaport-messages-list .message-wrapper .message-body.faq-bot-message .btn-link-group .btn-link-wrapper {
    display: block;
    padding: 0.6em 1em;
    position: relative;
    margin-bottom: -1px;
    text-decoration: none;
    text-align: center;
    -webkit-transition: color ease 0.3s;
    -o-transition: color ease 0.3s;
    transition: color ease 0.3s;
    color: #198af7
}

.chaport-container .chaport-messages-list .message-wrapper .message-body.faq-bot-message .btn-link-group .btn-link-wrapper:hover,
.chaport-messages-list .message-wrapper .message-body.faq-bot-message .btn-link-group .btn-link-wrapper:hover {
    color: #4aa3f9
}

.chaport-container .chaport-messages-list .message-wrapper .message-body.faq-bot-message .btn-link-group .btn-link-wrapper:not(:last-child)::after,
.chaport-messages-list .message-wrapper .message-body.faq-bot-message .btn-link-group .btn-link-wrapper:not(:last-child)::after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 1px;
    max-height: 1px;
    width: 90%;
    left: 5%;
    background-color: #e8ecef
}

.chaport-container .chaport-messages-list .message-wrapper .message-time,
.chaport-messages-list .message-wrapper .message-time {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    margin-top: 8px;
    font-size: 11px;
    color: #cfd3d5
}

.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper .message-time,
.chaport-device-mobile .chaport-messages-list .message-wrapper .message-time {
    margin-top: 10px
}

.chaport-container .chaport-messages-list .message-wrapper .message-status,
.chaport-messages-list .message-wrapper .message-status {
    position: absolute;
    bottom: 0;
    right: -21px;
    background-color: #1D90FF;
    -webkit-transition: opacity ease-in-out 0.2s;
    -o-transition: opacity ease-in-out 0.2s;
    transition: opacity ease-in-out 0.2s
}

.chaport-container .chaport-messages-list .message-wrapper.your-message-wrapper,
.chaport-messages-list .message-wrapper.your-message-wrapper {
    float: right;
    padding-right: 12px
}

.chaport-container .chaport-messages-list .message-wrapper.your-message-wrapper .message,
.chaport-messages-list .message-wrapper.your-message-wrapper .message {
    position: relative;
    float: right;
    max-width: 95%;
    padding-left: 37px
}

.chaport-container .chaport-messages-list .message-wrapper.your-message-wrapper .message:before,
.chaport-container .chaport-messages-list .message-wrapper.your-message-wrapper .message:after,
.chaport-messages-list .message-wrapper.your-message-wrapper .message:before,
.chaport-messages-list .message-wrapper.your-message-wrapper .message:after {
    content: " ";
    display: table
}

.chaport-container .chaport-messages-list .message-wrapper.your-message-wrapper .message:after,
.chaport-messages-list .message-wrapper.your-message-wrapper .message:after {
    clear: both
}

.chaport-container.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper.your-message-wrapper .message,
.chaport-container.chaport-device-mobile .chaport-messages-list .message-wrapper.your-message-wrapper .message {
    max-width: 100%
}

.chaport-container .chaport-messages-list .message-wrapper.your-message-wrapper .message-body,
.chaport-messages-list .message-wrapper.your-message-wrapper .message-body {
    background-color: #1D90FF;
    -webkit-border-top-left-radius: 8px;
    -moz-border-top-left-radius: 8px;
    -ms-border-top-left-radius: 8px;
    border-top-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-bottom-left-radius: 8px;
    -ms-border-bottom-left-radius: 8px;
    border-bottom-left-radius: 8px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-top-right-radius: 3px;
    -ms-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-bottom-right-radius: 3px;
    -ms-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.chaport-container .chaport-messages-list .message-wrapper.your-message-wrapper .message-body pre,
.chaport-container .chaport-messages-list .message-wrapper.your-message-wrapper .message-body code,
.chaport-messages-list .message-wrapper.your-message-wrapper .message-body pre,
.chaport-messages-list .message-wrapper.your-message-wrapper .message-body code {
    color: inherit;
    background-color: #3d9dfb;
    scrollbar-width: thin;
    scrollbar-color: #7abdff transparent
}

.chaport-container .chaport-messages-list .message-wrapper.your-message-wrapper .message-body pre::-webkit-scrollbar,
.chaport-container .chaport-messages-list .message-wrapper.your-message-wrapper .message-body code::-webkit-scrollbar,
.chaport-messages-list .message-wrapper.your-message-wrapper .message-body pre::-webkit-scrollbar,
.chaport-messages-list .message-wrapper.your-message-wrapper .message-body code::-webkit-scrollbar {
    width: 7px
}

.chaport-container .chaport-messages-list .message-wrapper.your-message-wrapper .message-body pre::-webkit-scrollbar:horizontal,
.chaport-container .chaport-messages-list .message-wrapper.your-message-wrapper .message-body code::-webkit-scrollbar:horizontal,
.chaport-messages-list .message-wrapper.your-message-wrapper .message-body pre::-webkit-scrollbar:horizontal,
.chaport-messages-list .message-wrapper.your-message-wrapper .message-body code::-webkit-scrollbar:horizontal {
    height: 7px
}

.chaport-container .chaport-messages-list .message-wrapper.your-message-wrapper .message-body pre::-webkit-scrollbar-track,
.chaport-container .chaport-messages-list .message-wrapper.your-message-wrapper .message-body code::-webkit-scrollbar-track,
.chaport-messages-list .message-wrapper.your-message-wrapper .message-body pre::-webkit-scrollbar-track,
.chaport-messages-list .message-wrapper.your-message-wrapper .message-body code::-webkit-scrollbar-track {
    background: transparent
}

.chaport-container .chaport-messages-list .message-wrapper.your-message-wrapper .message-body pre::-webkit-scrollbar-track:hover,
.chaport-container .chaport-messages-list .message-wrapper.your-message-wrapper .message-body code::-webkit-scrollbar-track:hover,
.chaport-messages-list .message-wrapper.your-message-wrapper .message-body pre::-webkit-scrollbar-track:hover,
.chaport-messages-list .message-wrapper.your-message-wrapper .message-body code::-webkit-scrollbar-track:hover {
    background: transparent
}

.chaport-container .chaport-messages-list .message-wrapper.your-message-wrapper .message-body pre::-webkit-scrollbar-thumb,
.chaport-container .chaport-messages-list .message-wrapper.your-message-wrapper .message-body code::-webkit-scrollbar-thumb,
.chaport-messages-list .message-wrapper.your-message-wrapper .message-body pre::-webkit-scrollbar-thumb,
.chaport-messages-list .message-wrapper.your-message-wrapper .message-body code::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background: #7abdff;
    border: 1px solid transparent
}

.chaport-container .chaport-messages-list .message-wrapper.your-message-wrapper .message-body pre::-webkit-scrollbar-thumb:hover,
.chaport-container .chaport-messages-list .message-wrapper.your-message-wrapper .message-body code::-webkit-scrollbar-thumb:hover,
.chaport-messages-list .message-wrapper.your-message-wrapper .message-body pre::-webkit-scrollbar-thumb:hover,
.chaport-messages-list .message-wrapper.your-message-wrapper .message-body code::-webkit-scrollbar-thumb:hover {
    background: #7abdff
}

.chaport-container .chaport-messages-list .message-wrapper.your-message-wrapper .message-body pre::-webkit-scrollbar-button,
.chaport-container .chaport-messages-list .message-wrapper.your-message-wrapper .message-body code::-webkit-scrollbar-button,
.chaport-messages-list .message-wrapper.your-message-wrapper .message-body pre::-webkit-scrollbar-button,
.chaport-messages-list .message-wrapper.your-message-wrapper .message-body code::-webkit-scrollbar-button {
    display: none
}

.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper.your-message-wrapper .message-body pre,
.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper.your-message-wrapper .message-body code,
.chaport-device-mobile .chaport-messages-list .message-wrapper.your-message-wrapper .message-body pre,
.chaport-device-mobile .chaport-messages-list .message-wrapper.your-message-wrapper .message-body code {
    color: inherit;
    background-color: #3d9dfb;
    scrollbar-width: thin;
    scrollbar-color: #7abdff transparent
}

.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper.your-message-wrapper .message-body pre::-webkit-scrollbar,
.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper.your-message-wrapper .message-body code::-webkit-scrollbar,
.chaport-device-mobile .chaport-messages-list .message-wrapper.your-message-wrapper .message-body pre::-webkit-scrollbar,
.chaport-device-mobile .chaport-messages-list .message-wrapper.your-message-wrapper .message-body code::-webkit-scrollbar {
    width: 4px
}

.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper.your-message-wrapper .message-body pre::-webkit-scrollbar:horizontal,
.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper.your-message-wrapper .message-body code::-webkit-scrollbar:horizontal,
.chaport-device-mobile .chaport-messages-list .message-wrapper.your-message-wrapper .message-body pre::-webkit-scrollbar:horizontal,
.chaport-device-mobile .chaport-messages-list .message-wrapper.your-message-wrapper .message-body code::-webkit-scrollbar:horizontal {
    height: 4px
}

.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper.your-message-wrapper .message-body pre::-webkit-scrollbar-track,
.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper.your-message-wrapper .message-body code::-webkit-scrollbar-track,
.chaport-device-mobile .chaport-messages-list .message-wrapper.your-message-wrapper .message-body pre::-webkit-scrollbar-track,
.chaport-device-mobile .chaport-messages-list .message-wrapper.your-message-wrapper .message-body code::-webkit-scrollbar-track {
    background: transparent
}

.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper.your-message-wrapper .message-body pre::-webkit-scrollbar-track:hover,
.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper.your-message-wrapper .message-body code::-webkit-scrollbar-track:hover,
.chaport-device-mobile .chaport-messages-list .message-wrapper.your-message-wrapper .message-body pre::-webkit-scrollbar-track:hover,
.chaport-device-mobile .chaport-messages-list .message-wrapper.your-message-wrapper .message-body code::-webkit-scrollbar-track:hover {
    background: transparent
}

.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper.your-message-wrapper .message-body pre::-webkit-scrollbar-thumb,
.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper.your-message-wrapper .message-body code::-webkit-scrollbar-thumb,
.chaport-device-mobile .chaport-messages-list .message-wrapper.your-message-wrapper .message-body pre::-webkit-scrollbar-thumb,
.chaport-device-mobile .chaport-messages-list .message-wrapper.your-message-wrapper .message-body code::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background: #7abdff;
    border: 1px solid transparent
}

.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper.your-message-wrapper .message-body pre::-webkit-scrollbar-thumb:hover,
.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper.your-message-wrapper .message-body code::-webkit-scrollbar-thumb:hover,
.chaport-device-mobile .chaport-messages-list .message-wrapper.your-message-wrapper .message-body pre::-webkit-scrollbar-thumb:hover,
.chaport-device-mobile .chaport-messages-list .message-wrapper.your-message-wrapper .message-body code::-webkit-scrollbar-thumb:hover {
    background: #7abdff
}

.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper.your-message-wrapper .message-body pre::-webkit-scrollbar-button,
.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper.your-message-wrapper .message-body code::-webkit-scrollbar-button,
.chaport-device-mobile .chaport-messages-list .message-wrapper.your-message-wrapper .message-body pre::-webkit-scrollbar-button,
.chaport-device-mobile .chaport-messages-list .message-wrapper.your-message-wrapper .message-body code::-webkit-scrollbar-button {
    display: none
}

.chaport-container .chaport-messages-list .message-wrapper.your-message-wrapper .message-body a,
.chaport-container .chaport-messages-list .message-wrapper.your-message-wrapper .message-body p,
.chaport-container .chaport-messages-list .message-wrapper.your-message-wrapper .message-body blockquote,
.chaport-messages-list .message-wrapper.your-message-wrapper .message-body a,
.chaport-messages-list .message-wrapper.your-message-wrapper .message-body p,
.chaport-messages-list .message-wrapper.your-message-wrapper .message-body blockquote {
    color: inherit
}

.chaport-container .chaport-messages-list .message-wrapper.your-message-wrapper:first-of-type .message-body,
.chaport-container .chaport-messages-list .message-wrapper.your-message-wrapper.message-group-wrapper .message-body,
.chaport-messages-list .message-wrapper.your-message-wrapper:first-of-type .message-body,
.chaport-messages-list .message-wrapper.your-message-wrapper.message-group-wrapper .message-body {
    -webkit-border-top-right-radius: 8px;
    -moz-border-top-right-radius: 8px;
    -ms-border-top-right-radius: 8px;
    border-top-right-radius: 8px
}

.chaport-container .chaport-messages-list .message-wrapper.your-message-wrapper:last-of-type .message-body,
.chaport-container .chaport-messages-list .message-wrapper.your-message-wrapper.message-group-wrapper .message-body,
.chaport-messages-list .message-wrapper.your-message-wrapper:last-of-type .message-body,
.chaport-messages-list .message-wrapper.your-message-wrapper.message-group-wrapper .message-body {
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-bottom-right-radius: 8px;
    -ms-border-bottom-right-radius: 8px;
    border-bottom-right-radius: 8px
}

.chaport-container .chaport-messages-list .message-wrapper.your-message-wrapper .message-time,
.chaport-messages-list .message-wrapper.your-message-wrapper .message-time {
    position: absolute;
    left: 0
}

.chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper,
.chaport-messages-list .message-wrapper.interlocutor-message-wrapper {
    float: left
}

.chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message,
.chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message {
    position: relative;
    float: left;
    max-width: 95%;
    padding-right: 37px
}

.chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message:before,
.chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message:after,
.chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message:before,
.chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message:after {
    content: " ";
    display: table
}

.chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message:after,
.chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message:after {
    clear: both
}

.chaport-container.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message,
.chaport-container.chaport-device-mobile .chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message {
    max-width: 100%
}

.chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message-body,
.chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message-body {
    background-color: #e8ecef;
    color: #33383a;
    -webkit-border-top-right-radius: 8px;
    -moz-border-top-right-radius: 8px;
    -ms-border-top-right-radius: 8px;
    border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-bottom-right-radius: 8px;
    -ms-border-bottom-right-radius: 8px;
    border-bottom-right-radius: 8px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-top-left-radius: 3px;
    -ms-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-bottom-left-radius: 3px;
    -ms-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message-body pre,
.chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message-body code,
.chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message-body pre,
.chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message-body code {
    color: inherit;
    background-color: #f3f5f7;
    scrollbar-width: thin;
    scrollbar-color: #c9cbcc transparent
}

.chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message-body pre::-webkit-scrollbar,
.chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message-body code::-webkit-scrollbar,
.chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message-body pre::-webkit-scrollbar,
.chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message-body code::-webkit-scrollbar {
    width: 7px
}

.chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message-body pre::-webkit-scrollbar:horizontal,
.chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message-body code::-webkit-scrollbar:horizontal,
.chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message-body pre::-webkit-scrollbar:horizontal,
.chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message-body code::-webkit-scrollbar:horizontal {
    height: 7px
}

.chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message-body pre::-webkit-scrollbar-track,
.chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message-body code::-webkit-scrollbar-track,
.chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message-body pre::-webkit-scrollbar-track,
.chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message-body code::-webkit-scrollbar-track {
    background: transparent
}

.chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message-body pre::-webkit-scrollbar-track:hover,
.chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message-body code::-webkit-scrollbar-track:hover,
.chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message-body pre::-webkit-scrollbar-track:hover,
.chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message-body code::-webkit-scrollbar-track:hover {
    background: transparent
}

.chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message-body pre::-webkit-scrollbar-thumb,
.chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message-body code::-webkit-scrollbar-thumb,
.chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message-body pre::-webkit-scrollbar-thumb,
.chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message-body code::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background: #c9cbcc;
    border: 1px solid transparent
}

.chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message-body pre::-webkit-scrollbar-thumb:hover,
.chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message-body code::-webkit-scrollbar-thumb:hover,
.chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message-body pre::-webkit-scrollbar-thumb:hover,
.chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message-body code::-webkit-scrollbar-thumb:hover {
    background: #c9cbcc
}

.chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message-body pre::-webkit-scrollbar-button,
.chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message-body code::-webkit-scrollbar-button,
.chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message-body pre::-webkit-scrollbar-button,
.chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message-body code::-webkit-scrollbar-button {
    display: none
}

.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message-body,
.chaport-device-mobile .chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message-body {
    scrollbar-width: thin;
    scrollbar-color: #c9cbcc transparent
}

.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message-body::-webkit-scrollbar,
.chaport-device-mobile .chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message-body::-webkit-scrollbar {
    width: 4px
}

.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message-body::-webkit-scrollbar:horizontal,
.chaport-device-mobile .chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message-body::-webkit-scrollbar:horizontal {
    height: 4px
}

.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message-body::-webkit-scrollbar-track,
.chaport-device-mobile .chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message-body::-webkit-scrollbar-track {
    background: transparent
}

.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message-body::-webkit-scrollbar-track:hover,
.chaport-device-mobile .chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message-body::-webkit-scrollbar-track:hover {
    background: transparent
}

.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message-body::-webkit-scrollbar-thumb,
.chaport-device-mobile .chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message-body::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background: #c9cbcc;
    border: 1px solid transparent
}

.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message-body::-webkit-scrollbar-thumb:hover,
.chaport-device-mobile .chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message-body::-webkit-scrollbar-thumb:hover {
    background: #c9cbcc
}

.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message-body::-webkit-scrollbar-button,
.chaport-device-mobile .chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message-body::-webkit-scrollbar-button {
    display: none
}

.chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message-body a,
.chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message-body a {
    color: #0035ff
}

.chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message-body .typing-text,
.chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message-body .typing-text {
    color: #898990
}

.chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body,
.chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body {
    background-color: #e1eef9;
    color: #000
}

.chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body pre,
.chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body code,
.chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body pre,
.chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body code {
    color: inherit;
    background-color: #edf6fd;
    scrollbar-width: thin;
    scrollbar-color: #bfcfdd transparent
}

.chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body pre::-webkit-scrollbar,
.chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body code::-webkit-scrollbar,
.chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body pre::-webkit-scrollbar,
.chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body code::-webkit-scrollbar {
    width: 7px
}

.chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body pre::-webkit-scrollbar:horizontal,
.chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body code::-webkit-scrollbar:horizontal,
.chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body pre::-webkit-scrollbar:horizontal,
.chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body code::-webkit-scrollbar:horizontal {
    height: 7px
}

.chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body pre::-webkit-scrollbar-track,
.chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body code::-webkit-scrollbar-track,
.chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body pre::-webkit-scrollbar-track,
.chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body code::-webkit-scrollbar-track {
    background: transparent
}

.chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body pre::-webkit-scrollbar-track:hover,
.chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body code::-webkit-scrollbar-track:hover,
.chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body pre::-webkit-scrollbar-track:hover,
.chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body code::-webkit-scrollbar-track:hover {
    background: transparent
}

.chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body pre::-webkit-scrollbar-thumb,
.chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body code::-webkit-scrollbar-thumb,
.chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body pre::-webkit-scrollbar-thumb,
.chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body code::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background: #bfcfdd;
    border: 1px solid transparent
}

.chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body pre::-webkit-scrollbar-thumb:hover,
.chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body code::-webkit-scrollbar-thumb:hover,
.chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body pre::-webkit-scrollbar-thumb:hover,
.chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body code::-webkit-scrollbar-thumb:hover {
    background: #bfcfdd
}

.chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body pre::-webkit-scrollbar-button,
.chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body code::-webkit-scrollbar-button,
.chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body pre::-webkit-scrollbar-button,
.chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body code::-webkit-scrollbar-button {
    display: none
}

.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body pre,
.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body code,
.chaport-device-mobile .chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body pre,
.chaport-device-mobile .chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body code {
    color: inherit;
    background-color: #edf6fd;
    scrollbar-width: thin;
    scrollbar-color: #bfcfdd transparent
}

.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body pre::-webkit-scrollbar,
.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body code::-webkit-scrollbar,
.chaport-device-mobile .chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body pre::-webkit-scrollbar,
.chaport-device-mobile .chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body code::-webkit-scrollbar {
    width: 4px
}

.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body pre::-webkit-scrollbar:horizontal,
.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body code::-webkit-scrollbar:horizontal,
.chaport-device-mobile .chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body pre::-webkit-scrollbar:horizontal,
.chaport-device-mobile .chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body code::-webkit-scrollbar:horizontal {
    height: 4px
}

.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body pre::-webkit-scrollbar-track,
.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body code::-webkit-scrollbar-track,
.chaport-device-mobile .chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body pre::-webkit-scrollbar-track,
.chaport-device-mobile .chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body code::-webkit-scrollbar-track {
    background: transparent
}

.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body pre::-webkit-scrollbar-track:hover,
.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body code::-webkit-scrollbar-track:hover,
.chaport-device-mobile .chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body pre::-webkit-scrollbar-track:hover,
.chaport-device-mobile .chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body code::-webkit-scrollbar-track:hover {
    background: transparent
}

.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body pre::-webkit-scrollbar-thumb,
.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body code::-webkit-scrollbar-thumb,
.chaport-device-mobile .chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body pre::-webkit-scrollbar-thumb,
.chaport-device-mobile .chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body code::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background: #bfcfdd;
    border: 1px solid transparent
}

.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body pre::-webkit-scrollbar-thumb:hover,
.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body code::-webkit-scrollbar-thumb:hover,
.chaport-device-mobile .chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body pre::-webkit-scrollbar-thumb:hover,
.chaport-device-mobile .chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body code::-webkit-scrollbar-thumb:hover {
    background: #bfcfdd
}

.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body pre::-webkit-scrollbar-button,
.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body code::-webkit-scrollbar-button,
.chaport-device-mobile .chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body pre::-webkit-scrollbar-button,
.chaport-device-mobile .chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body code::-webkit-scrollbar-button {
    display: none
}

.chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body .typing-text,
.chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .message-body .typing-text {
    color: #85939e
}

.chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .typing-indicator-circle,
.chaport-messages-list .message-wrapper.interlocutor-message-wrapper.interlocutor-operator-message-wrapper .typing-indicator-circle {
    background-color: #8fa2b1 !important
}

.chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper:first-of-type .message-body,
.chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper.message-group-wrapper .message-body,
.chaport-messages-list .message-wrapper.interlocutor-message-wrapper:first-of-type .message-body,
.chaport-messages-list .message-wrapper.interlocutor-message-wrapper.message-group-wrapper .message-body {
    -webkit-border-top-left-radius: 8px;
    -moz-border-top-left-radius: 8px;
    -ms-border-top-left-radius: 8px;
    border-top-left-radius: 8px
}

.chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper:last-of-type .message-body,
.chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper.message-group-wrapper .message-body,
.chaport-messages-list .message-wrapper.interlocutor-message-wrapper:last-of-type .message-body,
.chaport-messages-list .message-wrapper.interlocutor-message-wrapper.message-group-wrapper .message-body {
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-bottom-left-radius: 8px;
    -ms-border-bottom-left-radius: 8px;
    border-bottom-left-radius: 8px
}

.chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message-time,
.chaport-messages-list .message-wrapper.interlocutor-message-wrapper .message-time {
    position: absolute;
    right: 0
}

.chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper .operator-photo,
.chaport-messages-list .message-wrapper.interlocutor-message-wrapper .operator-photo {
    position: absolute;
    bottom: 2px;
    left: 0px;
    width: 24px;
    height: 24px;
    z-index: 1
}

.chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper .operator-photo img,
.chaport-messages-list .message-wrapper.interlocutor-message-wrapper .operator-photo img {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden
}

.chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper .operator-photo.no-photo,
.chaport-messages-list .message-wrapper.interlocutor-message-wrapper .operator-photo.no-photo {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

.chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper .operator-photo.no-photo:before,
.chaport-messages-list .message-wrapper.interlocutor-message-wrapper .operator-photo.no-photo:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background-image: url("../images/user-icon-shadow-24x24.png");
    background-size: 24px 24px
}

@media (min--moz-device-pixel-ratio: 1.5),
(-webkit-min-device-pixel-ratio: 1.5),
(min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi),
(min-resolution: 1.5dppx) {

    .chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper .operator-photo.no-photo:before,
    .chaport-messages-list .message-wrapper.interlocutor-message-wrapper .operator-photo.no-photo:before {
        background-image: url("../images/user-icon-shadow-24x24%402x.png")
    }
}

.chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper .operator-photo.no-photo:after,
.chaport-messages-list .message-wrapper.interlocutor-message-wrapper .operator-photo.no-photo:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.7;
    width: 24px;
    height: 24px;
    background-image: url("../images/user-icon-body-24x24.png");
    background-size: 24px 24px
}

@media (min--moz-device-pixel-ratio: 1.5),
(-webkit-min-device-pixel-ratio: 1.5),
(min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi),
(min-resolution: 1.5dppx) {

    .chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper .operator-photo.no-photo:after,
    .chaport-messages-list .message-wrapper.interlocutor-message-wrapper .operator-photo.no-photo:after {
        background-image: url("../images/user-icon-body-24x24%402x.png")
    }
}

.chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper .operator-photo.bot-icon,
.chaport-messages-list .message-wrapper.interlocutor-message-wrapper .operator-photo.bot-icon {
    background-color: #748c9f;
    border-radius: 50%;
    padding: 4px;
    display: flex;
    justify-content: center;
    align-items: center
}

.chaport-container .chaport-messages-list .message-wrapper.interlocutor-message-wrapper .operator-photo.bot-icon img,
.chaport-messages-list .message-wrapper.interlocutor-message-wrapper .operator-photo.bot-icon img {
    position: relative;
    top: -1px;
    border-radius: 0;
    width: 14px;
    height: 14px
}

.chaport-container .chaport-messages-list .message-wrapper.system-message-wrapper,
.chaport-messages-list .message-wrapper.system-message-wrapper {
    float: left;
    padding-left: 4px;
    padding-right: 4px;
    width: 100%
}

.chaport-container .chaport-messages-list .message-wrapper.system-message-wrapper .message,
.chaport-messages-list .message-wrapper.system-message-wrapper .message {
    margin-left: 12%;
    margin-right: 12%;
    text-align: center
}

.chaport-container .chaport-messages-list .message-wrapper.system-message-wrapper .message-body,
.chaport-messages-list .message-wrapper.system-message-wrapper .message-body {
    padding: 0;
    font-size: 13px;
    color: #99a0a5
}

.chaport-container .chaport-messages-list .message-wrapper.system-message-wrapper .message-body a,
.chaport-messages-list .message-wrapper.system-message-wrapper .message-body a {
    color: #99a0a5
}

.chaport-container .chaport-messages-list .message-wrapper.system-message-wrapper .message-body a:hover,
.chaport-messages-list .message-wrapper.system-message-wrapper .message-body a:hover {
    color: #b4b9bd
}

.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper.system-message-wrapper .message-body,
.chaport-device-mobile .chaport-messages-list .message-wrapper.system-message-wrapper .message-body {
    font-size: 15px
}

.chaport-container .chaport-messages-list .message-wrapper.system-message-wrapper .message-time,
.chaport-messages-list .message-wrapper.system-message-wrapper .message-time {
    margin-top: 0;
    margin-bottom: 0px
}

.chaport-container .chaport-messages-list .message-wrapper.operator-joined,
.chaport-messages-list .message-wrapper.operator-joined {
    font-size: 13px
}

.chaport-container .chaport-messages-list .message-wrapper.operator-joined .operator-photo,
.chaport-messages-list .message-wrapper.operator-joined .operator-photo {
    margin: 0 auto 10px;
    width: 36px;
    height: 36px
}

.chaport-container .chaport-messages-list .message-wrapper.operator-joined .operator-photo img,
.chaport-messages-list .message-wrapper.operator-joined .operator-photo img {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden
}

.chaport-container .chaport-messages-list .message-wrapper.operator-joined .operator-photo.no-photo,
.chaport-messages-list .message-wrapper.operator-joined .operator-photo.no-photo {
    position: relative;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

.chaport-container .chaport-messages-list .message-wrapper.operator-joined .operator-photo.no-photo:before,
.chaport-messages-list .message-wrapper.operator-joined .operator-photo.no-photo:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 36px;
    height: 36px;
    background-image: url("../images/user-icon-shadow-60x60.png");
    background-size: 36px 36px
}

@media (min--moz-device-pixel-ratio: 1.5),
(-webkit-min-device-pixel-ratio: 1.5),
(min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi),
(min-resolution: 1.5dppx) {

    .chaport-container .chaport-messages-list .message-wrapper.operator-joined .operator-photo.no-photo:before,
    .chaport-messages-list .message-wrapper.operator-joined .operator-photo.no-photo:before {
        background-image: url("../images/user-icon-shadow-60x60%402x.png")
    }
}

.chaport-container .chaport-messages-list .message-wrapper.operator-joined .operator-photo.no-photo:after,
.chaport-messages-list .message-wrapper.operator-joined .operator-photo.no-photo:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.7;
    width: 36px;
    height: 36px;
    background-image: url("../images/user-icon-body-60x60.png");
    background-size: 36px 36px
}

@media (min--moz-device-pixel-ratio: 1.5),
(-webkit-min-device-pixel-ratio: 1.5),
(min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi),
(min-resolution: 1.5dppx) {

    .chaport-container .chaport-messages-list .message-wrapper.operator-joined .operator-photo.no-photo:after,
    .chaport-messages-list .message-wrapper.operator-joined .operator-photo.no-photo:after {
        background-image: url("../images/user-icon-body-60x60%402x.png")
    }
}

.chaport-container .chaport-messages-list .message-wrapper.operator-joined .operator-name,
.chaport-messages-list .message-wrapper.operator-joined .operator-name {
    text-align: center;
    color: #33383a
}

.chaport-container .chaport-messages-list .message-wrapper.operator-joined .joined,
.chaport-messages-list .message-wrapper.operator-joined .joined {
    text-align: center;
    color: #99a0a5
}

.chaport-container .chaport-messages-list .message-wrapper.email-request-wrapper .message,
.chaport-messages-list .message-wrapper.email-request-wrapper .message {
    max-width: 266px
}

.chaport-container .chaport-messages-list .message-wrapper.email-request-wrapper .chaport-email-request-input,
.chaport-messages-list .message-wrapper.email-request-wrapper .chaport-email-request-input {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 37px;
    line-height: 37px;
    font-size: 15px;
    margin: 0;
    padding: 0 10px;
    background-color: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: #cdd1d4;
    border-right-width: 0;
    -webkit-border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -ms-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -ms-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    resize: none !important;
    overflow-x: hidden;
    overflow-y: auto;
    word-wrap: break-word;
    -webkit-transition: padding-left .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out, border-top-right-radius .2s ease-in-out, border-bottom-right-radius .2s ease-in-out;
    -o-transition: padding-left .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out, border-top-right-radius .2s ease-in-out, border-bottom-right-radius .2s ease-in-out;
    transition: padding-left .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out, border-top-right-radius .2s ease-in-out, border-bottom-right-radius .2s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-overflow: ellipsis;
    white-space: nowrap
}

.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper.email-request-wrapper .chaport-email-request-input,
.chaport-device-mobile .chaport-messages-list .message-wrapper.email-request-wrapper .chaport-email-request-input {
    font-size: 16px;
    line-height: 28px
}

.chaport-container .chaport-messages-list .message-wrapper.email-request-wrapper .chaport-email-request-input:focus,
.chaport-messages-list .message-wrapper.email-request-wrapper .chaport-email-request-input:focus {
    outline: none;
    border-color: rgba(205, 209, 212, 0.85);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.chaport-container .chaport-messages-list .message-wrapper.email-request-wrapper .chaport-email-request-input::-moz-placeholder,
.chaport-messages-list .message-wrapper.email-request-wrapper .chaport-email-request-input::-moz-placeholder {
    font-size: 15px;
    color: #99a0a5 !important;
    -webkit-text-fill-color: #99a0a5 !important;
    -webkit-opacity: 1 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    opacity: 1
}

.chaport-container .chaport-messages-list .message-wrapper.email-request-wrapper .chaport-email-request-input:-ms-input-placeholder,
.chaport-messages-list .message-wrapper.email-request-wrapper .chaport-email-request-input:-ms-input-placeholder {
    font-size: 15px;
    color: #99a0a5 !important;
    -webkit-text-fill-color: #99a0a5 !important;
    -webkit-opacity: 1 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.chaport-container .chaport-messages-list .message-wrapper.email-request-wrapper .chaport-email-request-input::-webkit-input-placeholder,
.chaport-messages-list .message-wrapper.email-request-wrapper .chaport-email-request-input::-webkit-input-placeholder {
    font-size: 15px;
    color: #99a0a5 !important;
    -webkit-text-fill-color: #99a0a5 !important;
    -webkit-opacity: 1 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.chaport-container .chaport-messages-list .message-wrapper.email-request-wrapper .chaport-email-request-input:disabled::-moz-placeholder,
.chaport-messages-list .message-wrapper.email-request-wrapper .chaport-email-request-input:disabled::-moz-placeholder {
    font-size: 15px;
    color: #99a0a5 !important;
    -webkit-text-fill-color: #99a0a5 !important;
    -webkit-opacity: 1 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    opacity: 1
}

.chaport-container .chaport-messages-list .message-wrapper.email-request-wrapper .chaport-email-request-input:disabled:-ms-input-placeholder,
.chaport-messages-list .message-wrapper.email-request-wrapper .chaport-email-request-input:disabled:-ms-input-placeholder {
    font-size: 15px;
    color: #99a0a5 !important;
    -webkit-text-fill-color: #99a0a5 !important;
    -webkit-opacity: 1 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.chaport-container .chaport-messages-list .message-wrapper.email-request-wrapper .chaport-email-request-input:disabled::-webkit-input-placeholder,
.chaport-messages-list .message-wrapper.email-request-wrapper .chaport-email-request-input:disabled::-webkit-input-placeholder {
    font-size: 15px;
    color: #99a0a5 !important;
    -webkit-text-fill-color: #99a0a5 !important;
    -webkit-opacity: 1 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.chaport-container .chaport-messages-list .message-wrapper.email-request-wrapper .chaport-email-send-button,
.chaport-messages-list .message-wrapper.email-request-wrapper .chaport-email-send-button {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 37px;
    height: 37px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    cursor: pointer;
    transition: background-color .2s ease-in-out, border-radius .2s ease-in-out, transform .2s ease-in-out
}

.chaport-container .chaport-messages-list .message-wrapper.email-request-wrapper .chaport-email-send-icon,
.chaport-container .chaport-messages-list .message-wrapper.email-request-wrapper .chaport-email-success-icon,
.chaport-messages-list .message-wrapper.email-request-wrapper .chaport-email-send-icon,
.chaport-messages-list .message-wrapper.email-request-wrapper .chaport-email-success-icon {
    position: absolute;
    width: 18px;
    height: 18px;
    opacity: 0.95;
    transition: opacity .2s ease-in-out, transform .2s ease-in-out
}

.chaport-container .chaport-messages-list .message-wrapper.email-request-wrapper .chaport-email-send-icon,
.chaport-messages-list .message-wrapper.email-request-wrapper .chaport-email-send-icon {
    top: 9px;
    left: 9px;
    background-image: url("../fonts/next-icon.svg");
    opacity: 1;
    transform: rotate(0);
    background-size: 18px 18px
}

.chaport-container .chaport-messages-list .message-wrapper.email-request-wrapper .email-request-terms,
.chaport-messages-list .message-wrapper.email-request-wrapper .email-request-terms {
    margin-top: 0px;
    font-size: 13px;
    width: 200px;
    line-height: 15px;
    overflow-y: hidden;
    white-space: normal;
    height: 0;
    opacity: 0;
    transition: margin-top 0.3s ease, height 0.3s ease, opacity 0.3s ease
}

.chaport-container .chaport-messages-list .message-wrapper.email-request-wrapper .email-request-terms.error,
.chaport-messages-list .message-wrapper.email-request-wrapper .email-request-terms.error {
    margin-top: 10px
}

.chaport-container .chaport-messages-list .message-wrapper.email-request-wrapper .email-request-terms .request-text,
.chaport-messages-list .message-wrapper.email-request-wrapper .email-request-terms .request-text {
    margin-top: 10px;
    margin-bottom: 8px
}

.chaport-container .chaport-messages-list .message-wrapper.email-request-wrapper .email-request-terms .error,
.chaport-messages-list .message-wrapper.email-request-wrapper .email-request-terms .error {
    color: #f92323;
    margin-bottom: 5px;
    height: 18px
}

.chaport-container .chaport-messages-list .message-wrapper.email-request-wrapper .email-request-terms .error.anim-in,
.chaport-messages-list .message-wrapper.email-request-wrapper .email-request-terms .error.anim-in {
    -webkit-animation: 0.2s ease-in-out chaportSlideIn;
    -o-animation: 0.2s ease-in-out chaportSlideIn;
    animation: 0.2s ease-in-out chaportSlideIn
}

.chaport-container .chaport-messages-list .message-wrapper.email-request-wrapper .email-request-terms .error.anim-out,
.chaport-messages-list .message-wrapper.email-request-wrapper .email-request-terms .error.anim-out {
    -webkit-animation: 0.25s ease-in-out chaportSlideOut;
    -o-animation: 0.25s ease-in-out chaportSlideOut;
    animation: 0.25s ease-in-out chaportSlideOut
}

.chaport-container .chaport-messages-list .message-wrapper.email-request-wrapper .email-request-terms a,
.chaport-messages-list .message-wrapper.email-request-wrapper .email-request-terms a {
    text-decoration: underline;
    color: inherit
}

.chaport-container .chaport-messages-list .message-wrapper.email-request-wrapper .email-request-terms p,
.chaport-messages-list .message-wrapper.email-request-wrapper .email-request-terms p {
    display: block
}

.chaport-container .chaport-messages-list .message-wrapper.email-request-wrapper .email-request-terms p.option,
.chaport-messages-list .message-wrapper.email-request-wrapper .email-request-terms p.option {
    margin: 3px 0 0 0
}

.chaport-container .chaport-messages-list .message-wrapper.email-request-wrapper .email-request-terms p.option label,
.chaport-messages-list .message-wrapper.email-request-wrapper .email-request-terms p.option label {
    display: flex;
    align-items: center
}

.chaport-container .chaport-messages-list .message-wrapper.email-request-wrapper .email-request-terms input[type="radio"],
.chaport-messages-list .message-wrapper.email-request-wrapper .email-request-terms input[type="radio"] {
    margin-right: 5px
}

.chaport-container .chaport-messages-list .message-wrapper.email-request-wrapper .email-request-terms input[type="checkbox"],
.chaport-messages-list .message-wrapper.email-request-wrapper .email-request-terms input[type="checkbox"] {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.chaport-container .chaport-messages-list .message-wrapper.email-request-wrapper .email-request-terms input[type="checkbox"]+label,
.chaport-messages-list .message-wrapper.email-request-wrapper .email-request-terms input[type="checkbox"]+label {
    display: block;
    position: relative;
    line-height: 17px;
    color: #868d93
}

.chaport-container .chaport-messages-list .message-wrapper.email-request-wrapper .email-request-terms input[type="checkbox"]+label a,
.chaport-messages-list .message-wrapper.email-request-wrapper .email-request-terms input[type="checkbox"]+label a {
    line-height: 1em
}

.chaport-container .chaport-messages-list .message-wrapper.email-request-wrapper .email-request-terms input[type="checkbox"]+label:before,
.chaport-messages-list .message-wrapper.email-request-wrapper .email-request-terms input[type="checkbox"]+label:before {
    box-sizing: content-box;
    content: '';
    color: #a7adb4;
    position: absolute;
    top: 1px;
    left: -20px;
    width: 13px;
    height: 13px;
    border: 1px solid #cdd1d4;
    text-align: center;
    transition: all 0.4s ease;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    background-color: #fff
}

.chaport-container .chaport-messages-list .message-wrapper.email-request-wrapper .email-request-terms input[type="checkbox"]+label:after,
.chaport-messages-list .message-wrapper.email-request-wrapper .email-request-terms input[type="checkbox"]+label:after {
    box-sizing: content-box;
    content: '';
    position: absolute;
    top: 6px;
    left: -16px;
    width: 6px;
    height: 2px;
    background-color: transparent;
    border-style: solid;
    border-color: #a7adb4;
    border-width: 0 0 2px 2px;
    border-image: none;
    transform: rotate(-45deg) scale(0);
    transform-origin: 50%;
    transition: transform 200ms ease-out
}

.chaport-container .chaport-messages-list .message-wrapper.email-request-wrapper .email-request-terms input[type="checkbox"]+label.error::before,
.chaport-messages-list .message-wrapper.email-request-wrapper .email-request-terms input[type="checkbox"]+label.error::before {
    border-color: #f05f5f
}

.chaport-container .chaport-messages-list .message-wrapper.email-request-wrapper .email-request-terms input[type="checkbox"]:focus+label:before,
.chaport-messages-list .message-wrapper.email-request-wrapper .email-request-terms input[type="checkbox"]:focus+label:before {
    border-color: #a7adb4
}

.chaport-container .chaport-messages-list .message-wrapper.email-request-wrapper .email-request-terms input[type="checkbox"]:active+label:before,
.chaport-messages-list .message-wrapper.email-request-wrapper .email-request-terms input[type="checkbox"]:active+label:before {
    transition-duration: 0s
}

.chaport-container .chaport-messages-list .message-wrapper.email-request-wrapper .email-request-terms input[type="checkbox"]:disabled+label:before,
.chaport-messages-list .message-wrapper.email-request-wrapper .email-request-terms input[type="checkbox"]:disabled+label:before {
    border-color: #cccccc
}

.chaport-container .chaport-messages-list .message-wrapper.email-request-wrapper .email-request-terms input[type="checkbox"]:disabled:focus+label:before,
.chaport-messages-list .message-wrapper.email-request-wrapper .email-request-terms input[type="checkbox"]:disabled:focus+label:before {
    background-color: inherit
}

.chaport-container .chaport-messages-list .message-wrapper.email-request-wrapper .email-request-terms input[type="checkbox"]:disabled:checked+label:before,
.chaport-messages-list .message-wrapper.email-request-wrapper .email-request-terms input[type="checkbox"]:disabled:checked+label:before {
    background-color: #cccccc
}

.chaport-container .chaport-messages-list .message-wrapper.email-request-wrapper .email-request-terms input[type="checkbox"]:checked+label:after,
.chaport-messages-list .message-wrapper.email-request-wrapper .email-request-terms input[type="checkbox"]:checked+label:after {
    content: '';
    transform: rotate(-45deg) scale(1);
    transition: transform 200ms ease-out
}

.chaport-container .chaport-messages-list .message-wrapper.email-request-wrapper .email-request-terms input[type="checkbox"]:checked+label:before,
.chaport-messages-list .message-wrapper.email-request-wrapper .email-request-terms input[type="checkbox"]:checked+label:before {
    animation: borderscale 200ms ease-in
}

@keyframes borderscale {
    50% {
        box-shadow: 0 0 0 2px #a7adb4
    }
}

.chaport-container .chaport-messages-list .message-wrapper.email-request-wrapper .chaport-email-success-icon,
.chaport-messages-list .message-wrapper.email-request-wrapper .chaport-email-success-icon {
    top: 9px;
    left: 10px;
    background-image: url("../fonts/checkmark-icon.svg");
    background-size: 18px 18px;
    opacity: 0;
    transform: rotate(-88deg)
}

.chaport-container .chaport-messages-list .message-wrapper.email-request-wrapper .email-request-edit-button,
.chaport-messages-list .message-wrapper.email-request-wrapper .email-request-edit-button {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    position: absolute;
    bottom: -6px;
    left: 0;
    line-height: 1em;
    height: 1em;
    font-size: 12px;
    color: #aaa
}

.chaport-container .chaport-messages-list .message-wrapper.email-request-wrapper .email-request-edit-button:hover,
.chaport-messages-list .message-wrapper.email-request-wrapper .email-request-edit-button:hover {
    cursor: pointer
}

.chaport-container .chaport-messages-list .message-wrapper.email-request-wrapper .email-request-success,
.chaport-messages-list .message-wrapper.email-request-wrapper .email-request-success {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    position: absolute;
    top: 0;
    right: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: green
}

.chaport-container .chaport-messages-list .message-wrapper.email-request-wrapper .email-request-success:hover,
.chaport-messages-list .message-wrapper.email-request-wrapper .email-request-success:hover {
    cursor: pointer
}

@-webkit-keyframes defined-email-label-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-moz-keyframes defined-email-label-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-ms-keyframes defined-email-label-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-o-keyframes defined-email-label-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes defined-email-label-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.chaport-container .chaport-messages-list .message-wrapper.email-request-wrapper .chaport-email-request-label.label-animated,
.chaport-messages-list .message-wrapper.email-request-wrapper .chaport-email-request-label.label-animated {
    opacity: 0;
    -webkit-animation: 0.3s ease-out defined-email-label-in;
    -o-animation: 0.3s ease-out defined-email-label-in;
    animation: 0.3s ease-out defined-email-label-in;
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.chaport-container .chaport-messages-list .message-wrapper.email-request-wrapper .chaport-email-request-input-wrapper,
.chaport-messages-list .message-wrapper.email-request-wrapper .chaport-email-request-input-wrapper {
    position: relative;
    box-sizing: content-box;
    margin-top: 9px;
    margin-bottom: 7px;
    padding-right: 37px;
    min-height: 37px;
    line-height: 1em;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: border-color .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: border-color .2s ease-in-out, background-color .2s ease-in-out;
    transition: border-color .2s ease-in-out, background-color .2s ease-in-out
}

.chaport-container .chaport-messages-list .message-wrapper.email-request-wrapper .chaport-email-request-input-wrapper.privacy-visible .email-request-terms,
.chaport-messages-list .message-wrapper.email-request-wrapper .chaport-email-request-input-wrapper.privacy-visible .email-request-terms {
    opacity: 1
}

@-webkit-keyframes btn-bounce-in {
    20% {
        -ms-transform: scale(0.55) translate3d(0, 0, 0);
        -webkit-transform: scale(0.55) translate3d(0, 0, 0);
        transform: scale(0.55) translate3d(0, 0, 0)
    }

    50% {
        -ms-transform: scale(0.65) translate3d(0, 0, 0);
        -webkit-transform: scale(0.65) translate3d(0, 0, 0);
        transform: scale(0.65) translate3d(0, 0, 0)
    }

    80% {
        -ms-transform: scale(0.57) translate3d(0, 0, 0);
        -webkit-transform: scale(0.57) translate3d(0, 0, 0);
        transform: scale(0.57) translate3d(0, 0, 0)
    }
}

@-moz-keyframes btn-bounce-in {
    20% {
        -ms-transform: scale(0.55) translate3d(0, 0, 0);
        -webkit-transform: scale(0.55) translate3d(0, 0, 0);
        transform: scale(0.55) translate3d(0, 0, 0)
    }

    50% {
        -ms-transform: scale(0.65) translate3d(0, 0, 0);
        -webkit-transform: scale(0.65) translate3d(0, 0, 0);
        transform: scale(0.65) translate3d(0, 0, 0)
    }

    80% {
        -ms-transform: scale(0.57) translate3d(0, 0, 0);
        -webkit-transform: scale(0.57) translate3d(0, 0, 0);
        transform: scale(0.57) translate3d(0, 0, 0)
    }
}

@-ms-keyframes btn-bounce-in {
    20% {
        -ms-transform: scale(0.55) translate3d(0, 0, 0);
        -webkit-transform: scale(0.55) translate3d(0, 0, 0);
        transform: scale(0.55) translate3d(0, 0, 0)
    }

    50% {
        -ms-transform: scale(0.65) translate3d(0, 0, 0);
        -webkit-transform: scale(0.65) translate3d(0, 0, 0);
        transform: scale(0.65) translate3d(0, 0, 0)
    }

    80% {
        -ms-transform: scale(0.57) translate3d(0, 0, 0);
        -webkit-transform: scale(0.57) translate3d(0, 0, 0);
        transform: scale(0.57) translate3d(0, 0, 0)
    }
}

@-o-keyframes btn-bounce-in {
    20% {
        -ms-transform: scale(0.55) translate3d(0, 0, 0);
        -webkit-transform: scale(0.55) translate3d(0, 0, 0);
        transform: scale(0.55) translate3d(0, 0, 0)
    }

    50% {
        -ms-transform: scale(0.65) translate3d(0, 0, 0);
        -webkit-transform: scale(0.65) translate3d(0, 0, 0);
        transform: scale(0.65) translate3d(0, 0, 0)
    }

    80% {
        -ms-transform: scale(0.57) translate3d(0, 0, 0);
        -webkit-transform: scale(0.57) translate3d(0, 0, 0);
        transform: scale(0.57) translate3d(0, 0, 0)
    }
}

@keyframes btn-bounce-in {
    20% {
        -ms-transform: scale(0.55) translate3d(0, 0, 0);
        -webkit-transform: scale(0.55) translate3d(0, 0, 0);
        transform: scale(0.55) translate3d(0, 0, 0)
    }

    50% {
        -ms-transform: scale(0.65) translate3d(0, 0, 0);
        -webkit-transform: scale(0.65) translate3d(0, 0, 0);
        transform: scale(0.65) translate3d(0, 0, 0)
    }

    80% {
        -ms-transform: scale(0.57) translate3d(0, 0, 0);
        -webkit-transform: scale(0.57) translate3d(0, 0, 0);
        transform: scale(0.57) translate3d(0, 0, 0)
    }
}

.chaport-container .chaport-messages-list .message-wrapper.email-request-wrapper .chaport-email-request-input-wrapper.email-defined,
.chaport-messages-list .message-wrapper.email-request-wrapper .chaport-email-request-input-wrapper.email-defined {
    border-color: transparent;
    background-color: transparent
}

.chaport-container .chaport-messages-list .message-wrapper.email-request-wrapper .chaport-email-request-input-wrapper.email-defined .chaport-email-request-input,
.chaport-messages-list .message-wrapper.email-request-wrapper .chaport-email-request-input-wrapper.email-defined .chaport-email-request-input {
    padding-left: 0;
    border-color: transparent !important;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.chaport-container .chaport-messages-list .message-wrapper.email-request-wrapper .chaport-email-request-input-wrapper.email-defined .chaport-email-request-input:disabled,
.chaport-messages-list .message-wrapper.email-request-wrapper .chaport-email-request-input-wrapper.email-defined .chaport-email-request-input:disabled {
    -webkit-text-fill-color: #33383a;
    -webkit-opacity: 1;
    color: #33383a;
    background: transparent
}

.chaport-container .chaport-messages-list .message-wrapper.email-request-wrapper .chaport-email-request-input-wrapper.email-defined .chaport-email-send-button,
.chaport-messages-list .message-wrapper.email-request-wrapper .chaport-email-request-input-wrapper.email-defined .chaport-email-send-button {
    border-radius: 50%;
    transform: scale(0.6);
    opacity: 0.7;
    cursor: auto;
    -webkit-animation: 0.45s linear btn-bounce-in;
    -o-animation: 0.45s linear btn-bounce-in;
    animation: 0.45s linear btn-bounce-in;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.chaport-container .chaport-messages-list .message-wrapper.email-request-wrapper .chaport-email-request-input-wrapper.email-defined .chaport-email-send-icon,
.chaport-messages-list .message-wrapper.email-request-wrapper .chaport-email-request-input-wrapper.email-defined .chaport-email-send-icon {
    opacity: 0;
    transform: rotate(90deg)
}

.chaport-container .chaport-messages-list .message-wrapper.email-request-wrapper .chaport-email-request-input-wrapper.email-defined .chaport-email-success-icon,
.chaport-messages-list .message-wrapper.email-request-wrapper .chaport-email-request-input-wrapper.email-defined .chaport-email-success-icon {
    opacity: 1;
    transform: rotate(0deg)
}

.chaport-container .chaport-messages-list .message-wrapper.email-request-wrapper .chaport-email-request-input-wrapper.email-defined .email-request-edit-button,
.chaport-messages-list .message-wrapper.email-request-wrapper .chaport-email-request-input-wrapper.email-defined .email-request-edit-button {
    opacity: 1;
    visibility: visible
}

.chaport-container .chaport-messages-list .message-wrapper.email-request-wrapper .chaport-email-request-input-wrapper.email-defined.chaport-input-wrapper-focused,
.chaport-messages-list .message-wrapper.email-request-wrapper .chaport-email-request-input-wrapper.email-defined.chaport-input-wrapper-focused {
    border-color: transparent
}

.chaport-container .chaport-messages-list .message-wrapper.email-request-wrapper .chaport-email-request-input-wrapper.has-error .chaport-email-request-input,
.chaport-messages-list .message-wrapper.email-request-wrapper .chaport-email-request-input-wrapper.has-error .chaport-email-request-input {
    border-color: #f05f5f !important
}

.chaport-container .chaport-messages-list .message-wrapper.request-wrapper.rate-request-wrapper .request-label,
.chaport-messages-list .message-wrapper.request-wrapper.rate-request-wrapper .request-label {
    margin-bottom: 4px
}

.chaport-container .chaport-messages-list .message-wrapper.request-wrapper.rate-request-wrapper .request-body-wrapper,
.chaport-messages-list .message-wrapper.request-wrapper.rate-request-wrapper .request-body-wrapper {
    display: flex;
    flex-direction: row
}

.chaport-container .chaport-messages-list .message-wrapper.request-wrapper.rate-request-wrapper .request-body-wrapper .rate-request-rating,
.chaport-messages-list .message-wrapper.request-wrapper.rate-request-wrapper .request-body-wrapper .rate-request-rating {
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    background-image: url("../images/ratings-emoji.png");
    background-size: 120px 24px;
    -webkit-transition: transform 0.15s ease, opacity 0.35s ease, filter 0.35s ease, -webkit-filter 0.35s ease;
    -o-transition: transform 0.15s ease, opacity 0.35s ease, filter 0.35s ease, -webkit-filter 0.35s ease;
    transition: transform 0.15s ease, opacity 0.35s ease, filter 0.35s ease, -webkit-filter 0.35s ease;
    margin: 1px 15px 2px 0
}

.chaport-container .chaport-messages-list .message-wrapper.request-wrapper.rate-request-wrapper .request-body-wrapper .rate-request-rating.rating-1,
.chaport-messages-list .message-wrapper.request-wrapper.rate-request-wrapper .request-body-wrapper .rate-request-rating.rating-1 {
    background-position: 0 0
}

.chaport-container .chaport-messages-list .message-wrapper.request-wrapper.rate-request-wrapper .request-body-wrapper .rate-request-rating.rating-2,
.chaport-messages-list .message-wrapper.request-wrapper.rate-request-wrapper .request-body-wrapper .rate-request-rating.rating-2 {
    background-position: -24px 0
}

.chaport-container .chaport-messages-list .message-wrapper.request-wrapper.rate-request-wrapper .request-body-wrapper .rate-request-rating.rating-3,
.chaport-messages-list .message-wrapper.request-wrapper.rate-request-wrapper .request-body-wrapper .rate-request-rating.rating-3 {
    background-position: -48px 0
}

.chaport-container .chaport-messages-list .message-wrapper.request-wrapper.rate-request-wrapper .request-body-wrapper .rate-request-rating.rating-4,
.chaport-messages-list .message-wrapper.request-wrapper.rate-request-wrapper .request-body-wrapper .rate-request-rating.rating-4 {
    background-position: -72px 0
}

.chaport-container .chaport-messages-list .message-wrapper.request-wrapper.rate-request-wrapper .request-body-wrapper .rate-request-rating.rating-5,
.chaport-messages-list .message-wrapper.request-wrapper.rate-request-wrapper .request-body-wrapper .rate-request-rating.rating-5 {
    background-position: -96px 0
}

.chaport-container .chaport-messages-list .message-wrapper.request-wrapper.rate-request-wrapper .request-body-wrapper .rate-request-rating.rating-5,
.chaport-messages-list .message-wrapper.request-wrapper.rate-request-wrapper .request-body-wrapper .rate-request-rating.rating-5 {
    margin-right: 0
}

.chaport-container .chaport-messages-list .message-wrapper.request-wrapper.rate-request-wrapper.state-rating-undefined .rate-request-rating:hover,
.chaport-messages-list .message-wrapper.request-wrapper.rate-request-wrapper.state-rating-undefined .rate-request-rating:hover {
    cursor: pointer;
    transform: scale(1.2)
}

.chaport-container .chaport-messages-list .message-wrapper.request-wrapper.rate-request-wrapper.state-rating-defined .rate-request-rating,
.chaport-messages-list .message-wrapper.request-wrapper.rate-request-wrapper.state-rating-defined .rate-request-rating {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: 0.5
}

.chaport-container .chaport-messages-list .message-wrapper.request-wrapper.rate-request-wrapper.state-rating-defined .rate-request-rating.selected,
.chaport-messages-list .message-wrapper.request-wrapper.rate-request-wrapper.state-rating-defined .rate-request-rating.selected {
    -webkit-filter: none;
    filter: none;
    opacity: 1
}

.chaport-container .chaport-messages-list .message-wrapper.data-request-wrapper .message-time,
.chaport-messages-list .message-wrapper.data-request-wrapper .message-time {
    visibility: hidden;
    opacity: 0
}

.chaport-container .chaport-messages-list .message-wrapper.data-request-wrapper .message-body,
.chaport-messages-list .message-wrapper.data-request-wrapper .message-body {
    padding: 0 !important
}

.chaport-container .chaport-messages-list .message-wrapper.data-request-wrapper .message-body .chaport-email-request-input-wrapper,
.chaport-messages-list .message-wrapper.data-request-wrapper .message-body .chaport-email-request-input-wrapper {
    margin: 0 !important
}

.chaport-container .chaport-messages-list .message-wrapper.data-request-wrapper .message-body .chaport-email-request-input-wrapper .chaport-email-request-input,
.chaport-messages-list .message-wrapper.data-request-wrapper .message-body .chaport-email-request-input-wrapper .chaport-email-request-input {
    border-color: #d6d9dc
}

.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper.data-request-wrapper .message-body .chaport-email-request-input-wrapper .chaport-email-request-input,
.chaport-device-mobile .chaport-messages-list .message-wrapper.data-request-wrapper .message-body .chaport-email-request-input-wrapper .chaport-email-request-input {
    font-size: 16px
}

.chaport-container .chaport-messages-list .message-wrapper.data-request-wrapper .bot-icon,
.chaport-messages-list .message-wrapper.data-request-wrapper .bot-icon {
    visibility: hidden;
    opacity: 0
}

.chaport-container .chaport-messages-list .message-wrapper.single-emoji-wrapper .message-body,
.chaport-messages-list .message-wrapper.single-emoji-wrapper .message-body {
    padding-left: 0 !important;
    padding-right: 0 !important;
    background: none !important
}

.chaport-container .chaport-messages-list .message-wrapper.single-emoji-wrapper .message-body .emoji-inline,
.chaport-messages-list .message-wrapper.single-emoji-wrapper .message-body .emoji-inline {
    top: 0;
    font-size: 48px !important;
    display: inline-block;
    height: 48px;
    line-height: 48px;
    vertical-align: middle
}

.chaport-container .chaport-messages-list .message-wrapper.single-emoji-wrapper .message-body .emoji-inline img,
.chaport-messages-list .message-wrapper.single-emoji-wrapper .message-body .emoji-inline img {
    width: auto;
    height: 48px
}

.chaport-container .chaport-messages-list .message-wrapper.single-emoji-wrapper .message-status,
.chaport-messages-list .message-wrapper.single-emoji-wrapper .message-status {
    bottom: 10px
}

.chaport-container .chaport-messages-list .message-wrapper.single-emoji-wrapper:last-of-type .message-body,
.chaport-messages-list .message-wrapper.single-emoji-wrapper:last-of-type .message-body {
    padding-bottom: 0
}

.chaport-container .chaport-messages-list .message-wrapper.file-transfer-wrapper.not-ready:not(.upload-in-progress),
.chaport-messages-list .message-wrapper.file-transfer-wrapper.not-ready:not(.upload-in-progress) {
    display: none
}

.chaport-container .chaport-messages-list .message-wrapper.file-transfer-wrapper .message-body,
.chaport-messages-list .message-wrapper.file-transfer-wrapper .message-body {
    color: #7e878d
}

.chaport-container .chaport-messages-list .message-wrapper.file-transfer-wrapper .message-body img,
.chaport-messages-list .message-wrapper.file-transfer-wrapper .message-body img {
    max-width: 200px;
    max-height: 200px
}

.chaport-container .chaport-messages-list .message-wrapper.file-transfer-wrapper .message-body img.download,
.chaport-messages-list .message-wrapper.file-transfer-wrapper .message-body img.download {
    border-radius: 50%;
    cursor: pointer
}

.chaport-container .chaport-messages-list .message-wrapper.file-transfer-wrapper .message-body img.zoom-in,
.chaport-messages-list .message-wrapper.file-transfer-wrapper .message-body img.zoom-in {
    cursor: zoom-in
}

.chaport-container .chaport-messages-list .message-wrapper.file-transfer-wrapper .message-body a,
.chaport-messages-list .message-wrapper.file-transfer-wrapper .message-body a {
    text-decoration: none
}

.chaport-container .chaport-messages-list .message-wrapper.file-transfer-wrapper .message-body .file-name,
.chaport-container .chaport-messages-list .message-wrapper.file-transfer-wrapper .message-body .file-size,
.chaport-messages-list .message-wrapper.file-transfer-wrapper .message-body .file-name,
.chaport-messages-list .message-wrapper.file-transfer-wrapper .message-body .file-size {
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center
}

.chaport-container .chaport-messages-list .message-wrapper.file-transfer-wrapper .message-body .file-name,
.chaport-messages-list .message-wrapper.file-transfer-wrapper .message-body .file-name {
    white-space: nowrap
}

.chaport-container .chaport-messages-list .message-wrapper.file-transfer-wrapper .message-body:hover img.download,
.chaport-messages-list .message-wrapper.file-transfer-wrapper .message-body:hover img.download {
    box-shadow: 0 0 10px #1d90cf
}

.chaport-container .chaport-messages-list .message-wrapper.file-transfer-wrapper:not(.image-transfer-wrapper) .message-body,
.chaport-messages-list .message-wrapper.file-transfer-wrapper:not(.image-transfer-wrapper) .message-body {
    height: 37px;
    padding-top: 8px !important;
    background-color: #fff !important;
    border: 1px solid #dddfe1 !important
}

.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper.file-transfer-wrapper:not(.image-transfer-wrapper) .message-body,
.chaport-device-mobile .chaport-messages-list .message-wrapper.file-transfer-wrapper:not(.image-transfer-wrapper) .message-body {
    padding-top: 5px !important
}

.chaport-container .chaport-messages-list .message-wrapper.file-transfer-wrapper:not(.image-transfer-wrapper) .message-body a,
.chaport-messages-list .message-wrapper.file-transfer-wrapper:not(.image-transfer-wrapper) .message-body a {
    display: block;
    box-sizing: border-box
}

.chaport-container .chaport-messages-list .message-wrapper.file-transfer-wrapper:not(.image-transfer-wrapper) .message-body a:hover img,
.chaport-messages-list .message-wrapper.file-transfer-wrapper:not(.image-transfer-wrapper) .message-body a:hover img {
    opacity: 1 !important
}

.chaport-container .chaport-messages-list .message-wrapper.file-transfer-wrapper:not(.image-transfer-wrapper) .message-body a:hover .file-name,
.chaport-messages-list .message-wrapper.file-transfer-wrapper:not(.image-transfer-wrapper) .message-body a:hover .file-name {
    opacity: 1 !important
}

.chaport-container .chaport-messages-list .message-wrapper.file-transfer-wrapper:not(.image-transfer-wrapper) .message-body img,
.chaport-messages-list .message-wrapper.file-transfer-wrapper:not(.image-transfer-wrapper) .message-body img {
    position: absolute;
    width: 18px;
    height: 18px;
    top: 7px;
    opacity: 0.5;
    -webkit-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear
}

.chaport-container .chaport-messages-list .message-wrapper.file-transfer-wrapper:not(.image-transfer-wrapper) .message-body .file-name,
.chaport-messages-list .message-wrapper.file-transfer-wrapper:not(.image-transfer-wrapper) .message-body .file-name {
    display: block;
    padding-left: 24px;
    text-align: left;
    font-size: 0.93em;
    color: #7e878d;
    -webkit-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear
}

.chaport-device-mobile .chaport-container .chaport-messages-list .message-wrapper.file-transfer-wrapper:not(.image-transfer-wrapper) .message-body .file-name,
.chaport-device-mobile .chaport-messages-list .message-wrapper.file-transfer-wrapper:not(.image-transfer-wrapper) .message-body .file-name {
    font-size: 16px
}

.chaport-container .chaport-messages-list .message-wrapper.file-transfer-wrapper:not(.image-transfer-wrapper) .message-body.file-unavailable .file-name,
.chaport-messages-list .message-wrapper.file-transfer-wrapper:not(.image-transfer-wrapper) .message-body.file-unavailable .file-name {
    color: #99a0a5
}

.chaport-container .chaport-messages-list .message-wrapper.file-transfer-wrapper:not(.image-transfer-wrapper) .message-body .file-size,
.chaport-messages-list .message-wrapper.file-transfer-wrapper:not(.image-transfer-wrapper) .message-body .file-size {
    display: none
}

.chaport-container .chaport-messages-list .message-wrapper.file-transfer-wrapper.image-transfer-wrapper .message-body,
.chaport-messages-list .message-wrapper.file-transfer-wrapper.image-transfer-wrapper .message-body {
    padding: 0 !important;
    line-height: 0;
    overflow: hidden;
    background-color: transparent !important;
    border: none !important
}

.chaport-container .chaport-messages-list .message-wrapper.typing-indicator,
.chaport-messages-list .message-wrapper.typing-indicator {
    display: none
}

.chaport-container .chaport-messages-list .message-wrapper.typing-indicator.show,
.chaport-messages-list .message-wrapper.typing-indicator.show {
    display: inline-block
}

.chaport-container .chaport-messages-list .message-wrapper.typing-indicator span,
.chaport-messages-list .message-wrapper.typing-indicator span {
    padding-right: 5px
}

.chaport-container .chaport-messages-list .message-wrapper.typing-indicator .typing-indicator-circles,
.chaport-messages-list .message-wrapper.typing-indicator .typing-indicator-circles {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 29px;
    height: 7px;
    line-height: 7px
}

.chaport-container .chaport-messages-list .message-wrapper.typing-indicator .typing-indicator-circles:before,
.chaport-container .chaport-messages-list .message-wrapper.typing-indicator .typing-indicator-circles:after,
.chaport-messages-list .message-wrapper.typing-indicator .typing-indicator-circles:before,
.chaport-messages-list .message-wrapper.typing-indicator .typing-indicator-circles:after {
    content: " ";
    display: table
}

.chaport-container .chaport-messages-list .message-wrapper.typing-indicator .typing-indicator-circles:after,
.chaport-messages-list .message-wrapper.typing-indicator .typing-indicator-circles:after {
    clear: both
}

.chaport-container .chaport-messages-list .message-wrapper.typing-indicator .typing-indicator-circles .typing-indicator-circle,
.chaport-messages-list .message-wrapper.typing-indicator .typing-indicator-circles .typing-indicator-circle {
    float: left;
    width: 7px;
    height: 7px;
    background-color: #999;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    margin-right: 4px;
    -webkit-animation: flickerAnimation2 .9s infinite;
    -moz-animation: flickerAnimation2 .9s infinite;
    -o-animation: flickerAnimation2 .9s infinite;
    animation: flickerAnimation2 .9s infinite
}

.chaport-container .chaport-messages-list .message-wrapper.typing-indicator .typing-indicator-circles .typing-indicator-circle:first-child,
.chaport-messages-list .message-wrapper.typing-indicator .typing-indicator-circles .typing-indicator-circle:first-child {
    -webkit-animation: flickerAnimation1 .9s infinite;
    -moz-animation: flickerAnimation1 .9s infinite;
    -o-animation: flickerAnimation1 .9s infinite;
    animation: flickerAnimation1 .9s infinite
}

@keyframes flickerAnimation1 {
    0% {
        opacity: 1
    }

    14.2857142857% {
        opacity: .7
    }

    28.5714285714% {
        opacity: .4
    }

    42.8571428571% {
        opacity: .4
    }

    57.1428571429% {
        opacity: .4
    }

    71.4285714286% {
        opacity: .4
    }

    85.7142857143% {
        opacity: .7
    }

    100% {
        opacity: 1
    }
}

@-o-keyframes flickerAnimation1 {
    0% {
        opacity: 1
    }

    14.2857142857% {
        opacity: .7
    }

    28.5714285714% {
        opacity: .4
    }

    42.8571428571% {
        opacity: .4
    }

    57.1428571429% {
        opacity: .4
    }

    71.4285714286% {
        opacity: .4
    }

    85.7142857143% {
        opacity: .7
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes flickerAnimation1 {
    0% {
        opacity: 1
    }

    14.2857142857% {
        opacity: .7
    }

    28.5714285714% {
        opacity: .4
    }

    42.8571428571% {
        opacity: .4
    }

    57.1428571429% {
        opacity: .4
    }

    71.4285714286% {
        opacity: .4
    }

    85.7142857143% {
        opacity: .7
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes flickerAnimation1 {
    0% {
        opacity: 1
    }

    14.2857142857% {
        opacity: .7
    }

    28.5714285714% {
        opacity: .4
    }

    42.8571428571% {
        opacity: .4
    }

    57.1428571429% {
        opacity: .4
    }

    71.4285714286% {
        opacity: .4
    }

    85.7142857143% {
        opacity: .7
    }

    100% {
        opacity: 1
    }
}

@keyframes flickerAnimation2 {
    0% {
        opacity: .4
    }

    14.2857142857% {
        opacity: .7
    }

    28.5714285714% {
        opacity: 1
    }

    42.8571428571% {
        opacity: .7
    }

    57.1428571429% {
        opacity: .4
    }

    71.4285714286% {
        opacity: .4
    }

    85.7142857143% {
        opacity: .4
    }

    100% {
        opacity: .4
    }
}

@-o-keyframes flickerAnimation2 {
    0% {
        opacity: .4
    }

    14.2857142857% {
        opacity: .7
    }

    28.5714285714% {
        opacity: 1
    }

    42.8571428571% {
        opacity: .7
    }

    57.1428571429% {
        opacity: .4
    }

    71.4285714286% {
        opacity: .4
    }

    85.7142857143% {
        opacity: .4
    }

    100% {
        opacity: .4
    }
}

@-moz-keyframes flickerAnimation2 {
    0% {
        opacity: .4
    }

    14.2857142857% {
        opacity: .7
    }

    28.5714285714% {
        opacity: 1
    }

    42.8571428571% {
        opacity: .7
    }

    57.1428571429% {
        opacity: .4
    }

    71.4285714286% {
        opacity: .4
    }

    85.7142857143% {
        opacity: .4
    }

    100% {
        opacity: .4
    }
}

@-webkit-keyframes flickerAnimation2 {
    0% {
        opacity: .4
    }

    14.2857142857% {
        opacity: .7
    }

    28.5714285714% {
        opacity: 1
    }

    42.8571428571% {
        opacity: .7
    }

    57.1428571429% {
        opacity: .4
    }

    71.4285714286% {
        opacity: .4
    }

    85.7142857143% {
        opacity: .4
    }

    100% {
        opacity: .4
    }
}

.chaport-container .chaport-messages-list .message-wrapper.typing-indicator .typing-indicator-circles .typing-indicator-circle:last-child,
.chaport-messages-list .message-wrapper.typing-indicator .typing-indicator-circles .typing-indicator-circle:last-child {
    -webkit-animation: flickerAnimation3 .9s infinite;
    -moz-animation: flickerAnimation3 .9s infinite;
    -o-animation: flickerAnimation3 .9s infinite;
    animation: flickerAnimation3 .9s infinite;
    margin-right: 0
}

@keyframes flickerAnimation3 {
    0% {
        opacity: .4
    }

    14.2857142857% {
        opacity: .4
    }

    28.5714285714% {
        opacity: .4
    }

    42.8571428571% {
        opacity: .7
    }

    57.1428571429% {
        opacity: 1
    }

    71.4285714286% {
        opacity: .7
    }

    85.7142857143% {
        opacity: .4
    }

    100% {
        opacity: .4
    }
}

@-o-keyframes flickerAnimation3 {
    0% {
        opacity: .4
    }

    14.2857142857% {
        opacity: .4
    }

    28.5714285714% {
        opacity: .4
    }

    42.8571428571% {
        opacity: .7
    }

    57.1428571429% {
        opacity: 1
    }

    71.4285714286% {
        opacity: .7
    }

    85.7142857143% {
        opacity: .4
    }

    100% {
        opacity: .4
    }
}

@-moz-keyframes flickerAnimation3 {
    0% {
        opacity: .4
    }

    14.2857142857% {
        opacity: .4
    }

    28.5714285714% {
        opacity: .4
    }

    42.8571428571% {
        opacity: .7
    }

    57.1428571429% {
        opacity: 1
    }

    71.4285714286% {
        opacity: .7
    }

    85.7142857143% {
        opacity: .4
    }

    100% {
        opacity: .4
    }
}

@-webkit-keyframes flickerAnimation3 {
    0% {
        opacity: .4
    }

    14.2857142857% {
        opacity: .4
    }

    28.5714285714% {
        opacity: .4
    }

    42.8571428571% {
        opacity: .7
    }

    57.1428571429% {
        opacity: 1
    }

    71.4285714286% {
        opacity: .7
    }

    85.7142857143% {
        opacity: .4
    }

    100% {
        opacity: .4
    }
}

.chaport-container .chaport-messages-list .message-wrapper.typing-indicator .message-body,
.chaport-messages-list .message-wrapper.typing-indicator .message-body {
    -webkit-border-top-left-radius: 8px;
    -moz-border-top-left-radius: 8px;
    -ms-border-top-left-radius: 8px;
    border-top-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-bottom-left-radius: 8px;
    -ms-border-bottom-left-radius: 8px;
    border-bottom-left-radius: 8px
}

.chaport-container .chaport-messages-list .date-wrapper,
.chaport-messages-list .date-wrapper {
    clear: both;
    text-align: center;
    position: relative;
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out
}

.chaport-container .chaport-messages-list .date-wrapper:before,
.chaport-messages-list .date-wrapper:before {
    content: '';
    position: absolute;
    left: 10px;
    right: 10px;
    margin-top: 19px;
    height: 1px;
    background-color: #f2f3f4;
    z-index: 1
}

.chaport-container .chaport-messages-list .date-wrapper .date,
.chaport-messages-list .date-wrapper .date {
    position: relative;
    font-size: 13px;
    color: #99a0a5;
    padding: 10px 10px;
    display: inline-block;
    background-color: #fff;
    z-index: 2
}

.chaport-container .chaport-messages-list .message-group-wrapper,
.chaport-messages-list .message-group-wrapper {
    margin-bottom: 10px !important;
    clear: both
}

.chaport-container .chaport-messages-list .message-group-wrapper:before,
.chaport-container .chaport-messages-list .message-group-wrapper:after,
.chaport-messages-list .message-group-wrapper:before,
.chaport-messages-list .message-group-wrapper:after {
    content: " ";
    display: table
}

.chaport-container .chaport-messages-list .message-group-wrapper:after,
.chaport-messages-list .message-group-wrapper:after {
    clear: both
}

.chaport-container .chaport-messages-list .message-group-wrapper:last-child,
.chaport-messages-list .message-group-wrapper:last-child {
    margin-bottom: 5px
}

.chaport-container .chaport-messages-list .message-group-wrapper .message-wrapper,
.chaport-container .chaport-messages-list .message-group-wrapper.message-wrapper,
.chaport-messages-list .message-group-wrapper .message-wrapper,
.chaport-messages-list .message-group-wrapper.message-wrapper {
    margin-bottom: 2px
}

.chaport-container .chaport-messages-list .message-group-wrapper .message-wrapper .operator-photo,
.chaport-container .chaport-messages-list .message-group-wrapper.message-wrapper .operator-photo,
.chaport-messages-list .message-group-wrapper .message-wrapper .operator-photo,
.chaport-messages-list .message-group-wrapper.message-wrapper .operator-photo {
    opacity: 0
}

.chaport-container .chaport-messages-list .message-group-wrapper .message-wrapper .message-time,
.chaport-container .chaport-messages-list .message-group-wrapper.message-wrapper .message-time,
.chaport-messages-list .message-group-wrapper .message-wrapper .message-time,
.chaport-messages-list .message-group-wrapper.message-wrapper .message-time {
    opacity: 0;
    -webkit-transition: opacity 0.2s ease 0.2s;
    -o-transition: opacity 0.2s ease 0.2s;
    transition: opacity 0.2s ease 0.2s
}

.chaport-container .chaport-messages-list .message-group-wrapper .message-wrapper:last-of-type .operator-photo,
.chaport-container .chaport-messages-list .message-group-wrapper.message-wrapper .operator-photo,
.chaport-messages-list .message-group-wrapper .message-wrapper:last-of-type .operator-photo,
.chaport-messages-list .message-group-wrapper.message-wrapper .operator-photo {
    opacity: 1
}

.chaport-container .chaport-messages-list .message-group-wrapper .message-wrapper:first-of-type .message-time,
.chaport-container .chaport-messages-list .message-group-wrapper .message-wrapper.event-hover .message-time,
.chaport-container .chaport-messages-list .message-group-wrapper.message-wrapper .message-time,
.chaport-messages-list .message-group-wrapper .message-wrapper:first-of-type .message-time,
.chaport-messages-list .message-group-wrapper .message-wrapper.event-hover .message-time,
.chaport-messages-list .message-group-wrapper.message-wrapper .message-time {
    opacity: 1
}

.chaport-container .chaport-messages-list .session-holder:first-child .date-wrapper:first-child:first-child .date,
.chaport-messages-list .session-holder:first-child .date-wrapper:first-child:first-child .date {
    padding-top: 0
}

.chaport-container .chaport-messages-list .session-holder:first-child .date-wrapper:first-child:first-child:before,
.chaport-messages-list .session-holder:first-child .date-wrapper:first-child:first-child:before {
    display: none
}

.chaport-container .chaport-messages-list .session-holder:before,
.chaport-container .chaport-messages-list .session-holder:after,
.chaport-messages-list .session-holder:before,
.chaport-messages-list .session-holder:after {
    content: " ";
    display: table
}

.chaport-container .chaport-messages-list .session-holder:after,
.chaport-messages-list .session-holder:after {
    clear: both
}

.chaport-container .chaport-messages-list.conversation-has-no-messages .recent-activity-wrapper,
.chaport-messages-list.conversation-has-no-messages .recent-activity-wrapper {
    margin-top: 35px;
    background-color: transparent;
    border-color: transparent
}

.chaport-container .chaport-messages-list.conversation-has-no-messages .recent-activity-wrapper .operator-faces,
.chaport-messages-list.conversation-has-no-messages .recent-activity-wrapper .operator-faces {
    margin-bottom: 25px
}

.chaport-container .chaport-messages-list.conversation-has-no-messages .recent-activity-wrapper .operator-faces .operator-face .photo .status-icon,
.chaport-messages-list.conversation-has-no-messages .recent-activity-wrapper .operator-faces .operator-face .photo .status-icon {
    -webkit-box-shadow: 0 0 0 2.5px #fff, inset 0 0 0 1px #fff;
    box-shadow: 0 0 0 2.5px #fff, inset 0 0 0 1px #fff
}

.chaport-container .chaport-messages-list.conversation-has-no-messages .recent-activity-wrapper .activity-indicator,
.chaport-messages-list.conversation-has-no-messages .recent-activity-wrapper .activity-indicator {
    margin-bottom: 25px
}

.chaport-container .chaport-messages-list.single-session .date-wrapper,
.chaport-messages-list.single-session .date-wrapper {
    opacity: 0
}

.chaport-container .chaport-messages-list .reply-options,
.chaport-messages-list .reply-options {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: -10px 0 10px 50px;
    padding-right: 12px
}

.chaport-container .chaport-messages-list .reply-options.anim-show,
.chaport-messages-list .reply-options.anim-show {
    -webkit-animation: 0.2s linear chaportMessageIn;
    -o-animation: 0.2s linear chaportMessageIn;
    animation: 0.2s linear chaportMessageIn
}

.chaport-container .chaport-messages-list .reply-options .reply-option,
.chaport-messages-list .reply-options .reply-option {
    color: #1D90FF;
    border: 1px solid #1D90FF;
    max-width: 240px;
    border-radius: 8px;
    padding: calc(0.6em - 1px) calc(1em - 1px);
    font-size: 14.4px;
    line-height: 1.4;
    font-weight: 400;
    font-style: normal;
    outline: none;
    cursor: pointer;
    background-color: #fff;
    -webkit-transition: color ease 0.3s, border ease 0.3s, background-color ease 0.3s;
    -o-transition: color ease 0.3s, border ease 0.3s, background-color ease 0.3s;
    transition: color ease 0.3s, border ease 0.3s, background-color ease 0.3s;
    margin: 10px 0 0 10px;
    -webkit-animation: 0.2s linear reply-in;
    -o-animation: 0.2s linear reply-in;
    animation: 0.2s linear reply-in;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    font-size: 14.4px
}

.chaport-container .chaport-messages-list .reply-options .reply-option:hover,
.chaport-messages-list .reply-options .reply-option:hover {
    color: #50a9ff;
    border: 1px solid #50a9ff
}

@-webkit-keyframes reply-in {
    from {
        opacity: 0;
        -ms-transform: translateY(20px);
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes reply-in {
    from {
        opacity: 0;
        -ms-transform: translateY(20px);
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-ms-keyframes reply-in {
    from {
        opacity: 0;
        -ms-transform: translateY(20px);
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes reply-in {
    from {
        opacity: 0;
        -ms-transform: translateY(20px);
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes reply-in {
    from {
        opacity: 0;
        -ms-transform: translateY(20px);
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.chaport-container .chaport-messages-list .reply-options .reply-option,
.chaport-messages-list .reply-options .reply-option {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.chaport-container .chaport-messages-list .reply-options .reply-option:nth-child(1),
.chaport-messages-list .reply-options .reply-option:nth-child(1) {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.chaport-container .chaport-messages-list .reply-options .reply-option:nth-child(2),
.chaport-messages-list .reply-options .reply-option:nth-child(2) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.chaport-container .chaport-messages-list .reply-options .reply-option:nth-child(3),
.chaport-messages-list .reply-options .reply-option:nth-child(3) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.chaport-container .chaport-messages-list .reply-options .reply-option:nth-child(4),
.chaport-messages-list .reply-options .reply-option:nth-child(4) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.chaport-container .chaport-messages-list .reply-options .reply-option:nth-child(5),
.chaport-messages-list .reply-options .reply-option:nth-child(5) {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.chaport-container .chaport-messages-list .reply-options .reply-option:nth-child(6),
.chaport-messages-list .reply-options .reply-option:nth-child(6) {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.chaport-container .chaport-messages-list .reply-options .reply-option:nth-child(7),
.chaport-messages-list .reply-options .reply-option:nth-child(7) {
    -webkit-animation-delay: .7s;
    animation-delay: .7s
}

.chaport-container .chaport-messages-list .reply-options .reply-option:nth-child(8),
.chaport-messages-list .reply-options .reply-option:nth-child(8) {
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}

.chaport-container .chaport-messages-list .reply-options .reply-option:nth-child(9),
.chaport-messages-list .reply-options .reply-option:nth-child(9) {
    -webkit-animation-delay: .9s;
    animation-delay: .9s
}

.chaport-container .chaport-messages-list .reply-options .reply-option:nth-child(10),
.chaport-messages-list .reply-options .reply-option:nth-child(10) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.chaport-container .chaport-messages-list .reply-options .reply-option .reply-option-text,
.chaport-messages-list .reply-options .reply-option .reply-option-text {
    overflow-wrap: break-word
}

.chaport-container .chaport-messages-list .reply-options .reply-option:active .reply-option-text,
.chaport-messages-list .reply-options .reply-option:active .reply-option-text {
    position: relative;
    top: 1px
}

.chaport-device-mobile .chaport-container .chaport-messages-list .reply-options .reply-option,
.chaport-device-mobile .chaport-messages-list .reply-options .reply-option {
    font-size: 16px
}

.processing-information,
.chaport-container .processing-information {
    margin: 5px auto 19px auto;
    width: 100%;
    padding: 0 50px;
    line-height: 1.3;
    font-size: 13px;
    text-align: center;
    color: #cfd3d5;
    display: flex;
    flex-direction: column;
    align-items: center
}

.processing-information.fade-out,
.chaport-container .processing-information.fade-out {
    opacity: 0;
    -webkit-animation: 0.2s linear chaportMessageOut;
    -o-animation: 0.2s linear chaportMessageOut;
    animation: 0.2s linear chaportMessageOut
}

.processing-information.clickable,
.chaport-container .processing-information.clickable {
    cursor: pointer
}

.processing-information span,
.chaport-container .processing-information span {
    padding: 1px 3px;
    background-color: #fff;
    display: inline-block;
    border-radius: 3px;
    text-align: center
}

.processing-information .processing-icon,
.chaport-container .processing-information .processing-icon {
    display: inline-block;
    background-image: url("../images/chaport-widget-privacy-icon-2x.png");
    background-size: 20px 14px;
    width: 20px;
    height: 14px
}

.processing-information p,
.chaport-container .processing-information p {
    display: block;
    text-align: center
}

.processing-information a,
.chaport-container .processing-information a {
    text-decoration: underline
}

.message-status,
.chaport-container .message-status {
    width: 16px;
    height: 16px;
    background-color: #1D90FF;
    opacity: 1;
    border-radius: 50%;
    -webkit-transition: opacity ease-in-out 0.2s;
    -o-transition: opacity ease-in-out 0.2s;
    transition: opacity ease-in-out 0.2s
}

.message-status:before,
.chaport-container .message-status:before {
    display: block;
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    top: -1px;
    left: -1px;
    background-image: url("../images/chaport-message-status-icons.png");
    background-size: 54px 18px
}

@media (min--moz-device-pixel-ratio: 1.5),
(-webkit-min-device-pixel-ratio: 1.5),
(min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi),
(min-resolution: 1.5dppx) {

    .message-status:before,
    .chaport-container .message-status:before {
        background-image: url(data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAAAkCAMAAABbsy/+AAABiVBMVEX////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+/v79/v79/f79/f38/f38/Pz7/Pz7+/z7+/v6+/v6+vr5+vr5+fr5+fn4+fn4+Pn3+Pj39/j29/f29vf19vb09fb09fXz9PXz9PTy8/Ty8/Px8/Pt7u/s7e7r7e7q7O3o6uvn6erm6Onk6Onl5+jk5ujk5ufi5ufj5ebh5ebi5Obi5OXg5OXh4+Xe4uPf4ePe4OLc4OLc4OHd3+Hb3+Hb3+Da3uDa3t/Z3t/Z3d/Z3d7Y3N7W2tzV2tvV2dvU2drU2NrT2NrT2NnT19nS19nR1tjR1tfQ1dfQ1dbQ1NbP1NbP1NXO09WY+ZVLAAAANXRSTlMAAQMEBgcICQoLDQ4PERIUFhcaHh8iJCYoMzk6PERHWVpcbHqDkZ+xvsLU3+rw8/b4+vz9/rpd54AAAAKNSURBVHja7ZftUxJBGMBx4UClF1N7tdLMspDUyAPtCMTKiBLSDMhAlBLjOLKsg+q8PPYvb3R3ube9u0/XTDPcl31m+fH8Znafe3bPw/7Dx9OT/d+yaDpfFyVJ5PPpmMuy6Fq9I7c+V6v7otxpZGNuyhJb8GdxFcWrxTYsJdyTLdeUj5r08V2FTzn8d8E5/YJuJLInNeWdnts85pO2iSZGHzq5CIJHLItuQeKKx3HwFpajNokmGd81BxdByIhlr2EVA0sfyhwOKzBrnWjKD87P2rsI0kWRLMr/IkvGNb+RreNaTcuSnA6AYNjeRRAVRbIX8D1BHvNNso5sAb60SBQaAAMhexdBNCiS5Y+f02QrcoGeKBwEgXv2LoJoUSTjRZYmYw+b1ETzQ4CZsncRRIcimbhPl31qUzNdBMy4QyESRIcimbSrkQmqrHxESzTm9Y45uAiiR00yTmgsqTKp2wquTJBwnAGXqN3CjBhQJGupyxirSTnKMt7wMZMouuMHwxGazIwYUSRrqAXCZls/XnUL5AuJZs8B/+lG3+8HZx5Ql86EmFBc+n+eaWy/xQyKUnJRLeWzIDB9Wsl+qxfMgISDoD9E6fppWGR1NrSSeZhRZ2cGweDM/BDw37UsCw3yiKWguF0J7bjWdvR1+aQwxYNFffvxMYDsi1WHwsjlm8NmFDfiNbijnX2zflKRJZjTsbcZj8d73bbkCXKL6eszo+SIKcFN408bsGLow1cBvejNyNwFGkoOz0RdMdg2ZMF4eEZGRyIOMoLMjVDQ7rUgxSsVTp3nyoqw4t6FJ1mGrQJ+A57mRbiTdPMqF8sJHfn73vb23qGsHKwvunxJjWUKQluS2s1ixgVV78OiJ3N4/gJwOyjDdt5gGQAAAABJRU5ErkJggg==)
    }
}

.message-status-sent:before {
    background-position: 0 0
}

.message-status-delivered:before {
    background-position: -18px 0
}

.message-status-read:before {
    background-position: -36px 0
}

.message-status-hidden,
.message-status-failed {
    opacity: 0
}

.chaport-container .chaport-input-wrapper,
.chaport-input-wrapper {
    position: relative;
    box-sizing: border-box;
    min-height: 50px;
    line-height: 1em;
    border-top: 1px solid #eaeced;
    background-color: #fff;
    -webkit-transition: background-color 0.2s ease, box-shadow 0.2s ease;
    -o-transition: background-color 0.2s ease, box-shadow 0.2s ease;
    transition: background-color 0.2s ease, box-shadow 0.2s ease
}

.chaport-container .chaport-input-wrapper.readonly .chaport-send-button,
.chaport-container .chaport-input-wrapper.readonly .chaport-transfer-file-button,
.chaport-container .chaport-input-wrapper.readonly .emoji-wrapper,
.chaport-input-wrapper.readonly .chaport-send-button,
.chaport-input-wrapper.readonly .chaport-transfer-file-button,
.chaport-input-wrapper.readonly .emoji-wrapper {
    display: none
}

.chaport-container .chaport-input-wrapper.readonly .saved-replies-wrapper,
.chaport-input-wrapper.readonly .saved-replies-wrapper {
    display: none !important
}

.chaport-container .chaport-input-wrapper.readonly .chaport-input,
.chaport-input-wrapper.readonly .chaport-input {
    padding-right: 20px;
    opacity: 0.3;
    cursor: not-allowed
}

.chaport-container .chaport-input-wrapper.emoji-disabled .chaport-input,
.chaport-input-wrapper.emoji-disabled .chaport-input {
    padding-right: 45px
}

.chaport-container .chaport-input-wrapper .prechat-form,
.chaport-input-wrapper .prechat-form {
    padding-left: 20px;
    max-height: 122.5px;
    overflow-y: auto;
    transition: height .2s cubic-bezier(0.4, 0, 0.2, 1), opacity .2s cubic-bezier(0.4, 0, 0.2, 1)
}

.chaport-container .chaport-input-wrapper .prechat-form.with-3-fields,
.chaport-input-wrapper .prechat-form.with-3-fields {
    max-height: 147px
}

.chaport-container .chaport-input-wrapper .prechat-form .chat-form-field-row,
.chaport-input-wrapper .prechat-form .chat-form-field-row {
    position: relative
}

.chaport-container .chaport-input-wrapper .prechat-form .chat-form-field-row::after,
.chaport-input-wrapper .prechat-form .chat-form-field-row::after {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #f2f3f4;
    content: '';
    transition: background-color .2s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 1
}

.chaport-container .chaport-input-wrapper .prechat-form .chat-form-field-row::before,
.chaport-input-wrapper .prechat-form .chat-form-field-row::before {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #f2f3f4;
    content: '';
    opacity: 0;
    z-index: 2;
    transform: scaleX(0);
    transform-origin: 50% center;
    transition: transform .2s cubic-bezier(0.4, 0, 0.2, 1), opacity .2s cubic-bezier(0.4, 0, 0.2, 1)
}

.chaport-container .chaport-input-wrapper .prechat-form .chat-form-field-row.focused .md-label.leading,
.chaport-container .chaport-input-wrapper .prechat-form .chat-form-field-row.filled .md-label.leading,
.chaport-input-wrapper .prechat-form .chat-form-field-row.focused .md-label.leading,
.chaport-input-wrapper .prechat-form .chat-form-field-row.filled .md-label.leading {
    transform: translateY(-96%) scale(0.75);
    right: 15px !important
}

.chaport-container .chaport-input-wrapper .prechat-form .chat-form-field-row.focused .md-label.trailing,
.chaport-container .chaport-input-wrapper .prechat-form .chat-form-field-row.filled .md-label.trailing,
.chaport-input-wrapper .prechat-form .chat-form-field-row.focused .md-label.trailing,
.chaport-input-wrapper .prechat-form .chat-form-field-row.filled .md-label.trailing {
    opacity: 0
}

.chaport-container .chaport-input-wrapper .prechat-form .chat-form-field-row.focused .md-label.trailing.error,
.chaport-container .chaport-input-wrapper .prechat-form .chat-form-field-row.filled .md-label.trailing.error,
.chaport-input-wrapper .prechat-form .chat-form-field-row.focused .md-label.trailing.error,
.chaport-input-wrapper .prechat-form .chat-form-field-row.filled .md-label.trailing.error {
    opacity: 1
}

.chaport-container .chaport-input-wrapper .prechat-form .chat-form-field-row.filled .md-label.trailing,
.chaport-input-wrapper .prechat-form .chat-form-field-row.filled .md-label.trailing {
    opacity: 0
}

.chaport-container .chaport-input-wrapper .prechat-form .chat-form-field-row.filled .chat-form-field-wrapper-checkbox .md-label.trailing,
.chaport-input-wrapper .prechat-form .chat-form-field-row.filled .chat-form-field-wrapper-checkbox .md-label.trailing {
    display: none
}

.chaport-container .chaport-input-wrapper .prechat-form .chat-form-field-row.focused::before,
.chaport-input-wrapper .prechat-form .chat-form-field-row.focused::before {
    transform: scaleX(1);
    opacity: 1
}

.chaport-container .chaport-input-wrapper .prechat-form .chat-form-field-row.error::after,
.chaport-input-wrapper .prechat-form .chat-form-field-row.error::after {
    background-color: #f05f5f
}

.chaport-container .chaport-input-wrapper .prechat-form .chat-form-field-wrapper,
.chaport-input-wrapper .prechat-form .chat-form-field-wrapper {
    position: relative;
    box-sizing: border-box;
    padding-right: 20px
}

.chaport-container .chaport-input-wrapper .prechat-form .chat-form-field-wrapper-choice,
.chaport-input-wrapper .prechat-form .chat-form-field-wrapper-choice {
    padding-right: 0
}

.chaport-container .chaport-input-wrapper .prechat-form .chat-form-field-wrapper-choice .md-label.leading,
.chaport-input-wrapper .prechat-form .chat-form-field-wrapper-choice .md-label.leading {
    padding-right: 20px
}

.chaport-container .chaport-input-wrapper .prechat-form .chat-form-field-wrapper-team,
.chaport-input-wrapper .prechat-form .chat-form-field-wrapper-team {
    padding-right: 0
}

.chaport-container .chaport-input-wrapper .prechat-form .chat-form-field-wrapper-team .md-label.leading,
.chaport-input-wrapper .prechat-form .chat-form-field-wrapper-team .md-label.leading {
    padding-right: 20px
}

.chaport-container .chaport-input-wrapper .prechat-form .chat-form-field-wrapper-checkbox,
.chaport-input-wrapper .prechat-form .chat-form-field-wrapper-checkbox {
    display: flex;
    min-height: 49px;
    padding: 15px 20px 15px 0
}

.chaport-container .chaport-input-wrapper .prechat-form .chat-form-field-wrapper-checkbox .checkbox-block,
.chaport-input-wrapper .prechat-form .chat-form-field-wrapper-checkbox .checkbox-block {
    flex: 0 0 auto;
    margin-right: 8px;
    display: flex
}

.chaport-container .chaport-input-wrapper .prechat-form .chat-form-field-wrapper-checkbox .label-block,
.chaport-input-wrapper .prechat-form .chat-form-field-wrapper-checkbox .label-block {
    flex: 1 1 auto
}

.chaport-container .chaport-input-wrapper .prechat-form .chat-form-field-wrapper-checkbox .label-block label,
.chaport-input-wrapper .prechat-form .chat-form-field-wrapper-checkbox .label-block label {
    color: #99a0a5;
    word-break: break-word;
    overflow-wrap: break-word
}

.chaport-container .chaport-input-wrapper .prechat-form .chat-form-field-wrapper-checkbox .md-label.trailing,
.chaport-input-wrapper .prechat-form .chat-form-field-wrapper-checkbox .md-label.trailing {
    position: static;
    transform: none;
    flex: none;
    align-self: center
}

.chaport-container .chaport-input-wrapper .prechat-form .chat-form-field,
.chaport-input-wrapper .prechat-form .chat-form-field {
    border: none;
    padding: 0;
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.32em;
    font-size: 15px
}

.chaport-container.chaport-device-mobile .chaport-container .chaport-input-wrapper .prechat-form .chat-form-field,
.chaport-container.chaport-device-mobile .chaport-input-wrapper .prechat-form .chat-form-field {
    font-size: 16px
}

.chaport-container .chaport-input-wrapper .prechat-form .chat-form-field.text-field,
.chaport-input-wrapper .prechat-form .chat-form-field.text-field {
    width: 100%;
    height: 49px;
    padding: 12px 0 0
}

.chaport-container .chaport-input-wrapper .prechat-form .chat-form-field.text-field:focus,
.chaport-input-wrapper .prechat-form .chat-form-field.text-field:focus {
    outline: none
}

.chaport-container .chaport-input-wrapper .prechat-form .chat-form-field.choice-field,
.chaport-input-wrapper .prechat-form .chat-form-field.choice-field {
    width: 100%;
    height: 49px;
    padding: 12px 0 0;
    outline: none
}

.chaport-container .chaport-input-wrapper .prechat-form .chat-form-field.choice-field.empty,
.chaport-input-wrapper .prechat-form .chat-form-field.choice-field.empty {
    color: #99a0a5
}

.chaport-container .chaport-input-wrapper .prechat-form .chat-form-field.checkbox-field,
.chaport-input-wrapper .prechat-form .chat-form-field.checkbox-field {
    margin-top: 3px
}

.chaport-container .chaport-input-wrapper .prechat-form .md-label,
.chaport-input-wrapper .prechat-form .md-label {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    opacity: 1;
    padding-bottom: 1px;
    height: 20px;
    color: #99a0a5
}

.chaport-container .chaport-input-wrapper .prechat-form .md-label.leading,
.chaport-input-wrapper .prechat-form .md-label.leading {
    font-size: 15px;
    left: 0;
    right: 15px;
    transform-origin: left top;
    transition: transform .2s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.chaport-container .chaport-input-wrapper .prechat-form .md-label.leading.with-trailing-label,
.chaport-input-wrapper .prechat-form .md-label.leading.with-trailing-label {
    right: 125px
}

.chaport-container .chaport-input-wrapper .prechat-form .md-label.trailing,
.chaport-input-wrapper .prechat-form .md-label.trailing {
    font-size: 14px;
    right: 20px;
    left: initial;
    color: #cfd3d5;
    transition: opacity .2s cubic-bezier(0.4, 0, 0.2, 1);
    background: #fff
}

.chaport-container .chaport-input-wrapper .prechat-form .md-label.trailing.error,
.chaport-input-wrapper .prechat-form .md-label.trailing.error {
    transition: none;
    animation: .2s cubic-bezier(0.4, 0, 0.2, 1) chaportFadeIn;
    color: #f05f5f
}

.chaport-container .chaport-input-wrapper .prechat-form .md-label.trailing.hidden,
.chaport-input-wrapper .prechat-form .md-label.trailing.hidden {
    opacity: 0 !important;
    animation: .2s cubic-bezier(0.4, 0, 0.2, 1) chaportFadeOut
}

.chaport-container .chaport-input-wrapper .prechat-form .md-label.trailing::before,
.chaport-input-wrapper .prechat-form .md-label.trailing::before {
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 100%);
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 100%);
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00FFFFFF', endColorstr='#FFFFFFFF', GradientType=1);
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: -20px;
    width: 20px;
    height: 100%
}

.chaport-container .chaport-input-wrapper .prechat-form-shadow,
.chaport-input-wrapper .prechat-form-shadow {
    pointer-events: none;
    position: absolute;
    height: 5px;
    width: 100%;
    z-index: 4;
    opacity: 0;
    transition: opacity .2s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.08), 0 -50px 50px 0px rgba(255, 255, 255, 0.2)
}

.chaport-container .chaport-input-wrapper .prechat-form-shadow.show,
.chaport-input-wrapper .prechat-form-shadow.show {
    opacity: 1
}

.chaport-container .chaport-input-wrapper.prechat-form-hidden .prechat-form-shadow,
.chaport-container .chaport-input-wrapper.prechat-form-hidden .prechat-form,
.chaport-input-wrapper.prechat-form-hidden .prechat-form-shadow,
.chaport-input-wrapper.prechat-form-hidden .prechat-form {
    opacity: 0 !important;
    height: 0 !important
}

.chaport-container .chaport-input-wrapper .chaport-input,
.chaport-input-wrapper .chaport-input {
    display: block;
    width: 100%;
    max-height: 200px;
    margin: 0;
    padding: 15px 85px 15px 20px;
    background-color: transparent;
    border: none;
    line-height: 1.4;
    font-size: 15px;
    resize: none !important;
    overflow-x: hidden;
    overflow-y: auto;
    word-wrap: break-word;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.chaport-device-mobile .chaport-container .chaport-input-wrapper .chaport-input,
.chaport-device-mobile .chaport-input-wrapper .chaport-input {
    font-size: 16px;
    touch-action: pan-y
}

.chaport-container .chaport-input-wrapper .chaport-input:focus,
.chaport-input-wrapper .chaport-input:focus {
    outline: none
}

.chaport-container .chaport-input-wrapper .chaport-input::-moz-placeholder,
.chaport-input-wrapper .chaport-input::-moz-placeholder {
    font-size: 15px;
    color: #99a0a5 !important;
    -webkit-text-fill-color: #99a0a5 !important;
    -webkit-opacity: 1 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: 1
}

.chaport-device-mobile .chaport-container .chaport-input-wrapper .chaport-input::-moz-placeholder,
.chaport-device-mobile .chaport-input-wrapper .chaport-input::-moz-placeholder {
    font-size: 16px
}

.chaport-container .chaport-input-wrapper .chaport-input:-ms-input-placeholder,
.chaport-input-wrapper .chaport-input:-ms-input-placeholder {
    font-size: 15px;
    color: #99a0a5 !important;
    -webkit-text-fill-color: #99a0a5 !important;
    -webkit-opacity: 1 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.chaport-device-mobile .chaport-container .chaport-input-wrapper .chaport-input:-ms-input-placeholder,
.chaport-device-mobile .chaport-input-wrapper .chaport-input:-ms-input-placeholder {
    font-size: 16px
}

.chaport-container .chaport-input-wrapper .chaport-input::-webkit-input-placeholder,
.chaport-input-wrapper .chaport-input::-webkit-input-placeholder {
    font-size: 15px;
    color: #99a0a5 !important;
    -webkit-text-fill-color: #99a0a5 !important;
    -webkit-opacity: 1 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.chaport-device-mobile .chaport-container .chaport-input-wrapper .chaport-input::-webkit-input-placeholder,
.chaport-device-mobile .chaport-input-wrapper .chaport-input::-webkit-input-placeholder {
    font-size: 16px
}

.chaport-container .chaport-input-wrapper .chaport-input:disabled::-moz-placeholder,
.chaport-input-wrapper .chaport-input:disabled::-moz-placeholder {
    font-size: 15px;
    color: #99a0a5 !important;
    -webkit-text-fill-color: #99a0a5 !important;
    -webkit-opacity: 1 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: 1
}

.chaport-device-mobile .chaport-container .chaport-input-wrapper .chaport-input:disabled::-moz-placeholder,
.chaport-device-mobile .chaport-input-wrapper .chaport-input:disabled::-moz-placeholder {
    font-size: 16px
}

.chaport-container .chaport-input-wrapper .chaport-input:disabled:-ms-input-placeholder,
.chaport-input-wrapper .chaport-input:disabled:-ms-input-placeholder {
    font-size: 15px;
    color: #99a0a5 !important;
    -webkit-text-fill-color: #99a0a5 !important;
    -webkit-opacity: 1 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.chaport-device-mobile .chaport-container .chaport-input-wrapper .chaport-input:disabled:-ms-input-placeholder,
.chaport-device-mobile .chaport-input-wrapper .chaport-input:disabled:-ms-input-placeholder {
    font-size: 16px
}

.chaport-container .chaport-input-wrapper .chaport-input:disabled::-webkit-input-placeholder,
.chaport-input-wrapper .chaport-input:disabled::-webkit-input-placeholder {
    font-size: 15px;
    color: #99a0a5 !important;
    -webkit-text-fill-color: #99a0a5 !important;
    -webkit-opacity: 1 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.chaport-device-mobile .chaport-container .chaport-input-wrapper .chaport-input:disabled::-webkit-input-placeholder,
.chaport-device-mobile .chaport-input-wrapper .chaport-input:disabled::-webkit-input-placeholder {
    font-size: 16px
}

.chaport-container .chaport-input-wrapper .chaport-input::-ms-clear,
.chaport-input-wrapper .chaport-input::-ms-clear {
    display: none
}

.chaport-container .chaport-input-wrapper .chaport-input::-webkit-resizer,
.chaport-input-wrapper .chaport-input::-webkit-resizer {
    display: none
}

.chaport-container .chaport-input-wrapper .emoji-wrapper,
.chaport-input-wrapper .emoji-wrapper {
    position: absolute;
    bottom: 0;
    right: 45px;
    z-index: 10000;
    width: 40px;
    height: 50px;
    transition: transform .2s cubic-bezier(0.4, 0, 0.2, 1)
}

.chaport-container .chaport-input-wrapper .emoji-wrapper .emoji-icon,
.chaport-input-wrapper .emoji-wrapper .emoji-icon {
    width: 18px;
    right: 11px;
    position: absolute;
    bottom: 15px;
    transition: visibility 0s linear 0s, opacity .2s ease-in-out, transform .2s cubic-bezier(0.4, 0, 0.2, 1), color .2s cubic-bezier(0.4, 0, 0.2, 1)
}

.chaport-container .chaport-input-wrapper .chaport-send-button,
.chaport-input-wrapper .chaport-send-button {
    visibility: visible;
    opacity: 1;
    position: absolute;
    right: 0px;
    bottom: 0;
    width: 45px;
    height: 50px;
    cursor: pointer;
    transition: visibility 0s linear 0s, opacity .2s ease-in-out, transform .2s cubic-bezier(0.4, 0, 0.2, 1), color .2s cubic-bezier(0.4, 0, 0.2, 1)
}

.chaport-container .chaport-input-wrapper .chaport-send-icon,
.chaport-input-wrapper .chaport-send-icon {
    opacity: 1;
    transform: scale(1);
    position: absolute;
    bottom: 15px;
    left: 7px;
    width: 18px;
    height: 18px;
    transition: opacity .2s linear, transform .2s cubic-bezier(0.4, 0, 0.2, 1)
}

.chaport-container .chaport-input-wrapper .chaport-send-icon svg polygon,
.chaport-input-wrapper .chaport-send-icon svg polygon {
    transition: fill .2s cubic-bezier(0.4, 0, 0.2, 1)
}

.chaport-container .chaport-input-wrapper .chaport-transfer-file-button,
.chaport-input-wrapper .chaport-transfer-file-button {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    right: 0px;
    bottom: 0;
    width: 45px;
    height: 50px;
    overflow: hidden;
    transition: visibility 0s linear .2s, opacity .2s ease-in-out, transform .2s cubic-bezier(0.4, 0, 0.2, 1), color .2s cubic-bezier(0.4, 0, 0.2, 1)
}

.chaport-container .chaport-input-wrapper .chaport-transfer-file-button input,
.chaport-input-wrapper .chaport-transfer-file-button input {
    width: 0;
    height: 0;
    visibility: hidden
}

.chaport-container .chaport-input-wrapper .chaport-transfer-file-button:before,
.chaport-input-wrapper .chaport-transfer-file-button:before {
    content: '';
    display: block;
    transform: scale(0);
    position: absolute;
    left: 3px;
    bottom: 15px;
    width: 18px;
    height: 18px;
    background-image: url("../images/transfer-file-icon.png");
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: 0 0;
    transition: opacity .2s linear, transform .2s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0.5
}

@media (min--moz-device-pixel-ratio: 1.5),
(-webkit-min-device-pixel-ratio: 1.5),
(min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi),
(min-resolution: 1.5dppx) {

    .chaport-container .chaport-input-wrapper .chaport-transfer-file-button:before,
    .chaport-input-wrapper .chaport-transfer-file-button:before {
        background-image: url(data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAADjklEQVRYhc3XW4jVVRQG8F/TmCUUlhSUor0EXcyotJKMonAaCRKp1K5mdCG6ktUYkZpF2p2m3iSJjEizSDJKqQehpsmmYhITyocsKugK3dQuTg9r/+vMdPb/nDnnPPi97MOs/f/2N99ee6+12cuwDyxa9mir+KbianRgbOIfwO/4BGvxBHZX+3jpXQu0tUjIUXgfPejEa7g+/Z6FB/A9HkziFuWI2lsgZj5WYhum4Z0qc9ZVrLcQ92EuJieB/6JZhxYkMffi2IyYSvyF+3EEDsV3GNUqQZ14JIlaMsxvv0mC/hTONi2oDa/jRTzWIAeMw3gsa1ZQD/7G7CbEwK+4U+TVAY0Kugmn4qQmxRR4OI23NyLoSHSLxPy4ZN75uA6n1cn7Kq5k+Me+H9txTyY+E6+k339gP3yKs/FVCe+bOIfhObQCB8lv1XlJzCpMwEhMwR58kb7N4bM0r25BHaIkzMYvVeKjsB6rcUUSAH04RhyAtSX8uwot9QjaFxvwsjjm1bA5CZ2bid+B6YmrGg6UHKonh3rTeEEmvgTHiYTPYXsaRwi3huJ4dW7ZDaLeTMrEJ2ExbsGOEp7ONO7KxGfhQ8odGounsBRbMnP6Rf3qLuE5GDeKElMNI3EyZlDu0BZh9eJMfH0ap5VwVPLkSsxL+AlvkHfoafGfTcjELxbHfGoNMd3C6dyRn554Jhd/qOZQB67CRaof8UPwvKj0vVXiBU4XZWZOhqcdG0VafJAT1C6O+Br5e+MjfC2OchneFlfFmkx8M35IogcJqMS7aZyTIVkn2oXDaojZkMbcVdGFE0WjNgiVDt0q9nJiyUK/4RrR6eVwmdj2EzLxo7Ec14pGbRAKh0bjcTyErSWLXVISK3hWJZ5cN7AVm0Rt/B8Kh4pXQFeNBWuhX1T1HM/KtOZZOYLCofn+exk0iuUiv8Zk4h1pndJ7q3BoNN5qQswpwpXL8WOV+AiR6CvUeJlUJnWuztSD98RN+1wm3oufRSKXotiy3eL12Qg2pnFGJt4lmrrx9ZAVDm3CpQ2ImSeu/ymZ+EyRWzfjy+EIultcUrVqUyXG4BnxXu/LzDlTNPBP1ktabFmfsL5HdHV76vh2h+iFF5bMua1eIQUqk/pcUaN2its0h8NFz9wmfxs3jKHFdZwoettEYZwn2suJIsdeEKK/FVu2s9WChhbXAZyBC8Xp6Bb1awD74/Mk8tlWC9lr8Q/mybczPsiMXgAAAABJRU5ErkJggg==);
        background-size: 18px 18px
    }
}

.chaport-container .chaport-input-wrapper .chaport-transfer-file-button:hover,
.chaport-input-wrapper .chaport-transfer-file-button:hover {
    cursor: pointer
}

.chaport-container .chaport-input-wrapper .chaport-transfer-file-button:hover:before,
.chaport-input-wrapper .chaport-transfer-file-button:hover:before {
    opacity: 1
}

.chaport-container .chaport-input-wrapper.input-empty .chaport-send-button,
.chaport-input-wrapper.input-empty .chaport-send-button {
    cursor: not-allowed
}

.chaport-container .chaport-input-wrapper.input-empty .chaport-send-button .chaport-send-icon svg polygon,
.chaport-input-wrapper.input-empty .chaport-send-button .chaport-send-icon svg polygon {
    fill: #cfd3d5 !important
}

.chaport-device-mobile .chaport-container .chaport-input-wrapper.input-empty .saved-replies-wrapper .saved-replies-icon,
.chaport-device-mobile .chaport-input-wrapper.input-empty .saved-replies-wrapper .saved-replies-icon {
    -webkit-transition: visibility 0s linear 0s, opacity .2s ease-in-out, transform .2s cubic-bezier(0.4, 0, 0.2, 1), color .2s cubic-bezier(0.4, 0, 0.2, 1), opacity .2s linear, transform .2s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: visibility 0s linear 0s, opacity .2s ease-in-out, transform .2s cubic-bezier(0.4, 0, 0.2, 1), color .2s cubic-bezier(0.4, 0, 0.2, 1), opacity .2s linear, transform .2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: visibility 0s linear 0s, opacity .2s ease-in-out, transform .2s cubic-bezier(0.4, 0, 0.2, 1), color .2s cubic-bezier(0.4, 0, 0.2, 1), opacity .2s linear, transform .2s cubic-bezier(0.4, 0, 0.2, 1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.5 !important
}

.chaport-device-mobile .chaport-container .chaport-input-wrapper.input-not-empty .saved-replies-wrapper,
.chaport-device-mobile .chaport-input-wrapper.input-not-empty .saved-replies-wrapper {
    pointer-events: none
}

.chaport-device-mobile .chaport-container .chaport-input-wrapper.input-not-empty .saved-replies-wrapper>*,
.chaport-device-mobile .chaport-input-wrapper.input-not-empty .saved-replies-wrapper>* {
    pointer-events: auto
}

.chaport-device-mobile .chaport-container .chaport-input-wrapper.input-not-empty .saved-replies-wrapper .saved-replies-icon,
.chaport-device-mobile .chaport-input-wrapper.input-not-empty .saved-replies-wrapper .saved-replies-icon {
    -webkit-transition: visibility 0s linear .2s, opacity .2s ease-in-out, transform .2s cubic-bezier(0.4, 0, 0.2, 1), color .2s cubic-bezier(0.4, 0, 0.2, 1), opacity .2s linear, transform .2s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: visibility 0s linear .2s, opacity .2s ease-in-out, transform .2s cubic-bezier(0.4, 0, 0.2, 1), color .2s cubic-bezier(0.4, 0, 0.2, 1), opacity .2s linear, transform .2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: visibility 0s linear .2s, opacity .2s ease-in-out, transform .2s cubic-bezier(0.4, 0, 0.2, 1), color .2s cubic-bezier(0.4, 0, 0.2, 1), opacity .2s linear, transform .2s cubic-bezier(0.4, 0, 0.2, 1);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0 !important
}

.chaport-container .chaport-input-wrapper.input-not-empty .chat-tools::before,
.chaport-input-wrapper.input-not-empty .chat-tools::before {
    display: none !important
}

.chaport-container .chaport-input-wrapper.file-transfer-enabled.input-empty .chaport-transfer-file-button,
.chaport-input-wrapper.file-transfer-enabled.input-empty .chaport-transfer-file-button {
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility 0s linear 0s, opacity .2s ease-in-out, transform .2s cubic-bezier(0.4, 0, 0.2, 1), color .2s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: visibility 0s linear 0s, opacity .2s ease-in-out, transform .2s cubic-bezier(0.4, 0, 0.2, 1), color .2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: visibility 0s linear 0s, opacity .2s ease-in-out, transform .2s cubic-bezier(0.4, 0, 0.2, 1), color .2s cubic-bezier(0.4, 0, 0.2, 1)
}

.chaport-container .chaport-input-wrapper.file-transfer-enabled.input-empty .chaport-transfer-file-button:before,
.chaport-input-wrapper.file-transfer-enabled.input-empty .chaport-transfer-file-button:before {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
}

.chaport-container .chaport-input-wrapper.file-transfer-enabled.input-empty .chaport-send-button,
.chaport-input-wrapper.file-transfer-enabled.input-empty .chaport-send-button {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s linear .2s, opacity .2s ease-in-out, transform .2s cubic-bezier(0.4, 0, 0.2, 1), color .2s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: visibility 0s linear .2s, opacity .2s ease-in-out, transform .2s cubic-bezier(0.4, 0, 0.2, 1), color .2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: visibility 0s linear .2s, opacity .2s ease-in-out, transform .2s cubic-bezier(0.4, 0, 0.2, 1), color .2s cubic-bezier(0.4, 0, 0.2, 1)
}

.chaport-container .chaport-input-wrapper.file-transfer-enabled.input-empty .chaport-send-button .chaport-send-icon,
.chaport-input-wrapper.file-transfer-enabled.input-empty .chaport-send-button .chaport-send-icon {
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0)
}

body.chaport-app .chaport-input-wrapper.chaport-input-wrapper-short,
.chaport-container .chaport-input-wrapper.chaport-input-wrapper-short {
    min-height: 33px
}

body.chaport-app .chaport-input-wrapper.chaport-input-wrapper-short .chaport-input,
.chaport-container .chaport-input-wrapper.chaport-input-wrapper-short .chaport-input {
    min-height: 33px;
    height: 33px;
    padding-top: 7px !important;
    padding-bottom: 8px !important
}

body.chaport-app .chaport-input-wrapper.chaport-input-wrapper-short .emoji-wrapper .emoji-icon,
.chaport-container .chaport-input-wrapper.chaport-input-wrapper-short .emoji-wrapper .emoji-icon {
    bottom: 8px
}

body.chaport-app .chaport-input-wrapper.chaport-input-wrapper-short .chaport-send-icon,
.chaport-container .chaport-input-wrapper.chaport-input-wrapper-short .chaport-send-icon {
    bottom: 8px
}

body.chaport-app .chaport-input-wrapper.chaport-input-wrapper-short .chaport-transfer-file-button:before,
.chaport-container .chaport-input-wrapper.chaport-input-wrapper-short .chaport-transfer-file-button:before {
    bottom: 8px
}

.chaport-container .recent-activity-wrapper-anim {
    transition: opacity .3s cubic-bezier(0.4, 0, 0.2, 1)
}

.chaport-container .recent-activity-wrapper .operator-face {
    display: inline-block;
    text-align: center;
    vertical-align: top
}

.chaport-container .recent-activity-wrapper .photo {
    position: relative;
    display: block;
    margin: 0 auto;
    border-radius: 50%;
    text-align: center
}

.chaport-container .recent-activity-wrapper .photo.has-photo {
    background-color: transparent !important
}

.chaport-container .recent-activity-wrapper .photo img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden
}

.chaport-container .recent-activity-wrapper .photo .status-icon {
    display: none;
    position: absolute;
    right: -5px;
    bottom: 1px;
    width: 8px;
    height: 8px;
    background-repeat: no-repeat;
    border-radius: 8px;
    -webkit-box-shadow: none;
    box-shadow: none;
    box-sizing: content-box
}

.chaport-container .recent-activity-wrapper .photo .status-icon.status-online {
    display: block;
    background-color: #4fd237
}

.chaport-container .recent-activity-wrapper .photo.bot-icon {
    background-color: #748c9f
}

.chaport-container .recent-activity-wrapper .photo.bot-icon img {
    border-radius: 0;
    position: relative;
    bottom: -5px;
    width: 24px;
    height: 24px
}

.chaport-container .recent-activity-wrapper .team {
    color: var(--widget-text-color-light)
}

.chaport-color-light .chaport-container .recent-activity-wrapper .team {
    color: var(--widget-text-color-dark)
}

.chaport-container .recent-activity-wrapper .activity-indicator {
    color: var(--widget-text-color-light-07)
}

.chaport-color-light .chaport-container .recent-activity-wrapper .activity-indicator {
    color: var(--widget-text-color-dark-07)
}

.chaport-container .recent-activity-wrapper .activity-label {
    display: inline-block;
    position: relative
}

.chaport-container .recent-activity-wrapper .activity-label.with-status {
    display: flex;
    align-items: center;
    line-height: normal;
    justify-content: center
}

.chaport-container .recent-activity-wrapper .activity-label .status-icon {
    display: none;
    position: absolute;
    right: -5px;
    bottom: 1px;
    width: 8px;
    height: 8px;
    background-repeat: no-repeat;
    border-radius: 8px;
    -webkit-box-shadow: none;
    box-shadow: none;
    box-sizing: content-box;
    position: static;
    margin: 0 5px 0 1px
}

.chaport-container .recent-activity-wrapper .activity-label .status-icon.status-online {
    display: block;
    background-color: #4fd237
}

.chaport-container .recent-activity-wrapper-short {
    opacity: 0;
    position: absolute;
    bottom: 0;
    margin: 0px;
    padding: 0;
    height: 70px;
    max-width: 100%;
    max-width: calc(100% - 40px)
}

.chaport-container .recent-activity-wrapper-short .operator-faces {
    position: absolute;
    margin-top: 19px
}

.chaport-container .recent-activity-wrapper-short .operator-face {
    position: relative
}

.chaport-container .recent-activity-wrapper-short .operator-face:before {
    content: ' ';
    position: absolute;
    display: block;
    background-color: transparent;
    border-radius: 50%
}

.chaport-container .recent-activity-wrapper-short .operator-face .photo,
.chaport-container .recent-activity-wrapper-short .operator-face:before {
    width: 30px;
    height: 30px;
    box-sizing: content-box;
    border: 2px solid transparent
}

.chaport-container .recent-activity-wrapper-short .operator-face .photo:after {
    height: 30px;
    width: 30px
}

.chaport-container .recent-activity-wrapper-short .operator-face .photo.no-photo {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

.chaport-container .recent-activity-wrapper-short .operator-face .photo.no-photo:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    background-image: url("../images/user-icon-shadow-60x60.png");
    background-size: 30px 30px
}

@media (min--moz-device-pixel-ratio: 1.5),
(-webkit-min-device-pixel-ratio: 1.5),
(min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi),
(min-resolution: 1.5dppx) {
    .chaport-container .recent-activity-wrapper-short .operator-face .photo.no-photo:before {
        background-image: url("../images/user-icon-shadow-60x60%402x.png")
    }
}

.chaport-container .recent-activity-wrapper-short .operator-face .photo.no-photo:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.7;
    width: 30px;
    height: 30px;
    background-image: url("../images/user-icon-body-60x60.png");
    background-size: 30px 30px
}

@media (min--moz-device-pixel-ratio: 1.5),
(-webkit-min-device-pixel-ratio: 1.5),
(min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi),
(min-resolution: 1.5dppx) {
    .chaport-container .recent-activity-wrapper-short .operator-face .photo.no-photo:after {
        background-image: url("../images/user-icon-body-60x60%402x.png")
    }
}

.chaport-container .recent-activity-wrapper-short .operator-face .photo .status-icon {
    width: 7px;
    height: 7px;
    right: -4px;
    bottom: -1px
}

.chaport-container .recent-activity-wrapper-short .operator-face .operator-name {
    display: none
}

.chaport-container .recent-activity-wrapper-short .operator-face-0 {
    z-index: 3
}

.chaport-container .recent-activity-wrapper-short .operator-face-0 .photo {
    opacity: 1
}

.chaport-container .recent-activity-wrapper-short .operator-face-1 {
    z-index: 2;
    margin-left: -12px
}

.chaport-container .recent-activity-wrapper-short .operator-face-1 .photo {
    opacity: 0.8
}

.chaport-container .recent-activity-wrapper-short .operator-face-2 {
    z-index: 1;
    margin-left: -12px
}

.chaport-container .recent-activity-wrapper-short .operator-face-2 .photo {
    opacity: 0.6
}

.chaport-container .recent-activity-wrapper-short.only-one-face .operator-faces {
    margin-top: 18px;
    margin-bottom: 0
}

.chaport-container .recent-activity-wrapper-short.only-one-face .operator-face {
    margin: 0;
    width: auto
}

.chaport-container .recent-activity-wrapper-short.only-one-face .operator-face .photo {
    width: 36px;
    height: 36px;
    margin: 0;
    border: none
}

.chaport-container .recent-activity-wrapper-short.only-one-face .operator-face .photo:after {
    height: 36px;
    width: 36px
}

.chaport-container .recent-activity-wrapper-short.only-one-face .operator-face .photo.no-photo {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

.chaport-container .recent-activity-wrapper-short.only-one-face .operator-face .photo.no-photo:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 36px;
    height: 36px;
    background-image: url("../images/user-icon-shadow-60x60.png");
    background-size: 36px 36px
}

@media (min--moz-device-pixel-ratio: 1.5),
(-webkit-min-device-pixel-ratio: 1.5),
(min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi),
(min-resolution: 1.5dppx) {
    .chaport-container .recent-activity-wrapper-short.only-one-face .operator-face .photo.no-photo:before {
        background-image: url("../images/user-icon-shadow-60x60%402x.png")
    }
}

.chaport-container .recent-activity-wrapper-short.only-one-face .operator-face .photo.no-photo:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.7;
    width: 36px;
    height: 36px;
    background-image: url("../images/user-icon-body-60x60.png");
    background-size: 36px 36px
}

@media (min--moz-device-pixel-ratio: 1.5),
(-webkit-min-device-pixel-ratio: 1.5),
(min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi),
(min-resolution: 1.5dppx) {
    .chaport-container .recent-activity-wrapper-short.only-one-face .operator-face .photo.no-photo:after {
        background-image: url("../images/user-icon-body-60x60%402x.png")
    }
}

.chaport-container .recent-activity-wrapper-short.only-one-face .operator-face .photo.bot-icon img {
    padding: 5%
}

.chaport-container .recent-activity-wrapper-short.only-one-face .team-wrapper {
    padding-left: 51px
}

.chaport-container .recent-activity-wrapper-short .team-wrapper {
    margin-top: 17px;
    max-width: 100%;
    padding-right: 25px
}

.chaport-container .recent-activity-wrapper-short.no-faces .team-wrapper {
    padding-left: 0
}

.chaport-container .recent-activity-wrapper-short.only-two-faces .team-wrapper {
    padding-left: 71px
}

.chaport-container .recent-activity-wrapper-short .team {
    font-size: 15px
}

.chaport-device-mobile .chaport-container .recent-activity-wrapper-short .team {
    font-size: 16px;
    margin-top: -2px
}

.chaport-container .recent-activity-wrapper-short .activity-indicator {
    font-size: 13px
}

.chaport-container .recent-activity-wrapper-short .team,
.chaport-container .recent-activity-wrapper-short .activity-indicator {
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.chaport-container .recent-activity-wrapper-short .welcome-message {
    display: none
}

.chaport-container .recent-activity-wrapper-full {
    opacity: 0;
    padding: 40px 5px 35px 5px;
    text-align: center
}

.chaport-container .recent-activity-wrapper-full .operator-faces {
    margin-bottom: 25px;
    text-align: center
}

.chaport-container .recent-activity-wrapper-full .operator-face {
    width: 31%
}

.chaport-container .recent-activity-wrapper-full .photo {
    width: 60px;
    height: 60px;
    margin-bottom: 7px
}

.chaport-container .recent-activity-wrapper-full .photo.no-photo {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

.chaport-container .recent-activity-wrapper-full .photo.no-photo:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    background-image: url("../images/user-icon-shadow-60x60.png");
    background-size: 60px 60px
}

@media (min--moz-device-pixel-ratio: 1.5),
(-webkit-min-device-pixel-ratio: 1.5),
(min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi),
(min-resolution: 1.5dppx) {
    .chaport-container .recent-activity-wrapper-full .photo.no-photo:before {
        background-image: url("../images/user-icon-shadow-60x60%402x.png")
    }
}

.chaport-container .recent-activity-wrapper-full .photo.no-photo:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.7;
    width: 60px;
    height: 60px;
    background-image: url("../images/user-icon-body-60x60.png");
    background-size: 60px 60px
}

@media (min--moz-device-pixel-ratio: 1.5),
(-webkit-min-device-pixel-ratio: 1.5),
(min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi),
(min-resolution: 1.5dppx) {
    .chaport-container .recent-activity-wrapper-full .photo.no-photo:after {
        background-image: url("../images/user-icon-body-60x60%402x.png")
    }
}

.chaport-container .recent-activity-wrapper-full .photo.bot-icon {
    display: flex;
    justify-content: center;
    align-items: center
}

.chaport-container .recent-activity-wrapper-full .photo.bot-icon img {
    width: 32px;
    height: 32px;
    position: relative;
    bottom: 2px
}

.chaport-container .recent-activity-wrapper-full .operator-name {
    padding: 0 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    font-size: 13px;
    color: var(--widget-text-color-light-07)
}

.chaport-color-light .chaport-container .recent-activity-wrapper-full .operator-name {
    color: var(--widget-text-color-dark-07)
}

.chaport-container .recent-activity-wrapper-full .team-wrapper {
    margin-bottom: 26px
}

.chaport-container .recent-activity-wrapper-full .team {
    text-align: center;
    font-size: 16px
}

.chaport-container .recent-activity-wrapper-full .activity-indicator {
    text-align: center;
    font-size: 13px
}

.chaport-container .recent-activity-wrapper-full .welcome-message {
    padding: 0 20px;
    text-align: center;
    font-size: 14px;
    line-height: 1.32em;
    color: var(--widget-text-color-light);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical
}

.chaport-color-light .chaport-container .recent-activity-wrapper-full .welcome-message {
    color: var(--widget-text-color-dark)
}

.chaport-device-mobile .chaport-container .recent-activity-wrapper-full .welcome-message {
    font-size: 15px
}

.chaport-container .recent-activity-wrapper-full.only-one-face .operator-faces {
    margin-bottom: 10px
}

.chaport-container .recent-activity-wrapper-full.only-one-face .operator-face {
    width: 60%
}

.chaport-container .recent-activity-wrapper-full.only-one-face .team-wrapper {
    margin-bottom: 20px
}

.chaport-container .header-collapsed .recent-activity-wrapper-short {
    opacity: 1
}

.chaport-container .header-collapsed .recent-activity-wrapper-short .activity-label.with-status {
    justify-content: flex-start
}

.chaport-container .header-collapsed .recent-activity-wrapper-full {
    pointer-events: none
}

.chaport-container .header-expanded .recent-activity-wrapper-full {
    opacity: 1
}

.chaport-container .header-expanded .recent-activity-wrapper-short {
    pointer-events: none
}

.chaport-container .chaport-alert {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 9px;
    text-align: center;
    font-size: 13px;
    z-index: 100
}

.chaport-container .chaport-alert:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    opacity: 0.85;
    z-index: -1
}

.chaport-container .chaport-alert a {
    color: inherit;
    text-decoration: underline
}

.chaport-container .chaport-alert.chaport-alert-success {
    color: #3c763d
}

.chaport-container .chaport-alert.chaport-alert-success:before {
    background-color: #dff0d8;
    border-bottom-color: #d6e9c6
}

.chaport-container .chaport-alert.chaport-alert-info {
    color: #31708f
}

.chaport-container .chaport-alert.chaport-alert-info:before {
    background-color: #d9edf7;
    border-bottom-color: #bce8f1
}

.chaport-container .chaport-alert.chaport-alert-warning {
    color: #8a6d3b
}

.chaport-container .chaport-alert.chaport-alert-warning:before {
    background-color: #e7b452;
    border-bottom-color: #e48e3c
}

.chaport-container .chaport-alert.chaport-alert-error {
    color: #a94442
}

.chaport-container .chaport-alert.chaport-alert-error:before {
    background-color: #f2dede;
    border-bottom-color: #ebccd1
}

.chaport-container.chaport-window-dark-gray .chaport-launcher .chaport-launcher-button,
.chaport-content.chaport-window-dark-gray .chaport-launcher .chaport-launcher-button,
.chaport-faq-container.chaport-window-dark-gray .chaport-launcher .chaport-launcher-button {
    background-color: #414141
}

.chaport-container.chaport-window-dark-gray .chaport-inner-header,
.chaport-container.chaport-window-dark-gray .your-message-wrapper .message-body,
.chaport-content.chaport-window-dark-gray .chaport-inner-header,
.chaport-content.chaport-window-dark-gray .your-message-wrapper .message-body,
.chaport-faq-container.chaport-window-dark-gray .chaport-inner-header,
.chaport-faq-container.chaport-window-dark-gray .your-message-wrapper .message-body {
    background-color: #414141 !important
}

.chaport-container.chaport-window-dark-gray .chaport-inner-header .operator-faces .operator-face:before,
.chaport-content.chaport-window-dark-gray .chaport-inner-header .operator-faces .operator-face:before,
.chaport-faq-container.chaport-window-dark-gray .chaport-inner-header .operator-faces .operator-face:before {
    background-color: #414141 !important
}

.chaport-container.chaport-window-dark-gray .chaport-logo span,
.chaport-content.chaport-window-dark-gray .chaport-logo span,
.chaport-faq-container.chaport-window-dark-gray .chaport-logo span {
    color: #414141 !important
}

.chaport-container.chaport-window-dark-gray .emoji-wrapper.show-popup .emoji-icon,
.chaport-container.chaport-window-dark-gray .message-status,
.chaport-content.chaport-window-dark-gray .emoji-wrapper.show-popup .emoji-icon,
.chaport-content.chaport-window-dark-gray .message-status,
.chaport-faq-container.chaport-window-dark-gray .emoji-wrapper.show-popup .emoji-icon,
.chaport-faq-container.chaport-window-dark-gray .message-status {
    background-color: #414141 !important
}

.chaport-container.chaport-window-dark-gray .prechat-form .focused::before,
.chaport-content.chaport-window-dark-gray .prechat-form .focused::before,
.chaport-faq-container.chaport-window-dark-gray .prechat-form .focused::before {
    background-color: #414141 !important
}

.chaport-container.chaport-window-dark-gray .chaport-input-wrapper input,
.chaport-container.chaport-window-dark-gray .chaport-input-wrapper textarea,
.chaport-content.chaport-window-dark-gray .chaport-input-wrapper input,
.chaport-content.chaport-window-dark-gray .chaport-input-wrapper textarea,
.chaport-faq-container.chaport-window-dark-gray .chaport-input-wrapper input,
.chaport-faq-container.chaport-window-dark-gray .chaport-input-wrapper textarea {
    caret-color: #414141
}

.chaport-container.chaport-window-dark-gray .chaport-send-icon svg polygon,
.chaport-content.chaport-window-dark-gray .chaport-send-icon svg polygon,
.chaport-faq-container.chaport-window-dark-gray .chaport-send-icon svg polygon {
    fill: #414141
}

.chaport-container.chaport-window-dark-gray .chaport-send-icon:hover svg polygon,
.chaport-content.chaport-window-dark-gray .chaport-send-icon:hover svg polygon,
.chaport-faq-container.chaport-window-dark-gray .chaport-send-icon:hover svg polygon {
    fill: rgba(65, 65, 65, 0.9)
}

.chaport-container.chaport-window-dark-gray.chaport-device-windows .prechat-form .checkbox-field:checked,
.chaport-content.chaport-window-dark-gray.chaport-device-windows .prechat-form .checkbox-field:checked,
.chaport-faq-container.chaport-window-dark-gray.chaport-device-windows .prechat-form .checkbox-field:checked {
    background-color: #414141 !important;
    border: 1px solid #414141 !important
}

.chaport-container.chaport-window-dark-gray .reply-option,
.chaport-content.chaport-window-dark-gray .reply-option,
.chaport-faq-container.chaport-window-dark-gray .reply-option {
    color: #414141 !important;
    border: 1px solid rgba(65, 65, 65, 0.8) !important
}

.chaport-container.chaport-window-dark-gray .reply-option:hover,
.chaport-container.chaport-window-dark-gray .reply-option:active,
.chaport-content.chaport-window-dark-gray .reply-option:hover,
.chaport-content.chaport-window-dark-gray .reply-option:active,
.chaport-faq-container.chaport-window-dark-gray .reply-option:hover,
.chaport-faq-container.chaport-window-dark-gray .reply-option:active {
    color: #fff !important;
    border: 1px solid #414141 !important;
    background-color: #414141 !important
}

.chaport-container.chaport-window-dark-gray .bot-photo,
.chaport-content.chaport-window-dark-gray .bot-photo,
.chaport-faq-container.chaport-window-dark-gray .bot-photo {
    background: #748c9f !important
}

.chaport-container.chaport-window-dark-gray .chaport-email-request-input-wrapper .chaport-email-request-input:focus,
.chaport-content.chaport-window-dark-gray .chaport-email-request-input-wrapper .chaport-email-request-input:focus,
.chaport-faq-container.chaport-window-dark-gray .chaport-email-request-input-wrapper .chaport-email-request-input:focus {
    border-color: rgba(65, 65, 65, 0.8) !important
}

.chaport-container.chaport-window-dark-gray .chaport-email-request-input-wrapper .chaport-email-send-button,
.chaport-content.chaport-window-dark-gray .chaport-email-request-input-wrapper .chaport-email-send-button,
.chaport-faq-container.chaport-window-dark-gray .chaport-email-request-input-wrapper .chaport-email-send-button {
    background-color: #414141 !important
}

.chaport-container.chaport-window-dark-gray .chaport-email-request-input-wrapper .chaport-email-request-input,
.chaport-content.chaport-window-dark-gray .chaport-email-request-input-wrapper .chaport-email-request-input,
.chaport-faq-container.chaport-window-dark-gray .chaport-email-request-input-wrapper .chaport-email-request-input {
    caret-color: #414141
}

.chaport-container.chaport-window-dark-gray .faq-bot-message .btn-link-wrapper,
.chaport-content.chaport-window-dark-gray .faq-bot-message .btn-link-wrapper,
.chaport-faq-container.chaport-window-dark-gray .faq-bot-message .btn-link-wrapper {
    color: #414141 !important
}

.chaport-container.chaport-window-dark-gray .faq-bot-message .btn-link-wrapper:hover,
.chaport-content.chaport-window-dark-gray .faq-bot-message .btn-link-wrapper:hover,
.chaport-faq-container.chaport-window-dark-gray .faq-bot-message .btn-link-wrapper:hover {
    color: rgba(65, 65, 65, 0.8) !important
}

.chaport-container.chaport-window-dark-gray~.widget-browser .widget-browser-faq-nav,
.chaport-content.chaport-window-dark-gray~.widget-browser .widget-browser-faq-nav,
.chaport-faq-container.chaport-window-dark-gray~.widget-browser .widget-browser-faq-nav {
    background-color: #414141
}

.chaport-container.chaport-window-dark-gray~.widget-browser .widget-browser-faq-link:link,
.chaport-container.chaport-window-dark-gray~.widget-browser .widget-browser-faq-link:visited,
.chaport-container.chaport-window-dark-gray~.widget-browser .article-content a:link,
.chaport-container.chaport-window-dark-gray~.widget-browser .article-content a:visited,
.chaport-content.chaport-window-dark-gray~.widget-browser .widget-browser-faq-link:link,
.chaport-content.chaport-window-dark-gray~.widget-browser .widget-browser-faq-link:visited,
.chaport-content.chaport-window-dark-gray~.widget-browser .article-content a:link,
.chaport-content.chaport-window-dark-gray~.widget-browser .article-content a:visited,
.chaport-faq-container.chaport-window-dark-gray~.widget-browser .widget-browser-faq-link:link,
.chaport-faq-container.chaport-window-dark-gray~.widget-browser .widget-browser-faq-link:visited,
.chaport-faq-container.chaport-window-dark-gray~.widget-browser .article-content a:link,
.chaport-faq-container.chaport-window-dark-gray~.widget-browser .article-content a:visited {
    color: #414141 !important
}

.chaport-container.chaport-window-dark-gray~.widget-browser .widget-browser-faq-link:hover,
.chaport-container.chaport-window-dark-gray~.widget-browser .article-content a:hover,
.chaport-content.chaport-window-dark-gray~.widget-browser .widget-browser-faq-link:hover,
.chaport-content.chaport-window-dark-gray~.widget-browser .article-content a:hover,
.chaport-faq-container.chaport-window-dark-gray~.widget-browser .widget-browser-faq-link:hover,
.chaport-faq-container.chaport-window-dark-gray~.widget-browser .article-content a:hover {
    color: rgba(65, 65, 65, 0.8) !important
}

.chaport-container.chaport-window-dark-gray~.widget-browser .article-content blockquote,
.chaport-content.chaport-window-dark-gray~.widget-browser .article-content blockquote,
.chaport-faq-container.chaport-window-dark-gray~.widget-browser .article-content blockquote {
    border-color: #414141 !important
}

.chaport-container.chaport-window-dark-gray~.widget-browser .faq-footer .faq-footer-back-button::after,
.chaport-content.chaport-window-dark-gray~.widget-browser .faq-footer .faq-footer-back-button::after,
.chaport-faq-container.chaport-window-dark-gray~.widget-browser .faq-footer .faq-footer-back-button::after {
    border-color: #414141 !important
}

.chaport-container.chaport-window-dark-gray~.widget-browser .faq-footer .chaport-logo span,
.chaport-content.chaport-window-dark-gray~.widget-browser .faq-footer .chaport-logo span,
.chaport-faq-container.chaport-window-dark-gray~.widget-browser .faq-footer .chaport-logo span {
    color: #414141 !important
}

.chaport-container.chaport-window-dark-gray .content-wrapper .section .section-body .article-list-item-link,
.chaport-container.chaport-window-dark-gray .content-wrapper .section .section-body #article .widget-browser-faq-link,
.chaport-container.chaport-window-dark-gray .content-wrapper .section .section-body #article a,
.chaport-content.chaport-window-dark-gray .content-wrapper .section .section-body .article-list-item-link,
.chaport-content.chaport-window-dark-gray .content-wrapper .section .section-body #article .widget-browser-faq-link,
.chaport-content.chaport-window-dark-gray .content-wrapper .section .section-body #article a,
.chaport-faq-container.chaport-window-dark-gray .content-wrapper .section .section-body .article-list-item-link,
.chaport-faq-container.chaport-window-dark-gray .content-wrapper .section .section-body #article .widget-browser-faq-link,
.chaport-faq-container.chaport-window-dark-gray .content-wrapper .section .section-body #article a {
    color: #414141 !important
}

.chaport-container.chaport-window-dark-gray .content-wrapper .section .section-body .article-list-item-link:hover,
.chaport-container.chaport-window-dark-gray .content-wrapper .section .section-body #article .widget-browser-faq-link:hover,
.chaport-container.chaport-window-dark-gray .content-wrapper .section .section-body #article a:hover,
.chaport-content.chaport-window-dark-gray .content-wrapper .section .section-body .article-list-item-link:hover,
.chaport-content.chaport-window-dark-gray .content-wrapper .section .section-body #article .widget-browser-faq-link:hover,
.chaport-content.chaport-window-dark-gray .content-wrapper .section .section-body #article a:hover,
.chaport-faq-container.chaport-window-dark-gray .content-wrapper .section .section-body .article-list-item-link:hover,
.chaport-faq-container.chaport-window-dark-gray .content-wrapper .section .section-body #article .widget-browser-faq-link:hover,
.chaport-faq-container.chaport-window-dark-gray .content-wrapper .section .section-body #article a:hover {
    color: rgba(65, 65, 65, 0.8) !important
}

.chaport-container.chaport-window-dark-gray .content-wrapper .section .section-body #article blockquote,
.chaport-content.chaport-window-dark-gray .content-wrapper .section .section-body #article blockquote,
.chaport-faq-container.chaport-window-dark-gray .content-wrapper .section .section-body #article blockquote {
    border-color: #414141 !important
}

.chaport-container.chaport-window-dark-gray .nav-wrapper .default-logo-wrapper:hover .default-logo-text,
.chaport-content.chaport-window-dark-gray .nav-wrapper .default-logo-wrapper:hover .default-logo-text,
.chaport-faq-container.chaport-window-dark-gray .nav-wrapper .default-logo-wrapper:hover .default-logo-text {
    color: rgba(65, 65, 65, 0.8) !important
}

.chaport-container.chaport-window-dark-gray .nav-wrapper .default-logo-wrapper .default-logo-text,
.chaport-content.chaport-window-dark-gray .nav-wrapper .default-logo-wrapper .default-logo-text,
.chaport-faq-container.chaport-window-dark-gray .nav-wrapper .default-logo-wrapper .default-logo-text {
    color: #414141 !important
}

.chaport-container.chaport-window-dark-gray .message-wrapper.interlocutor-message-wrapper .message-body a,
.chaport-content.chaport-window-dark-gray .message-wrapper.interlocutor-message-wrapper .message-body a,
.chaport-faq-container.chaport-window-dark-gray .message-wrapper.interlocutor-message-wrapper .message-body a {
    color: #414141 !important
}

.chaport-container.chaport-window-dark-gray .message-wrapper.interlocutor-message-wrapper .message-body a:hover,
.chaport-content.chaport-window-dark-gray .message-wrapper.interlocutor-message-wrapper .message-body a:hover,
.chaport-faq-container.chaport-window-dark-gray .message-wrapper.interlocutor-message-wrapper .message-body a:hover {
    color: rgba(65, 65, 65, 0.8) !important
}

.chaport-container.chaport-window-dark-gray .message-wrapper.interlocutor-message-wrapper .message-body blockquote,
.chaport-content.chaport-window-dark-gray .message-wrapper.interlocutor-message-wrapper .message-body blockquote,
.chaport-faq-container.chaport-window-dark-gray .message-wrapper.interlocutor-message-wrapper .message-body blockquote {
    border-color: #414141
}

.chaport-container.chaport-window-gray .chaport-launcher .chaport-launcher-button,
.chaport-content.chaport-window-gray .chaport-launcher .chaport-launcher-button,
.chaport-faq-container.chaport-window-gray .chaport-launcher .chaport-launcher-button {
    background-color: #5f5f5f
}

.chaport-container.chaport-window-gray .chaport-inner-header,
.chaport-container.chaport-window-gray .your-message-wrapper .message-body,
.chaport-content.chaport-window-gray .chaport-inner-header,
.chaport-content.chaport-window-gray .your-message-wrapper .message-body,
.chaport-faq-container.chaport-window-gray .chaport-inner-header,
.chaport-faq-container.chaport-window-gray .your-message-wrapper .message-body {
    background-color: #5f5f5f !important
}

.chaport-container.chaport-window-gray .chaport-inner-header .operator-faces .operator-face:before,
.chaport-content.chaport-window-gray .chaport-inner-header .operator-faces .operator-face:before,
.chaport-faq-container.chaport-window-gray .chaport-inner-header .operator-faces .operator-face:before {
    background-color: #5f5f5f !important
}

.chaport-container.chaport-window-gray .chaport-logo span,
.chaport-content.chaport-window-gray .chaport-logo span,
.chaport-faq-container.chaport-window-gray .chaport-logo span {
    color: #5f5f5f !important
}

.chaport-container.chaport-window-gray .emoji-wrapper.show-popup .emoji-icon,
.chaport-container.chaport-window-gray .message-status,
.chaport-content.chaport-window-gray .emoji-wrapper.show-popup .emoji-icon,
.chaport-content.chaport-window-gray .message-status,
.chaport-faq-container.chaport-window-gray .emoji-wrapper.show-popup .emoji-icon,
.chaport-faq-container.chaport-window-gray .message-status {
    background-color: #5f5f5f !important
}

.chaport-container.chaport-window-gray .prechat-form .focused::before,
.chaport-content.chaport-window-gray .prechat-form .focused::before,
.chaport-faq-container.chaport-window-gray .prechat-form .focused::before {
    background-color: #5f5f5f !important
}

.chaport-container.chaport-window-gray .chaport-input-wrapper input,
.chaport-container.chaport-window-gray .chaport-input-wrapper textarea,
.chaport-content.chaport-window-gray .chaport-input-wrapper input,
.chaport-content.chaport-window-gray .chaport-input-wrapper textarea,
.chaport-faq-container.chaport-window-gray .chaport-input-wrapper input,
.chaport-faq-container.chaport-window-gray .chaport-input-wrapper textarea {
    caret-color: #5f5f5f
}

.chaport-container.chaport-window-gray .chaport-send-icon svg polygon,
.chaport-content.chaport-window-gray .chaport-send-icon svg polygon,
.chaport-faq-container.chaport-window-gray .chaport-send-icon svg polygon {
    fill: #5f5f5f
}

.chaport-container.chaport-window-gray .chaport-send-icon:hover svg polygon,
.chaport-content.chaport-window-gray .chaport-send-icon:hover svg polygon,
.chaport-faq-container.chaport-window-gray .chaport-send-icon:hover svg polygon {
    fill: rgba(95, 95, 95, 0.9)
}

.chaport-container.chaport-window-gray.chaport-device-windows .prechat-form .checkbox-field:checked,
.chaport-content.chaport-window-gray.chaport-device-windows .prechat-form .checkbox-field:checked,
.chaport-faq-container.chaport-window-gray.chaport-device-windows .prechat-form .checkbox-field:checked {
    background-color: #5f5f5f !important;
    border: 1px solid #5f5f5f !important
}

.chaport-container.chaport-window-gray .reply-option,
.chaport-content.chaport-window-gray .reply-option,
.chaport-faq-container.chaport-window-gray .reply-option {
    color: #5f5f5f !important;
    border: 1px solid rgba(95, 95, 95, 0.8) !important
}

.chaport-container.chaport-window-gray .reply-option:hover,
.chaport-container.chaport-window-gray .reply-option:active,
.chaport-content.chaport-window-gray .reply-option:hover,
.chaport-content.chaport-window-gray .reply-option:active,
.chaport-faq-container.chaport-window-gray .reply-option:hover,
.chaport-faq-container.chaport-window-gray .reply-option:active {
    color: #fff !important;
    border: 1px solid #5f5f5f !important;
    background-color: #5f5f5f !important
}

.chaport-container.chaport-window-gray .bot-photo,
.chaport-content.chaport-window-gray .bot-photo,
.chaport-faq-container.chaport-window-gray .bot-photo {
    background: #748c9f !important
}

.chaport-container.chaport-window-gray .chaport-email-request-input-wrapper .chaport-email-request-input:focus,
.chaport-content.chaport-window-gray .chaport-email-request-input-wrapper .chaport-email-request-input:focus,
.chaport-faq-container.chaport-window-gray .chaport-email-request-input-wrapper .chaport-email-request-input:focus {
    border-color: rgba(95, 95, 95, 0.8) !important
}

.chaport-container.chaport-window-gray .chaport-email-request-input-wrapper .chaport-email-send-button,
.chaport-content.chaport-window-gray .chaport-email-request-input-wrapper .chaport-email-send-button,
.chaport-faq-container.chaport-window-gray .chaport-email-request-input-wrapper .chaport-email-send-button {
    background-color: #5f5f5f !important
}

.chaport-container.chaport-window-gray .chaport-email-request-input-wrapper .chaport-email-request-input,
.chaport-content.chaport-window-gray .chaport-email-request-input-wrapper .chaport-email-request-input,
.chaport-faq-container.chaport-window-gray .chaport-email-request-input-wrapper .chaport-email-request-input {
    caret-color: #5f5f5f
}

.chaport-container.chaport-window-gray .faq-bot-message .btn-link-wrapper,
.chaport-content.chaport-window-gray .faq-bot-message .btn-link-wrapper,
.chaport-faq-container.chaport-window-gray .faq-bot-message .btn-link-wrapper {
    color: #5f5f5f !important
}

.chaport-container.chaport-window-gray .faq-bot-message .btn-link-wrapper:hover,
.chaport-content.chaport-window-gray .faq-bot-message .btn-link-wrapper:hover,
.chaport-faq-container.chaport-window-gray .faq-bot-message .btn-link-wrapper:hover {
    color: rgba(95, 95, 95, 0.8) !important
}

.chaport-container.chaport-window-gray~.widget-browser .widget-browser-faq-nav,
.chaport-content.chaport-window-gray~.widget-browser .widget-browser-faq-nav,
.chaport-faq-container.chaport-window-gray~.widget-browser .widget-browser-faq-nav {
    background-color: #5f5f5f
}

.chaport-container.chaport-window-gray~.widget-browser .widget-browser-faq-link:link,
.chaport-container.chaport-window-gray~.widget-browser .widget-browser-faq-link:visited,
.chaport-container.chaport-window-gray~.widget-browser .article-content a:link,
.chaport-container.chaport-window-gray~.widget-browser .article-content a:visited,
.chaport-content.chaport-window-gray~.widget-browser .widget-browser-faq-link:link,
.chaport-content.chaport-window-gray~.widget-browser .widget-browser-faq-link:visited,
.chaport-content.chaport-window-gray~.widget-browser .article-content a:link,
.chaport-content.chaport-window-gray~.widget-browser .article-content a:visited,
.chaport-faq-container.chaport-window-gray~.widget-browser .widget-browser-faq-link:link,
.chaport-faq-container.chaport-window-gray~.widget-browser .widget-browser-faq-link:visited,
.chaport-faq-container.chaport-window-gray~.widget-browser .article-content a:link,
.chaport-faq-container.chaport-window-gray~.widget-browser .article-content a:visited {
    color: #5f5f5f !important
}

.chaport-container.chaport-window-gray~.widget-browser .widget-browser-faq-link:hover,
.chaport-container.chaport-window-gray~.widget-browser .article-content a:hover,
.chaport-content.chaport-window-gray~.widget-browser .widget-browser-faq-link:hover,
.chaport-content.chaport-window-gray~.widget-browser .article-content a:hover,
.chaport-faq-container.chaport-window-gray~.widget-browser .widget-browser-faq-link:hover,
.chaport-faq-container.chaport-window-gray~.widget-browser .article-content a:hover {
    color: rgba(95, 95, 95, 0.8) !important
}

.chaport-container.chaport-window-gray~.widget-browser .article-content blockquote,
.chaport-content.chaport-window-gray~.widget-browser .article-content blockquote,
.chaport-faq-container.chaport-window-gray~.widget-browser .article-content blockquote {
    border-color: #5f5f5f !important
}

.chaport-container.chaport-window-gray~.widget-browser .faq-footer .faq-footer-back-button::after,
.chaport-content.chaport-window-gray~.widget-browser .faq-footer .faq-footer-back-button::after,
.chaport-faq-container.chaport-window-gray~.widget-browser .faq-footer .faq-footer-back-button::after {
    border-color: #5f5f5f !important
}

.chaport-container.chaport-window-gray~.widget-browser .faq-footer .chaport-logo span,
.chaport-content.chaport-window-gray~.widget-browser .faq-footer .chaport-logo span,
.chaport-faq-container.chaport-window-gray~.widget-browser .faq-footer .chaport-logo span {
    color: #5f5f5f !important
}

.chaport-container.chaport-window-gray .content-wrapper .section .section-body .article-list-item-link,
.chaport-container.chaport-window-gray .content-wrapper .section .section-body #article .widget-browser-faq-link,
.chaport-container.chaport-window-gray .content-wrapper .section .section-body #article a,
.chaport-content.chaport-window-gray .content-wrapper .section .section-body .article-list-item-link,
.chaport-content.chaport-window-gray .content-wrapper .section .section-body #article .widget-browser-faq-link,
.chaport-content.chaport-window-gray .content-wrapper .section .section-body #article a,
.chaport-faq-container.chaport-window-gray .content-wrapper .section .section-body .article-list-item-link,
.chaport-faq-container.chaport-window-gray .content-wrapper .section .section-body #article .widget-browser-faq-link,
.chaport-faq-container.chaport-window-gray .content-wrapper .section .section-body #article a {
    color: #5f5f5f !important
}

.chaport-container.chaport-window-gray .content-wrapper .section .section-body .article-list-item-link:hover,
.chaport-container.chaport-window-gray .content-wrapper .section .section-body #article .widget-browser-faq-link:hover,
.chaport-container.chaport-window-gray .content-wrapper .section .section-body #article a:hover,
.chaport-content.chaport-window-gray .content-wrapper .section .section-body .article-list-item-link:hover,
.chaport-content.chaport-window-gray .content-wrapper .section .section-body #article .widget-browser-faq-link:hover,
.chaport-content.chaport-window-gray .content-wrapper .section .section-body #article a:hover,
.chaport-faq-container.chaport-window-gray .content-wrapper .section .section-body .article-list-item-link:hover,
.chaport-faq-container.chaport-window-gray .content-wrapper .section .section-body #article .widget-browser-faq-link:hover,
.chaport-faq-container.chaport-window-gray .content-wrapper .section .section-body #article a:hover {
    color: rgba(95, 95, 95, 0.8) !important
}

.chaport-container.chaport-window-gray .content-wrapper .section .section-body #article blockquote,
.chaport-content.chaport-window-gray .content-wrapper .section .section-body #article blockquote,
.chaport-faq-container.chaport-window-gray .content-wrapper .section .section-body #article blockquote {
    border-color: #5f5f5f !important
}

.chaport-container.chaport-window-gray .nav-wrapper .default-logo-wrapper:hover .default-logo-text,
.chaport-content.chaport-window-gray .nav-wrapper .default-logo-wrapper:hover .default-logo-text,
.chaport-faq-container.chaport-window-gray .nav-wrapper .default-logo-wrapper:hover .default-logo-text {
    color: rgba(95, 95, 95, 0.8) !important
}

.chaport-container.chaport-window-gray .nav-wrapper .default-logo-wrapper .default-logo-text,
.chaport-content.chaport-window-gray .nav-wrapper .default-logo-wrapper .default-logo-text,
.chaport-faq-container.chaport-window-gray .nav-wrapper .default-logo-wrapper .default-logo-text {
    color: #5f5f5f !important
}

.chaport-container.chaport-window-gray .message-wrapper.interlocutor-message-wrapper .message-body a,
.chaport-content.chaport-window-gray .message-wrapper.interlocutor-message-wrapper .message-body a,
.chaport-faq-container.chaport-window-gray .message-wrapper.interlocutor-message-wrapper .message-body a {
    color: #5f5f5f !important
}

.chaport-container.chaport-window-gray .message-wrapper.interlocutor-message-wrapper .message-body a:hover,
.chaport-content.chaport-window-gray .message-wrapper.interlocutor-message-wrapper .message-body a:hover,
.chaport-faq-container.chaport-window-gray .message-wrapper.interlocutor-message-wrapper .message-body a:hover {
    color: rgba(95, 95, 95, 0.8) !important
}

.chaport-container.chaport-window-gray .message-wrapper.interlocutor-message-wrapper .message-body blockquote,
.chaport-content.chaport-window-gray .message-wrapper.interlocutor-message-wrapper .message-body blockquote,
.chaport-faq-container.chaport-window-gray .message-wrapper.interlocutor-message-wrapper .message-body blockquote {
    border-color: #5f5f5f
}

.chaport-container.chaport-window-blue-gray .chaport-launcher .chaport-launcher-button,
.chaport-content.chaport-window-blue-gray .chaport-launcher .chaport-launcher-button,
.chaport-faq-container.chaport-window-blue-gray .chaport-launcher .chaport-launcher-button {
    background-color: #78909c
}

.chaport-container.chaport-window-blue-gray .chaport-inner-header,
.chaport-container.chaport-window-blue-gray .your-message-wrapper .message-body,
.chaport-content.chaport-window-blue-gray .chaport-inner-header,
.chaport-content.chaport-window-blue-gray .your-message-wrapper .message-body,
.chaport-faq-container.chaport-window-blue-gray .chaport-inner-header,
.chaport-faq-container.chaport-window-blue-gray .your-message-wrapper .message-body {
    background-color: #78909c !important
}

.chaport-container.chaport-window-blue-gray .chaport-inner-header .operator-faces .operator-face:before,
.chaport-content.chaport-window-blue-gray .chaport-inner-header .operator-faces .operator-face:before,
.chaport-faq-container.chaport-window-blue-gray .chaport-inner-header .operator-faces .operator-face:before {
    background-color: #78909c !important
}

.chaport-container.chaport-window-blue-gray .chaport-logo span,
.chaport-content.chaport-window-blue-gray .chaport-logo span,
.chaport-faq-container.chaport-window-blue-gray .chaport-logo span {
    color: #78909c !important
}

.chaport-container.chaport-window-blue-gray .emoji-wrapper.show-popup .emoji-icon,
.chaport-container.chaport-window-blue-gray .message-status,
.chaport-content.chaport-window-blue-gray .emoji-wrapper.show-popup .emoji-icon,
.chaport-content.chaport-window-blue-gray .message-status,
.chaport-faq-container.chaport-window-blue-gray .emoji-wrapper.show-popup .emoji-icon,
.chaport-faq-container.chaport-window-blue-gray .message-status {
    background-color: #78909c !important
}

.chaport-container.chaport-window-blue-gray .prechat-form .focused::before,
.chaport-content.chaport-window-blue-gray .prechat-form .focused::before,
.chaport-faq-container.chaport-window-blue-gray .prechat-form .focused::before {
    background-color: #78909c !important
}

.chaport-container.chaport-window-blue-gray .chaport-input-wrapper input,
.chaport-container.chaport-window-blue-gray .chaport-input-wrapper textarea,
.chaport-content.chaport-window-blue-gray .chaport-input-wrapper input,
.chaport-content.chaport-window-blue-gray .chaport-input-wrapper textarea,
.chaport-faq-container.chaport-window-blue-gray .chaport-input-wrapper input,
.chaport-faq-container.chaport-window-blue-gray .chaport-input-wrapper textarea {
    caret-color: #78909c
}

.chaport-container.chaport-window-blue-gray .chaport-send-icon svg polygon,
.chaport-content.chaport-window-blue-gray .chaport-send-icon svg polygon,
.chaport-faq-container.chaport-window-blue-gray .chaport-send-icon svg polygon {
    fill: #78909c
}

.chaport-container.chaport-window-blue-gray .chaport-send-icon:hover svg polygon,
.chaport-content.chaport-window-blue-gray .chaport-send-icon:hover svg polygon,
.chaport-faq-container.chaport-window-blue-gray .chaport-send-icon:hover svg polygon {
    fill: rgba(120, 144, 156, 0.9)
}

.chaport-container.chaport-window-blue-gray.chaport-device-windows .prechat-form .checkbox-field:checked,
.chaport-content.chaport-window-blue-gray.chaport-device-windows .prechat-form .checkbox-field:checked,
.chaport-faq-container.chaport-window-blue-gray.chaport-device-windows .prechat-form .checkbox-field:checked {
    background-color: #78909c !important;
    border: 1px solid #78909c !important
}

.chaport-container.chaport-window-blue-gray .reply-option,
.chaport-content.chaport-window-blue-gray .reply-option,
.chaport-faq-container.chaport-window-blue-gray .reply-option {
    color: #78909c !important;
    border: 1px solid rgba(120, 144, 156, 0.8) !important
}

.chaport-container.chaport-window-blue-gray .reply-option:hover,
.chaport-container.chaport-window-blue-gray .reply-option:active,
.chaport-content.chaport-window-blue-gray .reply-option:hover,
.chaport-content.chaport-window-blue-gray .reply-option:active,
.chaport-faq-container.chaport-window-blue-gray .reply-option:hover,
.chaport-faq-container.chaport-window-blue-gray .reply-option:active {
    color: #fff !important;
    border: 1px solid #78909c !important;
    background-color: #78909c !important
}

.chaport-container.chaport-window-blue-gray .bot-photo,
.chaport-content.chaport-window-blue-gray .bot-photo,
.chaport-faq-container.chaport-window-blue-gray .bot-photo {
    background: #748c9f !important
}

.chaport-container.chaport-window-blue-gray .chaport-email-request-input-wrapper .chaport-email-request-input:focus,
.chaport-content.chaport-window-blue-gray .chaport-email-request-input-wrapper .chaport-email-request-input:focus,
.chaport-faq-container.chaport-window-blue-gray .chaport-email-request-input-wrapper .chaport-email-request-input:focus {
    border-color: rgba(120, 144, 156, 0.8) !important
}

.chaport-container.chaport-window-blue-gray .chaport-email-request-input-wrapper .chaport-email-send-button,
.chaport-content.chaport-window-blue-gray .chaport-email-request-input-wrapper .chaport-email-send-button,
.chaport-faq-container.chaport-window-blue-gray .chaport-email-request-input-wrapper .chaport-email-send-button {
    background-color: #78909c !important
}

.chaport-container.chaport-window-blue-gray .chaport-email-request-input-wrapper .chaport-email-request-input,
.chaport-content.chaport-window-blue-gray .chaport-email-request-input-wrapper .chaport-email-request-input,
.chaport-faq-container.chaport-window-blue-gray .chaport-email-request-input-wrapper .chaport-email-request-input {
    caret-color: #78909c
}

.chaport-container.chaport-window-blue-gray .faq-bot-message .btn-link-wrapper,
.chaport-content.chaport-window-blue-gray .faq-bot-message .btn-link-wrapper,
.chaport-faq-container.chaport-window-blue-gray .faq-bot-message .btn-link-wrapper {
    color: #78909c !important
}

.chaport-container.chaport-window-blue-gray .faq-bot-message .btn-link-wrapper:hover,
.chaport-content.chaport-window-blue-gray .faq-bot-message .btn-link-wrapper:hover,
.chaport-faq-container.chaport-window-blue-gray .faq-bot-message .btn-link-wrapper:hover {
    color: rgba(120, 144, 156, 0.8) !important
}

.chaport-container.chaport-window-blue-gray~.widget-browser .widget-browser-faq-nav,
.chaport-content.chaport-window-blue-gray~.widget-browser .widget-browser-faq-nav,
.chaport-faq-container.chaport-window-blue-gray~.widget-browser .widget-browser-faq-nav {
    background-color: #78909c
}

.chaport-container.chaport-window-blue-gray~.widget-browser .widget-browser-faq-link:link,
.chaport-container.chaport-window-blue-gray~.widget-browser .widget-browser-faq-link:visited,
.chaport-container.chaport-window-blue-gray~.widget-browser .article-content a:link,
.chaport-container.chaport-window-blue-gray~.widget-browser .article-content a:visited,
.chaport-content.chaport-window-blue-gray~.widget-browser .widget-browser-faq-link:link,
.chaport-content.chaport-window-blue-gray~.widget-browser .widget-browser-faq-link:visited,
.chaport-content.chaport-window-blue-gray~.widget-browser .article-content a:link,
.chaport-content.chaport-window-blue-gray~.widget-browser .article-content a:visited,
.chaport-faq-container.chaport-window-blue-gray~.widget-browser .widget-browser-faq-link:link,
.chaport-faq-container.chaport-window-blue-gray~.widget-browser .widget-browser-faq-link:visited,
.chaport-faq-container.chaport-window-blue-gray~.widget-browser .article-content a:link,
.chaport-faq-container.chaport-window-blue-gray~.widget-browser .article-content a:visited {
    color: #78909c !important
}

.chaport-container.chaport-window-blue-gray~.widget-browser .widget-browser-faq-link:hover,
.chaport-container.chaport-window-blue-gray~.widget-browser .article-content a:hover,
.chaport-content.chaport-window-blue-gray~.widget-browser .widget-browser-faq-link:hover,
.chaport-content.chaport-window-blue-gray~.widget-browser .article-content a:hover,
.chaport-faq-container.chaport-window-blue-gray~.widget-browser .widget-browser-faq-link:hover,
.chaport-faq-container.chaport-window-blue-gray~.widget-browser .article-content a:hover {
    color: rgba(120, 144, 156, 0.8) !important
}

.chaport-container.chaport-window-blue-gray~.widget-browser .article-content blockquote,
.chaport-content.chaport-window-blue-gray~.widget-browser .article-content blockquote,
.chaport-faq-container.chaport-window-blue-gray~.widget-browser .article-content blockquote {
    border-color: #78909c !important
}

.chaport-container.chaport-window-blue-gray~.widget-browser .faq-footer .faq-footer-back-button::after,
.chaport-content.chaport-window-blue-gray~.widget-browser .faq-footer .faq-footer-back-button::after,
.chaport-faq-container.chaport-window-blue-gray~.widget-browser .faq-footer .faq-footer-back-button::after {
    border-color: #78909c !important
}

.chaport-container.chaport-window-blue-gray~.widget-browser .faq-footer .chaport-logo span,
.chaport-content.chaport-window-blue-gray~.widget-browser .faq-footer .chaport-logo span,
.chaport-faq-container.chaport-window-blue-gray~.widget-browser .faq-footer .chaport-logo span {
    color: #78909c !important
}

.chaport-container.chaport-window-blue-gray .content-wrapper .section .section-body .article-list-item-link,
.chaport-container.chaport-window-blue-gray .content-wrapper .section .section-body #article .widget-browser-faq-link,
.chaport-container.chaport-window-blue-gray .content-wrapper .section .section-body #article a,
.chaport-content.chaport-window-blue-gray .content-wrapper .section .section-body .article-list-item-link,
.chaport-content.chaport-window-blue-gray .content-wrapper .section .section-body #article .widget-browser-faq-link,
.chaport-content.chaport-window-blue-gray .content-wrapper .section .section-body #article a,
.chaport-faq-container.chaport-window-blue-gray .content-wrapper .section .section-body .article-list-item-link,
.chaport-faq-container.chaport-window-blue-gray .content-wrapper .section .section-body #article .widget-browser-faq-link,
.chaport-faq-container.chaport-window-blue-gray .content-wrapper .section .section-body #article a {
    color: #78909c !important
}

.chaport-container.chaport-window-blue-gray .content-wrapper .section .section-body .article-list-item-link:hover,
.chaport-container.chaport-window-blue-gray .content-wrapper .section .section-body #article .widget-browser-faq-link:hover,
.chaport-container.chaport-window-blue-gray .content-wrapper .section .section-body #article a:hover,
.chaport-content.chaport-window-blue-gray .content-wrapper .section .section-body .article-list-item-link:hover,
.chaport-content.chaport-window-blue-gray .content-wrapper .section .section-body #article .widget-browser-faq-link:hover,
.chaport-content.chaport-window-blue-gray .content-wrapper .section .section-body #article a:hover,
.chaport-faq-container.chaport-window-blue-gray .content-wrapper .section .section-body .article-list-item-link:hover,
.chaport-faq-container.chaport-window-blue-gray .content-wrapper .section .section-body #article .widget-browser-faq-link:hover,
.chaport-faq-container.chaport-window-blue-gray .content-wrapper .section .section-body #article a:hover {
    color: rgba(120, 144, 156, 0.8) !important
}

.chaport-container.chaport-window-blue-gray .content-wrapper .section .section-body #article blockquote,
.chaport-content.chaport-window-blue-gray .content-wrapper .section .section-body #article blockquote,
.chaport-faq-container.chaport-window-blue-gray .content-wrapper .section .section-body #article blockquote {
    border-color: #78909c !important
}

.chaport-container.chaport-window-blue-gray .nav-wrapper .default-logo-wrapper:hover .default-logo-text,
.chaport-content.chaport-window-blue-gray .nav-wrapper .default-logo-wrapper:hover .default-logo-text,
.chaport-faq-container.chaport-window-blue-gray .nav-wrapper .default-logo-wrapper:hover .default-logo-text {
    color: rgba(120, 144, 156, 0.8) !important
}

.chaport-container.chaport-window-blue-gray .nav-wrapper .default-logo-wrapper .default-logo-text,
.chaport-content.chaport-window-blue-gray .nav-wrapper .default-logo-wrapper .default-logo-text,
.chaport-faq-container.chaport-window-blue-gray .nav-wrapper .default-logo-wrapper .default-logo-text {
    color: #78909c !important
}

.chaport-container.chaport-window-blue-gray .message-wrapper.interlocutor-message-wrapper .message-body a,
.chaport-content.chaport-window-blue-gray .message-wrapper.interlocutor-message-wrapper .message-body a,
.chaport-faq-container.chaport-window-blue-gray .message-wrapper.interlocutor-message-wrapper .message-body a {
    color: #78909c !important
}

.chaport-container.chaport-window-blue-gray .message-wrapper.interlocutor-message-wrapper .message-body a:hover,
.chaport-content.chaport-window-blue-gray .message-wrapper.interlocutor-message-wrapper .message-body a:hover,
.chaport-faq-container.chaport-window-blue-gray .message-wrapper.interlocutor-message-wrapper .message-body a:hover {
    color: rgba(120, 144, 156, 0.8) !important
}

.chaport-container.chaport-window-blue-gray .message-wrapper.interlocutor-message-wrapper .message-body blockquote,
.chaport-content.chaport-window-blue-gray .message-wrapper.interlocutor-message-wrapper .message-body blockquote,
.chaport-faq-container.chaport-window-blue-gray .message-wrapper.interlocutor-message-wrapper .message-body blockquote {
    border-color: #78909c
}

.chaport-container.chaport-window-red .chaport-launcher .chaport-launcher-button,
.chaport-content.chaport-window-red .chaport-launcher .chaport-launcher-button,
.chaport-faq-container.chaport-window-red .chaport-launcher .chaport-launcher-button {
    background-color: #f44336
}

.chaport-container.chaport-window-red .chaport-inner-header,
.chaport-container.chaport-window-red .your-message-wrapper .message-body,
.chaport-content.chaport-window-red .chaport-inner-header,
.chaport-content.chaport-window-red .your-message-wrapper .message-body,
.chaport-faq-container.chaport-window-red .chaport-inner-header,
.chaport-faq-container.chaport-window-red .your-message-wrapper .message-body {
    background-color: #f44336 !important
}

.chaport-container.chaport-window-red .chaport-inner-header .operator-faces .operator-face:before,
.chaport-content.chaport-window-red .chaport-inner-header .operator-faces .operator-face:before,
.chaport-faq-container.chaport-window-red .chaport-inner-header .operator-faces .operator-face:before {
    background-color: #f44336 !important
}

.chaport-container.chaport-window-red .chaport-logo span,
.chaport-content.chaport-window-red .chaport-logo span,
.chaport-faq-container.chaport-window-red .chaport-logo span {
    color: #f44336 !important
}

.chaport-container.chaport-window-red .emoji-wrapper.show-popup .emoji-icon,
.chaport-container.chaport-window-red .message-status,
.chaport-content.chaport-window-red .emoji-wrapper.show-popup .emoji-icon,
.chaport-content.chaport-window-red .message-status,
.chaport-faq-container.chaport-window-red .emoji-wrapper.show-popup .emoji-icon,
.chaport-faq-container.chaport-window-red .message-status {
    background-color: #f44336 !important
}

.chaport-container.chaport-window-red .prechat-form .focused::before,
.chaport-content.chaport-window-red .prechat-form .focused::before,
.chaport-faq-container.chaport-window-red .prechat-form .focused::before {
    background-color: #f44336 !important
}

.chaport-container.chaport-window-red .chaport-input-wrapper input,
.chaport-container.chaport-window-red .chaport-input-wrapper textarea,
.chaport-content.chaport-window-red .chaport-input-wrapper input,
.chaport-content.chaport-window-red .chaport-input-wrapper textarea,
.chaport-faq-container.chaport-window-red .chaport-input-wrapper input,
.chaport-faq-container.chaport-window-red .chaport-input-wrapper textarea {
    caret-color: #f44336
}

.chaport-container.chaport-window-red .chaport-send-icon svg polygon,
.chaport-content.chaport-window-red .chaport-send-icon svg polygon,
.chaport-faq-container.chaport-window-red .chaport-send-icon svg polygon {
    fill: #f44336
}

.chaport-container.chaport-window-red .chaport-send-icon:hover svg polygon,
.chaport-content.chaport-window-red .chaport-send-icon:hover svg polygon,
.chaport-faq-container.chaport-window-red .chaport-send-icon:hover svg polygon {
    fill: rgba(244, 67, 54, 0.9)
}

.chaport-container.chaport-window-red.chaport-device-windows .prechat-form .checkbox-field:checked,
.chaport-content.chaport-window-red.chaport-device-windows .prechat-form .checkbox-field:checked,
.chaport-faq-container.chaport-window-red.chaport-device-windows .prechat-form .checkbox-field:checked {
    background-color: #f44336 !important;
    border: 1px solid #f44336 !important
}

.chaport-container.chaport-window-red .reply-option,
.chaport-content.chaport-window-red .reply-option,
.chaport-faq-container.chaport-window-red .reply-option {
    color: #f44336 !important;
    border: 1px solid rgba(244, 67, 54, 0.8) !important
}

.chaport-container.chaport-window-red .reply-option:hover,
.chaport-container.chaport-window-red .reply-option:active,
.chaport-content.chaport-window-red .reply-option:hover,
.chaport-content.chaport-window-red .reply-option:active,
.chaport-faq-container.chaport-window-red .reply-option:hover,
.chaport-faq-container.chaport-window-red .reply-option:active {
    color: #fff !important;
    border: 1px solid #f44336 !important;
    background-color: #f44336 !important
}

.chaport-container.chaport-window-red .bot-photo,
.chaport-content.chaport-window-red .bot-photo,
.chaport-faq-container.chaport-window-red .bot-photo {
    background: #748c9f !important
}

.chaport-container.chaport-window-red .chaport-email-request-input-wrapper .chaport-email-request-input:focus,
.chaport-content.chaport-window-red .chaport-email-request-input-wrapper .chaport-email-request-input:focus,
.chaport-faq-container.chaport-window-red .chaport-email-request-input-wrapper .chaport-email-request-input:focus {
    border-color: rgba(244, 67, 54, 0.8) !important
}

.chaport-container.chaport-window-red .chaport-email-request-input-wrapper .chaport-email-send-button,
.chaport-content.chaport-window-red .chaport-email-request-input-wrapper .chaport-email-send-button,
.chaport-faq-container.chaport-window-red .chaport-email-request-input-wrapper .chaport-email-send-button {
    background-color: #f44336 !important
}

.chaport-container.chaport-window-red .chaport-email-request-input-wrapper .chaport-email-request-input,
.chaport-content.chaport-window-red .chaport-email-request-input-wrapper .chaport-email-request-input,
.chaport-faq-container.chaport-window-red .chaport-email-request-input-wrapper .chaport-email-request-input {
    caret-color: #f44336
}

.chaport-container.chaport-window-red .faq-bot-message .btn-link-wrapper,
.chaport-content.chaport-window-red .faq-bot-message .btn-link-wrapper,
.chaport-faq-container.chaport-window-red .faq-bot-message .btn-link-wrapper {
    color: #f44336 !important
}

.chaport-container.chaport-window-red .faq-bot-message .btn-link-wrapper:hover,
.chaport-content.chaport-window-red .faq-bot-message .btn-link-wrapper:hover,
.chaport-faq-container.chaport-window-red .faq-bot-message .btn-link-wrapper:hover {
    color: rgba(244, 67, 54, 0.8) !important
}

.chaport-container.chaport-window-red~.widget-browser .widget-browser-faq-nav,
.chaport-content.chaport-window-red~.widget-browser .widget-browser-faq-nav,
.chaport-faq-container.chaport-window-red~.widget-browser .widget-browser-faq-nav {
    background-color: #f44336
}

.chaport-container.chaport-window-red~.widget-browser .widget-browser-faq-link:link,
.chaport-container.chaport-window-red~.widget-browser .widget-browser-faq-link:visited,
.chaport-container.chaport-window-red~.widget-browser .article-content a:link,
.chaport-container.chaport-window-red~.widget-browser .article-content a:visited,
.chaport-content.chaport-window-red~.widget-browser .widget-browser-faq-link:link,
.chaport-content.chaport-window-red~.widget-browser .widget-browser-faq-link:visited,
.chaport-content.chaport-window-red~.widget-browser .article-content a:link,
.chaport-content.chaport-window-red~.widget-browser .article-content a:visited,
.chaport-faq-container.chaport-window-red~.widget-browser .widget-browser-faq-link:link,
.chaport-faq-container.chaport-window-red~.widget-browser .widget-browser-faq-link:visited,
.chaport-faq-container.chaport-window-red~.widget-browser .article-content a:link,
.chaport-faq-container.chaport-window-red~.widget-browser .article-content a:visited {
    color: #f44336 !important
}

.chaport-container.chaport-window-red~.widget-browser .widget-browser-faq-link:hover,
.chaport-container.chaport-window-red~.widget-browser .article-content a:hover,
.chaport-content.chaport-window-red~.widget-browser .widget-browser-faq-link:hover,
.chaport-content.chaport-window-red~.widget-browser .article-content a:hover,
.chaport-faq-container.chaport-window-red~.widget-browser .widget-browser-faq-link:hover,
.chaport-faq-container.chaport-window-red~.widget-browser .article-content a:hover {
    color: rgba(244, 67, 54, 0.8) !important
}

.chaport-container.chaport-window-red~.widget-browser .article-content blockquote,
.chaport-content.chaport-window-red~.widget-browser .article-content blockquote,
.chaport-faq-container.chaport-window-red~.widget-browser .article-content blockquote {
    border-color: #f44336 !important
}

.chaport-container.chaport-window-red~.widget-browser .faq-footer .faq-footer-back-button::after,
.chaport-content.chaport-window-red~.widget-browser .faq-footer .faq-footer-back-button::after,
.chaport-faq-container.chaport-window-red~.widget-browser .faq-footer .faq-footer-back-button::after {
    border-color: #f44336 !important
}

.chaport-container.chaport-window-red~.widget-browser .faq-footer .chaport-logo span,
.chaport-content.chaport-window-red~.widget-browser .faq-footer .chaport-logo span,
.chaport-faq-container.chaport-window-red~.widget-browser .faq-footer .chaport-logo span {
    color: #f44336 !important
}

.chaport-container.chaport-window-red .content-wrapper .section .section-body .article-list-item-link,
.chaport-container.chaport-window-red .content-wrapper .section .section-body #article .widget-browser-faq-link,
.chaport-container.chaport-window-red .content-wrapper .section .section-body #article a,
.chaport-content.chaport-window-red .content-wrapper .section .section-body .article-list-item-link,
.chaport-content.chaport-window-red .content-wrapper .section .section-body #article .widget-browser-faq-link,
.chaport-content.chaport-window-red .content-wrapper .section .section-body #article a,
.chaport-faq-container.chaport-window-red .content-wrapper .section .section-body .article-list-item-link,
.chaport-faq-container.chaport-window-red .content-wrapper .section .section-body #article .widget-browser-faq-link,
.chaport-faq-container.chaport-window-red .content-wrapper .section .section-body #article a {
    color: #f44336 !important
}

.chaport-container.chaport-window-red .content-wrapper .section .section-body .article-list-item-link:hover,
.chaport-container.chaport-window-red .content-wrapper .section .section-body #article .widget-browser-faq-link:hover,
.chaport-container.chaport-window-red .content-wrapper .section .section-body #article a:hover,
.chaport-content.chaport-window-red .content-wrapper .section .section-body .article-list-item-link:hover,
.chaport-content.chaport-window-red .content-wrapper .section .section-body #article .widget-browser-faq-link:hover,
.chaport-content.chaport-window-red .content-wrapper .section .section-body #article a:hover,
.chaport-faq-container.chaport-window-red .content-wrapper .section .section-body .article-list-item-link:hover,
.chaport-faq-container.chaport-window-red .content-wrapper .section .section-body #article .widget-browser-faq-link:hover,
.chaport-faq-container.chaport-window-red .content-wrapper .section .section-body #article a:hover {
    color: rgba(244, 67, 54, 0.8) !important
}

.chaport-container.chaport-window-red .content-wrapper .section .section-body #article blockquote,
.chaport-content.chaport-window-red .content-wrapper .section .section-body #article blockquote,
.chaport-faq-container.chaport-window-red .content-wrapper .section .section-body #article blockquote {
    border-color: #f44336 !important
}

.chaport-container.chaport-window-red .nav-wrapper .default-logo-wrapper:hover .default-logo-text,
.chaport-content.chaport-window-red .nav-wrapper .default-logo-wrapper:hover .default-logo-text,
.chaport-faq-container.chaport-window-red .nav-wrapper .default-logo-wrapper:hover .default-logo-text {
    color: rgba(244, 67, 54, 0.8) !important
}

.chaport-container.chaport-window-red .nav-wrapper .default-logo-wrapper .default-logo-text,
.chaport-content.chaport-window-red .nav-wrapper .default-logo-wrapper .default-logo-text,
.chaport-faq-container.chaport-window-red .nav-wrapper .default-logo-wrapper .default-logo-text {
    color: #f44336 !important
}

.chaport-container.chaport-window-red .message-wrapper.interlocutor-message-wrapper .message-body a,
.chaport-content.chaport-window-red .message-wrapper.interlocutor-message-wrapper .message-body a,
.chaport-faq-container.chaport-window-red .message-wrapper.interlocutor-message-wrapper .message-body a {
    color: #f44336 !important
}

.chaport-container.chaport-window-red .message-wrapper.interlocutor-message-wrapper .message-body a:hover,
.chaport-content.chaport-window-red .message-wrapper.interlocutor-message-wrapper .message-body a:hover,
.chaport-faq-container.chaport-window-red .message-wrapper.interlocutor-message-wrapper .message-body a:hover {
    color: rgba(244, 67, 54, 0.8) !important
}

.chaport-container.chaport-window-red .message-wrapper.interlocutor-message-wrapper .message-body blockquote,
.chaport-content.chaport-window-red .message-wrapper.interlocutor-message-wrapper .message-body blockquote,
.chaport-faq-container.chaport-window-red .message-wrapper.interlocutor-message-wrapper .message-body blockquote {
    border-color: #f44336
}

.chaport-container.chaport-window-pink .chaport-launcher .chaport-launcher-button,
.chaport-content.chaport-window-pink .chaport-launcher .chaport-launcher-button,
.chaport-faq-container.chaport-window-pink .chaport-launcher .chaport-launcher-button {
    background-color: #e91e63
}

.chaport-container.chaport-window-pink .chaport-inner-header,
.chaport-container.chaport-window-pink .your-message-wrapper .message-body,
.chaport-content.chaport-window-pink .chaport-inner-header,
.chaport-content.chaport-window-pink .your-message-wrapper .message-body,
.chaport-faq-container.chaport-window-pink .chaport-inner-header,
.chaport-faq-container.chaport-window-pink .your-message-wrapper .message-body {
    background-color: #e91e63 !important
}

.chaport-container.chaport-window-pink .chaport-inner-header .operator-faces .operator-face:before,
.chaport-content.chaport-window-pink .chaport-inner-header .operator-faces .operator-face:before,
.chaport-faq-container.chaport-window-pink .chaport-inner-header .operator-faces .operator-face:before {
    background-color: #e91e63 !important
}

.chaport-container.chaport-window-pink .chaport-logo span,
.chaport-content.chaport-window-pink .chaport-logo span,
.chaport-faq-container.chaport-window-pink .chaport-logo span {
    color: #e91e63 !important
}

.chaport-container.chaport-window-pink .emoji-wrapper.show-popup .emoji-icon,
.chaport-container.chaport-window-pink .message-status,
.chaport-content.chaport-window-pink .emoji-wrapper.show-popup .emoji-icon,
.chaport-content.chaport-window-pink .message-status,
.chaport-faq-container.chaport-window-pink .emoji-wrapper.show-popup .emoji-icon,
.chaport-faq-container.chaport-window-pink .message-status {
    background-color: #e91e63 !important
}

.chaport-container.chaport-window-pink .prechat-form .focused::before,
.chaport-content.chaport-window-pink .prechat-form .focused::before,
.chaport-faq-container.chaport-window-pink .prechat-form .focused::before {
    background-color: #e91e63 !important
}

.chaport-container.chaport-window-pink .chaport-input-wrapper input,
.chaport-container.chaport-window-pink .chaport-input-wrapper textarea,
.chaport-content.chaport-window-pink .chaport-input-wrapper input,
.chaport-content.chaport-window-pink .chaport-input-wrapper textarea,
.chaport-faq-container.chaport-window-pink .chaport-input-wrapper input,
.chaport-faq-container.chaport-window-pink .chaport-input-wrapper textarea {
    caret-color: #e91e63
}

.chaport-container.chaport-window-pink .chaport-send-icon svg polygon,
.chaport-content.chaport-window-pink .chaport-send-icon svg polygon,
.chaport-faq-container.chaport-window-pink .chaport-send-icon svg polygon {
    fill: #e91e63
}

.chaport-container.chaport-window-pink .chaport-send-icon:hover svg polygon,
.chaport-content.chaport-window-pink .chaport-send-icon:hover svg polygon,
.chaport-faq-container.chaport-window-pink .chaport-send-icon:hover svg polygon {
    fill: rgba(233, 30, 99, 0.9)
}

.chaport-container.chaport-window-pink.chaport-device-windows .prechat-form .checkbox-field:checked,
.chaport-content.chaport-window-pink.chaport-device-windows .prechat-form .checkbox-field:checked,
.chaport-faq-container.chaport-window-pink.chaport-device-windows .prechat-form .checkbox-field:checked {
    background-color: #e91e63 !important;
    border: 1px solid #e91e63 !important
}

.chaport-container.chaport-window-pink .reply-option,
.chaport-content.chaport-window-pink .reply-option,
.chaport-faq-container.chaport-window-pink .reply-option {
    color: #e91e63 !important;
    border: 1px solid rgba(233, 30, 99, 0.8) !important
}

.chaport-container.chaport-window-pink .reply-option:hover,
.chaport-container.chaport-window-pink .reply-option:active,
.chaport-content.chaport-window-pink .reply-option:hover,
.chaport-content.chaport-window-pink .reply-option:active,
.chaport-faq-container.chaport-window-pink .reply-option:hover,
.chaport-faq-container.chaport-window-pink .reply-option:active {
    color: #fff !important;
    border: 1px solid #e91e63 !important;
    background-color: #e91e63 !important
}

.chaport-container.chaport-window-pink .bot-photo,
.chaport-content.chaport-window-pink .bot-photo,
.chaport-faq-container.chaport-window-pink .bot-photo {
    background: #748c9f !important
}

.chaport-container.chaport-window-pink .chaport-email-request-input-wrapper .chaport-email-request-input:focus,
.chaport-content.chaport-window-pink .chaport-email-request-input-wrapper .chaport-email-request-input:focus,
.chaport-faq-container.chaport-window-pink .chaport-email-request-input-wrapper .chaport-email-request-input:focus {
    border-color: rgba(233, 30, 99, 0.8) !important
}

.chaport-container.chaport-window-pink .chaport-email-request-input-wrapper .chaport-email-send-button,
.chaport-content.chaport-window-pink .chaport-email-request-input-wrapper .chaport-email-send-button,
.chaport-faq-container.chaport-window-pink .chaport-email-request-input-wrapper .chaport-email-send-button {
    background-color: #e91e63 !important
}

.chaport-container.chaport-window-pink .chaport-email-request-input-wrapper .chaport-email-request-input,
.chaport-content.chaport-window-pink .chaport-email-request-input-wrapper .chaport-email-request-input,
.chaport-faq-container.chaport-window-pink .chaport-email-request-input-wrapper .chaport-email-request-input {
    caret-color: #e91e63
}

.chaport-container.chaport-window-pink .faq-bot-message .btn-link-wrapper,
.chaport-content.chaport-window-pink .faq-bot-message .btn-link-wrapper,
.chaport-faq-container.chaport-window-pink .faq-bot-message .btn-link-wrapper {
    color: #e91e63 !important
}

.chaport-container.chaport-window-pink .faq-bot-message .btn-link-wrapper:hover,
.chaport-content.chaport-window-pink .faq-bot-message .btn-link-wrapper:hover,
.chaport-faq-container.chaport-window-pink .faq-bot-message .btn-link-wrapper:hover {
    color: rgba(233, 30, 99, 0.8) !important
}

.chaport-container.chaport-window-pink~.widget-browser .widget-browser-faq-nav,
.chaport-content.chaport-window-pink~.widget-browser .widget-browser-faq-nav,
.chaport-faq-container.chaport-window-pink~.widget-browser .widget-browser-faq-nav {
    background-color: #e91e63
}

.chaport-container.chaport-window-pink~.widget-browser .widget-browser-faq-link:link,
.chaport-container.chaport-window-pink~.widget-browser .widget-browser-faq-link:visited,
.chaport-container.chaport-window-pink~.widget-browser .article-content a:link,
.chaport-container.chaport-window-pink~.widget-browser .article-content a:visited,
.chaport-content.chaport-window-pink~.widget-browser .widget-browser-faq-link:link,
.chaport-content.chaport-window-pink~.widget-browser .widget-browser-faq-link:visited,
.chaport-content.chaport-window-pink~.widget-browser .article-content a:link,
.chaport-content.chaport-window-pink~.widget-browser .article-content a:visited,
.chaport-faq-container.chaport-window-pink~.widget-browser .widget-browser-faq-link:link,
.chaport-faq-container.chaport-window-pink~.widget-browser .widget-browser-faq-link:visited,
.chaport-faq-container.chaport-window-pink~.widget-browser .article-content a:link,
.chaport-faq-container.chaport-window-pink~.widget-browser .article-content a:visited {
    color: #e91e63 !important
}

.chaport-container.chaport-window-pink~.widget-browser .widget-browser-faq-link:hover,
.chaport-container.chaport-window-pink~.widget-browser .article-content a:hover,
.chaport-content.chaport-window-pink~.widget-browser .widget-browser-faq-link:hover,
.chaport-content.chaport-window-pink~.widget-browser .article-content a:hover,
.chaport-faq-container.chaport-window-pink~.widget-browser .widget-browser-faq-link:hover,
.chaport-faq-container.chaport-window-pink~.widget-browser .article-content a:hover {
    color: rgba(233, 30, 99, 0.8) !important
}

.chaport-container.chaport-window-pink~.widget-browser .article-content blockquote,
.chaport-content.chaport-window-pink~.widget-browser .article-content blockquote,
.chaport-faq-container.chaport-window-pink~.widget-browser .article-content blockquote {
    border-color: #e91e63 !important
}

.chaport-container.chaport-window-pink~.widget-browser .faq-footer .faq-footer-back-button::after,
.chaport-content.chaport-window-pink~.widget-browser .faq-footer .faq-footer-back-button::after,
.chaport-faq-container.chaport-window-pink~.widget-browser .faq-footer .faq-footer-back-button::after {
    border-color: #e91e63 !important
}

.chaport-container.chaport-window-pink~.widget-browser .faq-footer .chaport-logo span,
.chaport-content.chaport-window-pink~.widget-browser .faq-footer .chaport-logo span,
.chaport-faq-container.chaport-window-pink~.widget-browser .faq-footer .chaport-logo span {
    color: #e91e63 !important
}

.chaport-container.chaport-window-pink .content-wrapper .section .section-body .article-list-item-link,
.chaport-container.chaport-window-pink .content-wrapper .section .section-body #article .widget-browser-faq-link,
.chaport-container.chaport-window-pink .content-wrapper .section .section-body #article a,
.chaport-content.chaport-window-pink .content-wrapper .section .section-body .article-list-item-link,
.chaport-content.chaport-window-pink .content-wrapper .section .section-body #article .widget-browser-faq-link,
.chaport-content.chaport-window-pink .content-wrapper .section .section-body #article a,
.chaport-faq-container.chaport-window-pink .content-wrapper .section .section-body .article-list-item-link,
.chaport-faq-container.chaport-window-pink .content-wrapper .section .section-body #article .widget-browser-faq-link,
.chaport-faq-container.chaport-window-pink .content-wrapper .section .section-body #article a {
    color: #e91e63 !important
}

.chaport-container.chaport-window-pink .content-wrapper .section .section-body .article-list-item-link:hover,
.chaport-container.chaport-window-pink .content-wrapper .section .section-body #article .widget-browser-faq-link:hover,
.chaport-container.chaport-window-pink .content-wrapper .section .section-body #article a:hover,
.chaport-content.chaport-window-pink .content-wrapper .section .section-body .article-list-item-link:hover,
.chaport-content.chaport-window-pink .content-wrapper .section .section-body #article .widget-browser-faq-link:hover,
.chaport-content.chaport-window-pink .content-wrapper .section .section-body #article a:hover,
.chaport-faq-container.chaport-window-pink .content-wrapper .section .section-body .article-list-item-link:hover,
.chaport-faq-container.chaport-window-pink .content-wrapper .section .section-body #article .widget-browser-faq-link:hover,
.chaport-faq-container.chaport-window-pink .content-wrapper .section .section-body #article a:hover {
    color: rgba(233, 30, 99, 0.8) !important
}

.chaport-container.chaport-window-pink .content-wrapper .section .section-body #article blockquote,
.chaport-content.chaport-window-pink .content-wrapper .section .section-body #article blockquote,
.chaport-faq-container.chaport-window-pink .content-wrapper .section .section-body #article blockquote {
    border-color: #e91e63 !important
}

.chaport-container.chaport-window-pink .nav-wrapper .default-logo-wrapper:hover .default-logo-text,
.chaport-content.chaport-window-pink .nav-wrapper .default-logo-wrapper:hover .default-logo-text,
.chaport-faq-container.chaport-window-pink .nav-wrapper .default-logo-wrapper:hover .default-logo-text {
    color: rgba(233, 30, 99, 0.8) !important
}

.chaport-container.chaport-window-pink .nav-wrapper .default-logo-wrapper .default-logo-text,
.chaport-content.chaport-window-pink .nav-wrapper .default-logo-wrapper .default-logo-text,
.chaport-faq-container.chaport-window-pink .nav-wrapper .default-logo-wrapper .default-logo-text {
    color: #e91e63 !important
}

.chaport-container.chaport-window-pink .message-wrapper.interlocutor-message-wrapper .message-body a,
.chaport-content.chaport-window-pink .message-wrapper.interlocutor-message-wrapper .message-body a,
.chaport-faq-container.chaport-window-pink .message-wrapper.interlocutor-message-wrapper .message-body a {
    color: #e91e63 !important
}

.chaport-container.chaport-window-pink .message-wrapper.interlocutor-message-wrapper .message-body a:hover,
.chaport-content.chaport-window-pink .message-wrapper.interlocutor-message-wrapper .message-body a:hover,
.chaport-faq-container.chaport-window-pink .message-wrapper.interlocutor-message-wrapper .message-body a:hover {
    color: rgba(233, 30, 99, 0.8) !important
}

.chaport-container.chaport-window-pink .message-wrapper.interlocutor-message-wrapper .message-body blockquote,
.chaport-content.chaport-window-pink .message-wrapper.interlocutor-message-wrapper .message-body blockquote,
.chaport-faq-container.chaport-window-pink .message-wrapper.interlocutor-message-wrapper .message-body blockquote {
    border-color: #e91e63
}

.chaport-container.chaport-window-purple .chaport-launcher .chaport-launcher-button,
.chaport-content.chaport-window-purple .chaport-launcher .chaport-launcher-button,
.chaport-faq-container.chaport-window-purple .chaport-launcher .chaport-launcher-button {
    background-color: #9c27b0
}

.chaport-container.chaport-window-purple .chaport-inner-header,
.chaport-container.chaport-window-purple .your-message-wrapper .message-body,
.chaport-content.chaport-window-purple .chaport-inner-header,
.chaport-content.chaport-window-purple .your-message-wrapper .message-body,
.chaport-faq-container.chaport-window-purple .chaport-inner-header,
.chaport-faq-container.chaport-window-purple .your-message-wrapper .message-body {
    background-color: #9c27b0 !important
}

.chaport-container.chaport-window-purple .chaport-inner-header .operator-faces .operator-face:before,
.chaport-content.chaport-window-purple .chaport-inner-header .operator-faces .operator-face:before,
.chaport-faq-container.chaport-window-purple .chaport-inner-header .operator-faces .operator-face:before {
    background-color: #9c27b0 !important
}

.chaport-container.chaport-window-purple .chaport-logo span,
.chaport-content.chaport-window-purple .chaport-logo span,
.chaport-faq-container.chaport-window-purple .chaport-logo span {
    color: #9c27b0 !important
}

.chaport-container.chaport-window-purple .emoji-wrapper.show-popup .emoji-icon,
.chaport-container.chaport-window-purple .message-status,
.chaport-content.chaport-window-purple .emoji-wrapper.show-popup .emoji-icon,
.chaport-content.chaport-window-purple .message-status,
.chaport-faq-container.chaport-window-purple .emoji-wrapper.show-popup .emoji-icon,
.chaport-faq-container.chaport-window-purple .message-status {
    background-color: #9c27b0 !important
}

.chaport-container.chaport-window-purple .prechat-form .focused::before,
.chaport-content.chaport-window-purple .prechat-form .focused::before,
.chaport-faq-container.chaport-window-purple .prechat-form .focused::before {
    background-color: #9c27b0 !important
}

.chaport-container.chaport-window-purple .chaport-input-wrapper input,
.chaport-container.chaport-window-purple .chaport-input-wrapper textarea,
.chaport-content.chaport-window-purple .chaport-input-wrapper input,
.chaport-content.chaport-window-purple .chaport-input-wrapper textarea,
.chaport-faq-container.chaport-window-purple .chaport-input-wrapper input,
.chaport-faq-container.chaport-window-purple .chaport-input-wrapper textarea {
    caret-color: #9c27b0
}

.chaport-container.chaport-window-purple .chaport-send-icon svg polygon,
.chaport-content.chaport-window-purple .chaport-send-icon svg polygon,
.chaport-faq-container.chaport-window-purple .chaport-send-icon svg polygon {
    fill: #9c27b0
}

.chaport-container.chaport-window-purple .chaport-send-icon:hover svg polygon,
.chaport-content.chaport-window-purple .chaport-send-icon:hover svg polygon,
.chaport-faq-container.chaport-window-purple .chaport-send-icon:hover svg polygon {
    fill: rgba(156, 39, 176, 0.9)
}

.chaport-container.chaport-window-purple.chaport-device-windows .prechat-form .checkbox-field:checked,
.chaport-content.chaport-window-purple.chaport-device-windows .prechat-form .checkbox-field:checked,
.chaport-faq-container.chaport-window-purple.chaport-device-windows .prechat-form .checkbox-field:checked {
    background-color: #9c27b0 !important;
    border: 1px solid #9c27b0 !important
}

.chaport-container.chaport-window-purple .reply-option,
.chaport-content.chaport-window-purple .reply-option,
.chaport-faq-container.chaport-window-purple .reply-option {
    color: #9c27b0 !important;
    border: 1px solid rgba(156, 39, 176, 0.8) !important
}

.chaport-container.chaport-window-purple .reply-option:hover,
.chaport-container.chaport-window-purple .reply-option:active,
.chaport-content.chaport-window-purple .reply-option:hover,
.chaport-content.chaport-window-purple .reply-option:active,
.chaport-faq-container.chaport-window-purple .reply-option:hover,
.chaport-faq-container.chaport-window-purple .reply-option:active {
    color: #fff !important;
    border: 1px solid #9c27b0 !important;
    background-color: #9c27b0 !important
}

.chaport-container.chaport-window-purple .bot-photo,
.chaport-content.chaport-window-purple .bot-photo,
.chaport-faq-container.chaport-window-purple .bot-photo {
    background: #748c9f !important
}

.chaport-container.chaport-window-purple .chaport-email-request-input-wrapper .chaport-email-request-input:focus,
.chaport-content.chaport-window-purple .chaport-email-request-input-wrapper .chaport-email-request-input:focus,
.chaport-faq-container.chaport-window-purple .chaport-email-request-input-wrapper .chaport-email-request-input:focus {
    border-color: rgba(156, 39, 176, 0.8) !important
}

.chaport-container.chaport-window-purple .chaport-email-request-input-wrapper .chaport-email-send-button,
.chaport-content.chaport-window-purple .chaport-email-request-input-wrapper .chaport-email-send-button,
.chaport-faq-container.chaport-window-purple .chaport-email-request-input-wrapper .chaport-email-send-button {
    background-color: #9c27b0 !important
}

.chaport-container.chaport-window-purple .chaport-email-request-input-wrapper .chaport-email-request-input,
.chaport-content.chaport-window-purple .chaport-email-request-input-wrapper .chaport-email-request-input,
.chaport-faq-container.chaport-window-purple .chaport-email-request-input-wrapper .chaport-email-request-input {
    caret-color: #9c27b0
}

.chaport-container.chaport-window-purple .faq-bot-message .btn-link-wrapper,
.chaport-content.chaport-window-purple .faq-bot-message .btn-link-wrapper,
.chaport-faq-container.chaport-window-purple .faq-bot-message .btn-link-wrapper {
    color: #9c27b0 !important
}

.chaport-container.chaport-window-purple .faq-bot-message .btn-link-wrapper:hover,
.chaport-content.chaport-window-purple .faq-bot-message .btn-link-wrapper:hover,
.chaport-faq-container.chaport-window-purple .faq-bot-message .btn-link-wrapper:hover {
    color: rgba(156, 39, 176, 0.8) !important
}

.chaport-container.chaport-window-purple~.widget-browser .widget-browser-faq-nav,
.chaport-content.chaport-window-purple~.widget-browser .widget-browser-faq-nav,
.chaport-faq-container.chaport-window-purple~.widget-browser .widget-browser-faq-nav {
    background-color: #9c27b0
}

.chaport-container.chaport-window-purple~.widget-browser .widget-browser-faq-link:link,
.chaport-container.chaport-window-purple~.widget-browser .widget-browser-faq-link:visited,
.chaport-container.chaport-window-purple~.widget-browser .article-content a:link,
.chaport-container.chaport-window-purple~.widget-browser .article-content a:visited,
.chaport-content.chaport-window-purple~.widget-browser .widget-browser-faq-link:link,
.chaport-content.chaport-window-purple~.widget-browser .widget-browser-faq-link:visited,
.chaport-content.chaport-window-purple~.widget-browser .article-content a:link,
.chaport-content.chaport-window-purple~.widget-browser .article-content a:visited,
.chaport-faq-container.chaport-window-purple~.widget-browser .widget-browser-faq-link:link,
.chaport-faq-container.chaport-window-purple~.widget-browser .widget-browser-faq-link:visited,
.chaport-faq-container.chaport-window-purple~.widget-browser .article-content a:link,
.chaport-faq-container.chaport-window-purple~.widget-browser .article-content a:visited {
    color: #9c27b0 !important
}

.chaport-container.chaport-window-purple~.widget-browser .widget-browser-faq-link:hover,
.chaport-container.chaport-window-purple~.widget-browser .article-content a:hover,
.chaport-content.chaport-window-purple~.widget-browser .widget-browser-faq-link:hover,
.chaport-content.chaport-window-purple~.widget-browser .article-content a:hover,
.chaport-faq-container.chaport-window-purple~.widget-browser .widget-browser-faq-link:hover,
.chaport-faq-container.chaport-window-purple~.widget-browser .article-content a:hover {
    color: rgba(156, 39, 176, 0.8) !important
}

.chaport-container.chaport-window-purple~.widget-browser .article-content blockquote,
.chaport-content.chaport-window-purple~.widget-browser .article-content blockquote,
.chaport-faq-container.chaport-window-purple~.widget-browser .article-content blockquote {
    border-color: #9c27b0 !important
}

.chaport-container.chaport-window-purple~.widget-browser .faq-footer .faq-footer-back-button::after,
.chaport-content.chaport-window-purple~.widget-browser .faq-footer .faq-footer-back-button::after,
.chaport-faq-container.chaport-window-purple~.widget-browser .faq-footer .faq-footer-back-button::after {
    border-color: #9c27b0 !important
}

.chaport-container.chaport-window-purple~.widget-browser .faq-footer .chaport-logo span,
.chaport-content.chaport-window-purple~.widget-browser .faq-footer .chaport-logo span,
.chaport-faq-container.chaport-window-purple~.widget-browser .faq-footer .chaport-logo span {
    color: #9c27b0 !important
}

.chaport-container.chaport-window-purple .content-wrapper .section .section-body .article-list-item-link,
.chaport-container.chaport-window-purple .content-wrapper .section .section-body #article .widget-browser-faq-link,
.chaport-container.chaport-window-purple .content-wrapper .section .section-body #article a,
.chaport-content.chaport-window-purple .content-wrapper .section .section-body .article-list-item-link,
.chaport-content.chaport-window-purple .content-wrapper .section .section-body #article .widget-browser-faq-link,
.chaport-content.chaport-window-purple .content-wrapper .section .section-body #article a,
.chaport-faq-container.chaport-window-purple .content-wrapper .section .section-body .article-list-item-link,
.chaport-faq-container.chaport-window-purple .content-wrapper .section .section-body #article .widget-browser-faq-link,
.chaport-faq-container.chaport-window-purple .content-wrapper .section .section-body #article a {
    color: #9c27b0 !important
}

.chaport-container.chaport-window-purple .content-wrapper .section .section-body .article-list-item-link:hover,
.chaport-container.chaport-window-purple .content-wrapper .section .section-body #article .widget-browser-faq-link:hover,
.chaport-container.chaport-window-purple .content-wrapper .section .section-body #article a:hover,
.chaport-content.chaport-window-purple .content-wrapper .section .section-body .article-list-item-link:hover,
.chaport-content.chaport-window-purple .content-wrapper .section .section-body #article .widget-browser-faq-link:hover,
.chaport-content.chaport-window-purple .content-wrapper .section .section-body #article a:hover,
.chaport-faq-container.chaport-window-purple .content-wrapper .section .section-body .article-list-item-link:hover,
.chaport-faq-container.chaport-window-purple .content-wrapper .section .section-body #article .widget-browser-faq-link:hover,
.chaport-faq-container.chaport-window-purple .content-wrapper .section .section-body #article a:hover {
    color: rgba(156, 39, 176, 0.8) !important
}

.chaport-container.chaport-window-purple .content-wrapper .section .section-body #article blockquote,
.chaport-content.chaport-window-purple .content-wrapper .section .section-body #article blockquote,
.chaport-faq-container.chaport-window-purple .content-wrapper .section .section-body #article blockquote {
    border-color: #9c27b0 !important
}

.chaport-container.chaport-window-purple .nav-wrapper .default-logo-wrapper:hover .default-logo-text,
.chaport-content.chaport-window-purple .nav-wrapper .default-logo-wrapper:hover .default-logo-text,
.chaport-faq-container.chaport-window-purple .nav-wrapper .default-logo-wrapper:hover .default-logo-text {
    color: rgba(156, 39, 176, 0.8) !important
}

.chaport-container.chaport-window-purple .nav-wrapper .default-logo-wrapper .default-logo-text,
.chaport-content.chaport-window-purple .nav-wrapper .default-logo-wrapper .default-logo-text,
.chaport-faq-container.chaport-window-purple .nav-wrapper .default-logo-wrapper .default-logo-text {
    color: #9c27b0 !important
}

.chaport-container.chaport-window-purple .message-wrapper.interlocutor-message-wrapper .message-body a,
.chaport-content.chaport-window-purple .message-wrapper.interlocutor-message-wrapper .message-body a,
.chaport-faq-container.chaport-window-purple .message-wrapper.interlocutor-message-wrapper .message-body a {
    color: #9c27b0 !important
}

.chaport-container.chaport-window-purple .message-wrapper.interlocutor-message-wrapper .message-body a:hover,
.chaport-content.chaport-window-purple .message-wrapper.interlocutor-message-wrapper .message-body a:hover,
.chaport-faq-container.chaport-window-purple .message-wrapper.interlocutor-message-wrapper .message-body a:hover {
    color: rgba(156, 39, 176, 0.8) !important
}

.chaport-container.chaport-window-purple .message-wrapper.interlocutor-message-wrapper .message-body blockquote,
.chaport-content.chaport-window-purple .message-wrapper.interlocutor-message-wrapper .message-body blockquote,
.chaport-faq-container.chaport-window-purple .message-wrapper.interlocutor-message-wrapper .message-body blockquote {
    border-color: #9c27b0
}

.chaport-container.chaport-window-deep-purple .chaport-launcher .chaport-launcher-button,
.chaport-content.chaport-window-deep-purple .chaport-launcher .chaport-launcher-button,
.chaport-faq-container.chaport-window-deep-purple .chaport-launcher .chaport-launcher-button {
    background-color: #673ab7
}

.chaport-container.chaport-window-deep-purple .chaport-inner-header,
.chaport-container.chaport-window-deep-purple .your-message-wrapper .message-body,
.chaport-content.chaport-window-deep-purple .chaport-inner-header,
.chaport-content.chaport-window-deep-purple .your-message-wrapper .message-body,
.chaport-faq-container.chaport-window-deep-purple .chaport-inner-header,
.chaport-faq-container.chaport-window-deep-purple .your-message-wrapper .message-body {
    background-color: #673ab7 !important
}

.chaport-container.chaport-window-deep-purple .chaport-inner-header .operator-faces .operator-face:before,
.chaport-content.chaport-window-deep-purple .chaport-inner-header .operator-faces .operator-face:before,
.chaport-faq-container.chaport-window-deep-purple .chaport-inner-header .operator-faces .operator-face:before {
    background-color: #673ab7 !important
}

.chaport-container.chaport-window-deep-purple .chaport-logo span,
.chaport-content.chaport-window-deep-purple .chaport-logo span,
.chaport-faq-container.chaport-window-deep-purple .chaport-logo span {
    color: #673ab7 !important
}

.chaport-container.chaport-window-deep-purple .emoji-wrapper.show-popup .emoji-icon,
.chaport-container.chaport-window-deep-purple .message-status,
.chaport-content.chaport-window-deep-purple .emoji-wrapper.show-popup .emoji-icon,
.chaport-content.chaport-window-deep-purple .message-status,
.chaport-faq-container.chaport-window-deep-purple .emoji-wrapper.show-popup .emoji-icon,
.chaport-faq-container.chaport-window-deep-purple .message-status {
    background-color: #673ab7 !important
}

.chaport-container.chaport-window-deep-purple .prechat-form .focused::before,
.chaport-content.chaport-window-deep-purple .prechat-form .focused::before,
.chaport-faq-container.chaport-window-deep-purple .prechat-form .focused::before {
    background-color: #673ab7 !important
}

.chaport-container.chaport-window-deep-purple .chaport-input-wrapper input,
.chaport-container.chaport-window-deep-purple .chaport-input-wrapper textarea,
.chaport-content.chaport-window-deep-purple .chaport-input-wrapper input,
.chaport-content.chaport-window-deep-purple .chaport-input-wrapper textarea,
.chaport-faq-container.chaport-window-deep-purple .chaport-input-wrapper input,
.chaport-faq-container.chaport-window-deep-purple .chaport-input-wrapper textarea {
    caret-color: #673ab7
}

.chaport-container.chaport-window-deep-purple .chaport-send-icon svg polygon,
.chaport-content.chaport-window-deep-purple .chaport-send-icon svg polygon,
.chaport-faq-container.chaport-window-deep-purple .chaport-send-icon svg polygon {
    fill: #673ab7
}

.chaport-container.chaport-window-deep-purple .chaport-send-icon:hover svg polygon,
.chaport-content.chaport-window-deep-purple .chaport-send-icon:hover svg polygon,
.chaport-faq-container.chaport-window-deep-purple .chaport-send-icon:hover svg polygon {
    fill: rgba(103, 58, 183, 0.9)
}

.chaport-container.chaport-window-deep-purple.chaport-device-windows .prechat-form .checkbox-field:checked,
.chaport-content.chaport-window-deep-purple.chaport-device-windows .prechat-form .checkbox-field:checked,
.chaport-faq-container.chaport-window-deep-purple.chaport-device-windows .prechat-form .checkbox-field:checked {
    background-color: #673ab7 !important;
    border: 1px solid #673ab7 !important
}

.chaport-container.chaport-window-deep-purple .reply-option,
.chaport-content.chaport-window-deep-purple .reply-option,
.chaport-faq-container.chaport-window-deep-purple .reply-option {
    color: #673ab7 !important;
    border: 1px solid rgba(103, 58, 183, 0.8) !important
}

.chaport-container.chaport-window-deep-purple .reply-option:hover,
.chaport-container.chaport-window-deep-purple .reply-option:active,
.chaport-content.chaport-window-deep-purple .reply-option:hover,
.chaport-content.chaport-window-deep-purple .reply-option:active,
.chaport-faq-container.chaport-window-deep-purple .reply-option:hover,
.chaport-faq-container.chaport-window-deep-purple .reply-option:active {
    color: #fff !important;
    border: 1px solid #673ab7 !important;
    background-color: #673ab7 !important
}

.chaport-container.chaport-window-deep-purple .bot-photo,
.chaport-content.chaport-window-deep-purple .bot-photo,
.chaport-faq-container.chaport-window-deep-purple .bot-photo {
    background: #748c9f !important
}

.chaport-container.chaport-window-deep-purple .chaport-email-request-input-wrapper .chaport-email-request-input:focus,
.chaport-content.chaport-window-deep-purple .chaport-email-request-input-wrapper .chaport-email-request-input:focus,
.chaport-faq-container.chaport-window-deep-purple .chaport-email-request-input-wrapper .chaport-email-request-input:focus {
    border-color: rgba(103, 58, 183, 0.8) !important
}

.chaport-container.chaport-window-deep-purple .chaport-email-request-input-wrapper .chaport-email-send-button,
.chaport-content.chaport-window-deep-purple .chaport-email-request-input-wrapper .chaport-email-send-button,
.chaport-faq-container.chaport-window-deep-purple .chaport-email-request-input-wrapper .chaport-email-send-button {
    background-color: #673ab7 !important
}

.chaport-container.chaport-window-deep-purple .chaport-email-request-input-wrapper .chaport-email-request-input,
.chaport-content.chaport-window-deep-purple .chaport-email-request-input-wrapper .chaport-email-request-input,
.chaport-faq-container.chaport-window-deep-purple .chaport-email-request-input-wrapper .chaport-email-request-input {
    caret-color: #673ab7
}

.chaport-container.chaport-window-deep-purple .faq-bot-message .btn-link-wrapper,
.chaport-content.chaport-window-deep-purple .faq-bot-message .btn-link-wrapper,
.chaport-faq-container.chaport-window-deep-purple .faq-bot-message .btn-link-wrapper {
    color: #673ab7 !important
}

.chaport-container.chaport-window-deep-purple .faq-bot-message .btn-link-wrapper:hover,
.chaport-content.chaport-window-deep-purple .faq-bot-message .btn-link-wrapper:hover,
.chaport-faq-container.chaport-window-deep-purple .faq-bot-message .btn-link-wrapper:hover {
    color: rgba(103, 58, 183, 0.8) !important
}

.chaport-container.chaport-window-deep-purple~.widget-browser .widget-browser-faq-nav,
.chaport-content.chaport-window-deep-purple~.widget-browser .widget-browser-faq-nav,
.chaport-faq-container.chaport-window-deep-purple~.widget-browser .widget-browser-faq-nav {
    background-color: #673ab7
}

.chaport-container.chaport-window-deep-purple~.widget-browser .widget-browser-faq-link:link,
.chaport-container.chaport-window-deep-purple~.widget-browser .widget-browser-faq-link:visited,
.chaport-container.chaport-window-deep-purple~.widget-browser .article-content a:link,
.chaport-container.chaport-window-deep-purple~.widget-browser .article-content a:visited,
.chaport-content.chaport-window-deep-purple~.widget-browser .widget-browser-faq-link:link,
.chaport-content.chaport-window-deep-purple~.widget-browser .widget-browser-faq-link:visited,
.chaport-content.chaport-window-deep-purple~.widget-browser .article-content a:link,
.chaport-content.chaport-window-deep-purple~.widget-browser .article-content a:visited,
.chaport-faq-container.chaport-window-deep-purple~.widget-browser .widget-browser-faq-link:link,
.chaport-faq-container.chaport-window-deep-purple~.widget-browser .widget-browser-faq-link:visited,
.chaport-faq-container.chaport-window-deep-purple~.widget-browser .article-content a:link,
.chaport-faq-container.chaport-window-deep-purple~.widget-browser .article-content a:visited {
    color: #673ab7 !important
}

.chaport-container.chaport-window-deep-purple~.widget-browser .widget-browser-faq-link:hover,
.chaport-container.chaport-window-deep-purple~.widget-browser .article-content a:hover,
.chaport-content.chaport-window-deep-purple~.widget-browser .widget-browser-faq-link:hover,
.chaport-content.chaport-window-deep-purple~.widget-browser .article-content a:hover,
.chaport-faq-container.chaport-window-deep-purple~.widget-browser .widget-browser-faq-link:hover,
.chaport-faq-container.chaport-window-deep-purple~.widget-browser .article-content a:hover {
    color: rgba(103, 58, 183, 0.8) !important
}

.chaport-container.chaport-window-deep-purple~.widget-browser .article-content blockquote,
.chaport-content.chaport-window-deep-purple~.widget-browser .article-content blockquote,
.chaport-faq-container.chaport-window-deep-purple~.widget-browser .article-content blockquote {
    border-color: #673ab7 !important
}

.chaport-container.chaport-window-deep-purple~.widget-browser .faq-footer .faq-footer-back-button::after,
.chaport-content.chaport-window-deep-purple~.widget-browser .faq-footer .faq-footer-back-button::after,
.chaport-faq-container.chaport-window-deep-purple~.widget-browser .faq-footer .faq-footer-back-button::after {
    border-color: #673ab7 !important
}

.chaport-container.chaport-window-deep-purple~.widget-browser .faq-footer .chaport-logo span,
.chaport-content.chaport-window-deep-purple~.widget-browser .faq-footer .chaport-logo span,
.chaport-faq-container.chaport-window-deep-purple~.widget-browser .faq-footer .chaport-logo span {
    color: #673ab7 !important
}

.chaport-container.chaport-window-deep-purple .content-wrapper .section .section-body .article-list-item-link,
.chaport-container.chaport-window-deep-purple .content-wrapper .section .section-body #article .widget-browser-faq-link,
.chaport-container.chaport-window-deep-purple .content-wrapper .section .section-body #article a,
.chaport-content.chaport-window-deep-purple .content-wrapper .section .section-body .article-list-item-link,
.chaport-content.chaport-window-deep-purple .content-wrapper .section .section-body #article .widget-browser-faq-link,
.chaport-content.chaport-window-deep-purple .content-wrapper .section .section-body #article a,
.chaport-faq-container.chaport-window-deep-purple .content-wrapper .section .section-body .article-list-item-link,
.chaport-faq-container.chaport-window-deep-purple .content-wrapper .section .section-body #article .widget-browser-faq-link,
.chaport-faq-container.chaport-window-deep-purple .content-wrapper .section .section-body #article a {
    color: #673ab7 !important
}

.chaport-container.chaport-window-deep-purple .content-wrapper .section .section-body .article-list-item-link:hover,
.chaport-container.chaport-window-deep-purple .content-wrapper .section .section-body #article .widget-browser-faq-link:hover,
.chaport-container.chaport-window-deep-purple .content-wrapper .section .section-body #article a:hover,
.chaport-content.chaport-window-deep-purple .content-wrapper .section .section-body .article-list-item-link:hover,
.chaport-content.chaport-window-deep-purple .content-wrapper .section .section-body #article .widget-browser-faq-link:hover,
.chaport-content.chaport-window-deep-purple .content-wrapper .section .section-body #article a:hover,
.chaport-faq-container.chaport-window-deep-purple .content-wrapper .section .section-body .article-list-item-link:hover,
.chaport-faq-container.chaport-window-deep-purple .content-wrapper .section .section-body #article .widget-browser-faq-link:hover,
.chaport-faq-container.chaport-window-deep-purple .content-wrapper .section .section-body #article a:hover {
    color: rgba(103, 58, 183, 0.8) !important
}

.chaport-container.chaport-window-deep-purple .content-wrapper .section .section-body #article blockquote,
.chaport-content.chaport-window-deep-purple .content-wrapper .section .section-body #article blockquote,
.chaport-faq-container.chaport-window-deep-purple .content-wrapper .section .section-body #article blockquote {
    border-color: #673ab7 !important
}

.chaport-container.chaport-window-deep-purple .nav-wrapper .default-logo-wrapper:hover .default-logo-text,
.chaport-content.chaport-window-deep-purple .nav-wrapper .default-logo-wrapper:hover .default-logo-text,
.chaport-faq-container.chaport-window-deep-purple .nav-wrapper .default-logo-wrapper:hover .default-logo-text {
    color: rgba(103, 58, 183, 0.8) !important
}

.chaport-container.chaport-window-deep-purple .nav-wrapper .default-logo-wrapper .default-logo-text,
.chaport-content.chaport-window-deep-purple .nav-wrapper .default-logo-wrapper .default-logo-text,
.chaport-faq-container.chaport-window-deep-purple .nav-wrapper .default-logo-wrapper .default-logo-text {
    color: #673ab7 !important
}

.chaport-container.chaport-window-deep-purple .message-wrapper.interlocutor-message-wrapper .message-body a,
.chaport-content.chaport-window-deep-purple .message-wrapper.interlocutor-message-wrapper .message-body a,
.chaport-faq-container.chaport-window-deep-purple .message-wrapper.interlocutor-message-wrapper .message-body a {
    color: #673ab7 !important
}

.chaport-container.chaport-window-deep-purple .message-wrapper.interlocutor-message-wrapper .message-body a:hover,
.chaport-content.chaport-window-deep-purple .message-wrapper.interlocutor-message-wrapper .message-body a:hover,
.chaport-faq-container.chaport-window-deep-purple .message-wrapper.interlocutor-message-wrapper .message-body a:hover {
    color: rgba(103, 58, 183, 0.8) !important
}

.chaport-container.chaport-window-deep-purple .message-wrapper.interlocutor-message-wrapper .message-body blockquote,
.chaport-content.chaport-window-deep-purple .message-wrapper.interlocutor-message-wrapper .message-body blockquote,
.chaport-faq-container.chaport-window-deep-purple .message-wrapper.interlocutor-message-wrapper .message-body blockquote {
    border-color: #673ab7
}

.chaport-container.chaport-window-indigo .chaport-launcher .chaport-launcher-button,
.chaport-content.chaport-window-indigo .chaport-launcher .chaport-launcher-button,
.chaport-faq-container.chaport-window-indigo .chaport-launcher .chaport-launcher-button {
    background-color: #3f51b5
}

.chaport-container.chaport-window-indigo .chaport-inner-header,
.chaport-container.chaport-window-indigo .your-message-wrapper .message-body,
.chaport-content.chaport-window-indigo .chaport-inner-header,
.chaport-content.chaport-window-indigo .your-message-wrapper .message-body,
.chaport-faq-container.chaport-window-indigo .chaport-inner-header,
.chaport-faq-container.chaport-window-indigo .your-message-wrapper .message-body {
    background-color: #3f51b5 !important
}

.chaport-container.chaport-window-indigo .chaport-inner-header .operator-faces .operator-face:before,
.chaport-content.chaport-window-indigo .chaport-inner-header .operator-faces .operator-face:before,
.chaport-faq-container.chaport-window-indigo .chaport-inner-header .operator-faces .operator-face:before {
    background-color: #3f51b5 !important
}

.chaport-container.chaport-window-indigo .chaport-logo span,
.chaport-content.chaport-window-indigo .chaport-logo span,
.chaport-faq-container.chaport-window-indigo .chaport-logo span {
    color: #3f51b5 !important
}

.chaport-container.chaport-window-indigo .emoji-wrapper.show-popup .emoji-icon,
.chaport-container.chaport-window-indigo .message-status,
.chaport-content.chaport-window-indigo .emoji-wrapper.show-popup .emoji-icon,
.chaport-content.chaport-window-indigo .message-status,
.chaport-faq-container.chaport-window-indigo .emoji-wrapper.show-popup .emoji-icon,
.chaport-faq-container.chaport-window-indigo .message-status {
    background-color: #3f51b5 !important
}

.chaport-container.chaport-window-indigo .prechat-form .focused::before,
.chaport-content.chaport-window-indigo .prechat-form .focused::before,
.chaport-faq-container.chaport-window-indigo .prechat-form .focused::before {
    background-color: #3f51b5 !important
}

.chaport-container.chaport-window-indigo .chaport-input-wrapper input,
.chaport-container.chaport-window-indigo .chaport-input-wrapper textarea,
.chaport-content.chaport-window-indigo .chaport-input-wrapper input,
.chaport-content.chaport-window-indigo .chaport-input-wrapper textarea,
.chaport-faq-container.chaport-window-indigo .chaport-input-wrapper input,
.chaport-faq-container.chaport-window-indigo .chaport-input-wrapper textarea {
    caret-color: #3f51b5
}

.chaport-container.chaport-window-indigo .chaport-send-icon svg polygon,
.chaport-content.chaport-window-indigo .chaport-send-icon svg polygon,
.chaport-faq-container.chaport-window-indigo .chaport-send-icon svg polygon {
    fill: #3f51b5
}

.chaport-container.chaport-window-indigo .chaport-send-icon:hover svg polygon,
.chaport-content.chaport-window-indigo .chaport-send-icon:hover svg polygon,
.chaport-faq-container.chaport-window-indigo .chaport-send-icon:hover svg polygon {
    fill: rgba(63, 81, 181, 0.9)
}

.chaport-container.chaport-window-indigo.chaport-device-windows .prechat-form .checkbox-field:checked,
.chaport-content.chaport-window-indigo.chaport-device-windows .prechat-form .checkbox-field:checked,
.chaport-faq-container.chaport-window-indigo.chaport-device-windows .prechat-form .checkbox-field:checked {
    background-color: #3f51b5 !important;
    border: 1px solid #3f51b5 !important
}

.chaport-container.chaport-window-indigo .reply-option,
.chaport-content.chaport-window-indigo .reply-option,
.chaport-faq-container.chaport-window-indigo .reply-option {
    color: #3f51b5 !important;
    border: 1px solid rgba(63, 81, 181, 0.8) !important
}

.chaport-container.chaport-window-indigo .reply-option:hover,
.chaport-container.chaport-window-indigo .reply-option:active,
.chaport-content.chaport-window-indigo .reply-option:hover,
.chaport-content.chaport-window-indigo .reply-option:active,
.chaport-faq-container.chaport-window-indigo .reply-option:hover,
.chaport-faq-container.chaport-window-indigo .reply-option:active {
    color: #fff !important;
    border: 1px solid #3f51b5 !important;
    background-color: #3f51b5 !important
}

.chaport-container.chaport-window-indigo .bot-photo,
.chaport-content.chaport-window-indigo .bot-photo,
.chaport-faq-container.chaport-window-indigo .bot-photo {
    background: #748c9f !important
}

.chaport-container.chaport-window-indigo .chaport-email-request-input-wrapper .chaport-email-request-input:focus,
.chaport-content.chaport-window-indigo .chaport-email-request-input-wrapper .chaport-email-request-input:focus,
.chaport-faq-container.chaport-window-indigo .chaport-email-request-input-wrapper .chaport-email-request-input:focus {
    border-color: rgba(63, 81, 181, 0.8) !important
}

.chaport-container.chaport-window-indigo .chaport-email-request-input-wrapper .chaport-email-send-button,
.chaport-content.chaport-window-indigo .chaport-email-request-input-wrapper .chaport-email-send-button,
.chaport-faq-container.chaport-window-indigo .chaport-email-request-input-wrapper .chaport-email-send-button {
    background-color: #3f51b5 !important
}

.chaport-container.chaport-window-indigo .chaport-email-request-input-wrapper .chaport-email-request-input,
.chaport-content.chaport-window-indigo .chaport-email-request-input-wrapper .chaport-email-request-input,
.chaport-faq-container.chaport-window-indigo .chaport-email-request-input-wrapper .chaport-email-request-input {
    caret-color: #3f51b5
}

.chaport-container.chaport-window-indigo .faq-bot-message .btn-link-wrapper,
.chaport-content.chaport-window-indigo .faq-bot-message .btn-link-wrapper,
.chaport-faq-container.chaport-window-indigo .faq-bot-message .btn-link-wrapper {
    color: #3f51b5 !important
}

.chaport-container.chaport-window-indigo .faq-bot-message .btn-link-wrapper:hover,
.chaport-content.chaport-window-indigo .faq-bot-message .btn-link-wrapper:hover,
.chaport-faq-container.chaport-window-indigo .faq-bot-message .btn-link-wrapper:hover {
    color: rgba(63, 81, 181, 0.8) !important
}

.chaport-container.chaport-window-indigo~.widget-browser .widget-browser-faq-nav,
.chaport-content.chaport-window-indigo~.widget-browser .widget-browser-faq-nav,
.chaport-faq-container.chaport-window-indigo~.widget-browser .widget-browser-faq-nav {
    background-color: #3f51b5
}

.chaport-container.chaport-window-indigo~.widget-browser .widget-browser-faq-link:link,
.chaport-container.chaport-window-indigo~.widget-browser .widget-browser-faq-link:visited,
.chaport-container.chaport-window-indigo~.widget-browser .article-content a:link,
.chaport-container.chaport-window-indigo~.widget-browser .article-content a:visited,
.chaport-content.chaport-window-indigo~.widget-browser .widget-browser-faq-link:link,
.chaport-content.chaport-window-indigo~.widget-browser .widget-browser-faq-link:visited,
.chaport-content.chaport-window-indigo~.widget-browser .article-content a:link,
.chaport-content.chaport-window-indigo~.widget-browser .article-content a:visited,
.chaport-faq-container.chaport-window-indigo~.widget-browser .widget-browser-faq-link:link,
.chaport-faq-container.chaport-window-indigo~.widget-browser .widget-browser-faq-link:visited,
.chaport-faq-container.chaport-window-indigo~.widget-browser .article-content a:link,
.chaport-faq-container.chaport-window-indigo~.widget-browser .article-content a:visited {
    color: #3f51b5 !important
}

.chaport-container.chaport-window-indigo~.widget-browser .widget-browser-faq-link:hover,
.chaport-container.chaport-window-indigo~.widget-browser .article-content a:hover,
.chaport-content.chaport-window-indigo~.widget-browser .widget-browser-faq-link:hover,
.chaport-content.chaport-window-indigo~.widget-browser .article-content a:hover,
.chaport-faq-container.chaport-window-indigo~.widget-browser .widget-browser-faq-link:hover,
.chaport-faq-container.chaport-window-indigo~.widget-browser .article-content a:hover {
    color: rgba(63, 81, 181, 0.8) !important
}

.chaport-container.chaport-window-indigo~.widget-browser .article-content blockquote,
.chaport-content.chaport-window-indigo~.widget-browser .article-content blockquote,
.chaport-faq-container.chaport-window-indigo~.widget-browser .article-content blockquote {
    border-color: #3f51b5 !important
}

.chaport-container.chaport-window-indigo~.widget-browser .faq-footer .faq-footer-back-button::after,
.chaport-content.chaport-window-indigo~.widget-browser .faq-footer .faq-footer-back-button::after,
.chaport-faq-container.chaport-window-indigo~.widget-browser .faq-footer .faq-footer-back-button::after {
    border-color: #3f51b5 !important
}

.chaport-container.chaport-window-indigo~.widget-browser .faq-footer .chaport-logo span,
.chaport-content.chaport-window-indigo~.widget-browser .faq-footer .chaport-logo span,
.chaport-faq-container.chaport-window-indigo~.widget-browser .faq-footer .chaport-logo span {
    color: #3f51b5 !important
}

.chaport-container.chaport-window-indigo .content-wrapper .section .section-body .article-list-item-link,
.chaport-container.chaport-window-indigo .content-wrapper .section .section-body #article .widget-browser-faq-link,
.chaport-container.chaport-window-indigo .content-wrapper .section .section-body #article a,
.chaport-content.chaport-window-indigo .content-wrapper .section .section-body .article-list-item-link,
.chaport-content.chaport-window-indigo .content-wrapper .section .section-body #article .widget-browser-faq-link,
.chaport-content.chaport-window-indigo .content-wrapper .section .section-body #article a,
.chaport-faq-container.chaport-window-indigo .content-wrapper .section .section-body .article-list-item-link,
.chaport-faq-container.chaport-window-indigo .content-wrapper .section .section-body #article .widget-browser-faq-link,
.chaport-faq-container.chaport-window-indigo .content-wrapper .section .section-body #article a {
    color: #3f51b5 !important
}

.chaport-container.chaport-window-indigo .content-wrapper .section .section-body .article-list-item-link:hover,
.chaport-container.chaport-window-indigo .content-wrapper .section .section-body #article .widget-browser-faq-link:hover,
.chaport-container.chaport-window-indigo .content-wrapper .section .section-body #article a:hover,
.chaport-content.chaport-window-indigo .content-wrapper .section .section-body .article-list-item-link:hover,
.chaport-content.chaport-window-indigo .content-wrapper .section .section-body #article .widget-browser-faq-link:hover,
.chaport-content.chaport-window-indigo .content-wrapper .section .section-body #article a:hover,
.chaport-faq-container.chaport-window-indigo .content-wrapper .section .section-body .article-list-item-link:hover,
.chaport-faq-container.chaport-window-indigo .content-wrapper .section .section-body #article .widget-browser-faq-link:hover,
.chaport-faq-container.chaport-window-indigo .content-wrapper .section .section-body #article a:hover {
    color: rgba(63, 81, 181, 0.8) !important
}

.chaport-container.chaport-window-indigo .content-wrapper .section .section-body #article blockquote,
.chaport-content.chaport-window-indigo .content-wrapper .section .section-body #article blockquote,
.chaport-faq-container.chaport-window-indigo .content-wrapper .section .section-body #article blockquote {
    border-color: #3f51b5 !important
}

.chaport-container.chaport-window-indigo .nav-wrapper .default-logo-wrapper:hover .default-logo-text,
.chaport-content.chaport-window-indigo .nav-wrapper .default-logo-wrapper:hover .default-logo-text,
.chaport-faq-container.chaport-window-indigo .nav-wrapper .default-logo-wrapper:hover .default-logo-text {
    color: rgba(63, 81, 181, 0.8) !important
}

.chaport-container.chaport-window-indigo .nav-wrapper .default-logo-wrapper .default-logo-text,
.chaport-content.chaport-window-indigo .nav-wrapper .default-logo-wrapper .default-logo-text,
.chaport-faq-container.chaport-window-indigo .nav-wrapper .default-logo-wrapper .default-logo-text {
    color: #3f51b5 !important
}

.chaport-container.chaport-window-indigo .message-wrapper.interlocutor-message-wrapper .message-body a,
.chaport-content.chaport-window-indigo .message-wrapper.interlocutor-message-wrapper .message-body a,
.chaport-faq-container.chaport-window-indigo .message-wrapper.interlocutor-message-wrapper .message-body a {
    color: #3f51b5 !important
}

.chaport-container.chaport-window-indigo .message-wrapper.interlocutor-message-wrapper .message-body a:hover,
.chaport-content.chaport-window-indigo .message-wrapper.interlocutor-message-wrapper .message-body a:hover,
.chaport-faq-container.chaport-window-indigo .message-wrapper.interlocutor-message-wrapper .message-body a:hover {
    color: rgba(63, 81, 181, 0.8) !important
}

.chaport-container.chaport-window-indigo .message-wrapper.interlocutor-message-wrapper .message-body blockquote,
.chaport-content.chaport-window-indigo .message-wrapper.interlocutor-message-wrapper .message-body blockquote,
.chaport-faq-container.chaport-window-indigo .message-wrapper.interlocutor-message-wrapper .message-body blockquote {
    border-color: #3f51b5
}

.chaport-container.chaport-window-blue .chaport-launcher .chaport-launcher-button,
.chaport-content.chaport-window-blue .chaport-launcher .chaport-launcher-button,
.chaport-faq-container.chaport-window-blue .chaport-launcher .chaport-launcher-button {
    background-color: #1e88e5
}

.chaport-container.chaport-window-blue .chaport-inner-header,
.chaport-container.chaport-window-blue .your-message-wrapper .message-body,
.chaport-content.chaport-window-blue .chaport-inner-header,
.chaport-content.chaport-window-blue .your-message-wrapper .message-body,
.chaport-faq-container.chaport-window-blue .chaport-inner-header,
.chaport-faq-container.chaport-window-blue .your-message-wrapper .message-body {
    background-color: #1e88e5 !important
}

.chaport-container.chaport-window-blue .chaport-inner-header .operator-faces .operator-face:before,
.chaport-content.chaport-window-blue .chaport-inner-header .operator-faces .operator-face:before,
.chaport-faq-container.chaport-window-blue .chaport-inner-header .operator-faces .operator-face:before {
    background-color: #1e88e5 !important
}

.chaport-container.chaport-window-blue .chaport-logo span,
.chaport-content.chaport-window-blue .chaport-logo span,
.chaport-faq-container.chaport-window-blue .chaport-logo span {
    color: #1e88e5 !important
}

.chaport-container.chaport-window-blue .emoji-wrapper.show-popup .emoji-icon,
.chaport-container.chaport-window-blue .message-status,
.chaport-content.chaport-window-blue .emoji-wrapper.show-popup .emoji-icon,
.chaport-content.chaport-window-blue .message-status,
.chaport-faq-container.chaport-window-blue .emoji-wrapper.show-popup .emoji-icon,
.chaport-faq-container.chaport-window-blue .message-status {
    background-color: #1e88e5 !important
}

.chaport-container.chaport-window-blue .prechat-form .focused::before,
.chaport-content.chaport-window-blue .prechat-form .focused::before,
.chaport-faq-container.chaport-window-blue .prechat-form .focused::before {
    background-color: #1e88e5 !important
}

.chaport-container.chaport-window-blue .chaport-input-wrapper input,
.chaport-container.chaport-window-blue .chaport-input-wrapper textarea,
.chaport-content.chaport-window-blue .chaport-input-wrapper input,
.chaport-content.chaport-window-blue .chaport-input-wrapper textarea,
.chaport-faq-container.chaport-window-blue .chaport-input-wrapper input,
.chaport-faq-container.chaport-window-blue .chaport-input-wrapper textarea {
    caret-color: #1e88e5
}

.chaport-container.chaport-window-blue .chaport-send-icon svg polygon,
.chaport-content.chaport-window-blue .chaport-send-icon svg polygon,
.chaport-faq-container.chaport-window-blue .chaport-send-icon svg polygon {
    fill: #1e88e5
}

.chaport-container.chaport-window-blue .chaport-send-icon:hover svg polygon,
.chaport-content.chaport-window-blue .chaport-send-icon:hover svg polygon,
.chaport-faq-container.chaport-window-blue .chaport-send-icon:hover svg polygon {
    fill: rgba(30, 136, 229, 0.9)
}

.chaport-container.chaport-window-blue.chaport-device-windows .prechat-form .checkbox-field:checked,
.chaport-content.chaport-window-blue.chaport-device-windows .prechat-form .checkbox-field:checked,
.chaport-faq-container.chaport-window-blue.chaport-device-windows .prechat-form .checkbox-field:checked {
    background-color: #1e88e5 !important;
    border: 1px solid #1e88e5 !important
}

.chaport-container.chaport-window-blue .reply-option,
.chaport-content.chaport-window-blue .reply-option,
.chaport-faq-container.chaport-window-blue .reply-option {
    color: #1e88e5 !important;
    border: 1px solid rgba(30, 136, 229, 0.8) !important
}

.chaport-container.chaport-window-blue .reply-option:hover,
.chaport-container.chaport-window-blue .reply-option:active,
.chaport-content.chaport-window-blue .reply-option:hover,
.chaport-content.chaport-window-blue .reply-option:active,
.chaport-faq-container.chaport-window-blue .reply-option:hover,
.chaport-faq-container.chaport-window-blue .reply-option:active {
    color: #fff !important;
    border: 1px solid #1e88e5 !important;
    background-color: #1e88e5 !important
}

.chaport-container.chaport-window-blue .bot-photo,
.chaport-content.chaport-window-blue .bot-photo,
.chaport-faq-container.chaport-window-blue .bot-photo {
    background: #748c9f !important
}

.chaport-container.chaport-window-blue .chaport-email-request-input-wrapper .chaport-email-request-input:focus,
.chaport-content.chaport-window-blue .chaport-email-request-input-wrapper .chaport-email-request-input:focus,
.chaport-faq-container.chaport-window-blue .chaport-email-request-input-wrapper .chaport-email-request-input:focus {
    border-color: rgba(30, 136, 229, 0.8) !important
}

.chaport-container.chaport-window-blue .chaport-email-request-input-wrapper .chaport-email-send-button,
.chaport-content.chaport-window-blue .chaport-email-request-input-wrapper .chaport-email-send-button,
.chaport-faq-container.chaport-window-blue .chaport-email-request-input-wrapper .chaport-email-send-button {
    background-color: #1e88e5 !important
}

.chaport-container.chaport-window-blue .chaport-email-request-input-wrapper .chaport-email-request-input,
.chaport-content.chaport-window-blue .chaport-email-request-input-wrapper .chaport-email-request-input,
.chaport-faq-container.chaport-window-blue .chaport-email-request-input-wrapper .chaport-email-request-input {
    caret-color: #1e88e5
}

.chaport-container.chaport-window-blue .faq-bot-message .btn-link-wrapper,
.chaport-content.chaport-window-blue .faq-bot-message .btn-link-wrapper,
.chaport-faq-container.chaport-window-blue .faq-bot-message .btn-link-wrapper {
    color: #1e88e5 !important
}

.chaport-container.chaport-window-blue .faq-bot-message .btn-link-wrapper:hover,
.chaport-content.chaport-window-blue .faq-bot-message .btn-link-wrapper:hover,
.chaport-faq-container.chaport-window-blue .faq-bot-message .btn-link-wrapper:hover {
    color: rgba(30, 136, 229, 0.8) !important
}

.chaport-container.chaport-window-blue~.widget-browser .widget-browser-faq-nav,
.chaport-content.chaport-window-blue~.widget-browser .widget-browser-faq-nav,
.chaport-faq-container.chaport-window-blue~.widget-browser .widget-browser-faq-nav {
    background-color: #1e88e5
}

.chaport-container.chaport-window-blue~.widget-browser .widget-browser-faq-link:link,
.chaport-container.chaport-window-blue~.widget-browser .widget-browser-faq-link:visited,
.chaport-container.chaport-window-blue~.widget-browser .article-content a:link,
.chaport-container.chaport-window-blue~.widget-browser .article-content a:visited,
.chaport-content.chaport-window-blue~.widget-browser .widget-browser-faq-link:link,
.chaport-content.chaport-window-blue~.widget-browser .widget-browser-faq-link:visited,
.chaport-content.chaport-window-blue~.widget-browser .article-content a:link,
.chaport-content.chaport-window-blue~.widget-browser .article-content a:visited,
.chaport-faq-container.chaport-window-blue~.widget-browser .widget-browser-faq-link:link,
.chaport-faq-container.chaport-window-blue~.widget-browser .widget-browser-faq-link:visited,
.chaport-faq-container.chaport-window-blue~.widget-browser .article-content a:link,
.chaport-faq-container.chaport-window-blue~.widget-browser .article-content a:visited {
    color: #1e88e5 !important
}

.chaport-container.chaport-window-blue~.widget-browser .widget-browser-faq-link:hover,
.chaport-container.chaport-window-blue~.widget-browser .article-content a:hover,
.chaport-content.chaport-window-blue~.widget-browser .widget-browser-faq-link:hover,
.chaport-content.chaport-window-blue~.widget-browser .article-content a:hover,
.chaport-faq-container.chaport-window-blue~.widget-browser .widget-browser-faq-link:hover,
.chaport-faq-container.chaport-window-blue~.widget-browser .article-content a:hover {
    color: rgba(30, 136, 229, 0.8) !important
}

.chaport-container.chaport-window-blue~.widget-browser .article-content blockquote,
.chaport-content.chaport-window-blue~.widget-browser .article-content blockquote,
.chaport-faq-container.chaport-window-blue~.widget-browser .article-content blockquote {
    border-color: #1e88e5 !important
}

.chaport-container.chaport-window-blue~.widget-browser .faq-footer .faq-footer-back-button::after,
.chaport-content.chaport-window-blue~.widget-browser .faq-footer .faq-footer-back-button::after,
.chaport-faq-container.chaport-window-blue~.widget-browser .faq-footer .faq-footer-back-button::after {
    border-color: #1e88e5 !important
}

.chaport-container.chaport-window-blue~.widget-browser .faq-footer .chaport-logo span,
.chaport-content.chaport-window-blue~.widget-browser .faq-footer .chaport-logo span,
.chaport-faq-container.chaport-window-blue~.widget-browser .faq-footer .chaport-logo span {
    color: #1e88e5 !important
}

.chaport-container.chaport-window-blue .content-wrapper .section .section-body .article-list-item-link,
.chaport-container.chaport-window-blue .content-wrapper .section .section-body #article .widget-browser-faq-link,
.chaport-container.chaport-window-blue .content-wrapper .section .section-body #article a,
.chaport-content.chaport-window-blue .content-wrapper .section .section-body .article-list-item-link,
.chaport-content.chaport-window-blue .content-wrapper .section .section-body #article .widget-browser-faq-link,
.chaport-content.chaport-window-blue .content-wrapper .section .section-body #article a,
.chaport-faq-container.chaport-window-blue .content-wrapper .section .section-body .article-list-item-link,
.chaport-faq-container.chaport-window-blue .content-wrapper .section .section-body #article .widget-browser-faq-link,
.chaport-faq-container.chaport-window-blue .content-wrapper .section .section-body #article a {
    color: #1e88e5 !important
}

.chaport-container.chaport-window-blue .content-wrapper .section .section-body .article-list-item-link:hover,
.chaport-container.chaport-window-blue .content-wrapper .section .section-body #article .widget-browser-faq-link:hover,
.chaport-container.chaport-window-blue .content-wrapper .section .section-body #article a:hover,
.chaport-content.chaport-window-blue .content-wrapper .section .section-body .article-list-item-link:hover,
.chaport-content.chaport-window-blue .content-wrapper .section .section-body #article .widget-browser-faq-link:hover,
.chaport-content.chaport-window-blue .content-wrapper .section .section-body #article a:hover,
.chaport-faq-container.chaport-window-blue .content-wrapper .section .section-body .article-list-item-link:hover,
.chaport-faq-container.chaport-window-blue .content-wrapper .section .section-body #article .widget-browser-faq-link:hover,
.chaport-faq-container.chaport-window-blue .content-wrapper .section .section-body #article a:hover {
    color: rgba(30, 136, 229, 0.8) !important
}

.chaport-container.chaport-window-blue .content-wrapper .section .section-body #article blockquote,
.chaport-content.chaport-window-blue .content-wrapper .section .section-body #article blockquote,
.chaport-faq-container.chaport-window-blue .content-wrapper .section .section-body #article blockquote {
    border-color: #1e88e5 !important
}

.chaport-container.chaport-window-blue .nav-wrapper .default-logo-wrapper:hover .default-logo-text,
.chaport-content.chaport-window-blue .nav-wrapper .default-logo-wrapper:hover .default-logo-text,
.chaport-faq-container.chaport-window-blue .nav-wrapper .default-logo-wrapper:hover .default-logo-text {
    color: rgba(30, 136, 229, 0.8) !important
}

.chaport-container.chaport-window-blue .nav-wrapper .default-logo-wrapper .default-logo-text,
.chaport-content.chaport-window-blue .nav-wrapper .default-logo-wrapper .default-logo-text,
.chaport-faq-container.chaport-window-blue .nav-wrapper .default-logo-wrapper .default-logo-text {
    color: #1e88e5 !important
}

.chaport-container.chaport-window-blue .message-wrapper.interlocutor-message-wrapper .message-body a,
.chaport-content.chaport-window-blue .message-wrapper.interlocutor-message-wrapper .message-body a,
.chaport-faq-container.chaport-window-blue .message-wrapper.interlocutor-message-wrapper .message-body a {
    color: #1e88e5 !important
}

.chaport-container.chaport-window-blue .message-wrapper.interlocutor-message-wrapper .message-body a:hover,
.chaport-content.chaport-window-blue .message-wrapper.interlocutor-message-wrapper .message-body a:hover,
.chaport-faq-container.chaport-window-blue .message-wrapper.interlocutor-message-wrapper .message-body a:hover {
    color: rgba(30, 136, 229, 0.8) !important
}

.chaport-container.chaport-window-blue .message-wrapper.interlocutor-message-wrapper .message-body blockquote,
.chaport-content.chaport-window-blue .message-wrapper.interlocutor-message-wrapper .message-body blockquote,
.chaport-faq-container.chaport-window-blue .message-wrapper.interlocutor-message-wrapper .message-body blockquote {
    border-color: #1e88e5
}

.chaport-container.chaport-window-light-blue .chaport-launcher .chaport-launcher-button,
.chaport-content.chaport-window-light-blue .chaport-launcher .chaport-launcher-button,
.chaport-faq-container.chaport-window-light-blue .chaport-launcher .chaport-launcher-button {
    background-color: #039be5
}

.chaport-container.chaport-window-light-blue .chaport-inner-header,
.chaport-container.chaport-window-light-blue .your-message-wrapper .message-body,
.chaport-content.chaport-window-light-blue .chaport-inner-header,
.chaport-content.chaport-window-light-blue .your-message-wrapper .message-body,
.chaport-faq-container.chaport-window-light-blue .chaport-inner-header,
.chaport-faq-container.chaport-window-light-blue .your-message-wrapper .message-body {
    background-color: #039be5 !important
}

.chaport-container.chaport-window-light-blue .chaport-inner-header .operator-faces .operator-face:before,
.chaport-content.chaport-window-light-blue .chaport-inner-header .operator-faces .operator-face:before,
.chaport-faq-container.chaport-window-light-blue .chaport-inner-header .operator-faces .operator-face:before {
    background-color: #039be5 !important
}

.chaport-container.chaport-window-light-blue .chaport-logo span,
.chaport-content.chaport-window-light-blue .chaport-logo span,
.chaport-faq-container.chaport-window-light-blue .chaport-logo span {
    color: #039be5 !important
}

.chaport-container.chaport-window-light-blue .emoji-wrapper.show-popup .emoji-icon,
.chaport-container.chaport-window-light-blue .message-status,
.chaport-content.chaport-window-light-blue .emoji-wrapper.show-popup .emoji-icon,
.chaport-content.chaport-window-light-blue .message-status,
.chaport-faq-container.chaport-window-light-blue .emoji-wrapper.show-popup .emoji-icon,
.chaport-faq-container.chaport-window-light-blue .message-status {
    background-color: #039be5 !important
}

.chaport-container.chaport-window-light-blue .prechat-form .focused::before,
.chaport-content.chaport-window-light-blue .prechat-form .focused::before,
.chaport-faq-container.chaport-window-light-blue .prechat-form .focused::before {
    background-color: #039be5 !important
}

.chaport-container.chaport-window-light-blue .chaport-input-wrapper input,
.chaport-container.chaport-window-light-blue .chaport-input-wrapper textarea,
.chaport-content.chaport-window-light-blue .chaport-input-wrapper input,
.chaport-content.chaport-window-light-blue .chaport-input-wrapper textarea,
.chaport-faq-container.chaport-window-light-blue .chaport-input-wrapper input,
.chaport-faq-container.chaport-window-light-blue .chaport-input-wrapper textarea {
    caret-color: #039be5
}

.chaport-container.chaport-window-light-blue .chaport-send-icon svg polygon,
.chaport-content.chaport-window-light-blue .chaport-send-icon svg polygon,
.chaport-faq-container.chaport-window-light-blue .chaport-send-icon svg polygon {
    fill: #039be5
}

.chaport-container.chaport-window-light-blue .chaport-send-icon:hover svg polygon,
.chaport-content.chaport-window-light-blue .chaport-send-icon:hover svg polygon,
.chaport-faq-container.chaport-window-light-blue .chaport-send-icon:hover svg polygon {
    fill: rgba(3, 155, 229, 0.9)
}

.chaport-container.chaport-window-light-blue.chaport-device-windows .prechat-form .checkbox-field:checked,
.chaport-content.chaport-window-light-blue.chaport-device-windows .prechat-form .checkbox-field:checked,
.chaport-faq-container.chaport-window-light-blue.chaport-device-windows .prechat-form .checkbox-field:checked {
    background-color: #039be5 !important;
    border: 1px solid #039be5 !important
}

.chaport-container.chaport-window-light-blue .reply-option,
.chaport-content.chaport-window-light-blue .reply-option,
.chaport-faq-container.chaport-window-light-blue .reply-option {
    color: #039be5 !important;
    border: 1px solid rgba(3, 155, 229, 0.8) !important
}

.chaport-container.chaport-window-light-blue .reply-option:hover,
.chaport-container.chaport-window-light-blue .reply-option:active,
.chaport-content.chaport-window-light-blue .reply-option:hover,
.chaport-content.chaport-window-light-blue .reply-option:active,
.chaport-faq-container.chaport-window-light-blue .reply-option:hover,
.chaport-faq-container.chaport-window-light-blue .reply-option:active {
    color: #fff !important;
    border: 1px solid #039be5 !important;
    background-color: #039be5 !important
}

.chaport-container.chaport-window-light-blue .bot-photo,
.chaport-content.chaport-window-light-blue .bot-photo,
.chaport-faq-container.chaport-window-light-blue .bot-photo {
    background: #748c9f !important
}

.chaport-container.chaport-window-light-blue .chaport-email-request-input-wrapper .chaport-email-request-input:focus,
.chaport-content.chaport-window-light-blue .chaport-email-request-input-wrapper .chaport-email-request-input:focus,
.chaport-faq-container.chaport-window-light-blue .chaport-email-request-input-wrapper .chaport-email-request-input:focus {
    border-color: rgba(3, 155, 229, 0.8) !important
}

.chaport-container.chaport-window-light-blue .chaport-email-request-input-wrapper .chaport-email-send-button,
.chaport-content.chaport-window-light-blue .chaport-email-request-input-wrapper .chaport-email-send-button,
.chaport-faq-container.chaport-window-light-blue .chaport-email-request-input-wrapper .chaport-email-send-button {
    background-color: #039be5 !important
}

.chaport-container.chaport-window-light-blue .chaport-email-request-input-wrapper .chaport-email-request-input,
.chaport-content.chaport-window-light-blue .chaport-email-request-input-wrapper .chaport-email-request-input,
.chaport-faq-container.chaport-window-light-blue .chaport-email-request-input-wrapper .chaport-email-request-input {
    caret-color: #039be5
}

.chaport-container.chaport-window-light-blue .faq-bot-message .btn-link-wrapper,
.chaport-content.chaport-window-light-blue .faq-bot-message .btn-link-wrapper,
.chaport-faq-container.chaport-window-light-blue .faq-bot-message .btn-link-wrapper {
    color: #039be5 !important
}

.chaport-container.chaport-window-light-blue .faq-bot-message .btn-link-wrapper:hover,
.chaport-content.chaport-window-light-blue .faq-bot-message .btn-link-wrapper:hover,
.chaport-faq-container.chaport-window-light-blue .faq-bot-message .btn-link-wrapper:hover {
    color: rgba(3, 155, 229, 0.8) !important
}

.chaport-container.chaport-window-light-blue~.widget-browser .widget-browser-faq-nav,
.chaport-content.chaport-window-light-blue~.widget-browser .widget-browser-faq-nav,
.chaport-faq-container.chaport-window-light-blue~.widget-browser .widget-browser-faq-nav {
    background-color: #039be5
}

.chaport-container.chaport-window-light-blue~.widget-browser .widget-browser-faq-link:link,
.chaport-container.chaport-window-light-blue~.widget-browser .widget-browser-faq-link:visited,
.chaport-container.chaport-window-light-blue~.widget-browser .article-content a:link,
.chaport-container.chaport-window-light-blue~.widget-browser .article-content a:visited,
.chaport-content.chaport-window-light-blue~.widget-browser .widget-browser-faq-link:link,
.chaport-content.chaport-window-light-blue~.widget-browser .widget-browser-faq-link:visited,
.chaport-content.chaport-window-light-blue~.widget-browser .article-content a:link,
.chaport-content.chaport-window-light-blue~.widget-browser .article-content a:visited,
.chaport-faq-container.chaport-window-light-blue~.widget-browser .widget-browser-faq-link:link,
.chaport-faq-container.chaport-window-light-blue~.widget-browser .widget-browser-faq-link:visited,
.chaport-faq-container.chaport-window-light-blue~.widget-browser .article-content a:link,
.chaport-faq-container.chaport-window-light-blue~.widget-browser .article-content a:visited {
    color: #039be5 !important
}

.chaport-container.chaport-window-light-blue~.widget-browser .widget-browser-faq-link:hover,
.chaport-container.chaport-window-light-blue~.widget-browser .article-content a:hover,
.chaport-content.chaport-window-light-blue~.widget-browser .widget-browser-faq-link:hover,
.chaport-content.chaport-window-light-blue~.widget-browser .article-content a:hover,
.chaport-faq-container.chaport-window-light-blue~.widget-browser .widget-browser-faq-link:hover,
.chaport-faq-container.chaport-window-light-blue~.widget-browser .article-content a:hover {
    color: rgba(3, 155, 229, 0.8) !important
}

.chaport-container.chaport-window-light-blue~.widget-browser .article-content blockquote,
.chaport-content.chaport-window-light-blue~.widget-browser .article-content blockquote,
.chaport-faq-container.chaport-window-light-blue~.widget-browser .article-content blockquote {
    border-color: #039be5 !important
}

.chaport-container.chaport-window-light-blue~.widget-browser .faq-footer .faq-footer-back-button::after,
.chaport-content.chaport-window-light-blue~.widget-browser .faq-footer .faq-footer-back-button::after,
.chaport-faq-container.chaport-window-light-blue~.widget-browser .faq-footer .faq-footer-back-button::after {
    border-color: #039be5 !important
}

.chaport-container.chaport-window-light-blue~.widget-browser .faq-footer .chaport-logo span,
.chaport-content.chaport-window-light-blue~.widget-browser .faq-footer .chaport-logo span,
.chaport-faq-container.chaport-window-light-blue~.widget-browser .faq-footer .chaport-logo span {
    color: #039be5 !important
}

.chaport-container.chaport-window-light-blue .content-wrapper .section .section-body .article-list-item-link,
.chaport-container.chaport-window-light-blue .content-wrapper .section .section-body #article .widget-browser-faq-link,
.chaport-container.chaport-window-light-blue .content-wrapper .section .section-body #article a,
.chaport-content.chaport-window-light-blue .content-wrapper .section .section-body .article-list-item-link,
.chaport-content.chaport-window-light-blue .content-wrapper .section .section-body #article .widget-browser-faq-link,
.chaport-content.chaport-window-light-blue .content-wrapper .section .section-body #article a,
.chaport-faq-container.chaport-window-light-blue .content-wrapper .section .section-body .article-list-item-link,
.chaport-faq-container.chaport-window-light-blue .content-wrapper .section .section-body #article .widget-browser-faq-link,
.chaport-faq-container.chaport-window-light-blue .content-wrapper .section .section-body #article a {
    color: #039be5 !important
}

.chaport-container.chaport-window-light-blue .content-wrapper .section .section-body .article-list-item-link:hover,
.chaport-container.chaport-window-light-blue .content-wrapper .section .section-body #article .widget-browser-faq-link:hover,
.chaport-container.chaport-window-light-blue .content-wrapper .section .section-body #article a:hover,
.chaport-content.chaport-window-light-blue .content-wrapper .section .section-body .article-list-item-link:hover,
.chaport-content.chaport-window-light-blue .content-wrapper .section .section-body #article .widget-browser-faq-link:hover,
.chaport-content.chaport-window-light-blue .content-wrapper .section .section-body #article a:hover,
.chaport-faq-container.chaport-window-light-blue .content-wrapper .section .section-body .article-list-item-link:hover,
.chaport-faq-container.chaport-window-light-blue .content-wrapper .section .section-body #article .widget-browser-faq-link:hover,
.chaport-faq-container.chaport-window-light-blue .content-wrapper .section .section-body #article a:hover {
    color: rgba(3, 155, 229, 0.8) !important
}

.chaport-container.chaport-window-light-blue .content-wrapper .section .section-body #article blockquote,
.chaport-content.chaport-window-light-blue .content-wrapper .section .section-body #article blockquote,
.chaport-faq-container.chaport-window-light-blue .content-wrapper .section .section-body #article blockquote {
    border-color: #039be5 !important
}

.chaport-container.chaport-window-light-blue .nav-wrapper .default-logo-wrapper:hover .default-logo-text,
.chaport-content.chaport-window-light-blue .nav-wrapper .default-logo-wrapper:hover .default-logo-text,
.chaport-faq-container.chaport-window-light-blue .nav-wrapper .default-logo-wrapper:hover .default-logo-text {
    color: rgba(3, 155, 229, 0.8) !important
}

.chaport-container.chaport-window-light-blue .nav-wrapper .default-logo-wrapper .default-logo-text,
.chaport-content.chaport-window-light-blue .nav-wrapper .default-logo-wrapper .default-logo-text,
.chaport-faq-container.chaport-window-light-blue .nav-wrapper .default-logo-wrapper .default-logo-text {
    color: #039be5 !important
}

.chaport-container.chaport-window-light-blue .message-wrapper.interlocutor-message-wrapper .message-body a,
.chaport-content.chaport-window-light-blue .message-wrapper.interlocutor-message-wrapper .message-body a,
.chaport-faq-container.chaport-window-light-blue .message-wrapper.interlocutor-message-wrapper .message-body a {
    color: #039be5 !important
}

.chaport-container.chaport-window-light-blue .message-wrapper.interlocutor-message-wrapper .message-body a:hover,
.chaport-content.chaport-window-light-blue .message-wrapper.interlocutor-message-wrapper .message-body a:hover,
.chaport-faq-container.chaport-window-light-blue .message-wrapper.interlocutor-message-wrapper .message-body a:hover {
    color: rgba(3, 155, 229, 0.8) !important
}

.chaport-container.chaport-window-light-blue .message-wrapper.interlocutor-message-wrapper .message-body blockquote,
.chaport-content.chaport-window-light-blue .message-wrapper.interlocutor-message-wrapper .message-body blockquote,
.chaport-faq-container.chaport-window-light-blue .message-wrapper.interlocutor-message-wrapper .message-body blockquote {
    border-color: #039be5
}

.chaport-container.chaport-window-cyan .chaport-launcher .chaport-launcher-button,
.chaport-content.chaport-window-cyan .chaport-launcher .chaport-launcher-button,
.chaport-faq-container.chaport-window-cyan .chaport-launcher .chaport-launcher-button {
    background-color: #00acc1
}

.chaport-container.chaport-window-cyan .chaport-inner-header,
.chaport-container.chaport-window-cyan .your-message-wrapper .message-body,
.chaport-content.chaport-window-cyan .chaport-inner-header,
.chaport-content.chaport-window-cyan .your-message-wrapper .message-body,
.chaport-faq-container.chaport-window-cyan .chaport-inner-header,
.chaport-faq-container.chaport-window-cyan .your-message-wrapper .message-body {
    background-color: #00acc1 !important
}

.chaport-container.chaport-window-cyan .chaport-inner-header .operator-faces .operator-face:before,
.chaport-content.chaport-window-cyan .chaport-inner-header .operator-faces .operator-face:before,
.chaport-faq-container.chaport-window-cyan .chaport-inner-header .operator-faces .operator-face:before {
    background-color: #00acc1 !important
}

.chaport-container.chaport-window-cyan .chaport-logo span,
.chaport-content.chaport-window-cyan .chaport-logo span,
.chaport-faq-container.chaport-window-cyan .chaport-logo span {
    color: #00acc1 !important
}

.chaport-container.chaport-window-cyan .emoji-wrapper.show-popup .emoji-icon,
.chaport-container.chaport-window-cyan .message-status,
.chaport-content.chaport-window-cyan .emoji-wrapper.show-popup .emoji-icon,
.chaport-content.chaport-window-cyan .message-status,
.chaport-faq-container.chaport-window-cyan .emoji-wrapper.show-popup .emoji-icon,
.chaport-faq-container.chaport-window-cyan .message-status {
    background-color: #00acc1 !important
}

.chaport-container.chaport-window-cyan .prechat-form .focused::before,
.chaport-content.chaport-window-cyan .prechat-form .focused::before,
.chaport-faq-container.chaport-window-cyan .prechat-form .focused::before {
    background-color: #00acc1 !important
}

.chaport-container.chaport-window-cyan .chaport-input-wrapper input,
.chaport-container.chaport-window-cyan .chaport-input-wrapper textarea,
.chaport-content.chaport-window-cyan .chaport-input-wrapper input,
.chaport-content.chaport-window-cyan .chaport-input-wrapper textarea,
.chaport-faq-container.chaport-window-cyan .chaport-input-wrapper input,
.chaport-faq-container.chaport-window-cyan .chaport-input-wrapper textarea {
    caret-color: #00acc1
}

.chaport-container.chaport-window-cyan .chaport-send-icon svg polygon,
.chaport-content.chaport-window-cyan .chaport-send-icon svg polygon,
.chaport-faq-container.chaport-window-cyan .chaport-send-icon svg polygon {
    fill: #00acc1
}

.chaport-container.chaport-window-cyan .chaport-send-icon:hover svg polygon,
.chaport-content.chaport-window-cyan .chaport-send-icon:hover svg polygon,
.chaport-faq-container.chaport-window-cyan .chaport-send-icon:hover svg polygon {
    fill: rgba(0, 172, 193, 0.9)
}

.chaport-container.chaport-window-cyan.chaport-device-windows .prechat-form .checkbox-field:checked,
.chaport-content.chaport-window-cyan.chaport-device-windows .prechat-form .checkbox-field:checked,
.chaport-faq-container.chaport-window-cyan.chaport-device-windows .prechat-form .checkbox-field:checked {
    background-color: #00acc1 !important;
    border: 1px solid #00acc1 !important
}

.chaport-container.chaport-window-cyan .reply-option,
.chaport-content.chaport-window-cyan .reply-option,
.chaport-faq-container.chaport-window-cyan .reply-option {
    color: #00acc1 !important;
    border: 1px solid rgba(0, 172, 193, 0.8) !important
}

.chaport-container.chaport-window-cyan .reply-option:hover,
.chaport-container.chaport-window-cyan .reply-option:active,
.chaport-content.chaport-window-cyan .reply-option:hover,
.chaport-content.chaport-window-cyan .reply-option:active,
.chaport-faq-container.chaport-window-cyan .reply-option:hover,
.chaport-faq-container.chaport-window-cyan .reply-option:active {
    color: #fff !important;
    border: 1px solid #00acc1 !important;
    background-color: #00acc1 !important
}

.chaport-container.chaport-window-cyan .bot-photo,
.chaport-content.chaport-window-cyan .bot-photo,
.chaport-faq-container.chaport-window-cyan .bot-photo {
    background: #748c9f !important
}

.chaport-container.chaport-window-cyan .chaport-email-request-input-wrapper .chaport-email-request-input:focus,
.chaport-content.chaport-window-cyan .chaport-email-request-input-wrapper .chaport-email-request-input:focus,
.chaport-faq-container.chaport-window-cyan .chaport-email-request-input-wrapper .chaport-email-request-input:focus {
    border-color: rgba(0, 172, 193, 0.8) !important
}

.chaport-container.chaport-window-cyan .chaport-email-request-input-wrapper .chaport-email-send-button,
.chaport-content.chaport-window-cyan .chaport-email-request-input-wrapper .chaport-email-send-button,
.chaport-faq-container.chaport-window-cyan .chaport-email-request-input-wrapper .chaport-email-send-button {
    background-color: #00acc1 !important
}

.chaport-container.chaport-window-cyan .chaport-email-request-input-wrapper .chaport-email-request-input,
.chaport-content.chaport-window-cyan .chaport-email-request-input-wrapper .chaport-email-request-input,
.chaport-faq-container.chaport-window-cyan .chaport-email-request-input-wrapper .chaport-email-request-input {
    caret-color: #00acc1
}

.chaport-container.chaport-window-cyan .faq-bot-message .btn-link-wrapper,
.chaport-content.chaport-window-cyan .faq-bot-message .btn-link-wrapper,
.chaport-faq-container.chaport-window-cyan .faq-bot-message .btn-link-wrapper {
    color: #00acc1 !important
}

.chaport-container.chaport-window-cyan .faq-bot-message .btn-link-wrapper:hover,
.chaport-content.chaport-window-cyan .faq-bot-message .btn-link-wrapper:hover,
.chaport-faq-container.chaport-window-cyan .faq-bot-message .btn-link-wrapper:hover {
    color: rgba(0, 172, 193, 0.8) !important
}

.chaport-container.chaport-window-cyan~.widget-browser .widget-browser-faq-nav,
.chaport-content.chaport-window-cyan~.widget-browser .widget-browser-faq-nav,
.chaport-faq-container.chaport-window-cyan~.widget-browser .widget-browser-faq-nav {
    background-color: #00acc1
}

.chaport-container.chaport-window-cyan~.widget-browser .widget-browser-faq-link:link,
.chaport-container.chaport-window-cyan~.widget-browser .widget-browser-faq-link:visited,
.chaport-container.chaport-window-cyan~.widget-browser .article-content a:link,
.chaport-container.chaport-window-cyan~.widget-browser .article-content a:visited,
.chaport-content.chaport-window-cyan~.widget-browser .widget-browser-faq-link:link,
.chaport-content.chaport-window-cyan~.widget-browser .widget-browser-faq-link:visited,
.chaport-content.chaport-window-cyan~.widget-browser .article-content a:link,
.chaport-content.chaport-window-cyan~.widget-browser .article-content a:visited,
.chaport-faq-container.chaport-window-cyan~.widget-browser .widget-browser-faq-link:link,
.chaport-faq-container.chaport-window-cyan~.widget-browser .widget-browser-faq-link:visited,
.chaport-faq-container.chaport-window-cyan~.widget-browser .article-content a:link,
.chaport-faq-container.chaport-window-cyan~.widget-browser .article-content a:visited {
    color: #00acc1 !important
}

.chaport-container.chaport-window-cyan~.widget-browser .widget-browser-faq-link:hover,
.chaport-container.chaport-window-cyan~.widget-browser .article-content a:hover,
.chaport-content.chaport-window-cyan~.widget-browser .widget-browser-faq-link:hover,
.chaport-content.chaport-window-cyan~.widget-browser .article-content a:hover,
.chaport-faq-container.chaport-window-cyan~.widget-browser .widget-browser-faq-link:hover,
.chaport-faq-container.chaport-window-cyan~.widget-browser .article-content a:hover {
    color: rgba(0, 172, 193, 0.8) !important
}

.chaport-container.chaport-window-cyan~.widget-browser .article-content blockquote,
.chaport-content.chaport-window-cyan~.widget-browser .article-content blockquote,
.chaport-faq-container.chaport-window-cyan~.widget-browser .article-content blockquote {
    border-color: #00acc1 !important
}

.chaport-container.chaport-window-cyan~.widget-browser .faq-footer .faq-footer-back-button::after,
.chaport-content.chaport-window-cyan~.widget-browser .faq-footer .faq-footer-back-button::after,
.chaport-faq-container.chaport-window-cyan~.widget-browser .faq-footer .faq-footer-back-button::after {
    border-color: #00acc1 !important
}

.chaport-container.chaport-window-cyan~.widget-browser .faq-footer .chaport-logo span,
.chaport-content.chaport-window-cyan~.widget-browser .faq-footer .chaport-logo span,
.chaport-faq-container.chaport-window-cyan~.widget-browser .faq-footer .chaport-logo span {
    color: #00acc1 !important
}

.chaport-container.chaport-window-cyan .content-wrapper .section .section-body .article-list-item-link,
.chaport-container.chaport-window-cyan .content-wrapper .section .section-body #article .widget-browser-faq-link,
.chaport-container.chaport-window-cyan .content-wrapper .section .section-body #article a,
.chaport-content.chaport-window-cyan .content-wrapper .section .section-body .article-list-item-link,
.chaport-content.chaport-window-cyan .content-wrapper .section .section-body #article .widget-browser-faq-link,
.chaport-content.chaport-window-cyan .content-wrapper .section .section-body #article a,
.chaport-faq-container.chaport-window-cyan .content-wrapper .section .section-body .article-list-item-link,
.chaport-faq-container.chaport-window-cyan .content-wrapper .section .section-body #article .widget-browser-faq-link,
.chaport-faq-container.chaport-window-cyan .content-wrapper .section .section-body #article a {
    color: #00acc1 !important
}

.chaport-container.chaport-window-cyan .content-wrapper .section .section-body .article-list-item-link:hover,
.chaport-container.chaport-window-cyan .content-wrapper .section .section-body #article .widget-browser-faq-link:hover,
.chaport-container.chaport-window-cyan .content-wrapper .section .section-body #article a:hover,
.chaport-content.chaport-window-cyan .content-wrapper .section .section-body .article-list-item-link:hover,
.chaport-content.chaport-window-cyan .content-wrapper .section .section-body #article .widget-browser-faq-link:hover,
.chaport-content.chaport-window-cyan .content-wrapper .section .section-body #article a:hover,
.chaport-faq-container.chaport-window-cyan .content-wrapper .section .section-body .article-list-item-link:hover,
.chaport-faq-container.chaport-window-cyan .content-wrapper .section .section-body #article .widget-browser-faq-link:hover,
.chaport-faq-container.chaport-window-cyan .content-wrapper .section .section-body #article a:hover {
    color: rgba(0, 172, 193, 0.8) !important
}

.chaport-container.chaport-window-cyan .content-wrapper .section .section-body #article blockquote,
.chaport-content.chaport-window-cyan .content-wrapper .section .section-body #article blockquote,
.chaport-faq-container.chaport-window-cyan .content-wrapper .section .section-body #article blockquote {
    border-color: #00acc1 !important
}

.chaport-container.chaport-window-cyan .nav-wrapper .default-logo-wrapper:hover .default-logo-text,
.chaport-content.chaport-window-cyan .nav-wrapper .default-logo-wrapper:hover .default-logo-text,
.chaport-faq-container.chaport-window-cyan .nav-wrapper .default-logo-wrapper:hover .default-logo-text {
    color: rgba(0, 172, 193, 0.8) !important
}

.chaport-container.chaport-window-cyan .nav-wrapper .default-logo-wrapper .default-logo-text,
.chaport-content.chaport-window-cyan .nav-wrapper .default-logo-wrapper .default-logo-text,
.chaport-faq-container.chaport-window-cyan .nav-wrapper .default-logo-wrapper .default-logo-text {
    color: #00acc1 !important
}

.chaport-container.chaport-window-cyan .message-wrapper.interlocutor-message-wrapper .message-body a,
.chaport-content.chaport-window-cyan .message-wrapper.interlocutor-message-wrapper .message-body a,
.chaport-faq-container.chaport-window-cyan .message-wrapper.interlocutor-message-wrapper .message-body a {
    color: #00acc1 !important
}

.chaport-container.chaport-window-cyan .message-wrapper.interlocutor-message-wrapper .message-body a:hover,
.chaport-content.chaport-window-cyan .message-wrapper.interlocutor-message-wrapper .message-body a:hover,
.chaport-faq-container.chaport-window-cyan .message-wrapper.interlocutor-message-wrapper .message-body a:hover {
    color: rgba(0, 172, 193, 0.8) !important
}

.chaport-container.chaport-window-cyan .message-wrapper.interlocutor-message-wrapper .message-body blockquote,
.chaport-content.chaport-window-cyan .message-wrapper.interlocutor-message-wrapper .message-body blockquote,
.chaport-faq-container.chaport-window-cyan .message-wrapper.interlocutor-message-wrapper .message-body blockquote {
    border-color: #00acc1
}

.chaport-container.chaport-window-teal .chaport-launcher .chaport-launcher-button,
.chaport-content.chaport-window-teal .chaport-launcher .chaport-launcher-button,
.chaport-faq-container.chaport-window-teal .chaport-launcher .chaport-launcher-button {
    background-color: #009688
}

.chaport-container.chaport-window-teal .chaport-inner-header,
.chaport-container.chaport-window-teal .your-message-wrapper .message-body,
.chaport-content.chaport-window-teal .chaport-inner-header,
.chaport-content.chaport-window-teal .your-message-wrapper .message-body,
.chaport-faq-container.chaport-window-teal .chaport-inner-header,
.chaport-faq-container.chaport-window-teal .your-message-wrapper .message-body {
    background-color: #009688 !important
}

.chaport-container.chaport-window-teal .chaport-inner-header .operator-faces .operator-face:before,
.chaport-content.chaport-window-teal .chaport-inner-header .operator-faces .operator-face:before,
.chaport-faq-container.chaport-window-teal .chaport-inner-header .operator-faces .operator-face:before {
    background-color: #009688 !important
}

.chaport-container.chaport-window-teal .chaport-logo span,
.chaport-content.chaport-window-teal .chaport-logo span,
.chaport-faq-container.chaport-window-teal .chaport-logo span {
    color: #009688 !important
}

.chaport-container.chaport-window-teal .emoji-wrapper.show-popup .emoji-icon,
.chaport-container.chaport-window-teal .message-status,
.chaport-content.chaport-window-teal .emoji-wrapper.show-popup .emoji-icon,
.chaport-content.chaport-window-teal .message-status,
.chaport-faq-container.chaport-window-teal .emoji-wrapper.show-popup .emoji-icon,
.chaport-faq-container.chaport-window-teal .message-status {
    background-color: #009688 !important
}

.chaport-container.chaport-window-teal .prechat-form .focused::before,
.chaport-content.chaport-window-teal .prechat-form .focused::before,
.chaport-faq-container.chaport-window-teal .prechat-form .focused::before {
    background-color: #009688 !important
}

.chaport-container.chaport-window-teal .chaport-input-wrapper input,
.chaport-container.chaport-window-teal .chaport-input-wrapper textarea,
.chaport-content.chaport-window-teal .chaport-input-wrapper input,
.chaport-content.chaport-window-teal .chaport-input-wrapper textarea,
.chaport-faq-container.chaport-window-teal .chaport-input-wrapper input,
.chaport-faq-container.chaport-window-teal .chaport-input-wrapper textarea {
    caret-color: #009688
}

.chaport-container.chaport-window-teal .chaport-send-icon svg polygon,
.chaport-content.chaport-window-teal .chaport-send-icon svg polygon,
.chaport-faq-container.chaport-window-teal .chaport-send-icon svg polygon {
    fill: #009688
}

.chaport-container.chaport-window-teal .chaport-send-icon:hover svg polygon,
.chaport-content.chaport-window-teal .chaport-send-icon:hover svg polygon,
.chaport-faq-container.chaport-window-teal .chaport-send-icon:hover svg polygon {
    fill: rgba(0, 150, 136, 0.9)
}

.chaport-container.chaport-window-teal.chaport-device-windows .prechat-form .checkbox-field:checked,
.chaport-content.chaport-window-teal.chaport-device-windows .prechat-form .checkbox-field:checked,
.chaport-faq-container.chaport-window-teal.chaport-device-windows .prechat-form .checkbox-field:checked {
    background-color: #009688 !important;
    border: 1px solid #009688 !important
}

.chaport-container.chaport-window-teal .reply-option,
.chaport-content.chaport-window-teal .reply-option,
.chaport-faq-container.chaport-window-teal .reply-option {
    color: #009688 !important;
    border: 1px solid rgba(0, 150, 136, 0.8) !important
}

.chaport-container.chaport-window-teal .reply-option:hover,
.chaport-container.chaport-window-teal .reply-option:active,
.chaport-content.chaport-window-teal .reply-option:hover,
.chaport-content.chaport-window-teal .reply-option:active,
.chaport-faq-container.chaport-window-teal .reply-option:hover,
.chaport-faq-container.chaport-window-teal .reply-option:active {
    color: #fff !important;
    border: 1px solid #009688 !important;
    background-color: #009688 !important
}

.chaport-container.chaport-window-teal .bot-photo,
.chaport-content.chaport-window-teal .bot-photo,
.chaport-faq-container.chaport-window-teal .bot-photo {
    background: #748c9f !important
}

.chaport-container.chaport-window-teal .chaport-email-request-input-wrapper .chaport-email-request-input:focus,
.chaport-content.chaport-window-teal .chaport-email-request-input-wrapper .chaport-email-request-input:focus,
.chaport-faq-container.chaport-window-teal .chaport-email-request-input-wrapper .chaport-email-request-input:focus {
    border-color: rgba(0, 150, 136, 0.8) !important
}

.chaport-container.chaport-window-teal .chaport-email-request-input-wrapper .chaport-email-send-button,
.chaport-content.chaport-window-teal .chaport-email-request-input-wrapper .chaport-email-send-button,
.chaport-faq-container.chaport-window-teal .chaport-email-request-input-wrapper .chaport-email-send-button {
    background-color: #009688 !important
}

.chaport-container.chaport-window-teal .chaport-email-request-input-wrapper .chaport-email-request-input,
.chaport-content.chaport-window-teal .chaport-email-request-input-wrapper .chaport-email-request-input,
.chaport-faq-container.chaport-window-teal .chaport-email-request-input-wrapper .chaport-email-request-input {
    caret-color: #009688
}

.chaport-container.chaport-window-teal .faq-bot-message .btn-link-wrapper,
.chaport-content.chaport-window-teal .faq-bot-message .btn-link-wrapper,
.chaport-faq-container.chaport-window-teal .faq-bot-message .btn-link-wrapper {
    color: #009688 !important
}

.chaport-container.chaport-window-teal .faq-bot-message .btn-link-wrapper:hover,
.chaport-content.chaport-window-teal .faq-bot-message .btn-link-wrapper:hover,
.chaport-faq-container.chaport-window-teal .faq-bot-message .btn-link-wrapper:hover {
    color: rgba(0, 150, 136, 0.8) !important
}

.chaport-container.chaport-window-teal~.widget-browser .widget-browser-faq-nav,
.chaport-content.chaport-window-teal~.widget-browser .widget-browser-faq-nav,
.chaport-faq-container.chaport-window-teal~.widget-browser .widget-browser-faq-nav {
    background-color: #009688
}

.chaport-container.chaport-window-teal~.widget-browser .widget-browser-faq-link:link,
.chaport-container.chaport-window-teal~.widget-browser .widget-browser-faq-link:visited,
.chaport-container.chaport-window-teal~.widget-browser .article-content a:link,
.chaport-container.chaport-window-teal~.widget-browser .article-content a:visited,
.chaport-content.chaport-window-teal~.widget-browser .widget-browser-faq-link:link,
.chaport-content.chaport-window-teal~.widget-browser .widget-browser-faq-link:visited,
.chaport-content.chaport-window-teal~.widget-browser .article-content a:link,
.chaport-content.chaport-window-teal~.widget-browser .article-content a:visited,
.chaport-faq-container.chaport-window-teal~.widget-browser .widget-browser-faq-link:link,
.chaport-faq-container.chaport-window-teal~.widget-browser .widget-browser-faq-link:visited,
.chaport-faq-container.chaport-window-teal~.widget-browser .article-content a:link,
.chaport-faq-container.chaport-window-teal~.widget-browser .article-content a:visited {
    color: #009688 !important
}

.chaport-container.chaport-window-teal~.widget-browser .widget-browser-faq-link:hover,
.chaport-container.chaport-window-teal~.widget-browser .article-content a:hover,
.chaport-content.chaport-window-teal~.widget-browser .widget-browser-faq-link:hover,
.chaport-content.chaport-window-teal~.widget-browser .article-content a:hover,
.chaport-faq-container.chaport-window-teal~.widget-browser .widget-browser-faq-link:hover,
.chaport-faq-container.chaport-window-teal~.widget-browser .article-content a:hover {
    color: rgba(0, 150, 136, 0.8) !important
}

.chaport-container.chaport-window-teal~.widget-browser .article-content blockquote,
.chaport-content.chaport-window-teal~.widget-browser .article-content blockquote,
.chaport-faq-container.chaport-window-teal~.widget-browser .article-content blockquote {
    border-color: #009688 !important
}

.chaport-container.chaport-window-teal~.widget-browser .faq-footer .faq-footer-back-button::after,
.chaport-content.chaport-window-teal~.widget-browser .faq-footer .faq-footer-back-button::after,
.chaport-faq-container.chaport-window-teal~.widget-browser .faq-footer .faq-footer-back-button::after {
    border-color: #009688 !important
}

.chaport-container.chaport-window-teal~.widget-browser .faq-footer .chaport-logo span,
.chaport-content.chaport-window-teal~.widget-browser .faq-footer .chaport-logo span,
.chaport-faq-container.chaport-window-teal~.widget-browser .faq-footer .chaport-logo span {
    color: #009688 !important
}

.chaport-container.chaport-window-teal .content-wrapper .section .section-body .article-list-item-link,
.chaport-container.chaport-window-teal .content-wrapper .section .section-body #article .widget-browser-faq-link,
.chaport-container.chaport-window-teal .content-wrapper .section .section-body #article a,
.chaport-content.chaport-window-teal .content-wrapper .section .section-body .article-list-item-link,
.chaport-content.chaport-window-teal .content-wrapper .section .section-body #article .widget-browser-faq-link,
.chaport-content.chaport-window-teal .content-wrapper .section .section-body #article a,
.chaport-faq-container.chaport-window-teal .content-wrapper .section .section-body .article-list-item-link,
.chaport-faq-container.chaport-window-teal .content-wrapper .section .section-body #article .widget-browser-faq-link,
.chaport-faq-container.chaport-window-teal .content-wrapper .section .section-body #article a {
    color: #009688 !important
}

.chaport-container.chaport-window-teal .content-wrapper .section .section-body .article-list-item-link:hover,
.chaport-container.chaport-window-teal .content-wrapper .section .section-body #article .widget-browser-faq-link:hover,
.chaport-container.chaport-window-teal .content-wrapper .section .section-body #article a:hover,
.chaport-content.chaport-window-teal .content-wrapper .section .section-body .article-list-item-link:hover,
.chaport-content.chaport-window-teal .content-wrapper .section .section-body #article .widget-browser-faq-link:hover,
.chaport-content.chaport-window-teal .content-wrapper .section .section-body #article a:hover,
.chaport-faq-container.chaport-window-teal .content-wrapper .section .section-body .article-list-item-link:hover,
.chaport-faq-container.chaport-window-teal .content-wrapper .section .section-body #article .widget-browser-faq-link:hover,
.chaport-faq-container.chaport-window-teal .content-wrapper .section .section-body #article a:hover {
    color: rgba(0, 150, 136, 0.8) !important
}

.chaport-container.chaport-window-teal .content-wrapper .section .section-body #article blockquote,
.chaport-content.chaport-window-teal .content-wrapper .section .section-body #article blockquote,
.chaport-faq-container.chaport-window-teal .content-wrapper .section .section-body #article blockquote {
    border-color: #009688 !important
}

.chaport-container.chaport-window-teal .nav-wrapper .default-logo-wrapper:hover .default-logo-text,
.chaport-content.chaport-window-teal .nav-wrapper .default-logo-wrapper:hover .default-logo-text,
.chaport-faq-container.chaport-window-teal .nav-wrapper .default-logo-wrapper:hover .default-logo-text {
    color: rgba(0, 150, 136, 0.8) !important
}

.chaport-container.chaport-window-teal .nav-wrapper .default-logo-wrapper .default-logo-text,
.chaport-content.chaport-window-teal .nav-wrapper .default-logo-wrapper .default-logo-text,
.chaport-faq-container.chaport-window-teal .nav-wrapper .default-logo-wrapper .default-logo-text {
    color: #009688 !important
}

.chaport-container.chaport-window-teal .message-wrapper.interlocutor-message-wrapper .message-body a,
.chaport-content.chaport-window-teal .message-wrapper.interlocutor-message-wrapper .message-body a,
.chaport-faq-container.chaport-window-teal .message-wrapper.interlocutor-message-wrapper .message-body a {
    color: #009688 !important
}

.chaport-container.chaport-window-teal .message-wrapper.interlocutor-message-wrapper .message-body a:hover,
.chaport-content.chaport-window-teal .message-wrapper.interlocutor-message-wrapper .message-body a:hover,
.chaport-faq-container.chaport-window-teal .message-wrapper.interlocutor-message-wrapper .message-body a:hover {
    color: rgba(0, 150, 136, 0.8) !important
}

.chaport-container.chaport-window-teal .message-wrapper.interlocutor-message-wrapper .message-body blockquote,
.chaport-content.chaport-window-teal .message-wrapper.interlocutor-message-wrapper .message-body blockquote,
.chaport-faq-container.chaport-window-teal .message-wrapper.interlocutor-message-wrapper .message-body blockquote {
    border-color: #009688
}

.chaport-container.chaport-window-green .chaport-launcher .chaport-launcher-button,
.chaport-content.chaport-window-green .chaport-launcher .chaport-launcher-button,
.chaport-faq-container.chaport-window-green .chaport-launcher .chaport-launcher-button {
    background-color: #4caf50
}

.chaport-container.chaport-window-green .chaport-inner-header,
.chaport-container.chaport-window-green .your-message-wrapper .message-body,
.chaport-content.chaport-window-green .chaport-inner-header,
.chaport-content.chaport-window-green .your-message-wrapper .message-body,
.chaport-faq-container.chaport-window-green .chaport-inner-header,
.chaport-faq-container.chaport-window-green .your-message-wrapper .message-body {
    background-color: #4caf50 !important
}

.chaport-container.chaport-window-green .chaport-inner-header .operator-faces .operator-face:before,
.chaport-content.chaport-window-green .chaport-inner-header .operator-faces .operator-face:before,
.chaport-faq-container.chaport-window-green .chaport-inner-header .operator-faces .operator-face:before {
    background-color: #4caf50 !important
}

.chaport-container.chaport-window-green .chaport-logo span,
.chaport-content.chaport-window-green .chaport-logo span,
.chaport-faq-container.chaport-window-green .chaport-logo span {
    color: #4caf50 !important
}

.chaport-container.chaport-window-green .emoji-wrapper.show-popup .emoji-icon,
.chaport-container.chaport-window-green .message-status,
.chaport-content.chaport-window-green .emoji-wrapper.show-popup .emoji-icon,
.chaport-content.chaport-window-green .message-status,
.chaport-faq-container.chaport-window-green .emoji-wrapper.show-popup .emoji-icon,
.chaport-faq-container.chaport-window-green .message-status {
    background-color: #4caf50 !important
}

.chaport-container.chaport-window-green .prechat-form .focused::before,
.chaport-content.chaport-window-green .prechat-form .focused::before,
.chaport-faq-container.chaport-window-green .prechat-form .focused::before {
    background-color: #4caf50 !important
}

.chaport-container.chaport-window-green .chaport-input-wrapper input,
.chaport-container.chaport-window-green .chaport-input-wrapper textarea,
.chaport-content.chaport-window-green .chaport-input-wrapper input,
.chaport-content.chaport-window-green .chaport-input-wrapper textarea,
.chaport-faq-container.chaport-window-green .chaport-input-wrapper input,
.chaport-faq-container.chaport-window-green .chaport-input-wrapper textarea {
    caret-color: #4caf50
}

.chaport-container.chaport-window-green .chaport-send-icon svg polygon,
.chaport-content.chaport-window-green .chaport-send-icon svg polygon,
.chaport-faq-container.chaport-window-green .chaport-send-icon svg polygon {
    fill: #4caf50
}

.chaport-container.chaport-window-green .chaport-send-icon:hover svg polygon,
.chaport-content.chaport-window-green .chaport-send-icon:hover svg polygon,
.chaport-faq-container.chaport-window-green .chaport-send-icon:hover svg polygon {
    fill: rgba(76, 175, 80, 0.9)
}

.chaport-container.chaport-window-green.chaport-device-windows .prechat-form .checkbox-field:checked,
.chaport-content.chaport-window-green.chaport-device-windows .prechat-form .checkbox-field:checked,
.chaport-faq-container.chaport-window-green.chaport-device-windows .prechat-form .checkbox-field:checked {
    background-color: #4caf50 !important;
    border: 1px solid #4caf50 !important
}

.chaport-container.chaport-window-green .reply-option,
.chaport-content.chaport-window-green .reply-option,
.chaport-faq-container.chaport-window-green .reply-option {
    color: #4caf50 !important;
    border: 1px solid rgba(76, 175, 80, 0.8) !important
}

.chaport-container.chaport-window-green .reply-option:hover,
.chaport-container.chaport-window-green .reply-option:active,
.chaport-content.chaport-window-green .reply-option:hover,
.chaport-content.chaport-window-green .reply-option:active,
.chaport-faq-container.chaport-window-green .reply-option:hover,
.chaport-faq-container.chaport-window-green .reply-option:active {
    color: #fff !important;
    border: 1px solid #4caf50 !important;
    background-color: #4caf50 !important
}

.chaport-container.chaport-window-green .bot-photo,
.chaport-content.chaport-window-green .bot-photo,
.chaport-faq-container.chaport-window-green .bot-photo {
    background: #748c9f !important
}

.chaport-container.chaport-window-green .chaport-email-request-input-wrapper .chaport-email-request-input:focus,
.chaport-content.chaport-window-green .chaport-email-request-input-wrapper .chaport-email-request-input:focus,
.chaport-faq-container.chaport-window-green .chaport-email-request-input-wrapper .chaport-email-request-input:focus {
    border-color: rgba(76, 175, 80, 0.8) !important
}

.chaport-container.chaport-window-green .chaport-email-request-input-wrapper .chaport-email-send-button,
.chaport-content.chaport-window-green .chaport-email-request-input-wrapper .chaport-email-send-button,
.chaport-faq-container.chaport-window-green .chaport-email-request-input-wrapper .chaport-email-send-button {
    background-color: #4caf50 !important
}

.chaport-container.chaport-window-green .chaport-email-request-input-wrapper .chaport-email-request-input,
.chaport-content.chaport-window-green .chaport-email-request-input-wrapper .chaport-email-request-input,
.chaport-faq-container.chaport-window-green .chaport-email-request-input-wrapper .chaport-email-request-input {
    caret-color: #4caf50
}

.chaport-container.chaport-window-green .faq-bot-message .btn-link-wrapper,
.chaport-content.chaport-window-green .faq-bot-message .btn-link-wrapper,
.chaport-faq-container.chaport-window-green .faq-bot-message .btn-link-wrapper {
    color: #4caf50 !important
}

.chaport-container.chaport-window-green .faq-bot-message .btn-link-wrapper:hover,
.chaport-content.chaport-window-green .faq-bot-message .btn-link-wrapper:hover,
.chaport-faq-container.chaport-window-green .faq-bot-message .btn-link-wrapper:hover {
    color: rgba(76, 175, 80, 0.8) !important
}

.chaport-container.chaport-window-green~.widget-browser .widget-browser-faq-nav,
.chaport-content.chaport-window-green~.widget-browser .widget-browser-faq-nav,
.chaport-faq-container.chaport-window-green~.widget-browser .widget-browser-faq-nav {
    background-color: #4caf50
}

.chaport-container.chaport-window-green~.widget-browser .widget-browser-faq-link:link,
.chaport-container.chaport-window-green~.widget-browser .widget-browser-faq-link:visited,
.chaport-container.chaport-window-green~.widget-browser .article-content a:link,
.chaport-container.chaport-window-green~.widget-browser .article-content a:visited,
.chaport-content.chaport-window-green~.widget-browser .widget-browser-faq-link:link,
.chaport-content.chaport-window-green~.widget-browser .widget-browser-faq-link:visited,
.chaport-content.chaport-window-green~.widget-browser .article-content a:link,
.chaport-content.chaport-window-green~.widget-browser .article-content a:visited,
.chaport-faq-container.chaport-window-green~.widget-browser .widget-browser-faq-link:link,
.chaport-faq-container.chaport-window-green~.widget-browser .widget-browser-faq-link:visited,
.chaport-faq-container.chaport-window-green~.widget-browser .article-content a:link,
.chaport-faq-container.chaport-window-green~.widget-browser .article-content a:visited {
    color: #4caf50 !important
}

.chaport-container.chaport-window-green~.widget-browser .widget-browser-faq-link:hover,
.chaport-container.chaport-window-green~.widget-browser .article-content a:hover,
.chaport-content.chaport-window-green~.widget-browser .widget-browser-faq-link:hover,
.chaport-content.chaport-window-green~.widget-browser .article-content a:hover,
.chaport-faq-container.chaport-window-green~.widget-browser .widget-browser-faq-link:hover,
.chaport-faq-container.chaport-window-green~.widget-browser .article-content a:hover {
    color: rgba(76, 175, 80, 0.8) !important
}

.chaport-container.chaport-window-green~.widget-browser .article-content blockquote,
.chaport-content.chaport-window-green~.widget-browser .article-content blockquote,
.chaport-faq-container.chaport-window-green~.widget-browser .article-content blockquote {
    border-color: #4caf50 !important
}

.chaport-container.chaport-window-green~.widget-browser .faq-footer .faq-footer-back-button::after,
.chaport-content.chaport-window-green~.widget-browser .faq-footer .faq-footer-back-button::after,
.chaport-faq-container.chaport-window-green~.widget-browser .faq-footer .faq-footer-back-button::after {
    border-color: #4caf50 !important
}

.chaport-container.chaport-window-green~.widget-browser .faq-footer .chaport-logo span,
.chaport-content.chaport-window-green~.widget-browser .faq-footer .chaport-logo span,
.chaport-faq-container.chaport-window-green~.widget-browser .faq-footer .chaport-logo span {
    color: #4caf50 !important
}

.chaport-container.chaport-window-green .content-wrapper .section .section-body .article-list-item-link,
.chaport-container.chaport-window-green .content-wrapper .section .section-body #article .widget-browser-faq-link,
.chaport-container.chaport-window-green .content-wrapper .section .section-body #article a,
.chaport-content.chaport-window-green .content-wrapper .section .section-body .article-list-item-link,
.chaport-content.chaport-window-green .content-wrapper .section .section-body #article .widget-browser-faq-link,
.chaport-content.chaport-window-green .content-wrapper .section .section-body #article a,
.chaport-faq-container.chaport-window-green .content-wrapper .section .section-body .article-list-item-link,
.chaport-faq-container.chaport-window-green .content-wrapper .section .section-body #article .widget-browser-faq-link,
.chaport-faq-container.chaport-window-green .content-wrapper .section .section-body #article a {
    color: #4caf50 !important
}

.chaport-container.chaport-window-green .content-wrapper .section .section-body .article-list-item-link:hover,
.chaport-container.chaport-window-green .content-wrapper .section .section-body #article .widget-browser-faq-link:hover,
.chaport-container.chaport-window-green .content-wrapper .section .section-body #article a:hover,
.chaport-content.chaport-window-green .content-wrapper .section .section-body .article-list-item-link:hover,
.chaport-content.chaport-window-green .content-wrapper .section .section-body #article .widget-browser-faq-link:hover,
.chaport-content.chaport-window-green .content-wrapper .section .section-body #article a:hover,
.chaport-faq-container.chaport-window-green .content-wrapper .section .section-body .article-list-item-link:hover,
.chaport-faq-container.chaport-window-green .content-wrapper .section .section-body #article .widget-browser-faq-link:hover,
.chaport-faq-container.chaport-window-green .content-wrapper .section .section-body #article a:hover {
    color: rgba(76, 175, 80, 0.8) !important
}

.chaport-container.chaport-window-green .content-wrapper .section .section-body #article blockquote,
.chaport-content.chaport-window-green .content-wrapper .section .section-body #article blockquote,
.chaport-faq-container.chaport-window-green .content-wrapper .section .section-body #article blockquote {
    border-color: #4caf50 !important
}

.chaport-container.chaport-window-green .nav-wrapper .default-logo-wrapper:hover .default-logo-text,
.chaport-content.chaport-window-green .nav-wrapper .default-logo-wrapper:hover .default-logo-text,
.chaport-faq-container.chaport-window-green .nav-wrapper .default-logo-wrapper:hover .default-logo-text {
    color: rgba(76, 175, 80, 0.8) !important
}

.chaport-container.chaport-window-green .nav-wrapper .default-logo-wrapper .default-logo-text,
.chaport-content.chaport-window-green .nav-wrapper .default-logo-wrapper .default-logo-text,
.chaport-faq-container.chaport-window-green .nav-wrapper .default-logo-wrapper .default-logo-text {
    color: #4caf50 !important
}

.chaport-container.chaport-window-green .message-wrapper.interlocutor-message-wrapper .message-body a,
.chaport-content.chaport-window-green .message-wrapper.interlocutor-message-wrapper .message-body a,
.chaport-faq-container.chaport-window-green .message-wrapper.interlocutor-message-wrapper .message-body a {
    color: #4caf50 !important
}

.chaport-container.chaport-window-green .message-wrapper.interlocutor-message-wrapper .message-body a:hover,
.chaport-content.chaport-window-green .message-wrapper.interlocutor-message-wrapper .message-body a:hover,
.chaport-faq-container.chaport-window-green .message-wrapper.interlocutor-message-wrapper .message-body a:hover {
    color: rgba(76, 175, 80, 0.8) !important
}

.chaport-container.chaport-window-green .message-wrapper.interlocutor-message-wrapper .message-body blockquote,
.chaport-content.chaport-window-green .message-wrapper.interlocutor-message-wrapper .message-body blockquote,
.chaport-faq-container.chaport-window-green .message-wrapper.interlocutor-message-wrapper .message-body blockquote {
    border-color: #4caf50
}

.chaport-container.chaport-window-light-green .chaport-launcher .chaport-launcher-button,
.chaport-content.chaport-window-light-green .chaport-launcher .chaport-launcher-button,
.chaport-faq-container.chaport-window-light-green .chaport-launcher .chaport-launcher-button {
    background-color: #8bc34a
}

.chaport-container.chaport-window-light-green .chaport-inner-header,
.chaport-container.chaport-window-light-green .your-message-wrapper .message-body,
.chaport-content.chaport-window-light-green .chaport-inner-header,
.chaport-content.chaport-window-light-green .your-message-wrapper .message-body,
.chaport-faq-container.chaport-window-light-green .chaport-inner-header,
.chaport-faq-container.chaport-window-light-green .your-message-wrapper .message-body {
    background-color: #8bc34a !important
}

.chaport-container.chaport-window-light-green .chaport-inner-header .operator-faces .operator-face:before,
.chaport-content.chaport-window-light-green .chaport-inner-header .operator-faces .operator-face:before,
.chaport-faq-container.chaport-window-light-green .chaport-inner-header .operator-faces .operator-face:before {
    background-color: #8bc34a !important
}

.chaport-container.chaport-window-light-green .chaport-logo span,
.chaport-content.chaport-window-light-green .chaport-logo span,
.chaport-faq-container.chaport-window-light-green .chaport-logo span {
    color: #8bc34a !important
}

.chaport-container.chaport-window-light-green .emoji-wrapper.show-popup .emoji-icon,
.chaport-container.chaport-window-light-green .message-status,
.chaport-content.chaport-window-light-green .emoji-wrapper.show-popup .emoji-icon,
.chaport-content.chaport-window-light-green .message-status,
.chaport-faq-container.chaport-window-light-green .emoji-wrapper.show-popup .emoji-icon,
.chaport-faq-container.chaport-window-light-green .message-status {
    background-color: #8bc34a !important
}

.chaport-container.chaport-window-light-green .prechat-form .focused::before,
.chaport-content.chaport-window-light-green .prechat-form .focused::before,
.chaport-faq-container.chaport-window-light-green .prechat-form .focused::before {
    background-color: #8bc34a !important
}

.chaport-container.chaport-window-light-green .chaport-input-wrapper input,
.chaport-container.chaport-window-light-green .chaport-input-wrapper textarea,
.chaport-content.chaport-window-light-green .chaport-input-wrapper input,
.chaport-content.chaport-window-light-green .chaport-input-wrapper textarea,
.chaport-faq-container.chaport-window-light-green .chaport-input-wrapper input,
.chaport-faq-container.chaport-window-light-green .chaport-input-wrapper textarea {
    caret-color: #8bc34a
}

.chaport-container.chaport-window-light-green .chaport-send-icon svg polygon,
.chaport-content.chaport-window-light-green .chaport-send-icon svg polygon,
.chaport-faq-container.chaport-window-light-green .chaport-send-icon svg polygon {
    fill: #8bc34a
}

.chaport-container.chaport-window-light-green .chaport-send-icon:hover svg polygon,
.chaport-content.chaport-window-light-green .chaport-send-icon:hover svg polygon,
.chaport-faq-container.chaport-window-light-green .chaport-send-icon:hover svg polygon {
    fill: rgba(139, 195, 74, 0.9)
}

.chaport-container.chaport-window-light-green.chaport-device-windows .prechat-form .checkbox-field:checked,
.chaport-content.chaport-window-light-green.chaport-device-windows .prechat-form .checkbox-field:checked,
.chaport-faq-container.chaport-window-light-green.chaport-device-windows .prechat-form .checkbox-field:checked {
    background-color: #8bc34a !important;
    border: 1px solid #8bc34a !important
}

.chaport-container.chaport-window-light-green .reply-option,
.chaport-content.chaport-window-light-green .reply-option,
.chaport-faq-container.chaport-window-light-green .reply-option {
    color: #8bc34a !important;
    border: 1px solid rgba(139, 195, 74, 0.8) !important
}

.chaport-container.chaport-window-light-green .reply-option:hover,
.chaport-container.chaport-window-light-green .reply-option:active,
.chaport-content.chaport-window-light-green .reply-option:hover,
.chaport-content.chaport-window-light-green .reply-option:active,
.chaport-faq-container.chaport-window-light-green .reply-option:hover,
.chaport-faq-container.chaport-window-light-green .reply-option:active {
    color: #fff !important;
    border: 1px solid #8bc34a !important;
    background-color: #8bc34a !important
}

.chaport-container.chaport-window-light-green .bot-photo,
.chaport-content.chaport-window-light-green .bot-photo,
.chaport-faq-container.chaport-window-light-green .bot-photo {
    background: #748c9f !important
}

.chaport-container.chaport-window-light-green .chaport-email-request-input-wrapper .chaport-email-request-input:focus,
.chaport-content.chaport-window-light-green .chaport-email-request-input-wrapper .chaport-email-request-input:focus,
.chaport-faq-container.chaport-window-light-green .chaport-email-request-input-wrapper .chaport-email-request-input:focus {
    border-color: rgba(139, 195, 74, 0.8) !important
}

.chaport-container.chaport-window-light-green .chaport-email-request-input-wrapper .chaport-email-send-button,
.chaport-content.chaport-window-light-green .chaport-email-request-input-wrapper .chaport-email-send-button,
.chaport-faq-container.chaport-window-light-green .chaport-email-request-input-wrapper .chaport-email-send-button {
    background-color: #8bc34a !important
}

.chaport-container.chaport-window-light-green .chaport-email-request-input-wrapper .chaport-email-request-input,
.chaport-content.chaport-window-light-green .chaport-email-request-input-wrapper .chaport-email-request-input,
.chaport-faq-container.chaport-window-light-green .chaport-email-request-input-wrapper .chaport-email-request-input {
    caret-color: #8bc34a
}

.chaport-container.chaport-window-light-green .faq-bot-message .btn-link-wrapper,
.chaport-content.chaport-window-light-green .faq-bot-message .btn-link-wrapper,
.chaport-faq-container.chaport-window-light-green .faq-bot-message .btn-link-wrapper {
    color: #8bc34a !important
}

.chaport-container.chaport-window-light-green .faq-bot-message .btn-link-wrapper:hover,
.chaport-content.chaport-window-light-green .faq-bot-message .btn-link-wrapper:hover,
.chaport-faq-container.chaport-window-light-green .faq-bot-message .btn-link-wrapper:hover {
    color: rgba(139, 195, 74, 0.8) !important
}

.chaport-container.chaport-window-light-green~.widget-browser .widget-browser-faq-nav,
.chaport-content.chaport-window-light-green~.widget-browser .widget-browser-faq-nav,
.chaport-faq-container.chaport-window-light-green~.widget-browser .widget-browser-faq-nav {
    background-color: #8bc34a
}

.chaport-container.chaport-window-light-green~.widget-browser .widget-browser-faq-link:link,
.chaport-container.chaport-window-light-green~.widget-browser .widget-browser-faq-link:visited,
.chaport-container.chaport-window-light-green~.widget-browser .article-content a:link,
.chaport-container.chaport-window-light-green~.widget-browser .article-content a:visited,
.chaport-content.chaport-window-light-green~.widget-browser .widget-browser-faq-link:link,
.chaport-content.chaport-window-light-green~.widget-browser .widget-browser-faq-link:visited,
.chaport-content.chaport-window-light-green~.widget-browser .article-content a:link,
.chaport-content.chaport-window-light-green~.widget-browser .article-content a:visited,
.chaport-faq-container.chaport-window-light-green~.widget-browser .widget-browser-faq-link:link,
.chaport-faq-container.chaport-window-light-green~.widget-browser .widget-browser-faq-link:visited,
.chaport-faq-container.chaport-window-light-green~.widget-browser .article-content a:link,
.chaport-faq-container.chaport-window-light-green~.widget-browser .article-content a:visited {
    color: #8bc34a !important
}

.chaport-container.chaport-window-light-green~.widget-browser .widget-browser-faq-link:hover,
.chaport-container.chaport-window-light-green~.widget-browser .article-content a:hover,
.chaport-content.chaport-window-light-green~.widget-browser .widget-browser-faq-link:hover,
.chaport-content.chaport-window-light-green~.widget-browser .article-content a:hover,
.chaport-faq-container.chaport-window-light-green~.widget-browser .widget-browser-faq-link:hover,
.chaport-faq-container.chaport-window-light-green~.widget-browser .article-content a:hover {
    color: rgba(139, 195, 74, 0.8) !important
}

.chaport-container.chaport-window-light-green~.widget-browser .article-content blockquote,
.chaport-content.chaport-window-light-green~.widget-browser .article-content blockquote,
.chaport-faq-container.chaport-window-light-green~.widget-browser .article-content blockquote {
    border-color: #8bc34a !important
}

.chaport-container.chaport-window-light-green~.widget-browser .faq-footer .faq-footer-back-button::after,
.chaport-content.chaport-window-light-green~.widget-browser .faq-footer .faq-footer-back-button::after,
.chaport-faq-container.chaport-window-light-green~.widget-browser .faq-footer .faq-footer-back-button::after {
    border-color: #8bc34a !important
}

.chaport-container.chaport-window-light-green~.widget-browser .faq-footer .chaport-logo span,
.chaport-content.chaport-window-light-green~.widget-browser .faq-footer .chaport-logo span,
.chaport-faq-container.chaport-window-light-green~.widget-browser .faq-footer .chaport-logo span {
    color: #8bc34a !important
}

.chaport-container.chaport-window-light-green .content-wrapper .section .section-body .article-list-item-link,
.chaport-container.chaport-window-light-green .content-wrapper .section .section-body #article .widget-browser-faq-link,
.chaport-container.chaport-window-light-green .content-wrapper .section .section-body #article a,
.chaport-content.chaport-window-light-green .content-wrapper .section .section-body .article-list-item-link,
.chaport-content.chaport-window-light-green .content-wrapper .section .section-body #article .widget-browser-faq-link,
.chaport-content.chaport-window-light-green .content-wrapper .section .section-body #article a,
.chaport-faq-container.chaport-window-light-green .content-wrapper .section .section-body .article-list-item-link,
.chaport-faq-container.chaport-window-light-green .content-wrapper .section .section-body #article .widget-browser-faq-link,
.chaport-faq-container.chaport-window-light-green .content-wrapper .section .section-body #article a {
    color: #8bc34a !important
}

.chaport-container.chaport-window-light-green .content-wrapper .section .section-body .article-list-item-link:hover,
.chaport-container.chaport-window-light-green .content-wrapper .section .section-body #article .widget-browser-faq-link:hover,
.chaport-container.chaport-window-light-green .content-wrapper .section .section-body #article a:hover,
.chaport-content.chaport-window-light-green .content-wrapper .section .section-body .article-list-item-link:hover,
.chaport-content.chaport-window-light-green .content-wrapper .section .section-body #article .widget-browser-faq-link:hover,
.chaport-content.chaport-window-light-green .content-wrapper .section .section-body #article a:hover,
.chaport-faq-container.chaport-window-light-green .content-wrapper .section .section-body .article-list-item-link:hover,
.chaport-faq-container.chaport-window-light-green .content-wrapper .section .section-body #article .widget-browser-faq-link:hover,
.chaport-faq-container.chaport-window-light-green .content-wrapper .section .section-body #article a:hover {
    color: rgba(139, 195, 74, 0.8) !important
}

.chaport-container.chaport-window-light-green .content-wrapper .section .section-body #article blockquote,
.chaport-content.chaport-window-light-green .content-wrapper .section .section-body #article blockquote,
.chaport-faq-container.chaport-window-light-green .content-wrapper .section .section-body #article blockquote {
    border-color: #8bc34a !important
}

.chaport-container.chaport-window-light-green .nav-wrapper .default-logo-wrapper:hover .default-logo-text,
.chaport-content.chaport-window-light-green .nav-wrapper .default-logo-wrapper:hover .default-logo-text,
.chaport-faq-container.chaport-window-light-green .nav-wrapper .default-logo-wrapper:hover .default-logo-text {
    color: rgba(139, 195, 74, 0.8) !important
}

.chaport-container.chaport-window-light-green .nav-wrapper .default-logo-wrapper .default-logo-text,
.chaport-content.chaport-window-light-green .nav-wrapper .default-logo-wrapper .default-logo-text,
.chaport-faq-container.chaport-window-light-green .nav-wrapper .default-logo-wrapper .default-logo-text {
    color: #8bc34a !important
}

.chaport-container.chaport-window-light-green .message-wrapper.interlocutor-message-wrapper .message-body a,
.chaport-content.chaport-window-light-green .message-wrapper.interlocutor-message-wrapper .message-body a,
.chaport-faq-container.chaport-window-light-green .message-wrapper.interlocutor-message-wrapper .message-body a {
    color: #8bc34a !important
}

.chaport-container.chaport-window-light-green .message-wrapper.interlocutor-message-wrapper .message-body a:hover,
.chaport-content.chaport-window-light-green .message-wrapper.interlocutor-message-wrapper .message-body a:hover,
.chaport-faq-container.chaport-window-light-green .message-wrapper.interlocutor-message-wrapper .message-body a:hover {
    color: rgba(139, 195, 74, 0.8) !important
}

.chaport-container.chaport-window-light-green .message-wrapper.interlocutor-message-wrapper .message-body blockquote,
.chaport-content.chaport-window-light-green .message-wrapper.interlocutor-message-wrapper .message-body blockquote,
.chaport-faq-container.chaport-window-light-green .message-wrapper.interlocutor-message-wrapper .message-body blockquote {
    border-color: #8bc34a
}

.chaport-container.chaport-window-yellow .chaport-launcher .chaport-launcher-button,
.chaport-content.chaport-window-yellow .chaport-launcher .chaport-launcher-button,
.chaport-faq-container.chaport-window-yellow .chaport-launcher .chaport-launcher-button {
    background-color: #fdd835
}

.chaport-container.chaport-window-yellow .chaport-inner-header,
.chaport-container.chaport-window-yellow .your-message-wrapper .message-body,
.chaport-content.chaport-window-yellow .chaport-inner-header,
.chaport-content.chaport-window-yellow .your-message-wrapper .message-body,
.chaport-faq-container.chaport-window-yellow .chaport-inner-header,
.chaport-faq-container.chaport-window-yellow .your-message-wrapper .message-body {
    background-color: #fdd835 !important
}

.chaport-container.chaport-window-yellow .chaport-inner-header .operator-faces .operator-face:before,
.chaport-content.chaport-window-yellow .chaport-inner-header .operator-faces .operator-face:before,
.chaport-faq-container.chaport-window-yellow .chaport-inner-header .operator-faces .operator-face:before {
    background-color: #fdd835 !important
}

.chaport-container.chaport-window-yellow .chaport-logo span,
.chaport-content.chaport-window-yellow .chaport-logo span,
.chaport-faq-container.chaport-window-yellow .chaport-logo span {
    color: #fdd835 !important
}

.chaport-container.chaport-window-yellow .emoji-wrapper.show-popup .emoji-icon,
.chaport-container.chaport-window-yellow .message-status,
.chaport-content.chaport-window-yellow .emoji-wrapper.show-popup .emoji-icon,
.chaport-content.chaport-window-yellow .message-status,
.chaport-faq-container.chaport-window-yellow .emoji-wrapper.show-popup .emoji-icon,
.chaport-faq-container.chaport-window-yellow .message-status {
    background-color: #fdd835 !important
}

.chaport-container.chaport-window-yellow .prechat-form .focused::before,
.chaport-content.chaport-window-yellow .prechat-form .focused::before,
.chaport-faq-container.chaport-window-yellow .prechat-form .focused::before {
    background-color: #fdd835 !important
}

.chaport-container.chaport-window-yellow .chaport-input-wrapper input,
.chaport-container.chaport-window-yellow .chaport-input-wrapper textarea,
.chaport-content.chaport-window-yellow .chaport-input-wrapper input,
.chaport-content.chaport-window-yellow .chaport-input-wrapper textarea,
.chaport-faq-container.chaport-window-yellow .chaport-input-wrapper input,
.chaport-faq-container.chaport-window-yellow .chaport-input-wrapper textarea {
    caret-color: #fdd835
}

.chaport-container.chaport-window-yellow .chaport-send-icon svg polygon,
.chaport-content.chaport-window-yellow .chaport-send-icon svg polygon,
.chaport-faq-container.chaport-window-yellow .chaport-send-icon svg polygon {
    fill: #fdd835
}

.chaport-container.chaport-window-yellow .chaport-send-icon:hover svg polygon,
.chaport-content.chaport-window-yellow .chaport-send-icon:hover svg polygon,
.chaport-faq-container.chaport-window-yellow .chaport-send-icon:hover svg polygon {
    fill: rgba(253, 216, 53, 0.9)
}

.chaport-container.chaport-window-yellow.chaport-device-windows .prechat-form .checkbox-field:checked,
.chaport-content.chaport-window-yellow.chaport-device-windows .prechat-form .checkbox-field:checked,
.chaport-faq-container.chaport-window-yellow.chaport-device-windows .prechat-form .checkbox-field:checked {
    background-color: #fdd835 !important;
    border: 1px solid #fdd835 !important
}

.chaport-container.chaport-window-yellow .reply-option,
.chaport-content.chaport-window-yellow .reply-option,
.chaport-faq-container.chaport-window-yellow .reply-option {
    color: #fdd835 !important;
    border: 1px solid rgba(253, 216, 53, 0.8) !important
}

.chaport-container.chaport-window-yellow .reply-option:hover,
.chaport-container.chaport-window-yellow .reply-option:active,
.chaport-content.chaport-window-yellow .reply-option:hover,
.chaport-content.chaport-window-yellow .reply-option:active,
.chaport-faq-container.chaport-window-yellow .reply-option:hover,
.chaport-faq-container.chaport-window-yellow .reply-option:active {
    color: #fff !important;
    border: 1px solid #fdd835 !important;
    background-color: #fdd835 !important
}

.chaport-container.chaport-window-yellow .bot-photo,
.chaport-content.chaport-window-yellow .bot-photo,
.chaport-faq-container.chaport-window-yellow .bot-photo {
    background: #748c9f !important
}

.chaport-container.chaport-window-yellow .chaport-email-request-input-wrapper .chaport-email-request-input:focus,
.chaport-content.chaport-window-yellow .chaport-email-request-input-wrapper .chaport-email-request-input:focus,
.chaport-faq-container.chaport-window-yellow .chaport-email-request-input-wrapper .chaport-email-request-input:focus {
    border-color: rgba(253, 216, 53, 0.8) !important
}

.chaport-container.chaport-window-yellow .chaport-email-request-input-wrapper .chaport-email-send-button,
.chaport-content.chaport-window-yellow .chaport-email-request-input-wrapper .chaport-email-send-button,
.chaport-faq-container.chaport-window-yellow .chaport-email-request-input-wrapper .chaport-email-send-button {
    background-color: #fdd835 !important
}

.chaport-container.chaport-window-yellow .chaport-email-request-input-wrapper .chaport-email-request-input,
.chaport-content.chaport-window-yellow .chaport-email-request-input-wrapper .chaport-email-request-input,
.chaport-faq-container.chaport-window-yellow .chaport-email-request-input-wrapper .chaport-email-request-input {
    caret-color: #fdd835
}

.chaport-container.chaport-window-yellow .faq-bot-message .btn-link-wrapper,
.chaport-content.chaport-window-yellow .faq-bot-message .btn-link-wrapper,
.chaport-faq-container.chaport-window-yellow .faq-bot-message .btn-link-wrapper {
    color: #fdd835 !important
}

.chaport-container.chaport-window-yellow .faq-bot-message .btn-link-wrapper:hover,
.chaport-content.chaport-window-yellow .faq-bot-message .btn-link-wrapper:hover,
.chaport-faq-container.chaport-window-yellow .faq-bot-message .btn-link-wrapper:hover {
    color: rgba(253, 216, 53, 0.8) !important
}

.chaport-container.chaport-window-yellow~.widget-browser .widget-browser-faq-nav,
.chaport-content.chaport-window-yellow~.widget-browser .widget-browser-faq-nav,
.chaport-faq-container.chaport-window-yellow~.widget-browser .widget-browser-faq-nav {
    background-color: #fdd835
}

.chaport-container.chaport-window-yellow~.widget-browser .widget-browser-faq-link:link,
.chaport-container.chaport-window-yellow~.widget-browser .widget-browser-faq-link:visited,
.chaport-container.chaport-window-yellow~.widget-browser .article-content a:link,
.chaport-container.chaport-window-yellow~.widget-browser .article-content a:visited,
.chaport-content.chaport-window-yellow~.widget-browser .widget-browser-faq-link:link,
.chaport-content.chaport-window-yellow~.widget-browser .widget-browser-faq-link:visited,
.chaport-content.chaport-window-yellow~.widget-browser .article-content a:link,
.chaport-content.chaport-window-yellow~.widget-browser .article-content a:visited,
.chaport-faq-container.chaport-window-yellow~.widget-browser .widget-browser-faq-link:link,
.chaport-faq-container.chaport-window-yellow~.widget-browser .widget-browser-faq-link:visited,
.chaport-faq-container.chaport-window-yellow~.widget-browser .article-content a:link,
.chaport-faq-container.chaport-window-yellow~.widget-browser .article-content a:visited {
    color: #fdd835 !important
}

.chaport-container.chaport-window-yellow~.widget-browser .widget-browser-faq-link:hover,
.chaport-container.chaport-window-yellow~.widget-browser .article-content a:hover,
.chaport-content.chaport-window-yellow~.widget-browser .widget-browser-faq-link:hover,
.chaport-content.chaport-window-yellow~.widget-browser .article-content a:hover,
.chaport-faq-container.chaport-window-yellow~.widget-browser .widget-browser-faq-link:hover,
.chaport-faq-container.chaport-window-yellow~.widget-browser .article-content a:hover {
    color: rgba(253, 216, 53, 0.8) !important
}

.chaport-container.chaport-window-yellow~.widget-browser .article-content blockquote,
.chaport-content.chaport-window-yellow~.widget-browser .article-content blockquote,
.chaport-faq-container.chaport-window-yellow~.widget-browser .article-content blockquote {
    border-color: #fdd835 !important
}

.chaport-container.chaport-window-yellow~.widget-browser .faq-footer .faq-footer-back-button::after,
.chaport-content.chaport-window-yellow~.widget-browser .faq-footer .faq-footer-back-button::after,
.chaport-faq-container.chaport-window-yellow~.widget-browser .faq-footer .faq-footer-back-button::after {
    border-color: #fdd835 !important
}

.chaport-container.chaport-window-yellow~.widget-browser .faq-footer .chaport-logo span,
.chaport-content.chaport-window-yellow~.widget-browser .faq-footer .chaport-logo span,
.chaport-faq-container.chaport-window-yellow~.widget-browser .faq-footer .chaport-logo span {
    color: #fdd835 !important
}

.chaport-container.chaport-window-yellow .content-wrapper .section .section-body .article-list-item-link,
.chaport-container.chaport-window-yellow .content-wrapper .section .section-body #article .widget-browser-faq-link,
.chaport-container.chaport-window-yellow .content-wrapper .section .section-body #article a,
.chaport-content.chaport-window-yellow .content-wrapper .section .section-body .article-list-item-link,
.chaport-content.chaport-window-yellow .content-wrapper .section .section-body #article .widget-browser-faq-link,
.chaport-content.chaport-window-yellow .content-wrapper .section .section-body #article a,
.chaport-faq-container.chaport-window-yellow .content-wrapper .section .section-body .article-list-item-link,
.chaport-faq-container.chaport-window-yellow .content-wrapper .section .section-body #article .widget-browser-faq-link,
.chaport-faq-container.chaport-window-yellow .content-wrapper .section .section-body #article a {
    color: #fdd835 !important
}

.chaport-container.chaport-window-yellow .content-wrapper .section .section-body .article-list-item-link:hover,
.chaport-container.chaport-window-yellow .content-wrapper .section .section-body #article .widget-browser-faq-link:hover,
.chaport-container.chaport-window-yellow .content-wrapper .section .section-body #article a:hover,
.chaport-content.chaport-window-yellow .content-wrapper .section .section-body .article-list-item-link:hover,
.chaport-content.chaport-window-yellow .content-wrapper .section .section-body #article .widget-browser-faq-link:hover,
.chaport-content.chaport-window-yellow .content-wrapper .section .section-body #article a:hover,
.chaport-faq-container.chaport-window-yellow .content-wrapper .section .section-body .article-list-item-link:hover,
.chaport-faq-container.chaport-window-yellow .content-wrapper .section .section-body #article .widget-browser-faq-link:hover,
.chaport-faq-container.chaport-window-yellow .content-wrapper .section .section-body #article a:hover {
    color: rgba(253, 216, 53, 0.8) !important
}

.chaport-container.chaport-window-yellow .content-wrapper .section .section-body #article blockquote,
.chaport-content.chaport-window-yellow .content-wrapper .section .section-body #article blockquote,
.chaport-faq-container.chaport-window-yellow .content-wrapper .section .section-body #article blockquote {
    border-color: #fdd835 !important
}

.chaport-container.chaport-window-yellow .nav-wrapper .default-logo-wrapper:hover .default-logo-text,
.chaport-content.chaport-window-yellow .nav-wrapper .default-logo-wrapper:hover .default-logo-text,
.chaport-faq-container.chaport-window-yellow .nav-wrapper .default-logo-wrapper:hover .default-logo-text {
    color: rgba(253, 216, 53, 0.8) !important
}

.chaport-container.chaport-window-yellow .nav-wrapper .default-logo-wrapper .default-logo-text,
.chaport-content.chaport-window-yellow .nav-wrapper .default-logo-wrapper .default-logo-text,
.chaport-faq-container.chaport-window-yellow .nav-wrapper .default-logo-wrapper .default-logo-text {
    color: #fdd835 !important
}

.chaport-container.chaport-window-yellow .message-wrapper.interlocutor-message-wrapper .message-body a,
.chaport-content.chaport-window-yellow .message-wrapper.interlocutor-message-wrapper .message-body a,
.chaport-faq-container.chaport-window-yellow .message-wrapper.interlocutor-message-wrapper .message-body a {
    color: #fdd835 !important
}

.chaport-container.chaport-window-yellow .message-wrapper.interlocutor-message-wrapper .message-body a:hover,
.chaport-content.chaport-window-yellow .message-wrapper.interlocutor-message-wrapper .message-body a:hover,
.chaport-faq-container.chaport-window-yellow .message-wrapper.interlocutor-message-wrapper .message-body a:hover {
    color: rgba(253, 216, 53, 0.8) !important
}

.chaport-container.chaport-window-yellow .message-wrapper.interlocutor-message-wrapper .message-body blockquote,
.chaport-content.chaport-window-yellow .message-wrapper.interlocutor-message-wrapper .message-body blockquote,
.chaport-faq-container.chaport-window-yellow .message-wrapper.interlocutor-message-wrapper .message-body blockquote {
    border-color: #fdd835
}

.chaport-container.chaport-window-amber .chaport-launcher .chaport-launcher-button,
.chaport-content.chaport-window-amber .chaport-launcher .chaport-launcher-button,
.chaport-faq-container.chaport-window-amber .chaport-launcher .chaport-launcher-button {
    background-color: #ffb300
}

.chaport-container.chaport-window-amber .chaport-inner-header,
.chaport-container.chaport-window-amber .your-message-wrapper .message-body,
.chaport-content.chaport-window-amber .chaport-inner-header,
.chaport-content.chaport-window-amber .your-message-wrapper .message-body,
.chaport-faq-container.chaport-window-amber .chaport-inner-header,
.chaport-faq-container.chaport-window-amber .your-message-wrapper .message-body {
    background-color: #ffb300 !important
}

.chaport-container.chaport-window-amber .chaport-inner-header .operator-faces .operator-face:before,
.chaport-content.chaport-window-amber .chaport-inner-header .operator-faces .operator-face:before,
.chaport-faq-container.chaport-window-amber .chaport-inner-header .operator-faces .operator-face:before {
    background-color: #ffb300 !important
}

.chaport-container.chaport-window-amber .chaport-logo span,
.chaport-content.chaport-window-amber .chaport-logo span,
.chaport-faq-container.chaport-window-amber .chaport-logo span {
    color: #ffb300 !important
}

.chaport-container.chaport-window-amber .emoji-wrapper.show-popup .emoji-icon,
.chaport-container.chaport-window-amber .message-status,
.chaport-content.chaport-window-amber .emoji-wrapper.show-popup .emoji-icon,
.chaport-content.chaport-window-amber .message-status,
.chaport-faq-container.chaport-window-amber .emoji-wrapper.show-popup .emoji-icon,
.chaport-faq-container.chaport-window-amber .message-status {
    background-color: #ffb300 !important
}

.chaport-container.chaport-window-amber .prechat-form .focused::before,
.chaport-content.chaport-window-amber .prechat-form .focused::before,
.chaport-faq-container.chaport-window-amber .prechat-form .focused::before {
    background-color: #ffb300 !important
}

.chaport-container.chaport-window-amber .chaport-input-wrapper input,
.chaport-container.chaport-window-amber .chaport-input-wrapper textarea,
.chaport-content.chaport-window-amber .chaport-input-wrapper input,
.chaport-content.chaport-window-amber .chaport-input-wrapper textarea,
.chaport-faq-container.chaport-window-amber .chaport-input-wrapper input,
.chaport-faq-container.chaport-window-amber .chaport-input-wrapper textarea {
    caret-color: #ffb300
}

.chaport-container.chaport-window-amber .chaport-send-icon svg polygon,
.chaport-content.chaport-window-amber .chaport-send-icon svg polygon,
.chaport-faq-container.chaport-window-amber .chaport-send-icon svg polygon {
    fill: #ffb300
}

.chaport-container.chaport-window-amber .chaport-send-icon:hover svg polygon,
.chaport-content.chaport-window-amber .chaport-send-icon:hover svg polygon,
.chaport-faq-container.chaport-window-amber .chaport-send-icon:hover svg polygon {
    fill: rgba(255, 179, 0, 0.9)
}

.chaport-container.chaport-window-amber.chaport-device-windows .prechat-form .checkbox-field:checked,
.chaport-content.chaport-window-amber.chaport-device-windows .prechat-form .checkbox-field:checked,
.chaport-faq-container.chaport-window-amber.chaport-device-windows .prechat-form .checkbox-field:checked {
    background-color: #ffb300 !important;
    border: 1px solid #ffb300 !important
}

.chaport-container.chaport-window-amber .reply-option,
.chaport-content.chaport-window-amber .reply-option,
.chaport-faq-container.chaport-window-amber .reply-option {
    color: #ffb300 !important;
    border: 1px solid rgba(255, 179, 0, 0.8) !important
}

.chaport-container.chaport-window-amber .reply-option:hover,
.chaport-container.chaport-window-amber .reply-option:active,
.chaport-content.chaport-window-amber .reply-option:hover,
.chaport-content.chaport-window-amber .reply-option:active,
.chaport-faq-container.chaport-window-amber .reply-option:hover,
.chaport-faq-container.chaport-window-amber .reply-option:active {
    color: #fff !important;
    border: 1px solid #ffb300 !important;
    background-color: #ffb300 !important
}

.chaport-container.chaport-window-amber .bot-photo,
.chaport-content.chaport-window-amber .bot-photo,
.chaport-faq-container.chaport-window-amber .bot-photo {
    background: #748c9f !important
}

.chaport-container.chaport-window-amber .chaport-email-request-input-wrapper .chaport-email-request-input:focus,
.chaport-content.chaport-window-amber .chaport-email-request-input-wrapper .chaport-email-request-input:focus,
.chaport-faq-container.chaport-window-amber .chaport-email-request-input-wrapper .chaport-email-request-input:focus {
    border-color: rgba(255, 179, 0, 0.8) !important
}

.chaport-container.chaport-window-amber .chaport-email-request-input-wrapper .chaport-email-send-button,
.chaport-content.chaport-window-amber .chaport-email-request-input-wrapper .chaport-email-send-button,
.chaport-faq-container.chaport-window-amber .chaport-email-request-input-wrapper .chaport-email-send-button {
    background-color: #ffb300 !important
}

.chaport-container.chaport-window-amber .chaport-email-request-input-wrapper .chaport-email-request-input,
.chaport-content.chaport-window-amber .chaport-email-request-input-wrapper .chaport-email-request-input,
.chaport-faq-container.chaport-window-amber .chaport-email-request-input-wrapper .chaport-email-request-input {
    caret-color: #ffb300
}

.chaport-container.chaport-window-amber .faq-bot-message .btn-link-wrapper,
.chaport-content.chaport-window-amber .faq-bot-message .btn-link-wrapper,
.chaport-faq-container.chaport-window-amber .faq-bot-message .btn-link-wrapper {
    color: #ffb300 !important
}

.chaport-container.chaport-window-amber .faq-bot-message .btn-link-wrapper:hover,
.chaport-content.chaport-window-amber .faq-bot-message .btn-link-wrapper:hover,
.chaport-faq-container.chaport-window-amber .faq-bot-message .btn-link-wrapper:hover {
    color: rgba(255, 179, 0, 0.8) !important
}

.chaport-container.chaport-window-amber~.widget-browser .widget-browser-faq-nav,
.chaport-content.chaport-window-amber~.widget-browser .widget-browser-faq-nav,
.chaport-faq-container.chaport-window-amber~.widget-browser .widget-browser-faq-nav {
    background-color: #ffb300
}

.chaport-container.chaport-window-amber~.widget-browser .widget-browser-faq-link:link,
.chaport-container.chaport-window-amber~.widget-browser .widget-browser-faq-link:visited,
.chaport-container.chaport-window-amber~.widget-browser .article-content a:link,
.chaport-container.chaport-window-amber~.widget-browser .article-content a:visited,
.chaport-content.chaport-window-amber~.widget-browser .widget-browser-faq-link:link,
.chaport-content.chaport-window-amber~.widget-browser .widget-browser-faq-link:visited,
.chaport-content.chaport-window-amber~.widget-browser .article-content a:link,
.chaport-content.chaport-window-amber~.widget-browser .article-content a:visited,
.chaport-faq-container.chaport-window-amber~.widget-browser .widget-browser-faq-link:link,
.chaport-faq-container.chaport-window-amber~.widget-browser .widget-browser-faq-link:visited,
.chaport-faq-container.chaport-window-amber~.widget-browser .article-content a:link,
.chaport-faq-container.chaport-window-amber~.widget-browser .article-content a:visited {
    color: #ffb300 !important
}

.chaport-container.chaport-window-amber~.widget-browser .widget-browser-faq-link:hover,
.chaport-container.chaport-window-amber~.widget-browser .article-content a:hover,
.chaport-content.chaport-window-amber~.widget-browser .widget-browser-faq-link:hover,
.chaport-content.chaport-window-amber~.widget-browser .article-content a:hover,
.chaport-faq-container.chaport-window-amber~.widget-browser .widget-browser-faq-link:hover,
.chaport-faq-container.chaport-window-amber~.widget-browser .article-content a:hover {
    color: rgba(255, 179, 0, 0.8) !important
}

.chaport-container.chaport-window-amber~.widget-browser .article-content blockquote,
.chaport-content.chaport-window-amber~.widget-browser .article-content blockquote,
.chaport-faq-container.chaport-window-amber~.widget-browser .article-content blockquote {
    border-color: #ffb300 !important
}

.chaport-container.chaport-window-amber~.widget-browser .faq-footer .faq-footer-back-button::after,
.chaport-content.chaport-window-amber~.widget-browser .faq-footer .faq-footer-back-button::after,
.chaport-faq-container.chaport-window-amber~.widget-browser .faq-footer .faq-footer-back-button::after {
    border-color: #ffb300 !important
}

.chaport-container.chaport-window-amber~.widget-browser .faq-footer .chaport-logo span,
.chaport-content.chaport-window-amber~.widget-browser .faq-footer .chaport-logo span,
.chaport-faq-container.chaport-window-amber~.widget-browser .faq-footer .chaport-logo span {
    color: #ffb300 !important
}

.chaport-container.chaport-window-amber .content-wrapper .section .section-body .article-list-item-link,
.chaport-container.chaport-window-amber .content-wrapper .section .section-body #article .widget-browser-faq-link,
.chaport-container.chaport-window-amber .content-wrapper .section .section-body #article a,
.chaport-content.chaport-window-amber .content-wrapper .section .section-body .article-list-item-link,
.chaport-content.chaport-window-amber .content-wrapper .section .section-body #article .widget-browser-faq-link,
.chaport-content.chaport-window-amber .content-wrapper .section .section-body #article a,
.chaport-faq-container.chaport-window-amber .content-wrapper .section .section-body .article-list-item-link,
.chaport-faq-container.chaport-window-amber .content-wrapper .section .section-body #article .widget-browser-faq-link,
.chaport-faq-container.chaport-window-amber .content-wrapper .section .section-body #article a {
    color: #ffb300 !important
}

.chaport-container.chaport-window-amber .content-wrapper .section .section-body .article-list-item-link:hover,
.chaport-container.chaport-window-amber .content-wrapper .section .section-body #article .widget-browser-faq-link:hover,
.chaport-container.chaport-window-amber .content-wrapper .section .section-body #article a:hover,
.chaport-content.chaport-window-amber .content-wrapper .section .section-body .article-list-item-link:hover,
.chaport-content.chaport-window-amber .content-wrapper .section .section-body #article .widget-browser-faq-link:hover,
.chaport-content.chaport-window-amber .content-wrapper .section .section-body #article a:hover,
.chaport-faq-container.chaport-window-amber .content-wrapper .section .section-body .article-list-item-link:hover,
.chaport-faq-container.chaport-window-amber .content-wrapper .section .section-body #article .widget-browser-faq-link:hover,
.chaport-faq-container.chaport-window-amber .content-wrapper .section .section-body #article a:hover {
    color: rgba(255, 179, 0, 0.8) !important
}

.chaport-container.chaport-window-amber .content-wrapper .section .section-body #article blockquote,
.chaport-content.chaport-window-amber .content-wrapper .section .section-body #article blockquote,
.chaport-faq-container.chaport-window-amber .content-wrapper .section .section-body #article blockquote {
    border-color: #ffb300 !important
}

.chaport-container.chaport-window-amber .nav-wrapper .default-logo-wrapper:hover .default-logo-text,
.chaport-content.chaport-window-amber .nav-wrapper .default-logo-wrapper:hover .default-logo-text,
.chaport-faq-container.chaport-window-amber .nav-wrapper .default-logo-wrapper:hover .default-logo-text {
    color: rgba(255, 179, 0, 0.8) !important
}

.chaport-container.chaport-window-amber .nav-wrapper .default-logo-wrapper .default-logo-text,
.chaport-content.chaport-window-amber .nav-wrapper .default-logo-wrapper .default-logo-text,
.chaport-faq-container.chaport-window-amber .nav-wrapper .default-logo-wrapper .default-logo-text {
    color: #ffb300 !important
}

.chaport-container.chaport-window-amber .message-wrapper.interlocutor-message-wrapper .message-body a,
.chaport-content.chaport-window-amber .message-wrapper.interlocutor-message-wrapper .message-body a,
.chaport-faq-container.chaport-window-amber .message-wrapper.interlocutor-message-wrapper .message-body a {
    color: #ffb300 !important
}

.chaport-container.chaport-window-amber .message-wrapper.interlocutor-message-wrapper .message-body a:hover,
.chaport-content.chaport-window-amber .message-wrapper.interlocutor-message-wrapper .message-body a:hover,
.chaport-faq-container.chaport-window-amber .message-wrapper.interlocutor-message-wrapper .message-body a:hover {
    color: rgba(255, 179, 0, 0.8) !important
}

.chaport-container.chaport-window-amber .message-wrapper.interlocutor-message-wrapper .message-body blockquote,
.chaport-content.chaport-window-amber .message-wrapper.interlocutor-message-wrapper .message-body blockquote,
.chaport-faq-container.chaport-window-amber .message-wrapper.interlocutor-message-wrapper .message-body blockquote {
    border-color: #ffb300
}

.chaport-container.chaport-window-orange .chaport-launcher .chaport-launcher-button,
.chaport-content.chaport-window-orange .chaport-launcher .chaport-launcher-button,
.chaport-faq-container.chaport-window-orange .chaport-launcher .chaport-launcher-button {
    background-color: #f57c00
}

.chaport-container.chaport-window-orange .chaport-inner-header,
.chaport-container.chaport-window-orange .your-message-wrapper .message-body,
.chaport-content.chaport-window-orange .chaport-inner-header,
.chaport-content.chaport-window-orange .your-message-wrapper .message-body,
.chaport-faq-container.chaport-window-orange .chaport-inner-header,
.chaport-faq-container.chaport-window-orange .your-message-wrapper .message-body {
    background-color: #f57c00 !important
}

.chaport-container.chaport-window-orange .chaport-inner-header .operator-faces .operator-face:before,
.chaport-content.chaport-window-orange .chaport-inner-header .operator-faces .operator-face:before,
.chaport-faq-container.chaport-window-orange .chaport-inner-header .operator-faces .operator-face:before {
    background-color: #f57c00 !important
}

.chaport-container.chaport-window-orange .chaport-logo span,
.chaport-content.chaport-window-orange .chaport-logo span,
.chaport-faq-container.chaport-window-orange .chaport-logo span {
    color: #f57c00 !important
}

.chaport-container.chaport-window-orange .emoji-wrapper.show-popup .emoji-icon,
.chaport-container.chaport-window-orange .message-status,
.chaport-content.chaport-window-orange .emoji-wrapper.show-popup .emoji-icon,
.chaport-content.chaport-window-orange .message-status,
.chaport-faq-container.chaport-window-orange .emoji-wrapper.show-popup .emoji-icon,
.chaport-faq-container.chaport-window-orange .message-status {
    background-color: #f57c00 !important
}

.chaport-container.chaport-window-orange .prechat-form .focused::before,
.chaport-content.chaport-window-orange .prechat-form .focused::before,
.chaport-faq-container.chaport-window-orange .prechat-form .focused::before {
    background-color: #f57c00 !important
}

.chaport-container.chaport-window-orange .chaport-input-wrapper input,
.chaport-container.chaport-window-orange .chaport-input-wrapper textarea,
.chaport-content.chaport-window-orange .chaport-input-wrapper input,
.chaport-content.chaport-window-orange .chaport-input-wrapper textarea,
.chaport-faq-container.chaport-window-orange .chaport-input-wrapper input,
.chaport-faq-container.chaport-window-orange .chaport-input-wrapper textarea {
    caret-color: #f57c00
}

.chaport-container.chaport-window-orange .chaport-send-icon svg polygon,
.chaport-content.chaport-window-orange .chaport-send-icon svg polygon,
.chaport-faq-container.chaport-window-orange .chaport-send-icon svg polygon {
    fill: #f57c00
}

.chaport-container.chaport-window-orange .chaport-send-icon:hover svg polygon,
.chaport-content.chaport-window-orange .chaport-send-icon:hover svg polygon,
.chaport-faq-container.chaport-window-orange .chaport-send-icon:hover svg polygon {
    fill: rgba(245, 124, 0, 0.9)
}

.chaport-container.chaport-window-orange.chaport-device-windows .prechat-form .checkbox-field:checked,
.chaport-content.chaport-window-orange.chaport-device-windows .prechat-form .checkbox-field:checked,
.chaport-faq-container.chaport-window-orange.chaport-device-windows .prechat-form .checkbox-field:checked {
    background-color: #f57c00 !important;
    border: 1px solid #f57c00 !important
}

.chaport-container.chaport-window-orange .reply-option,
.chaport-content.chaport-window-orange .reply-option,
.chaport-faq-container.chaport-window-orange .reply-option {
    color: #f57c00 !important;
    border: 1px solid rgba(245, 124, 0, 0.8) !important
}

.chaport-container.chaport-window-orange .reply-option:hover,
.chaport-container.chaport-window-orange .reply-option:active,
.chaport-content.chaport-window-orange .reply-option:hover,
.chaport-content.chaport-window-orange .reply-option:active,
.chaport-faq-container.chaport-window-orange .reply-option:hover,
.chaport-faq-container.chaport-window-orange .reply-option:active {
    color: #fff !important;
    border: 1px solid #f57c00 !important;
    background-color: #f57c00 !important
}

.chaport-container.chaport-window-orange .bot-photo,
.chaport-content.chaport-window-orange .bot-photo,
.chaport-faq-container.chaport-window-orange .bot-photo {
    background: #748c9f !important
}

.chaport-container.chaport-window-orange .chaport-email-request-input-wrapper .chaport-email-request-input:focus,
.chaport-content.chaport-window-orange .chaport-email-request-input-wrapper .chaport-email-request-input:focus,
.chaport-faq-container.chaport-window-orange .chaport-email-request-input-wrapper .chaport-email-request-input:focus {
    border-color: rgba(245, 124, 0, 0.8) !important
}

.chaport-container.chaport-window-orange .chaport-email-request-input-wrapper .chaport-email-send-button,
.chaport-content.chaport-window-orange .chaport-email-request-input-wrapper .chaport-email-send-button,
.chaport-faq-container.chaport-window-orange .chaport-email-request-input-wrapper .chaport-email-send-button {
    background-color: #f57c00 !important
}

.chaport-container.chaport-window-orange .chaport-email-request-input-wrapper .chaport-email-request-input,
.chaport-content.chaport-window-orange .chaport-email-request-input-wrapper .chaport-email-request-input,
.chaport-faq-container.chaport-window-orange .chaport-email-request-input-wrapper .chaport-email-request-input {
    caret-color: #f57c00
}

.chaport-container.chaport-window-orange .faq-bot-message .btn-link-wrapper,
.chaport-content.chaport-window-orange .faq-bot-message .btn-link-wrapper,
.chaport-faq-container.chaport-window-orange .faq-bot-message .btn-link-wrapper {
    color: #f57c00 !important
}

.chaport-container.chaport-window-orange .faq-bot-message .btn-link-wrapper:hover,
.chaport-content.chaport-window-orange .faq-bot-message .btn-link-wrapper:hover,
.chaport-faq-container.chaport-window-orange .faq-bot-message .btn-link-wrapper:hover {
    color: rgba(245, 124, 0, 0.8) !important
}

.chaport-container.chaport-window-orange~.widget-browser .widget-browser-faq-nav,
.chaport-content.chaport-window-orange~.widget-browser .widget-browser-faq-nav,
.chaport-faq-container.chaport-window-orange~.widget-browser .widget-browser-faq-nav {
    background-color: #f57c00
}

.chaport-container.chaport-window-orange~.widget-browser .widget-browser-faq-link:link,
.chaport-container.chaport-window-orange~.widget-browser .widget-browser-faq-link:visited,
.chaport-container.chaport-window-orange~.widget-browser .article-content a:link,
.chaport-container.chaport-window-orange~.widget-browser .article-content a:visited,
.chaport-content.chaport-window-orange~.widget-browser .widget-browser-faq-link:link,
.chaport-content.chaport-window-orange~.widget-browser .widget-browser-faq-link:visited,
.chaport-content.chaport-window-orange~.widget-browser .article-content a:link,
.chaport-content.chaport-window-orange~.widget-browser .article-content a:visited,
.chaport-faq-container.chaport-window-orange~.widget-browser .widget-browser-faq-link:link,
.chaport-faq-container.chaport-window-orange~.widget-browser .widget-browser-faq-link:visited,
.chaport-faq-container.chaport-window-orange~.widget-browser .article-content a:link,
.chaport-faq-container.chaport-window-orange~.widget-browser .article-content a:visited {
    color: #f57c00 !important
}

.chaport-container.chaport-window-orange~.widget-browser .widget-browser-faq-link:hover,
.chaport-container.chaport-window-orange~.widget-browser .article-content a:hover,
.chaport-content.chaport-window-orange~.widget-browser .widget-browser-faq-link:hover,
.chaport-content.chaport-window-orange~.widget-browser .article-content a:hover,
.chaport-faq-container.chaport-window-orange~.widget-browser .widget-browser-faq-link:hover,
.chaport-faq-container.chaport-window-orange~.widget-browser .article-content a:hover {
    color: rgba(245, 124, 0, 0.8) !important
}

.chaport-container.chaport-window-orange~.widget-browser .article-content blockquote,
.chaport-content.chaport-window-orange~.widget-browser .article-content blockquote,
.chaport-faq-container.chaport-window-orange~.widget-browser .article-content blockquote {
    border-color: #f57c00 !important
}

.chaport-container.chaport-window-orange~.widget-browser .faq-footer .faq-footer-back-button::after,
.chaport-content.chaport-window-orange~.widget-browser .faq-footer .faq-footer-back-button::after,
.chaport-faq-container.chaport-window-orange~.widget-browser .faq-footer .faq-footer-back-button::after {
    border-color: #f57c00 !important
}

.chaport-container.chaport-window-orange~.widget-browser .faq-footer .chaport-logo span,
.chaport-content.chaport-window-orange~.widget-browser .faq-footer .chaport-logo span,
.chaport-faq-container.chaport-window-orange~.widget-browser .faq-footer .chaport-logo span {
    color: #f57c00 !important
}

.chaport-container.chaport-window-orange .content-wrapper .section .section-body .article-list-item-link,
.chaport-container.chaport-window-orange .content-wrapper .section .section-body #article .widget-browser-faq-link,
.chaport-container.chaport-window-orange .content-wrapper .section .section-body #article a,
.chaport-content.chaport-window-orange .content-wrapper .section .section-body .article-list-item-link,
.chaport-content.chaport-window-orange .content-wrapper .section .section-body #article .widget-browser-faq-link,
.chaport-content.chaport-window-orange .content-wrapper .section .section-body #article a,
.chaport-faq-container.chaport-window-orange .content-wrapper .section .section-body .article-list-item-link,
.chaport-faq-container.chaport-window-orange .content-wrapper .section .section-body #article .widget-browser-faq-link,
.chaport-faq-container.chaport-window-orange .content-wrapper .section .section-body #article a {
    color: #f57c00 !important
}

.chaport-container.chaport-window-orange .content-wrapper .section .section-body .article-list-item-link:hover,
.chaport-container.chaport-window-orange .content-wrapper .section .section-body #article .widget-browser-faq-link:hover,
.chaport-container.chaport-window-orange .content-wrapper .section .section-body #article a:hover,
.chaport-content.chaport-window-orange .content-wrapper .section .section-body .article-list-item-link:hover,
.chaport-content.chaport-window-orange .content-wrapper .section .section-body #article .widget-browser-faq-link:hover,
.chaport-content.chaport-window-orange .content-wrapper .section .section-body #article a:hover,
.chaport-faq-container.chaport-window-orange .content-wrapper .section .section-body .article-list-item-link:hover,
.chaport-faq-container.chaport-window-orange .content-wrapper .section .section-body #article .widget-browser-faq-link:hover,
.chaport-faq-container.chaport-window-orange .content-wrapper .section .section-body #article a:hover {
    color: rgba(245, 124, 0, 0.8) !important
}

.chaport-container.chaport-window-orange .content-wrapper .section .section-body #article blockquote,
.chaport-content.chaport-window-orange .content-wrapper .section .section-body #article blockquote,
.chaport-faq-container.chaport-window-orange .content-wrapper .section .section-body #article blockquote {
    border-color: #f57c00 !important
}

.chaport-container.chaport-window-orange .nav-wrapper .default-logo-wrapper:hover .default-logo-text,
.chaport-content.chaport-window-orange .nav-wrapper .default-logo-wrapper:hover .default-logo-text,
.chaport-faq-container.chaport-window-orange .nav-wrapper .default-logo-wrapper:hover .default-logo-text {
    color: rgba(245, 124, 0, 0.8) !important
}

.chaport-container.chaport-window-orange .nav-wrapper .default-logo-wrapper .default-logo-text,
.chaport-content.chaport-window-orange .nav-wrapper .default-logo-wrapper .default-logo-text,
.chaport-faq-container.chaport-window-orange .nav-wrapper .default-logo-wrapper .default-logo-text {
    color: #f57c00 !important
}

.chaport-container.chaport-window-orange .message-wrapper.interlocutor-message-wrapper .message-body a,
.chaport-content.chaport-window-orange .message-wrapper.interlocutor-message-wrapper .message-body a,
.chaport-faq-container.chaport-window-orange .message-wrapper.interlocutor-message-wrapper .message-body a {
    color: #f57c00 !important
}

.chaport-container.chaport-window-orange .message-wrapper.interlocutor-message-wrapper .message-body a:hover,
.chaport-content.chaport-window-orange .message-wrapper.interlocutor-message-wrapper .message-body a:hover,
.chaport-faq-container.chaport-window-orange .message-wrapper.interlocutor-message-wrapper .message-body a:hover {
    color: rgba(245, 124, 0, 0.8) !important
}

.chaport-container.chaport-window-orange .message-wrapper.interlocutor-message-wrapper .message-body blockquote,
.chaport-content.chaport-window-orange .message-wrapper.interlocutor-message-wrapper .message-body blockquote,
.chaport-faq-container.chaport-window-orange .message-wrapper.interlocutor-message-wrapper .message-body blockquote {
    border-color: #f57c00
}

.chaport-container.chaport-window-brown .chaport-launcher .chaport-launcher-button,
.chaport-content.chaport-window-brown .chaport-launcher .chaport-launcher-button,
.chaport-faq-container.chaport-window-brown .chaport-launcher .chaport-launcher-button {
    background-color: #795548
}

.chaport-container.chaport-window-brown .chaport-inner-header,
.chaport-container.chaport-window-brown .your-message-wrapper .message-body,
.chaport-content.chaport-window-brown .chaport-inner-header,
.chaport-content.chaport-window-brown .your-message-wrapper .message-body,
.chaport-faq-container.chaport-window-brown .chaport-inner-header,
.chaport-faq-container.chaport-window-brown .your-message-wrapper .message-body {
    background-color: #795548 !important
}

.chaport-container.chaport-window-brown .chaport-inner-header .operator-faces .operator-face:before,
.chaport-content.chaport-window-brown .chaport-inner-header .operator-faces .operator-face:before,
.chaport-faq-container.chaport-window-brown .chaport-inner-header .operator-faces .operator-face:before {
    background-color: #795548 !important
}

.chaport-container.chaport-window-brown .chaport-logo span,
.chaport-content.chaport-window-brown .chaport-logo span,
.chaport-faq-container.chaport-window-brown .chaport-logo span {
    color: #795548 !important
}

.chaport-container.chaport-window-brown .emoji-wrapper.show-popup .emoji-icon,
.chaport-container.chaport-window-brown .message-status,
.chaport-content.chaport-window-brown .emoji-wrapper.show-popup .emoji-icon,
.chaport-content.chaport-window-brown .message-status,
.chaport-faq-container.chaport-window-brown .emoji-wrapper.show-popup .emoji-icon,
.chaport-faq-container.chaport-window-brown .message-status {
    background-color: #795548 !important
}

.chaport-container.chaport-window-brown .prechat-form .focused::before,
.chaport-content.chaport-window-brown .prechat-form .focused::before,
.chaport-faq-container.chaport-window-brown .prechat-form .focused::before {
    background-color: #795548 !important
}

.chaport-container.chaport-window-brown .chaport-input-wrapper input,
.chaport-container.chaport-window-brown .chaport-input-wrapper textarea,
.chaport-content.chaport-window-brown .chaport-input-wrapper input,
.chaport-content.chaport-window-brown .chaport-input-wrapper textarea,
.chaport-faq-container.chaport-window-brown .chaport-input-wrapper input,
.chaport-faq-container.chaport-window-brown .chaport-input-wrapper textarea {
    caret-color: #795548
}

.chaport-container.chaport-window-brown .chaport-send-icon svg polygon,
.chaport-content.chaport-window-brown .chaport-send-icon svg polygon,
.chaport-faq-container.chaport-window-brown .chaport-send-icon svg polygon {
    fill: #795548
}

.chaport-container.chaport-window-brown .chaport-send-icon:hover svg polygon,
.chaport-content.chaport-window-brown .chaport-send-icon:hover svg polygon,
.chaport-faq-container.chaport-window-brown .chaport-send-icon:hover svg polygon {
    fill: rgba(121, 85, 72, 0.9)
}

.chaport-container.chaport-window-brown.chaport-device-windows .prechat-form .checkbox-field:checked,
.chaport-content.chaport-window-brown.chaport-device-windows .prechat-form .checkbox-field:checked,
.chaport-faq-container.chaport-window-brown.chaport-device-windows .prechat-form .checkbox-field:checked {
    background-color: #795548 !important;
    border: 1px solid #795548 !important
}

.chaport-container.chaport-window-brown .reply-option,
.chaport-content.chaport-window-brown .reply-option,
.chaport-faq-container.chaport-window-brown .reply-option {
    color: #795548 !important;
    border: 1px solid rgba(121, 85, 72, 0.8) !important
}

.chaport-container.chaport-window-brown .reply-option:hover,
.chaport-container.chaport-window-brown .reply-option:active,
.chaport-content.chaport-window-brown .reply-option:hover,
.chaport-content.chaport-window-brown .reply-option:active,
.chaport-faq-container.chaport-window-brown .reply-option:hover,
.chaport-faq-container.chaport-window-brown .reply-option:active {
    color: #fff !important;
    border: 1px solid #795548 !important;
    background-color: #795548 !important
}

.chaport-container.chaport-window-brown .bot-photo,
.chaport-content.chaport-window-brown .bot-photo,
.chaport-faq-container.chaport-window-brown .bot-photo {
    background: #748c9f !important
}

.chaport-container.chaport-window-brown .chaport-email-request-input-wrapper .chaport-email-request-input:focus,
.chaport-content.chaport-window-brown .chaport-email-request-input-wrapper .chaport-email-request-input:focus,
.chaport-faq-container.chaport-window-brown .chaport-email-request-input-wrapper .chaport-email-request-input:focus {
    border-color: rgba(121, 85, 72, 0.8) !important
}

.chaport-container.chaport-window-brown .chaport-email-request-input-wrapper .chaport-email-send-button,
.chaport-content.chaport-window-brown .chaport-email-request-input-wrapper .chaport-email-send-button,
.chaport-faq-container.chaport-window-brown .chaport-email-request-input-wrapper .chaport-email-send-button {
    background-color: #795548 !important
}

.chaport-container.chaport-window-brown .chaport-email-request-input-wrapper .chaport-email-request-input,
.chaport-content.chaport-window-brown .chaport-email-request-input-wrapper .chaport-email-request-input,
.chaport-faq-container.chaport-window-brown .chaport-email-request-input-wrapper .chaport-email-request-input {
    caret-color: #795548
}

.chaport-container.chaport-window-brown .faq-bot-message .btn-link-wrapper,
.chaport-content.chaport-window-brown .faq-bot-message .btn-link-wrapper,
.chaport-faq-container.chaport-window-brown .faq-bot-message .btn-link-wrapper {
    color: #795548 !important
}

.chaport-container.chaport-window-brown .faq-bot-message .btn-link-wrapper:hover,
.chaport-content.chaport-window-brown .faq-bot-message .btn-link-wrapper:hover,
.chaport-faq-container.chaport-window-brown .faq-bot-message .btn-link-wrapper:hover {
    color: rgba(121, 85, 72, 0.8) !important
}

.chaport-container.chaport-window-brown~.widget-browser .widget-browser-faq-nav,
.chaport-content.chaport-window-brown~.widget-browser .widget-browser-faq-nav,
.chaport-faq-container.chaport-window-brown~.widget-browser .widget-browser-faq-nav {
    background-color: #795548
}

.chaport-container.chaport-window-brown~.widget-browser .widget-browser-faq-link:link,
.chaport-container.chaport-window-brown~.widget-browser .widget-browser-faq-link:visited,
.chaport-container.chaport-window-brown~.widget-browser .article-content a:link,
.chaport-container.chaport-window-brown~.widget-browser .article-content a:visited,
.chaport-content.chaport-window-brown~.widget-browser .widget-browser-faq-link:link,
.chaport-content.chaport-window-brown~.widget-browser .widget-browser-faq-link:visited,
.chaport-content.chaport-window-brown~.widget-browser .article-content a:link,
.chaport-content.chaport-window-brown~.widget-browser .article-content a:visited,
.chaport-faq-container.chaport-window-brown~.widget-browser .widget-browser-faq-link:link,
.chaport-faq-container.chaport-window-brown~.widget-browser .widget-browser-faq-link:visited,
.chaport-faq-container.chaport-window-brown~.widget-browser .article-content a:link,
.chaport-faq-container.chaport-window-brown~.widget-browser .article-content a:visited {
    color: #795548 !important
}

.chaport-container.chaport-window-brown~.widget-browser .widget-browser-faq-link:hover,
.chaport-container.chaport-window-brown~.widget-browser .article-content a:hover,
.chaport-content.chaport-window-brown~.widget-browser .widget-browser-faq-link:hover,
.chaport-content.chaport-window-brown~.widget-browser .article-content a:hover,
.chaport-faq-container.chaport-window-brown~.widget-browser .widget-browser-faq-link:hover,
.chaport-faq-container.chaport-window-brown~.widget-browser .article-content a:hover {
    color: rgba(121, 85, 72, 0.8) !important
}

.chaport-container.chaport-window-brown~.widget-browser .article-content blockquote,
.chaport-content.chaport-window-brown~.widget-browser .article-content blockquote,
.chaport-faq-container.chaport-window-brown~.widget-browser .article-content blockquote {
    border-color: #795548 !important
}

.chaport-container.chaport-window-brown~.widget-browser .faq-footer .faq-footer-back-button::after,
.chaport-content.chaport-window-brown~.widget-browser .faq-footer .faq-footer-back-button::after,
.chaport-faq-container.chaport-window-brown~.widget-browser .faq-footer .faq-footer-back-button::after {
    border-color: #795548 !important
}

.chaport-container.chaport-window-brown~.widget-browser .faq-footer .chaport-logo span,
.chaport-content.chaport-window-brown~.widget-browser .faq-footer .chaport-logo span,
.chaport-faq-container.chaport-window-brown~.widget-browser .faq-footer .chaport-logo span {
    color: #795548 !important
}

.chaport-container.chaport-window-brown .content-wrapper .section .section-body .article-list-item-link,
.chaport-container.chaport-window-brown .content-wrapper .section .section-body #article .widget-browser-faq-link,
.chaport-container.chaport-window-brown .content-wrapper .section .section-body #article a,
.chaport-content.chaport-window-brown .content-wrapper .section .section-body .article-list-item-link,
.chaport-content.chaport-window-brown .content-wrapper .section .section-body #article .widget-browser-faq-link,
.chaport-content.chaport-window-brown .content-wrapper .section .section-body #article a,
.chaport-faq-container.chaport-window-brown .content-wrapper .section .section-body .article-list-item-link,
.chaport-faq-container.chaport-window-brown .content-wrapper .section .section-body #article .widget-browser-faq-link,
.chaport-faq-container.chaport-window-brown .content-wrapper .section .section-body #article a {
    color: #795548 !important
}

.chaport-container.chaport-window-brown .content-wrapper .section .section-body .article-list-item-link:hover,
.chaport-container.chaport-window-brown .content-wrapper .section .section-body #article .widget-browser-faq-link:hover,
.chaport-container.chaport-window-brown .content-wrapper .section .section-body #article a:hover,
.chaport-content.chaport-window-brown .content-wrapper .section .section-body .article-list-item-link:hover,
.chaport-content.chaport-window-brown .content-wrapper .section .section-body #article .widget-browser-faq-link:hover,
.chaport-content.chaport-window-brown .content-wrapper .section .section-body #article a:hover,
.chaport-faq-container.chaport-window-brown .content-wrapper .section .section-body .article-list-item-link:hover,
.chaport-faq-container.chaport-window-brown .content-wrapper .section .section-body #article .widget-browser-faq-link:hover,
.chaport-faq-container.chaport-window-brown .content-wrapper .section .section-body #article a:hover {
    color: rgba(121, 85, 72, 0.8) !important
}

.chaport-container.chaport-window-brown .content-wrapper .section .section-body #article blockquote,
.chaport-content.chaport-window-brown .content-wrapper .section .section-body #article blockquote,
.chaport-faq-container.chaport-window-brown .content-wrapper .section .section-body #article blockquote {
    border-color: #795548 !important
}

.chaport-container.chaport-window-brown .nav-wrapper .default-logo-wrapper:hover .default-logo-text,
.chaport-content.chaport-window-brown .nav-wrapper .default-logo-wrapper:hover .default-logo-text,
.chaport-faq-container.chaport-window-brown .nav-wrapper .default-logo-wrapper:hover .default-logo-text {
    color: rgba(121, 85, 72, 0.8) !important
}

.chaport-container.chaport-window-brown .nav-wrapper .default-logo-wrapper .default-logo-text,
.chaport-content.chaport-window-brown .nav-wrapper .default-logo-wrapper .default-logo-text,
.chaport-faq-container.chaport-window-brown .nav-wrapper .default-logo-wrapper .default-logo-text {
    color: #795548 !important
}

.chaport-container.chaport-window-brown .message-wrapper.interlocutor-message-wrapper .message-body a,
.chaport-content.chaport-window-brown .message-wrapper.interlocutor-message-wrapper .message-body a,
.chaport-faq-container.chaport-window-brown .message-wrapper.interlocutor-message-wrapper .message-body a {
    color: #795548 !important
}

.chaport-container.chaport-window-brown .message-wrapper.interlocutor-message-wrapper .message-body a:hover,
.chaport-content.chaport-window-brown .message-wrapper.interlocutor-message-wrapper .message-body a:hover,
.chaport-faq-container.chaport-window-brown .message-wrapper.interlocutor-message-wrapper .message-body a:hover {
    color: rgba(121, 85, 72, 0.8) !important
}

.chaport-container.chaport-window-brown .message-wrapper.interlocutor-message-wrapper .message-body blockquote,
.chaport-content.chaport-window-brown .message-wrapper.interlocutor-message-wrapper .message-body blockquote,
.chaport-faq-container.chaport-window-brown .message-wrapper.interlocutor-message-wrapper .message-body blockquote {
    border-color: #795548
}

.chaport-container .chaport-offline-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 17px 15px;
    background-color: #f7f7f7
}

.chaport-container .chaport-offline-wrapper .chaport-offline-caption {
    font-size: 13px;
    margin-bottom: 20px;
    background-color: #e7e7e7;
    padding: 10px;
    border-radius: 3px;
    color: #333
}

.chaport-container .chaport-offline-wrapper #chaport-offline-form input,
.chaport-container .chaport-offline-wrapper #chaport-offline-form textarea {
    box-shadow: 0 0 0 0 transparent;
    border: 1px solid #e2e2e2;
    display: block;
    padding: 8px 12px 8px 12px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: inherit;
    font-size: 14px;
    line-height: 16px;
    color: #3d3d3d;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #ffffff;
    -webkit-transition: background-color 0.2s ease, box-shadow 0.2s ease;
    -moz-transition: background-color 0.2s ease, box-shadow 0.2s ease;
    -ms-transition: background-color 0.2s ease, box-shadow 0.2s ease;
    -o-transition: background-color 0.2s ease, box-shadow 0.2s ease;
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    resize: none;
    float: none;
    font-style: normal;
    margin-bottom: 10px
}

.chaport-container .chaport-offline-wrapper #chaport-offline-form input:focus,
.chaport-container .chaport-offline-wrapper #chaport-offline-form textarea:focus {
    outline: none;
    border-color: #74beff;
    box-shadow: 0 0 4px 0 rgba(75, 171, 255, 0.38)
}

.chaport-container .chaport-offline-wrapper #chaport-offline-form input::-ms-clear,
.chaport-container .chaport-offline-wrapper #chaport-offline-form textarea::-ms-clear {
    display: none
}

.chaport-container .chaport-offline-wrapper #chaport-offline-form textarea {
    height: 50px
}

.chaport-container .chaport-offline-wrapper #chaport-offline-form .invalid {
    border-color: #ff7777
}

.chaport-container .chaport-offline-wrapper #chaport-offline-form #chaport-offline-button {
    bottom: 20px;
    right: 15px;
    display: block;
    border: none;
    background-color: #fff;
    border: 1px solid #3686be;
    color: #3686be;
    padding: 7px;
    font-size: 13px;
    line-height: 18px;
    text-transform: uppercase;
    text-align: center;
    box-sizing: border-box;
    width: 100%;
    margin-top: 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 3px;
    transition: background-color 0.2s ease-in-out
}

.chaport-container .chaport-offline-wrapper #chaport-offline-form #chaport-offline-button:hover {
    background-color: #3686be;
    color: #fff;
    cursor: pointer
}

.chaport-container .chaport-offline-wrapper .chaport-logo {
    right: 15px;
    left: 15px
}

.widget-browser .widget-browser-view-1 {
    z-index: 2147483501
}

.widget-browser .widget-browser-view-2 {
    z-index: 2147483502
}

.widget-browser .widget-browser-view {
    position: absolute;
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-box-shadow: 0 5px 38px rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 38px rgba(0, 0, 0, 0.15);
    z-index: 2147483501;
    background: white;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    border-radius: 10px
}

@media all and (max-width: 460px),
all and (max-width: 750px) and (orientation: landscape) {
    .widget-browser .widget-browser-view {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0
    }
}

.widget-browser .widget-browser-view.out {
    -ms-transform: translateX(110%);
    -webkit-transform: translateX(110%);
    transform: translateX(110%)
}

.widget-browser .widget-browser-view.anim {
    -webkit-transition: transform cubic-bezier(0.4, 0, 0.2, 1) .5s;
    -o-transition: transform cubic-bezier(0.4, 0, 0.2, 1) .5s;
    transition: transform cubic-bezier(0.4, 0, 0.2, 1) .5s
}

.widget-browser .widget-browser-view.in {
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.widget-browser .widget-browser-view.anim.in {
    border-radius: 0
}

.widget-browser .widget-browser-scroll-page {
    overflow-y: auto;
    padding: 0 5px
}

.widget-browser {
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.widget-browser * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.widget-browser-faq-nav {
    flex: 0 0 60px;
    display: flex;
    padding: 5px 20px;
    align-items: center;
    position: relative;
    -webkit-transition: background-color ease-out 0.3s;
    -o-transition: background-color ease-out 0.3s;
    transition: background-color ease-out 0.3s;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 50px 50px 0px rgba(255, 255, 255, 0.2);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 50px 50px 0px rgba(255, 255, 255, 0.2)
}

.widget-browser-faq-nav.search-field-expanded {
    background-color: #fff !important
}

.widget-browser-faq-nav.search-field-expanded .widget-browser-faq-back span::before,
.widget-browser-faq-nav.search-field-expanded .widget-browser-faq-search-anchor::before,
.widget-browser-faq-nav.search-field-expanded .widget-browser-faq-search-clear::before {
    background-color: #000 !important
}

.widget-browser-faq-nav .widget-browser-faq-back {
    position: relative;
    display: flex;
    justify-content: flex-end;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent
}

.widget-browser-faq-nav .widget-browser-faq-back::after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 10px;
    height: 10px;
    border: solid #fff;
    border-width: 2px 2px 0 0;
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -webkit-transform-origin: 12px 0;
    -moz-transform-origin: 12px 0;
    -ms-transform-origin: 12px 0;
    transform-origin: 12px 0;
    -webkit-transition: border-color ease-out 0.3s;
    -o-transition: border-color ease-out 0.3s;
    transition: border-color ease-out 0.3s;
    z-index: 2
}

.widget-browser-faq-nav .widget-browser-faq-back.search-field-expanded::after {
    border-color: gray
}

.widget-browser-faq-nav .widget-browser-faq-back span {
    position: absolute;
    width: 40px;
    height: 40px;
    left: 50%;
    top: 50%;
    z-index: 3;
    -ms-transform: translate(-33%, -50%);
    -webkit-transform: translate(-33%, -50%);
    transform: translate(-33%, -50%);
    -webkit-tap-highlight-color: transparent
}

.widget-browser-faq-nav .widget-browser-faq-back span:hover::before,
.widget-browser-faq-nav .widget-browser-faq-back span:active::before {
    opacity: 0.1;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
}

.widget-browser-faq-nav .widget-browser-faq-back span::before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 40px;
    height: 40px;
    opacity: 0;
    z-index: 1;
    border-radius: 50%;
    -webkit-transition: transform linear 0.1s;
    -o-transition: transform linear 0.1s;
    transition: transform linear 0.1s;
    -ms-transform: scale(0.6);
    -webkit-transform: scale(0.6);
    transform: scale(0.6)
}

.widget-browser-faq-nav .widget-browser-faq-back span:hover::before {
    background-color: #fff
}

.chaport-device-mobile .widget-browser-faq-nav .widget-browser-faq-back span:hover::before {
    background-color: transparent
}

.widget-browser-faq-nav .widget-browser-faq-back span:active::before {
    background-color: #fff
}

.widget-browser-faq-nav .faq-nav-title {
    font-size: 17px;
    color: #fff;
    position: absolute;
    text-align: center;
    pointer-events: none;
    left: 50%;
    margin-right: -50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    -webkit-font-smoothing: antialiased
}

.widget-browser-faq-nav .widget-browser-faq-search-anchor {
    flex: 0 0 24px;
    margin-left: auto;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    -webkit-tap-highlight-color: transparent;
    z-index: 2;
    right: -3px
}

.widget-browser-faq-nav .widget-browser-faq-search-anchor:hover::before,
.widget-browser-faq-nav .widget-browser-faq-search-anchor:active::before {
    opacity: 0.1;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
}

.widget-browser-faq-nav .widget-browser-faq-search-anchor::before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 40px;
    height: 40px;
    opacity: 0;
    z-index: 1;
    border-radius: 50%;
    -webkit-transition: transform linear 0.1s;
    -o-transition: transform linear 0.1s;
    transition: transform linear 0.1s;
    -ms-transform: scale(0.6);
    -webkit-transform: scale(0.6);
    transform: scale(0.6)
}

.widget-browser-faq-nav .widget-browser-faq-search-anchor:hover::before {
    background-color: #fff
}

.chaport-device-mobile .widget-browser-faq-nav .widget-browser-faq-search-anchor:hover::before {
    background-color: transparent
}

.widget-browser-faq-nav .widget-browser-faq-search-anchor:active::before {
    background-color: #fff
}

.widget-browser-faq-nav .widget-browser-faq-search-anchor::before {
    left: auto;
    z-index: -1
}

.widget-browser-faq-nav .widget-browser-faq-search-anchor img {
    width: 24px;
    height: 24px;
    position: relative;
    -ms-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.widget-browser-faq-nav .unread-messages-count {
    border-radius: 50%;
    font-size: 12px;
    line-height: 17px;
    background-color: rgba(255, 56, 51, 0.9);
    text-align: center;
    color: #fff;
    z-index: 2;
    min-width: 17px;
    height: 17px;
    cursor: pointer;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.23);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.23);
    position: relative;
    left: 4px;
    top: -12px
}

.widget-browser-faq-search-form {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    align-items: center
}

@-webkit-keyframes search-input-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-moz-keyframes search-input-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-ms-keyframes search-input-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-o-keyframes search-input-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes search-input-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.widget-browser-faq-search-form .widget-browser-faq-search-input {
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 18px;
    display: flex;
    flex: 1 1 auto;
    padding: 4px 4px 4px 32px;
    min-width: 0;
    height: 30px;
    line-height: 20px;
    opacity: 0;
    border: none;
    outline: none;
    background-color: rgba(255, 255, 255, 0);
    color: #33383a;
    -webkit-animation: 0.3s ease-out search-input-in;
    -o-animation: 0.3s ease-out search-input-in;
    animation: 0.3s ease-out search-input-in;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.widget-browser-faq-search-form .widget-browser-faq-search-input::-moz-placeholder {
    font-size: 17px;
    color: #99a0a5 !important;
    -webkit-text-fill-color: #99a0a5 !important;
    -webkit-opacity: 1 !important;
    opacity: 1
}

.widget-browser-faq-search-form .widget-browser-faq-search-input:-ms-input-placeholder {
    font-size: 17px;
    color: #99a0a5 !important;
    -webkit-text-fill-color: #99a0a5 !important;
    -webkit-opacity: 1 !important
}

.widget-browser-faq-search-form .widget-browser-faq-search-input::-webkit-input-placeholder {
    font-size: 17px;
    color: #99a0a5 !important;
    -webkit-text-fill-color: #99a0a5 !important;
    -webkit-opacity: 1 !important
}

.widget-browser-faq-search-form .widget-browser-faq-search-input:disabled::-moz-placeholder {
    font-size: 17px;
    color: #99a0a5 !important;
    -webkit-text-fill-color: #99a0a5 !important;
    -webkit-opacity: 1 !important;
    opacity: 1
}

.widget-browser-faq-search-form .widget-browser-faq-search-input:disabled:-ms-input-placeholder {
    font-size: 17px;
    color: #99a0a5 !important;
    -webkit-text-fill-color: #99a0a5 !important;
    -webkit-opacity: 1 !important
}

.widget-browser-faq-search-form .widget-browser-faq-search-input:disabled::-webkit-input-placeholder {
    font-size: 17px;
    color: #99a0a5 !important;
    -webkit-text-fill-color: #99a0a5 !important;
    -webkit-opacity: 1 !important
}

.widget-browser-faq-search-form .widget-browser-faq-search-clear {
    margin-left: 5px;
    border-radius: 50%;
    position: relative;
    left: 10px;
    flex: 0 0 40px;
    height: 40px;
    -webkit-animation: chaportFadeIn 0.3s ease-out;
    -o-animation: chaportFadeIn 0.3s ease-out;
    animation: chaportFadeIn 0.3s ease-out;
    -webkit-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out;
    -webkit-tap-highlight-color: transparent
}

.widget-browser-faq-search-form .widget-browser-faq-search-clear span {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%
}

.widget-browser-faq-search-form .widget-browser-faq-search-clear span::before,
.widget-browser-faq-search-form .widget-browser-faq-search-clear span::after {
    content: '';
    position: absolute;
    width: 1.5px;
    height: 16px;
    background-color: gray
}

.widget-browser-faq-search-form .widget-browser-faq-search-clear span::before {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.widget-browser-faq-search-form .widget-browser-faq-search-clear span::after {
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.widget-browser-faq-search-form .widget-browser-faq-search-clear:hover::before,
.widget-browser-faq-search-form .widget-browser-faq-search-clear:active::before {
    opacity: 0.1;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
}

.widget-browser-faq-search-form .widget-browser-faq-search-clear::before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 40px;
    height: 40px;
    opacity: 0;
    z-index: 1;
    border-radius: 50%;
    -webkit-transition: transform linear 0.1s;
    -o-transition: transform linear 0.1s;
    transition: transform linear 0.1s;
    -ms-transform: scale(0.6);
    -webkit-transform: scale(0.6);
    transform: scale(0.6)
}

.widget-browser-faq-search-form .widget-browser-faq-search-clear:hover::before {
    background-color: #fff
}

.chaport-device-mobile .widget-browser-faq-search-form .widget-browser-faq-search-clear:hover::before {
    background-color: transparent
}

.widget-browser-faq-search-form .widget-browser-faq-search-clear:active::before {
    background-color: #fff
}

.widget-browser-faq-content {
    overflow-y: auto;
    position: absolute;
    top: 70px;
    bottom: 32px;
    left: 0px;
    right: 0px;
    padding: 15px 20px;
    word-break: break-word;
    display: flex;
    flex-direction: column
}

.widget-browser-faq-content.with-expanded-footer {
    bottom: 39px
}

.widget-browser-faq-content .article-heading {
    color: #33383a;
    font-size: 27px;
    margin: 10px 0 5px 0
}

.widget-browser-faq-content .article-content {
    -webkit-font-smoothing: antialiased;
    color: #33383a;
    font-size: 14.4px
}

.widget-browser-faq-content .article-content * {
    line-height: 1.5;
    letter-spacing: normal
}

.widget-browser-faq-content .article-content em,
.widget-browser-faq-content .article-content del,
.widget-browser-faq-content .article-content strong,
.widget-browser-faq-content .article-content blockquote {
    color: inherit
}

.widget-browser-faq-content .article-content h1,
.widget-browser-faq-content .article-content h2,
.widget-browser-faq-content .article-content h3,
.widget-browser-faq-content .article-content h4,
.widget-browser-faq-content .article-content h5,
.widget-browser-faq-content .article-content h6 {
    color: #33383a
}

.widget-browser-faq-content .article-content strong {
    font-weight: 600
}

.widget-browser-faq-content .article-content s {
    text-decoration: line-through
}

.widget-browser-faq-content .article-content h1 {
    font-size: 40.32px;
    font-weight: 500;
    margin: 0 0 0.5em 0;
    padding: 21.6px 0
}

.widget-browser-faq-content .article-content h2 {
    font-size: 25.2px;
    font-weight: 600;
    margin: 27px 0 18px;
    line-height: 1.15
}

.chaport-device-mobile .widget-browser-faq-content .article-content h2 {
    font-size: 22.5px;
    line-height: 1.2 !important
}

.widget-browser-faq-content .article-content h3 {
    font-size: 21.6px;
    margin: 27px 0 18px;
    padding: 0;
    font-weight: 600;
    line-height: 1.22
}

.chaport-device-mobile .widget-browser-faq-content .article-content h3 {
    font-size: 20.592px;
    line-height: 1.15 !important
}

.widget-browser-faq-content .article-content h1,
.widget-browser-faq-content .article-content h2,
.widget-browser-faq-content .article-content h3 {
    display: block
}

.widget-browser-faq-content .article-content em {
    font-style: italic
}

.widget-browser-faq-content .article-content del {
    text-decoration: line-through
}

.widget-browser-faq-content .article-content code,
.widget-browser-faq-content .article-content pre {
    font-family: 'Roboto Mono', monospace !important;
    font-size: 12px;
    border-radius: 4px;
    color: #333;
    background-color: #f7f7f7;
    border: none
}

.widget-browser-faq-content .article-content code {
    padding: 0.2em;
    display: inline;
    overflow-wrap: break-word;
    word-wrap: break-word
}

.widget-browser-faq-content .article-content pre,
.widget-browser-faq-content .article-content pre.ql-syntax {
    overflow-x: auto;
    white-space: pre;
    padding: 9px 4.608px 13.5px 4.608px;
    display: block;
    word-wrap: normal;
    color: #333;
    background-color: #f7f7f7
}

.widget-browser-faq-content .article-content pre:not(:last-child),
.widget-browser-faq-content .article-content pre.ql-syntax:not(:last-child) {
    margin-bottom: 22.536px
}

.widget-browser-faq-content .article-content pre code,
.widget-browser-faq-content .article-content pre.ql-syntax code {
    white-space: pre;
    padding: 0;
    overflow-wrap: normal;
    word-wrap: normal
}

.widget-browser-faq-content .article-content pre.ql-syntax {
    padding: 11.16px 6.66px 15.66px 6.66px
}

body.chaport-device-windows .widget-browser-faq-content .article-content pre.ql-syntax {
    scrollbar-width: thin;
    scrollbar-color: #babac0 transparent
}

body.chaport-device-windows .widget-browser-faq-content .article-content pre.ql-syntax::-webkit-scrollbar {
    width: 7px
}

body.chaport-device-windows .widget-browser-faq-content .article-content pre.ql-syntax::-webkit-scrollbar:horizontal {
    height: 7px
}

body.chaport-device-windows .widget-browser-faq-content .article-content pre.ql-syntax::-webkit-scrollbar-track {
    background: transparent
}

body.chaport-device-windows .widget-browser-faq-content .article-content pre.ql-syntax::-webkit-scrollbar-track:hover {
    background: #f4f4f4
}

body.chaport-device-windows .widget-browser-faq-content .article-content pre.ql-syntax::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background: #babac0;
    border: 1px solid transparent
}

body.chaport-device-windows .widget-browser-faq-content .article-content pre.ql-syntax::-webkit-scrollbar-thumb:hover {
    background: #a0a0a5
}

body.chaport-device-windows .widget-browser-faq-content .article-content pre.ql-syntax::-webkit-scrollbar-button {
    display: none
}

.widget-browser-faq-content .article-content ul {
    list-style-type: disc;
    display: block
}

.widget-browser-faq-content .article-content ol {
    list-style-type: decimal;
    display: block
}

.widget-browser-faq-content .article-content ol,
.widget-browser-faq-content .article-content ul {
    font-size: 16.2px;
    padding: 0 0 0 1.6em;
    margin: 0 0 18px 0
}

.widget-browser-faq-content .article-content p {
    line-height: 1.7;
    font-size: 14.4px
}

.widget-browser-faq-content .article-content p:not(:last-child) {
    margin-bottom: 22.536px
}

.widget-browser-faq-content .article-content li {
    line-height: 1.7;
    display: list-item;
    margin-bottom: 9px;
    font-size: 14.4px
}

.widget-browser-faq-content .article-content li:last-child {
    margin-bottom: 0
}

.widget-browser-faq-content .article-content blockquote {
    display: block;
    border-left: 4px solid #338ffa;
    margin: 0 0 27px 0;
    padding: 0 0 0 21.6px;
    font-size: 19.8px
}

.widget-browser-faq-content .article-content blockquote>p {
    margin: 0;
    font-size: 19.8px
}

.widget-browser-faq-content .article-content p,
.widget-browser-faq-content .article-content li,
.widget-browser-faq-content .article-content blockquote,
.widget-browser-faq-content .article-content h1,
.widget-browser-faq-content .article-content h2,
.widget-browser-faq-content .article-content h3,
.widget-browser-faq-content .article-content h4,
.widget-browser-faq-content .article-content h5,
.widget-browser-faq-content .article-content h6,
.widget-browser-faq-content .article-content strong,
.widget-browser-faq-content .article-content em,
.widget-browser-faq-content .article-content s,
.widget-browser-faq-content .article-content a {
    word-wrap: break-word;
    overflow-wrap: break-word
}

.widget-browser-faq-content .article-content>*:last-child {
    margin-bottom: 0 !important
}

.widget-browser-faq-content .article-content>h1:last-child {
    padding-bottom: 0 !important
}

.widget-browser-faq-content .article-content>*:first-child {
    margin-top: 0 !important
}

.widget-browser-faq-content .article-content>h1:first-child {
    padding-top: 0 !important
}

.chaport-device-mobile .widget-browser-faq-content .article-content * {
    line-height: 1.5;
    letter-spacing: normal
}

.chaport-device-mobile .widget-browser-faq-content .article-content em,
.chaport-device-mobile .widget-browser-faq-content .article-content del,
.chaport-device-mobile .widget-browser-faq-content .article-content strong,
.chaport-device-mobile .widget-browser-faq-content .article-content blockquote {
    color: inherit
}

.chaport-device-mobile .widget-browser-faq-content .article-content h1,
.chaport-device-mobile .widget-browser-faq-content .article-content h2,
.chaport-device-mobile .widget-browser-faq-content .article-content h3,
.chaport-device-mobile .widget-browser-faq-content .article-content h4,
.chaport-device-mobile .widget-browser-faq-content .article-content h5,
.chaport-device-mobile .widget-browser-faq-content .article-content h6 {
    color: #33383a
}

.chaport-device-mobile .widget-browser-faq-content .article-content strong {
    font-weight: 600
}

.chaport-device-mobile .widget-browser-faq-content .article-content s {
    text-decoration: line-through
}

.chaport-device-mobile .widget-browser-faq-content .article-content h1 {
    font-size: 44.8px;
    font-weight: 500;
    margin: 0 0 0.5em 0;
    padding: 24px 0
}

.chaport-device-mobile .widget-browser-faq-content .article-content h2 {
    font-size: 28px;
    font-weight: 600;
    margin: 30px 0 20px;
    line-height: 1.15
}

.chaport-device-mobile .chaport-device-mobile .widget-browser-faq-content .article-content h2 {
    font-size: 25px;
    line-height: 1.2 !important
}

.chaport-device-mobile .widget-browser-faq-content .article-content h3 {
    font-size: 24px;
    margin: 30px 0 20px;
    padding: 0;
    font-weight: 600;
    line-height: 1.22
}

.chaport-device-mobile .chaport-device-mobile .widget-browser-faq-content .article-content h3 {
    font-size: 22.88px;
    line-height: 1.15 !important
}

.chaport-device-mobile .widget-browser-faq-content .article-content h1,
.chaport-device-mobile .widget-browser-faq-content .article-content h2,
.chaport-device-mobile .widget-browser-faq-content .article-content h3 {
    display: block
}

.chaport-device-mobile .widget-browser-faq-content .article-content em {
    font-style: italic
}

.chaport-device-mobile .widget-browser-faq-content .article-content del {
    text-decoration: line-through
}

.chaport-device-mobile .widget-browser-faq-content .article-content code,
.chaport-device-mobile .widget-browser-faq-content .article-content pre {
    font-family: 'Roboto Mono', monospace !important;
    font-size: 13.33px;
    border-radius: 4px;
    color: #333;
    background-color: #f7f7f7;
    border: none
}

.chaport-device-mobile .widget-browser-faq-content .article-content code {
    padding: 0.2em;
    display: inline;
    overflow-wrap: break-word;
    word-wrap: break-word
}

.chaport-device-mobile .widget-browser-faq-content .article-content pre,
.chaport-device-mobile .widget-browser-faq-content .article-content pre.ql-syntax {
    overflow-x: auto;
    white-space: pre;
    padding: 10px 5.12px 15px 5.12px;
    display: block;
    word-wrap: normal;
    color: #333;
    background-color: #f7f7f7
}

.chaport-device-mobile .widget-browser-faq-content .article-content pre:not(:last-child),
.chaport-device-mobile .widget-browser-faq-content .article-content pre.ql-syntax:not(:last-child) {
    margin-bottom: 25.04px
}

.chaport-device-mobile .widget-browser-faq-content .article-content pre code,
.chaport-device-mobile .widget-browser-faq-content .article-content pre.ql-syntax code {
    white-space: pre;
    padding: 0;
    overflow-wrap: normal;
    word-wrap: normal
}

.chaport-device-mobile .widget-browser-faq-content .article-content pre.ql-syntax {
    padding: 12.4px 7.4px 17.4px 7.4px
}

body.chaport-device-windows .chaport-device-mobile .widget-browser-faq-content .article-content pre.ql-syntax {
    scrollbar-width: thin;
    scrollbar-color: #babac0 transparent
}

body.chaport-device-windows .chaport-device-mobile .widget-browser-faq-content .article-content pre.ql-syntax::-webkit-scrollbar {
    width: 7px
}

body.chaport-device-windows .chaport-device-mobile .widget-browser-faq-content .article-content pre.ql-syntax::-webkit-scrollbar:horizontal {
    height: 7px
}

body.chaport-device-windows .chaport-device-mobile .widget-browser-faq-content .article-content pre.ql-syntax::-webkit-scrollbar-track {
    background: transparent
}

body.chaport-device-windows .chaport-device-mobile .widget-browser-faq-content .article-content pre.ql-syntax::-webkit-scrollbar-track:hover {
    background: #f4f4f4
}

body.chaport-device-windows .chaport-device-mobile .widget-browser-faq-content .article-content pre.ql-syntax::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background: #babac0;
    border: 1px solid transparent
}

body.chaport-device-windows .chaport-device-mobile .widget-browser-faq-content .article-content pre.ql-syntax::-webkit-scrollbar-thumb:hover {
    background: #a0a0a5
}

body.chaport-device-windows .chaport-device-mobile .widget-browser-faq-content .article-content pre.ql-syntax::-webkit-scrollbar-button {
    display: none
}

.chaport-device-mobile .widget-browser-faq-content .article-content ul {
    list-style-type: disc;
    display: block
}

.chaport-device-mobile .widget-browser-faq-content .article-content ol {
    list-style-type: decimal;
    display: block
}

.chaport-device-mobile .widget-browser-faq-content .article-content ol,
.chaport-device-mobile .widget-browser-faq-content .article-content ul {
    font-size: 18px;
    padding: 0 0 0 1.6em;
    margin: 0 0 20px 0
}

.chaport-device-mobile .widget-browser-faq-content .article-content p {
    line-height: 1.7;
    font-size: 16px
}

.chaport-device-mobile .widget-browser-faq-content .article-content p:not(:last-child) {
    margin-bottom: 25.04px
}

.chaport-device-mobile .widget-browser-faq-content .article-content li {
    line-height: 1.7;
    display: list-item;
    margin-bottom: 10px;
    font-size: 16px
}

.chaport-device-mobile .widget-browser-faq-content .article-content li:last-child {
    margin-bottom: 0
}

.chaport-device-mobile .widget-browser-faq-content .article-content blockquote {
    display: block;
    border-left: 4px solid #338ffa;
    margin: 0 0 30px 0;
    padding: 0 0 0 24px;
    font-size: 22px
}

.chaport-device-mobile .widget-browser-faq-content .article-content blockquote>p {
    margin: 0;
    font-size: 22px
}

.chaport-device-mobile .widget-browser-faq-content .article-content p,
.chaport-device-mobile .widget-browser-faq-content .article-content li,
.chaport-device-mobile .widget-browser-faq-content .article-content blockquote,
.chaport-device-mobile .widget-browser-faq-content .article-content h1,
.chaport-device-mobile .widget-browser-faq-content .article-content h2,
.chaport-device-mobile .widget-browser-faq-content .article-content h3,
.chaport-device-mobile .widget-browser-faq-content .article-content h4,
.chaport-device-mobile .widget-browser-faq-content .article-content h5,
.chaport-device-mobile .widget-browser-faq-content .article-content h6,
.chaport-device-mobile .widget-browser-faq-content .article-content strong,
.chaport-device-mobile .widget-browser-faq-content .article-content em,
.chaport-device-mobile .widget-browser-faq-content .article-content s,
.chaport-device-mobile .widget-browser-faq-content .article-content a {
    word-wrap: break-word;
    overflow-wrap: break-word
}

.chaport-device-mobile .widget-browser-faq-content .article-content>*:last-child {
    margin-bottom: 0 !important
}

.chaport-device-mobile .widget-browser-faq-content .article-content>h1:last-child {
    padding-bottom: 0 !important
}

.chaport-device-mobile .widget-browser-faq-content .article-content>*:first-child {
    margin-top: 0 !important
}

.chaport-device-mobile .widget-browser-faq-content .article-content>h1:first-child {
    padding-top: 0 !important
}

.widget-browser-faq-content .article-content a {
    text-decoration: underline
}

.widget-browser-faq-content .article-content a:visited {
    color: inherit
}

.widget-browser-faq-content .article-content img {
    max-width: 100%;
    max-height: 45vh;
    display: block
}

.widget-browser-faq-content .faq-index {
    margin-right: -20px
}

.widget-browser-faq-content .faq-index .faq-index-section:first-child {
    margin-top: 15px
}

.widget-browser-faq-content .faq-index .faq-index-section:not(:last-child) {
    margin-bottom: 35px
}

.widget-browser-faq-content .faq-index .faq-index-section-heading {
    font-size: 15.3px;
    color: #33383a;
    margin: 0 0 5px 0px
}

.chaport-device-mobile .widget-browser-faq-content .faq-index .faq-index-section-heading {
    font-size: 17px;
    margin-bottom: 8px
}

.widget-browser-faq-content .faq-index .faq-index-section .widget-browser-faq-links {
    margin: 0;
    padding: 0;
    list-style: none
}

.widget-browser-faq-content .faq-index .faq-index-section .widget-browser-faq-links .widget-browser-faq-link-wrapper {
    position: relative;
    display: flex
}

.widget-browser-faq-content .faq-index .faq-index-section .widget-browser-faq-links .widget-browser-faq-link-wrapper:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #eaeced
}

@media (min--moz-device-pixel-ratio: 1.5),
(-webkit-min-device-pixel-ratio: 1.5),
(min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi),
(min-resolution: 1.5dppx) {
    .widget-browser-faq-content .faq-index .faq-index-section .widget-browser-faq-links .widget-browser-faq-link-wrapper:after {
        background-image: linear-gradient(0deg, #cfd3d5, #cfd3d5 50%, transparent 50%);
        background-color: transparent;
        background-position: bottom;
        background-size: 100% 1px;
        background-repeat: no-repeat
    }
}

.widget-browser-faq-content .faq-index .faq-index-section .widget-browser-faq-links .widget-browser-faq-link-wrapper .widget-browser-faq-link {
    font-size: 14.4px;
    line-height: 1.5em;
    padding: 11.5px 0;
    flex: 1 1 auto;
    display: flex;
    align-items: center
}

.widget-browser-faq-content .faq-index .faq-index-section .widget-browser-faq-links .widget-browser-faq-link-wrapper .widget-browser-faq-link-text {
    flex: 1 1 auto;
    color: #33383a
}

.chaport-device-mobile .widget-browser-faq-content .faq-index .faq-index-section .widget-browser-faq-links .widget-browser-faq-link-wrapper .widget-browser-faq-link {
    font-size: 16px
}

.widget-browser-faq-content .faq-index .faq-index-section .widget-browser-faq-links .widget-browser-faq-link-wrapper .chevron-right {
    position: relative;
    display: flex;
    justify-content: flex-end;
    width: 8px;
    height: 8px;
    padding-left: 10px;
    margin: 0 10px 0 auto
}

.widget-browser-faq-content .faq-index .faq-index-section .widget-browser-faq-links .widget-browser-faq-link-wrapper .chevron-right::after {
    content: "";
    position: absolute;
    display: inline-block;
    border: solid #cfd3d5;
    border-width: 2px 2px 0 0;
    -ms-transform: rotate(45deg) translate(50%);
    -webkit-transform: rotate(45deg) translate(50%);
    transform: rotate(45deg) translate(50%);
    top: -50%;
    right: 8px;
    width: 8px;
    height: 8px;
    z-index: 2
}

.widget-browser-faq-content .search-results-wrapper {
    margin-right: -20px
}

.widget-browser-faq-content .search-results-wrapper .search-results-header {
    font-weight: 400;
    margin: 15px 0
}

.widget-browser-faq-content .search-results-wrapper .search-results-list {
    padding: 0 0 25px 0;
    margin: 10px 0 0 0;
    list-style: none
}

.widget-browser-faq-content .search-results-wrapper .search-results-item {
    display: flex;
    align-items: center;
    position: relative
}

.widget-browser-faq-content .search-results-wrapper .search-results-item:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #eaeced
}

@media (min--moz-device-pixel-ratio: 1.5),
(-webkit-min-device-pixel-ratio: 1.5),
(min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi),
(min-resolution: 1.5dppx) {
    .widget-browser-faq-content .search-results-wrapper .search-results-item:after {
        background-image: linear-gradient(0deg, #cfd3d5, #cfd3d5 50%, transparent 50%);
        background-color: transparent;
        background-position: bottom;
        background-size: 100% 1px;
        background-repeat: no-repeat
    }
}

.widget-browser-faq-content .search-results-wrapper .search-results-item .widget-browser-faq-link {
    flex: 1 1 auto;
    padding: 16px 0;
    display: flex
}

.widget-browser-faq-content .search-results-wrapper .search-results-item .widget-browser-faq-link:link,
.widget-browser-faq-content .search-results-wrapper .search-results-item .widget-browser-faq-link:hover {
    color: #333 !important
}

.widget-browser-faq-content .search-results-wrapper .search-results-item .widget-browser-faq-link .item-left {
    flex: 1 1 auto
}

.widget-browser-faq-content .search-results-wrapper .search-results-item .widget-browser-faq-link .item-right {
    flex: none;
    margin-left: auto;
    display: flex;
    align-items: center;
    padding: 0 10px
}

.widget-browser-faq-content .search-results-wrapper .search-results-item .widget-browser-faq-link .item-right .chevron-right {
    position: relative;
    display: flex;
    justify-content: flex-end;
    width: 8px;
    height: 8px
}

.widget-browser-faq-content .search-results-wrapper .search-results-item .widget-browser-faq-link .item-right .chevron-right::after {
    content: "";
    position: absolute;
    display: inline-block;
    border: solid #cfd3d5;
    border-width: 2px 2px 0 0;
    -ms-transform: rotate(45deg) translate(50%);
    -webkit-transform: rotate(45deg) translate(50%);
    transform: rotate(45deg) translate(50%);
    top: -50%;
    right: 8px;
    width: 8px;
    height: 8px;
    z-index: 2
}

.widget-browser-faq-content .search-results-wrapper .search-results-item .widget-browser-faq-link .search-results-item-article {
    margin-bottom: 5px;
    color: #33383a !important
}

.widget-browser-faq-content .search-results-wrapper .search-results-item .widget-browser-faq-link .search-results-item-section {
    color: #7e878d;
    font-size: 13px
}

.widget-browser-faq-content .empty-search-message {
    font-size: 15.3px;
    font-weight: 400;
    margin: auto;
    color: #b4b9bd
}

.widget-browser-faq-hide {
    opacity: 0;
    z-index: 2147483502
}

.widget-browser-faq-show {
    z-index: 2147483503
}

.widget-browser-faq-link {
    display: inline-block;
    text-decoration: none;
    word-break: break-word;
    outline: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: color ease-out 0.3s;
    -o-transition: color ease-out 0.3s;
    transition: color ease-out 0.3s
}

.faq-error {
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center
}

.faq-error .faq-error-code {
    font-size: 40px;
    font-weight: 600
}

.faq-error .faq-error-text {
    font-size: 18px
}

.faq-footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 32px;
    display: flex;
    padding: 0 20px
}

.faq-footer.footer-expanded {
    border-top: 1px solid #eaeced;
    height: 39px;
    z-index: 2147483503
}

.faq-footer .faq-footer-back-button {
    align-self: center;
    position: relative;
    right: 2px;
    bottom: 2px;
    position: relative;
    display: flex;
    justify-content: flex-end;
    -webkit-tap-highlight-color: transparent
}

.faq-footer .faq-footer-back-button::after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 10px;
    height: 10px;
    border: solid gray;
    border-width: 2px 2px 0 0;
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -webkit-transform-origin: 12px 0;
    -moz-transform-origin: 12px 0;
    -ms-transform-origin: 12px 0;
    transform-origin: 12px 0;
    -webkit-transition: border-color ease-out 0.3s;
    -o-transition: border-color ease-out 0.3s;
    transition: border-color ease-out 0.3s;
    z-index: 2
}

.faq-footer .faq-footer-back-button::after {
    width: 9px;
    height: 9px
}

.faq-footer .faq-footer-back-button::before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 35px;
    height: 35px;
    top: 50%;
    left: 50%;
    z-index: 1;
    -ms-transform: translate(-35%, -50%);
    -webkit-transform: translate(-35%, -50%);
    transform: translate(-35%, -50%)
}

.faq-footer .chaport-logo {
    position: absolute;
    z-index: 2147483501;
    bottom: 0;
    right: 20px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    cursor: pointer;
    color: #99a0a5;
    opacity: 0.5
}

.faq-footer .chaport-logo:hover {
    opacity: 1
}

.chaport-device-mobile .faq-footer .chaport-logo {
    font-size: 13px
}

.typing-indicator {
    display: flex;
    align-self: flex-end;
}

.typing-indicator span {
    background-color: var(--widget-text-color-light);
    border-radius: 50%;
    display: block;
    height: 6px;
    margin: 7px 10px 7px 10px;
    width: 6px;
    animation: typing 1.4s infinite;
}

.typing-indicator span:nth-child(2) {
    animation-delay: 0.2s;
}

.typing-indicator span:nth-child(3) {
    animation-delay: 0.4s;
}

@keyframes typing {
    0%, 60%, 100% {
        opacity: 0;
    }
    30% {
        opacity: 1;
    }
}