#public-container h1,#public-container h2,#public-container h3,#public-container h4,#public-container h5,#public-container h6{
    font-weight:bold !important
}
#public-container{
    font-size:medium !important;
    line-height:1 !important;
    direction:ltr !important;
    text-align:left !important;
    text-align:start !important;
    font-family:"Times New Roman",Times,serif !important;
    color:#000 !important;
    font-style:normal !important;
    font-weight:normal !important;
    text-decoration:none !important;
    list-style-type:disc !important;
}
#public-container h1{
    font-size:2em !important;
    padding:.67em 0 !important
}
#public-container h2{
    font-size:1.5em !important;
    padding:.83em 0 !important
}
#public-container h3{
    font-size:1.17em !important;
    padding:.83em 0 !important
}
#public-container h4{
    font-size:1em !important
}
#public-container h5{
    font-size:.83em !important
}
#public-container p{
/*    margin:1em 0 !important*/
}
#public-container table{
    display:table !important;
    border-collapse:collapse !important;
    border-spacing:0 !important
}
#public-container thead{
    display:tablegroup !important
}
#public-container tbody{
    display:tablegroup !important
}
#public-container tfoot{
    display:tablegroup !important
}
#public-container tr{
    display:table-row !important
}
#public-container ol{
    list-style-type:decimal !important
}
#public-container li{
    display:list-item !important;
    min-height:auto !important;
    min-width:auto !important;
    padding-left:20px !important
}
#public-container strong{
    font-weight:bold !important
}
#public-container em{
    font-style:italic !important
}
#public-container a{
    color:#00f !important;
    text-decoration:underline !important;
}
#public-container a:visited{
    color:#529 !important
}
#public-container button{
/*    padding:1px 6px 2px 6px !important;
    margin-right:5px !important*/
}
#public-container input[type=hidden]{
    display:none !important
}
#public-container textarea{
    appearance:textarea !important;
    background:#fff !important;
    padding:2px !important;
    margin-left:4px !important;
    word-wrap:break-word !important;
    white-space:pre-wrap !important;
    font-size:11px !important;
    font-family:arial,helvetica,sans-serif !important;
    line-height:13px !important;
    resize:both !important;
    overflow:auto !important;
    vertical-align:top !important
}
#public-container select{
    font-size:11px !important;
    font-family:helvetica,arial,sans-serif !important;
    display:inline-block
}
#public-container input[type=radio]{
    margin:2px 2px 3px 2px !important
}
#public-container ins{
    background-color:#ff9 !important;
    color:#000 !important
}
#public-container del{
    text-decoration:line-through !important
}
#public-container hr{
    display:block !important;
    height:1px !important;
    border:0 !important;
    border-top:1px solid #ccc !important;
    margin:1em 0 !important
}
#public-container *[dir=rtl]{
    direction:rtl !important
}
#public-container mark{
    background-color:#ff9 !important;
    color:#000 !important;
    font-style:italic !important;
    font-weight:bold !important
}
#public-container menu{
    padding-left:40px !important;
    padding-top:8px !important
}
#public-container abbr[title]{
    border-bottom:1px dotted !important
}
#public-container sup{
    top:-.5em !important
}
#public-container sub{
    bottom:-.25em !important
}
#public-container img{
    border:0 !important
}
#public-container figure{
    margin:0 !important
}
#public-container pre{
    white-space:pre !important
}
#public-container th,#public-container td{
    display:table-cell !important;
    padding:2px !important
}
#public-container ol,#public-container ul{
    margin:1em 0 !important
}
#public-container ul li,#public-container ul ul li,#public-container ul ul ul li,#public-container ol li,#public-container ol ol li,#public-container ol ol ol li,#public-container ul ol ol li,#public-container ul ul ol li,#public-container ol ul ul li,#public-container ol ol ul li{
    listposition:inside !important;
    margin-top:.08em !important
}
#public-container ol ol,#public-container ol ol ol,#public-container ul ul,#public-container ul ul ul,#public-container ol ul,#public-container ol ul ul,#public-container ol ol ul,#public-container ul ol,#public-container ul ol ol,#public-container ul ul ol{
    padding-left:40px !important;
    margin:0 !important
}
#public-container nav ul,#public-container nav ol{
    list-style-type:none !important
}
#public-container ul,#public-container menu{
    list-style-type:disc !important
}
#public-container ol ul,#public-container ul ul,#public-container menu ul,#public-container ol menu,#public-container ul menu,#public-container menu menu{
    list-style-type:circle !important
}
#public-container ol ol ul,#public-container ol ul ul,#public-container ol menu ul,#public-container ol ol menu,#public-container ol ul menu,#public-container ol menu menu,#public-container ul ol ul,#public-container ul ul ul,#public-container ul menu ul,#public-container ul ol menu,#public-container ul ul menu,#public-container ul menu menu,#public-container menu ol ul,#public-container menu ul ul,#public-container menu menu ul,#public-container menu ol menu,#public-container menu ul menu,#public-container menu menu menu{
    list-style-type:square !important
}
#public-container kbd,#public-container samp,#public-container code,#public-container pre{
    font-family:monospace !important
}
#public-container a,#public-container a *,#public-container input[type=submit],#public-container input[type=radio],#public-container input[type=checkbox],#public-container select{
    cursor:pointer !important
}
#public-container button,#public-container input[type=submit]{
/*    text-align:center !important;
    padding:2px 6px 3px !important;
    border-radius:4px !important;
    text-decoration:none !important;
    font-family:arial,helvetica,sans-serif !important;
    font-size:small !important;
    background:#fff !important;
    appearance:push-button !important;
    color:buttontext !important;
    border:1px #a6a6a6 solid !important;
    background:#d3d3d3 !important;
    background:#fff;
    background:linear-gradient(to top,#fff 0%,#ddd 100%,#d1d1d1 100%,#ddd 100%) !important;
    background:gradient(linear,to left top,to left bottom,color-stop(0%,#fff),color-stop(100%,#ddd),color-stop(100%,#d1d1d1),color-stop(100%,#ddd)) !important;
    background:linear-gradient(to top,#fff 0%,#ddd 100%,#d1d1d1 100%,#ddd 100%) !important;
    background:linear-gradient(to bottom,#fff 0%,#ddd 100%,#d1d1d1 100%,#ddd 100%) !important;
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#dddddd",GradientType=0 ) !important;
    box-shadow:1px 1px 0 #eee !important;
    outline:initial !important*/
}
#public-container select,#public-container textarea,#public-container input{
    border:1px solid #ccc !important
}
#public-container textarea:focus,#public-container input:focus{
    outline:auto 5px focus-ring-color !important;
    outline:initial !important
}
#public-container input[type=checkbox],#public-container input[type=radio]{
    border:1px #2b2b2b solid !important;
    border-radius:4px !important;
    outline:intial !important
}
#public-container input[type=submit]:active,#public-container button:active{
    background:#3b679e !important;
    background:linear-gradient(to top,#3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%) !important;
    background:gradient(linear,to left top,to left bottom,color-stop(0%,#3b679e),color-stop(50%,#2b88d9),color-stop(51%,#207cca),color-stop(100%,#7db9e8)) !important;
    background:linear-gradient(to top,#3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%) !important;
    background:linear-gradient(to bottom,#3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%) !important;
    border-color:#5259b0 !important
}
#public-container abbr[title],#public-container acronym[title],#public-container dfn[title]{
    cursor:help !important;
    borderwidth:1px !important;
    borderstyle:dotted !important
}
#public-container blockquote,#public-container q{
    quotes:none !important
}
#public-container blockquote:before,#public-container blockquote:after,#public-container q:before,#public-container q:after,#public-container li:before,#public-container li:after{
    content:"" !important
}
#public-container input,#public-container select{
    vertical-align:middle !important
}
#public-container [hidden],#public-container template{
    display:none !important
}
#public-container sub,#public-container sup{
    font-size:75% !important;
    line-height:0 !important;
    position:relative !important;
    vertical-align:baseline !important
}
#public-wrapper button,#public-wrapper button:active,#public-wrapper button:focus,#public-wrapper input[type=button]:active,#public-wrapper input[type=button]:focus,#public-wrapper input[type=submit]:active,#public-wrapper input[type=submit]:focus{
    top:auto !important
}
::-webkit-input-placeholder,:-moz-placeholder,::-moz-placeholder,:-ms-input-placeholder{
    font-family:helvetica,arial,sans-serif !important
}
#public-wrapper svg{
    position:initial !important;
    top:0 !important;
    bottom:0 !important;
    right:0 !important;
    left:0 !important;
    box-shadow:none !important;
    border:none !important;
    opacity:1 !important;
    width:initial
}
#public-wrapper p{
    background:none !important;
    float:none !important;
    width:auto !important;
    position:initial !important;
    background:none !important;
    text-transform:none !important;
    border:none !important;
    box-shadow:none !important;
    height:initial !important;
    font-style:normal !important;
    min-width:auto !important;
    opacity:1 !important;
    text-align:left !important;
    text-shadow:none !important
}
#public-wrapper *::after,#public-wrapper *::before{
    display:none !important
}
/* normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */
 #public-container html{
    font-family:sans-serif !important;
    -ms-text-size-adjust:100% !important;
    -webkit-text-size-adjust:100% !important;
}
#public-container body{
    margin:0 !important
}
#public-container article,#public-container aside,#public-container details,#public-container figcaption,#public-container figure,#public-container footer,#public-container header,#public-container main,#public-container menu,#public-container nav,#public-container section,#public-container summary{
    display:block !important
}
#public-container audio,#public-container canvas,#public-container progress,#public-container video{
    display:inline-block !important
}
#public-container audio:not([controls]){
    display:none !important;
    height:0 !important
}
#public-container progress{
    vertical-align:baseline !important
}
#public-container template,#public-container [hidden]{
    display:none !important
}
#public-container a{
    background-color:transparent !important
}
#public-container a:active,#public-container a:hover{
    outline-width:0 !important
}
#public-container abbr[title]{
    border-bottom:none !important;
    text-decoration:underline !important;
    text-decoration:underline dotted !important;
}
#public-container b,#public-container strong{
    font-weight:inherit !important
}
#public-container b,#public-container strong{
    font-weight:bolder !important
}
#public-container dfn{
    font-style:italic !important
}
#public-container h1{
    font-size:2em !important;
    margin:.67em 0 !important
}
#public-container mark{
    background-color:#ff0 !important;
    color:#000 !important
}
#public-container small{
    font-size:80% !important
}
#public-container sub,#public-container sup{
    font-size:75% !important;
    line-height:0 !important;
    position:relative !important;
    vertical-align:baseline !important
}
#public-container sub{
    bottom:-.25em !important
}
#public-container sup{
    top:-.5em !important
}
#public-container img{
    border-style:none !important
}
#public-container svg:not(:root){
    overflow:hidden !important
}
#public-container code,#public-container kbd,#public-container pre,#public-container samp{
    font-family:monospace,monospace !important;
    font-size:1em !important;
}
#public-container figure{
    margin:1em 40px !important
}
#public-container hr{
    box-sizing:content-box !important;
    height:0 !important;
    overflow:visible !important;
}
#public-container button,#public-container input,#public-container select,#public-container textarea{
/*    font:inherit !important*/
}
#public-container optgroup{
    font-weight:bold !important
}
#public-container button,#public-container input,#public-container select{
    overflow:visible !important
}
#public-container button,#public-container input,#public-container select,#public-container textarea{
    margin:0 !important
}
#public-container button,#public-container select{
    text-transform:none !important
}
#public-container button,#public-container [type="button"],#public-container [type="reset"],#public-container [type="submit"]{
    cursor:pointer !important
}
#public-container [disabled]{
    cursor:default !important
}
#public-container button,#public-container html [type="button"],#public-container [type="reset"],#public-container [type="submit"]{
    -webkit-appearance:button !important;
}
#public-container button::-moz-focus-inner,#public-container input::-moz-focus-inner{
    border:0 !important;
    padding:0 !important
}
#public-container button:-moz-focusring,#public-container input:-moz-focusring{
    outline:1px dotted ButtonText !important
}
#public-container fieldset{
    border:1px solid #c0c0c0 !important;
    margin:0 2px !important;
    padding:.35em .625em .75em !important
}
#public-container legend{
    box-sizing:border-box !important;
    color:inherit !important;
    display:table !important;
    max-width:100% !important;
    padding:0 !important;
    white-space:normal !important;
}
#public-container textarea{
    overflow:auto !important
}
#public-container [type="checkbox"],#public-container [type="radio"]{
    box-sizing:border-box !important;
    padding:0 !important;
}
#public-container [type="number"]::-webkit-inner-spin-button,#public-container [type="number"]::-webkit-outer-spin-button{
    height:auto !important
}
#public-container [type="search"]{
    -webkit-appearance:textfield !important
}
#public-container [type="search"]::-webkit-search-cancel-button,#public-container [type="search"]::-webkit-search-decoration{
    -webkit-appearance:none !important
}
#public-container .public-message-document-label,#public-container .public-upload-preview .public-upload-preview-document label{
    background:#2d2d2d !important;
    color:#fff !important;
    border-radius:3px !important;
    font-size:70% !important;
    text-transform:uppercase !important;
    padding:1px 2px !important;
    font-weight:bold !important;
    line-height:1 !important
}
#public-container .public-operator-message,#public-container .public-operator-message:first-child,#public-container .public-operator-message:last-child,#public-container .public-message-group .public-operator-message:only-child,#public-container .public-visitor-message,#public-container .public-visitor-message:first-child,#public-container .public-visitor-message:last-child,#public-container .public-message-group .public-visitor-message:only-child,#public-container .public-form-message,#public-container .public-feed-button{
    color:#333 !important;
    padding:10px 12px !important;
    border-radius:10px !important;
    font-size:.95em !important;
    line-height:1.2em !important;
    display:inline-block !important;
    margin:0 0 3px !important;
    max-width:80% !important;
    word-wrap:break-word;
    background:#edeeef !important;
    clear:both !important;
    float:left !important;
    overflow:hidden !important
}
#public-container .public-visitor-message,#public-container .public-visitor-message:first-child,#public-container .public-visitor-message:last-child,#public-container .public-message-group .public-visitor-message:only-child{
    background:#fff !important;
    border:1px solid #edeeef !important;
    float:right !important;
    transition:.6s ease-in-out !important
}
#public-container .public-generated-message,#public-container .public-ratings-question-number,#public-container .public-ratings-question,#public-container .public-send-transcript-container p{
    color:#70777e !important;
    text-align:center !important;
    line-height:1.2em !important;
    margin:.7em 0 1em !important
}
#public-container .public-form-message-input,#public-container .public-form-input{
    width:100% !important;
    font-family:sans-serif !important;
    box-sizing:border-box !important;
    font-size:1em !important;
    margin:10px 0 10px !important;
    border:0 !important;
    line-height:1.4em !important;
    resize:none !important;
    min-height:26px !important;
}
@media screen and (min-width:1100px){
    #public-container .public-form-message-input,#public-container .public-form-input{
        font-size:.95em !important
    }
}
#public-container .public-feedback-low-answer,#public-container .public-feedback-high-answer{
    background:#edeeef !important;
    border-radius:3px !important;
    box-sizing:border-box !important;
    color:#666 !important;
    display:inline-block !important;
    font-weight:500 !important;
    font-size:.85em !important;
    line-height:1.1em !important;
    margin:0 0 5px !important;
    padding:8px 10px !important;
    position:relative !important;
    text-align:center !important;
    max-width:40% !important;
}
#public-container .public-feedback-low-answer:before,#public-container .public-feedback-high-answer:before{
    content:"" !important;
    bottom:-12px !important;
    border:6px solid !important;
    border-color:#edeeef transparent transparent transparent !important;
    position:absolute !important;
    display:block !important
}
#public-container .public-form-send-button,#public-container .public-button,#public-container .public-branding-panel .public-branding-cancel-button,#public-container .public-branding-panel .public-branding-go-button,#public-container .public-feedback-form-button,#public-container .public-restart-button{
    background:#2d2d2d !important;
    border-radius:4px !important;
    border:0 !important;
    box-shadow:0 1px 1px rgba(0,0,0,0.1) !important;
    color:#fff !important;
    font-size:1em !important;
    font-weight:500 !important;
    padding:15px 12px !important;
    width:100% !important;
    box-sizing:border-box !important;
    margin:10px 0 !important;
}
#public-container .public-form-send-button:active,#public-container .public-button:active,#public-container .public-branding-panel .public-branding-cancel-button:active,#public-container .public-branding-panel .public-branding-go-button:active,#public-container .public-feedback-form-button:active,#public-container .public-restart-button:active{
    background:#262626 !important
}
#public-container .public-form-send-button:hover,#public-container .public-button:hover,#public-container .public-branding-panel .public-branding-cancel-button:hover,#public-container .public-branding-panel .public-branding-go-button:hover,#public-container .public-feedback-form-button:hover,#public-container .public-restart-button:hover{
    background:#424242 !important
}
@media screen and (min-width:600px){
    #public-container .public-form-send-button,#public-container .public-button,#public-container .public-branding-panel .public-branding-cancel-button,#public-container .public-branding-panel .public-branding-go-button,#public-container .public-feedback-form-button,#public-container .public-restart-button{
        font-size:.95em !important
    }
}
#public-container .public-conversation-container,#public-container .public-feedback-container,#public-container .public-send-transcript-container,#public-container .public-overlay-module-container{
    width:100% !important;
    overflow-y:auto !important;
    padding:0 10px !important;
    top:52px !important;
    box-sizing:border-box !important;
    position:relative !important;
    bottom:52px !important;
    box-sizing:border-box !important;
    height:calc(100% - 135px) !important;
}
@media screen and (min-width:600px){
    #public-container .public-conversation-container,#public-container .public-feedback-container,#public-container .public-send-transcript-container,#public-container .public-overlay-module-container{
        top:40px !important;
        height:calc(100% - 120px) !important
    }
}
@media screen and (min-width:1100px){
    #public-container .public-conversation-container,#public-container .public-feedback-container,#public-container .public-send-transcript-container,#public-container .public-overlay-module-container{
        height:calc(100% - 115px) !important
    }
}
html.public-disable-back-scroll,body.public-disable-back-scroll{
    overflow:hidden !important;
    height:100% !important;
    -webkit-overflow-scrolling:touch !important
}
#public-wrapper{
    font-size:11px !important
}
.public-fix-ios-fixed #public-container{
    position:absolute !important;
    right:0 !important;
    bottom:0 !important;
    left:0 !important;
    top:18px !important
}
.public-launch-button{
    font-family:sans-serif !important;
    font-size:100% !important;
    position:fixed !important;
    bottom:15px !important;
    right:20px !important;
    left:auto !important;
    height:48px !important;
    width:auto !important;
    z-index:2147483646 !important;
    background:#2d2d2d !important;
    border:0 !important;
    border-radius:100px !important;
    box-shadow:0 3px 15px 0 rgba(0,0,0,0.25) !important;
    box-sizing:border-box !important;
    padding:0 20px !important;
    transition:all .4s,bottom .8s ease-in-out !important;
    cursor:pointer !important;
    outline:none !important;
    display:inline-block !important;
    margin:0 !important;
    -webkit-font-smoothing:antialiased !important;
    -webkit-tap-highlight-color:rgba(0,0,0,0) !important;
    animation-name:loadBubble;
    animation-iteration-count:1;
    animation-timing-function:ease-in-out;
    animation-duration:.2s;
}
.public-launch-button:hover{
    box-shadow:0 3px 20px 0 rgba(0,0,0,0.5) !important
}
.public-launch-button svg{
    width:28px !important;
    display:inline-block !important;
    height:48px !important
}
.public-launch-button .public-button-text{
    color:#fff !important;
    display:inline-block !important;
    font-family:sans-serif !important;
    font-size:1.3em !important;
    line-height:48px !important;
    font-weight:bold !important;
    margin:0 0 0 12px !important;
    max-width:200px !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    vertical-align:top !important;
    white-space:nowrap !important;
    padding:0 !important;
    transition:.6s ease-in-out !important
}
@media print{
    .public-launch-button{
        display:none !important
    }
}
.public-launch-button.public-chat-tab{
    animation-name:loadTab
}
.public-launch-button-icon{
    position:relative !important;
    top:1px !important;
    fill:#70777e !important
}
.public-notification-badge{
    background:#ea4141 !important;
    position:absolute !important;
    top:-3px !important;
    right:-3px !important;
    height:17px !important;
    width:17px !important;
    border-radius:100px !important;
    box-shadow:0 1px 5px 0 rgba(0,0,0,0.5) !important
}
.public-notification-badge-text{
    line-height:17px !important;
    font-size:11px !important;
    font-family:sans-serif;
    color:#fff !important
}
#public-container{
    background:#fff !important;
    position:fixed !important;
    bottom:0 !important;
    right:0 !important;
    top:0px !important;
    width:100% !important;
    height:100% !important;
    color:#000 !important;
    font-family:sans-serif !important;
    z-index:2147483646 !important;
    zoom:0 !important;
    transition:.3s ease-in-out !important;
    -webkit-font-smoothing:antialiased !important;
}

@media (max-width: 768px) {
	#public-container{
		top:40px !important;
	}
}

#public-container a{
    text-decoration:underline !important;
    color:#2d2d2d !important;
}
#public-container a:visited{
    color:#2d2d2d !important
}
#public-container p a{
    text-decoration:underline !important
}
#public-container .public-top-bar{
    background:#2d2d2d !important;
    border-bottom:1px solid #242424 !important;
    box-shadow:none !important;
    height:52px !important;
    width:100% !important;
    position:absolute !important;
    top:0 !important;
    box-sizing:border-box !important;
}
@media screen and (min-width:600px){
    #public-container .public-top-bar{
        height:40px !important
    }
}
@media screen and (min-width:1100px){
    #public-container .public-top-bar{
        border-radius:8px 8px 0 0 !important
    }
}
#public-container .public-top-bar-text{
    color:#fff !important;
    font-size:1em !important;
    font-family:sans-serif !important;
    font-weight:700 !important;
    letter-spacing:.2px !important;
    line-height:52px !important;
    text-decoration:none !important;
    padding:0 0 0 15px !important;
    max-width:70% !important;
    overflow:hidden !important;
    height:60px !important;
    white-space:nowrap !important;
    float:left !important;
    text-overflow:ellipsis !important;
}
@media screen and (min-width:600px){
    #public-container .public-top-bar-text{
        font-size:.95em !important;
        line-height:40px !important
    }
}
#public-container .public-top-bar-button{
    height:100% !important;
    width:60px !important;
    float:right !important;
    padding:20px 22px !important;
    box-sizing:border-box !important;
    cursor:pointer !important;
    transition:all ease-out .15s !important;
    outline:none !important;
}
@media screen and (min-width:600px){
    #public-container .public-top-bar-button{
        padding:16px 22px !important
    }
}
#public-container .public-top-bar-button svg{
    display:block !important;
    height:initial !important;
    transition:all ease-out .15s !important
}
#public-container .public-top-bar-button:hover{
    opacity:.8 !important;
}
#public-container .public-top-bar-button:hover svg{
    margin-top:2px !important
}
#public-container .public-top-bar-arrow{
    fill:#fff
}
#public-container .public-feedback-container{
    position:absolute !important;
    background:rgba(255,255,255,0.96) !important
}
#public-container .public-send-transcript-container{
    position:absolute !important;
    background:rgba(255,255,255,0.96) !important
}
#public-container .public-no-message-form{
    height:calc(100% - 42px) !important
}


@media screen and (max-width:768px){
	#public-container .public-no-message-form{
		height:calc(100% - 82px) !important
	}
}

#public-container .public-message-block-container{
    position:absolute !important;
    bottom:0 !important;
    max-height:100% !important;
    overflow-y:auto !important;
    right:0 !important;
    left:0 !important;
    padding:0 10px 2px 10px !important
}
#public-container .public-single-message{
    height:100% !important
}
#public-container .public-generated-message{
    font-weight:500 !important;
    line-height:1.4em !important;
    margin:.7em 0 1em !important;
    padding:0 20px !important;
}
@media screen and (min-width:600px){
    #public-container .public-generated-message{
        font-size:.95em !important
    }
}
#public-container .public-message-block{
    position:relative !important;
    margin:0 0 10px !important;
    display:inline-block !important;
    width:100% !important;
}
#public-container .public-message-block:first-child{
    margin-top:10px !important
}
#public-container .public-message-block.public-separated{
    padding-bottom:15px !important;
    border-bottom:1px solid #f1f1f2 !important
}
#public-container .public-message-container{
    width:auto !important;
    clear:both !important
}
#public-container .public-has-avatar{
    margin-left:44px !important
}
#public-container .public-operator-avatar{
    position:absolute !important;
    left:0 !important;
    bottom:3px !important;
    width:36px !important;
    height:36px !important;
    overflow:hidden !important
}
#public-container .public-operator-avatar-image{
    width:100% !important;
    border-radius:10px !important
}
#public-container .public-operator-name{
    color:#aeb3b7 !important;
    font-size:.7em !important;
    font-weight:normal !important;
    margin:0 0 5px !important;
}
@media screen and (min-width:1100px){
    #public-container .public-operator-name{
        font-size:.75em !important
    }
}
#public-container .public-operator-message{
    transition:.6s ease-in-out !important;
    border-radius:3px 10px 10px 3px !important;
}
#public-container .public-operator-message:first-child,#public-container .public-operator-message:first-child:after{
    border-radius:10px 10px 10px 3px !important
}
#public-container .public-operator-message:last-child,#public-container .public-operator-message:last-child:after{
    border-radius:3px 10px 10px 10px !important
}
#public-container .public-message-group .public-operator-message:only-child:after{
    border-radius:10px !important
}
#public-container .public-is-typing{
    display:inline-block !important;
    fill:#000 !important;
    width:15px !important;
    height:10px !important;
}
#public-container .public-is-typing .public-is-typing-dot:nth-child(1){
    -webkit-animation-delay:0s
}
#public-container .public-is-typing .public-is-typing-dot:nth-child(2){
    -webkit-animation-delay:.15s
}
#public-container .public-is-typing .public-is-typing-dot:nth-child(3){
    -webkit-animation-delay:.25s
}
#public-container .public-is-typing-dot{
    fill:#000;
    animation:bouncing-dot-animation 1s infinite ease-in-out
}
#public-container .public-visitor-message,#public-container .public-visitor-message:after{
    border-radius:10px 3px 3px 10px !important
}
#public-container .public-visitor-message:first-child,#public-container .public-visitor-message:first-child:after{
    border-radius:10px 10px 3px 10px !important
}
#public-container .public-visitor-message:last-child,#public-container .public-visitor-message:last-child:after{
    border-radius:10px 3px 10px 10px !important
}
#public-container .public-message-group .public-visitor-message:only-childafter{
    border-radius:10px !important
}
#public-container .public-message-img{
    max-width:200px !important;
    border-radius:0 !important;
    margin:-10px -12px !important;
    display:none !important
}
#public-container .public-loading-icon{
    width:18px !important;
    height:18px !important;
    opacity:.4 !important;
    animation:spin 1s infinite linear !important
}
#public-container .public-download-img{
    display:block !important;
    position:absolute !important;
    right:12px !important;
    bottom:10px !important;
    width:0 !important;
    height:0 !important;
    background:#fff !important;
    border-radius:4px !important;
    padding:0 !important;
    box-shadow:0 2px 3px rgba(0,0,0,0.5) !important;
    transition:all .2s ease !important;
}
#public-container .public-download-img:hover{
    bottom:8px !important
}
#public-container .public-download-img.public-small-download{
    right:3px !important;
    bottom:3px !important;
    max-width:54% !important;
    max-height:54% !important;
}
#public-container .public-download-img.public-small-download:hover{
    bottom:3px !important
}
#public-container .public-message-link{
    display:block !important;
    margin:-10px -12px !important;
    padding:8px 12px !important;
    transition:background .3s ease !important;
}
#public-container .public-message-link:hover{
    background:rgba(0,0,0,0.1) !important;
    transition:background .3s ease !important
}
#public-container .public-message-link-icon{
    display:inline-block !important;
    width:28px !important;
    height:16px !important;
    box-sizing:border-box !important;
    padding:0 10px 0 0 !important;
    vertical-align:middle !important
}
#public-container .public-message-link-text{
    display:inline-block !important;
    border-left:1px solid rgba(0,0,0,0.18) !important;
    max-width:190px !important;
    box-sizing:border-box !important;
    padding:0 0 0 10px !important;
    vertical-align:middle !important
}
#public-container .public-message-link-title,#public-container .public-message-link-location{
    display:block !important;
    overflow:hidden !important;
    white-space:nowrap !important;
    text-overflow:ellipsis !important;
    line-height:1 !important
}
#public-container .public-message-link-title{
    font-weight:600 !important;
    font-size:.9em !important
}
#public-container .public-message-link-location{
    font-size:.75em !important
}
#public-container .public-message-document,#public-container .public-message-error{
    display:block !important;
    transition:background .3s ease !important;
    padding:10px 12px !important;
    transition:background .3s ease !important
}
#public-container .public-message-document:hover{
    background:rgba(0,0,0,0.1) !important;
    transition:background .3s ease !important
}
#public-container .public-message-document-icon,#public-container .public-message-document-text,#public-container .public-message-document-label,#public-container .public-message-error-icon,#public-container .public-message-error-text{
    display:inline-block !important;
    vertical-align:middle !important
}
#public-container .public-message-error-text{
    color:#ea4141 !important;
    font-weight:bold !important;
    max-width:190px !important
}
#public-container .public-dismiss{
    display:inline-block !important;
    position:absolute !important;
    right:0 !important;
    bottom:-20px !important;
    font-size:.95em !important;
    color:#aeb3b7 !important
}
#public-container .public-message-document-icon{
    width:18px !important;
    margin-right:12px !important
}
#public-container .public-message-error-icon{
    width:18px !important;
    margin-right:12px !important;
}
#public-container .public-message-error-icon svg,#public-container .public-message-error-icon svg *{
    fill:#ea4141 !important
}
#public-container .public-message-document-text{
    text-decoration:underline !important;
    margin-right:12px !important;
    max-width:138px !important;
    text-overflow:ellipsis !important;
    overflow:hidden !important;
    white-space:nowrap !important
}
#public-container .public-message-document-label{
    padding:2px 2px 1px !important
}
#public-container .public-message-group .public-visitor-message.public-message-document-wrapper,#public-container .public-message-group .public-operator-message.public-message-document-wrapper{
    border:1px solid #e0e2e4 !important;
    padding:0 !important
}
#public-container .public-message-group .public-visitor-message.public-message-error-wrapper,#public-container .public-message-group .public-operator-message.public-message-error-wrapper{
    border:1px solid #ea4141 !important;
    padding:0 !important;
    position:relative !important;
    overflow:visible !important;
    margin-bottom:25px !important
}
#public-container .public-message-group .public-visitor-message.public-message-img-wrapper,#public-container .public-message-group .public-operator-message.public-message-img-wrapper{
    transition:none !important;
    background-color:transparent !important;
    position:relative !important;
    max-height:275px !important;
}
#public-container .public-message-group .public-visitor-message.public-message-img-wrapper:after,#public-container .public-message-group .public-operator-message.public-message-img-wrapper:after{
    content:'' !important;
    display:block !important;
    position:absolute !important;
    left:0 !important;
    top:0 !important;
    background:#000 !important;
    width:0 !important;
    height:0 !important;
    opacity:0 !important;
    transition:opacity .3s !important
}
#public-container .public-message-group .public-visitor-message.public-message-img-wrapper.public-no-pad,#public-container .public-message-group .public-operator-message.public-message-img-wrapper.public-no-pad{
    padding-left:3px !important;
    padding-right:3px !important
}
#public-container .public-message-group .public-visitor-message.public-message-img-wrapper .public-message-img,#public-container .public-message-group .public-operator-message.public-message-img-wrapper .public-message-img{
    display:block !important
}
#public-container .public-message-group .public-visitor-message.public-message-img-wrapper .public-loading-icon,#public-container .public-message-group .public-operator-message.public-message-img-wrapper .public-loading-icon{
    display:none !important
}
#public-container .public-message-group .public-visitor-message.public-message-img-wrapper.public-message-desktop:hover:not(.public-no-pad):after,#public-container .public-message-group .public-operator-message.public-message-img-wrapper.public-message-desktop:hover:not(.public-no-pad):after{
    width:100% !important;
    height:100% !important;
    opacity:.4 !important;
    transition:opacity .3s !important
}
#public-container .public-message-group .public-visitor-message.public-message-img-wrapper.public-message-desktop:hover .public-download-img,#public-container .public-message-group .public-operator-message.public-message-img-wrapper.public-message-desktop:hover .public-download-img{
    z-index:1 !important;
    width:18px !important;
    height:18px !important;
    padding:7px 6px 6px 6px !important;
    transition:all .2s ease !important;
}
#public-container .public-message-group .public-visitor-message.public-message-img-wrapper.public-message-desktop:hover .public-download-img.public-small-download,#public-container .public-message-group .public-operator-message.public-message-img-wrapper.public-message-desktop:hover .public-download-img.public-small-download{
    padding:4px 3px 0 !important
}
#public-container .public-end-chat{
    width:11px !important;
    height:15px !important;
    display:inline-block !important;
    top:1px !important;
    position:relative !important;
    margin-right:8px !important
}
#public-container .public-end-chat-flag{
    fill:#70777e !important
}
#public-container .public-footer-form-container{
    width:100% !important;
    position:absolute !important;
    bottom:25px !important;
    box-sizing:border-box !important;
    border:1px solid #e8e9eb !important;
    transition:.6s ease-in-out !important;
}
@media screen and (min-width:100px){
    #public-container .public-footer-form-container{
        width:calc(100% - 20px) !important;
        border-radius:4px !important;
        margin:0 10px !important
    }
}
#public-container .public-chat-input{
    background:#f2f3f4 !important;
    color:#333 !important;
    min-height:52px !important;
    height:52px !important;
    width:100% !important;
    font-size:1em !important;
    font-family:sans-serif !important;
    box-sizing:border-box !important;
    border:0 !important;
    overflow-x:hidden !important;
    margin:0 !important;
    line-height:1.2em !important;
    resize:none !important;
    max-height:150px !important;
    display:block !important;
    transition:.6s ease-in-out !important;
}
#public-container .public-chat-input:focus,#public-container .public-chat-input:hover{
    background:#edeeef !important;
    transition:.2s ease-in-out !important
}
#public-container .public-chat-input:hover{
    box-shadow:inset 0 10px 30px rgba(0,0,0,0.025) !important
}
#public-container .public-chat-input:focus,#public-container .public-chat-input.public-populated{
    box-shadow:0 0 10px rgba(0,0,0,0.15) !important
}
#public-container .public-chat-input::-webkit-input-placeholder{
    color:#888f95
}
#public-container .public-chat-input::-moz-placeholder{
    color:#888f95
}
#public-container .public-chat-input:-ms-input-placeholder{
    color:#888f95
}
#public-container .public-chat-input:-ms-input-placeholder{
    color:#888f95
}
@media screen and (min-width:1100px){
    #public-container .public-chat-input{
        font-size:.9em !important;
        min-height:45px !important;
        height:45px !important
    }
}
#public-container .public-chat-input{
    padding:15px 55px 15px 15px !important
}
#public-container .public-chat-input.public-long-placeholder{
    padding:1.8% 55px 1.8% 15px !important
}
#public-container .public-chat-input.public-long-placeholder.public-populated{
    padding:15px 55px 15px 15px !important
}
#public-container .public-allows-file-upload .public-chat-input{
    padding:15px 55px 15px 30px !important
}
#public-container .public-allows-file-upload .public-chat-input.public-long-placeholder{
    padding:1.8% 55px 1.8% 30px !important
}
#public-container .public-allows-file-upload .public-chat-input.public-long-placeholder.public-populated{
    padding:15px 55px 15px 30px !important
}
#public-container .public-has-preview .public-chat-input{
    padding:15px 55px 15px 96px !important
}
#public-container .public-has-preview .public-chat-input.public-long-placeholder{
    padding:1.8% 55px 1.8% 96px !important
}
#public-container .public-has-preview .public-chat-input.public-long-placeholder.public-populated{
    padding:15px 55px 15px 96px !important
}
#public-container .public-message-clone{
    opacity:0 !important;
    position:absolute !important;
    z-index:-1 !important;
    width:100% !important;
    bottom:0 !important
}
#public-container .public-clone-textarea{
    background-color:transparent !important;
    float:left !important;
    max-height:30px !important;
    margin-top:10px !important;
    overflow:scroll !important;
    position:absolute !important;
    z-index:-1 !important;
}
#public-container .public-clone-textarea.public-form-message-input{
    padding:0 !important;
    border:0 !important
}
#public-container .public-chat-send-button{
    position:absolute !important;
    bottom:0 !important;
    right:0 !important;
    z-index:10 !important;
    height:52px !important;
    width:20px !important;
    border:0 !important;
    background:none !important;
    box-shadow:none !important;
    display:block !important;
    padding:0 22px !important;
}
#public-container .public-chat-send-button:active{
    background:transparent !important
}
#public-container .public-chat-send-button svg,#public-container .public-chat-send-button svg *{
    pointer-events:none !important
}
@media screen and (min-width:1100px){
    #public-container .public-chat-send-button{
        height:46px !important;
        padding:0 15px !important
    }
}
#public-container form:valid .public-chat-send-button svg{
    fill:#2d2d2d
}
#public-container form:invalid .public-chat-send-button svg{
    fill:#c7cacd
}
#public-container .public-upload-file-button{
    position:absolute !important;
    bottom:0 !important;
    left:0 !important;
    z-index:10 !important;
    height:52px !important;
    width:32px !important;
    border:0 !important;
    background:none !important;
    box-shadow:none !important;
    display:block !important;
    padding:14px 0 !important;
    box-sizing:border-box !important;
    text-align:center !important;
}
#public-container .public-upload-file-button svg,#public-container .public-upload-file-button svg *{
    max-height:18px !important;
    pointer-events:none !important;
    fill:#9a9fa5 !important
}
#public-container .public-upload-file-button .public-loading-icon{
    opacity:1 !important;
    display:block !important;
    margin:0 auto !important
}
@media screen and (min-width:1100px){
    #public-container .public-upload-file-button{
        height:46px !important
    }
}
#public-container .public-hidden-file-input{
    display:none !important
}
#public-container .public-upload-preview{
    position:absolute !important;
    top:10px !important;
    left:10px !important;
    display:block !important;
    overflow:hidden !important;
    border-radius:4px !important;
    background:transparent !important;
    opacity:0 !important;
    transition:all .3s ease,opacity 1.5s ease !important;
}
#public-container .public-upload-preview .public-upload-preview-document{
    display:none !important;
    max-width:75px !important;
    max-height:125px !important;
    transition:all .3s ease !important;
    background:#fff !important;
    box-sizing:border-box !important;
    padding:10px !important;
}
#public-container .public-upload-preview .public-upload-preview-document.public-visible{
    display:block !important
}
#public-container .public-upload-preview .public-upload-preview-document label,#public-container .public-upload-preview .public-upload-preview-document span{
    cursor:default !important
}
#public-container .public-upload-preview .public-upload-preview-document span{
    display:block !important;
    text-decoration:underline !important;
    padding:10px 0 !important;
    font-size:80% !important;
    white-space:nowrap !important;
    line-height:1.2 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important
}
#public-container .public-upload-preview .public-upload-preview-image{
    width:75px !important;
    max-height:125px !important;
    transition:all .3s ease !important;
    display:none !important;
    border-radius:4px !important;
    overflow:hidden !important;
    background:rgba(0,0,0,0.08) !important;
    text-align:center !important;
}
#public-container .public-upload-preview .public-upload-preview-image.public-visible{
    display:block !important
}
#public-container .public-upload-preview .public-upload-preview-image img{
    max-width:100% !important;
    min-height:35px !important
}
#public-container .public-upload-preview:hover{
    box-shadow:0 2px 5px rgba(0,0,0,0.2) !important
}
#public-container .public-upload-preview.public-image-wrapper:after{
    content:'' !important;
    display:block !important;
    position:absolute !important;
    left:0 !important;
    top:0 !important;
    width:100% !important;
    height:100% !important;
    background:#000 !important;
    border-radius:4px !important;
    opacity:0 !important;
    transition:opacity .3s ease !important
}
#public-container .public-upload-preview.public-image-wrapper:hover:after{
    opacity:.25 !important
}
#public-container .public-upload-preview .public-upload-preview-cancel{
    display:block !important;
    position:absolute !important;
    top:4px !important;
    right:4px !important;
    width:18px !important;
    height:18px !important;
    padding:3px 4px !important;
    background:#fff !important;
    box-sizing:border-box !important;
    border-radius:50% !important;
    box-shadow:0 2px 3px rgba(0,0,0,0.2) !important;
    transition:all .3s ease !important;
    z-index:1 !important;
}
#public-container .public-upload-preview .public-upload-preview-cancel:hover{
    transform:scale(1.15,1.15) !important;
    box-shadow:0 2px 5px rgba(0,0,0,0.2) !important
}
#public-container .public-footer-form-container.public-has-preview .public-upload-preview{
    opacity:1 !important
}
#public-container .public-form-container{
    display:inline-block !important;
    width:100% !important
}
#public-container .public-form-conversation-container{
    bottom:0 !important;
	padding:0 !important;
}
#public-container .public-form-message{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    color:#666 !important;
    background:#edeeef !important;
    text-align:center !important;
    border-radius:5px !important;
    margin:10px 0 10px !important;
    line-height:1.3em !important;
}
#public-container .public-form-message:empty{
    display:none !important
}
#public-container .public-form-message-input{
    border-bottom:1px solid #b3b3b3 !important;
    padding:5px 20px 5px 0 !important;
    font-family:sans-serif;
    min-height:50px !important;
}
#public-container .public-form-message-input:focus{
    border-bottom:1px solid #2d2d2d !important
}
#public-container .public-form-message-input::-webkit-input-placeholder{
    color:#a1a7ac;
    font-family:sans-serif
}
#public-container .public-form-message-input::-moz-placeholder{
    color:#a1a7ac;
    font-family:sans-serif
}
#public-container .public-form-message-input:-ms-input-placeholder{
    color:#a1a7ac;
    font-family:sans-serif
}
#public-container .public-form-message-input:-ms-input-placeholder{
    color:#a1a7ac;
    font-family:sans-serif
}
#public-container .public-float-label{
    position:absolute !important;
    font-size:1em !important;
    color:#a1a7ac !important;
    top:22px !important;
    left:0 !important;
    width:100% !important;
    transition:.2s !important;
    z-index:9999 !important;
}
@media screen and (min-width:1100px){
    #public-container .public-float-label{
        font-size:.95em !important;
        top:19px !important
    }
}
#public-container .public-form-input{
    border-bottom:1px solid #a1a7ac !important;
    padding:10px 15px 5px 0 !important;
    position:inherit !important;
    z-index:1 !important;
}
#public-container .public-form-input:focus{
    border-bottom:1px solid #2d2d2d !important
}
@media screen and (min-width:720px){
    #public-container .public-form-input{
        margin:5px 0 !important
    }
}
#public-container .public-inline-form{
    position:relative !important;
    max-width:90% !important;
    margin:0 auto !important;
    display:block !important
}
#public-container .public-inline-form .public-form-input{
    width:calc(100% - 25px) !important;
    margin-right:0 !important;
    margin-bottom:0 !important
}
#public-container .public-inline-form .public-form-send-icon{
    position:absolute !important;
    top:16px !important;
    right:0 !important;
    cursor:pointer !important;
    z-index:1 !important;
}
#public-container .public-inline-form .public-form-send-icon svg{
    width:20px !important;
    height:auto !important;
    max-height:20px !important
}
#public-container .public-form-input-filled + .public-float-label{
    top:3px !important;
    font-size:.8em !important;
    margin-top:0 !important
}
#public-container .public-required-asterisk{
    right:0 !important;
    top:30px !important;
    margin-top:-5px !important;
    height:10px !important;
    width:10px !important;
    position:absolute !important;
    z-index:10 !important;
}
#public-container .public-required-asterisk svg{
    fill:#a1a7ac !important;
    display:block !important
}
#public-container .public-form-input-container{
    position:relative !important
}
#public-container .public-invalid-asterisk svg{
    fill:#ea4141 !important
}
#public-container .public-invalid-form-field{
    border-bottom:1px solid #ea4141 !important
}
#public-container .public-error-message{
    color:#ea4141 !important;
    font-weight:500 !important;
    font-size:.9em !important;
    line-height:1.2em !important;
    text-align:center !important
}
#public-container .public-form-confirmation-icon{
    width:48px !important;
    margin:30px auto 0 !important;
}
#public-container .public-form-confirmation-icon svg{
    fill:#2d2d2d !important
}
#public-container .public-inline-form .public-form-input-container{
    border-bottom:1px solid #c0c3c7 !important
}
#public-container .public-inline-form .public-form-input,#public-container .public-inline-form .public-invalid-form-field{
    border-bottom:0 !important;
    padding-right:25px !important
}
#public-container .public-inline-form .public-send-icon{
    fill:#c0c3c7 !important
}
#public-container .public-inline-form .public-inline-form-valid .public-form-input-container{
    border-color:#2d2d2d !important
}
#public-container .public-inline-form .public-inline-form-valid .public-send-icon{
    fill:#2d2d2d !important
}
#public-container .public-inline-form .public-error-message{
    color:#ea4141 !important
}
#public-container .public-inline-form .public-inline-form-error .public-form-input-container{
    border-bottom:1px solid #ea4141 !important
}
@media screen and (min-width:480px){
    #public-container{
        box-shadow:0 0 5px 0 rgba(0,0,0,0.2) !important;
/*        top:inherit !important;*/
        transition:all .6s ease-in-out,top .8s ease-in-out !important;
        right:0 !important
    }
}
@media screen and (min-width:600px){
    #public-container{
        width:50% !important;
        box-shadow:0 0 15px 0 rgba(0,0,0,0.15) !important
    }
}
@media screen and (min-width:1100px){
    #public-container{
        width:350px !important;
        height:450px !important;
        max-height:95% !important;
        border-radius:10px 10px 0 0 !important;
        top:inherit !important;
        transition:all .6s ease-in-out,width .2s ease-in-out,top .4s ease-in-out !important;
        right:20px !important
    }
}
@media print{
    #public-container{
        display:none !important
    }
}
@-moz-keyframes bouncing-dot-animation{
    0%{
        transform:translateY(0%)
    }
    50%{
        transform:translateY(200%)
    }
    100%{
        transform:translateY(0%)
    }
}
@-webkit-keyframes bouncing-dot-animation{
    0%{
        transform:translateY(0%)
    }
    50%{
        transform:translateY(200%)
    }
    100%{
        transform:translateY(0%)
    }
}
@-o-keyframes bouncing-dot-animation{
    0%{
        transform:translateY(0%)
    }
    50%{
        transform:translateY(200%)
    }
    100%{
        transform:translateY(0%)
    }
}
@keyframes bouncing-dot-animation{
    0%{
        transform:translateY(0%)
    }
    50%{
        transform:translateY(200%)
    }
    100%{
        transform:translateY(0%)
    }
}
@-moz-keyframes spin{
    from{
        transform:rotate(0)
    }
    to{
        transform:rotate(360deg)
    }
}
@-webkit-keyframes spin{
    from{
        transform:rotate(0)
    }
    to{
        transform:rotate(360deg)
    }
}
@-o-keyframes spin{
    from{
        transform:rotate(0)
    }
    to{
        transform:rotate(360deg)
    }
}
@keyframes spin{
    from{
        transform:rotate(0)
    }
    to{
        transform:rotate(360deg)
    }
}
#public-container .public-button{
    font-weight:700 !important;
    transition:all .3s ease !important;
    outline:none !important;
}
#public-container .public-button::-moz-focus-inner{
    border:0 !important
}
#public-container .public-branding-link{
    font-family:sans-serif !important;
    position:absolute !important;
    margin:0 0 0 2px !important;
    text-align:left !important;
    bottom:2px !important;
}
#public-container .public-branding-link a{
    background:transparent !important;
    color:#888f95 !important;
    font-size:.85em !important;
    font-weight:500 !important;
    padding:5px 10px !important;
    border-radius:15px !important;
    text-decoration:none !important;
    transition:ease-in-out .05s !important;
    display:inline-block !important;
    transition:all .6s ease-in-out !important;
}
@media screen and (min-width:1100px){
    #public-container .public-branding-link a{
        padding:5px 10px !important
    }
}
#public-container .public-branding-link a:hover{
    color:#70777e !important;
    transition:all .1s ease-in-out !important
}
#public-container .public-branding-panel{
    text-align:center !important;
}
#public-container .public-branding-panel .public-branding-description{
    color:#70777e !important;
    line-height:1.4em !important;
}
@media screen and (min-width:1100px){
    #public-container .public-branding-panel .public-branding-description{
        font-size:1.2em !important
    }
}
#public-container .public-branding-panel .public-branding-cancel-button{
    border:1px solid #2d2d2d !important;
    margin-top:0 !important
}
#public-container .public-branding-panel .public-branding-go-button{
    border:1px solid #2d2d2d !important;
    background:#fff !important;
    color:#2d2d2d !important;
    margin-top:0 !important;
}
#public-container .public-branding-panel .public-branding-go-button:hover{
    background:#fff !important;
    color:#292929 !important;
    border:1px solid #292929 !important
}
#public-container .public-branding-panel .public-branding-go-button:active{
    background:#fff !important
}
#public-container .public-feed-button{
    float:none !important;
    width:48.5% !important;
    margin:0 0 28px !important;
    font-weight:bold !important;
    font-size:.8em !important;
    background:#f1f1f2 !important;
    box-shadow:0 2px 1px rgba(0,0,0,0.12) !important;
    position:relative !important;
    box-sizing:border-box !important;
}
#public-container .public-feed-button,#public-container .public-feed-button *{
    text-transform:uppercase !important;
    color:#6c6c6c !important;
    cursor:pointer !important
}
#public-container .public-feed-button.public-disabled{
    opacity:.5 !important;
    box-shadow:none !important;
}
#public-container .public-feed-button.public-disabled,#public-container .public-feed-button.public-disabled *{
    cursor:default !important
}
#public-container .public-feed-button.public-left,#public-container .public-feed-button.public-right{
    clear:none !important
}
#public-container .public-feed-button.public-left{
    float:left !important
}
#public-container .public-feed-button.public-right{
    float:right !important
}
@media screen and (min-width:1100px){
    #public-container .public-feed-button-wrap{
        display:table !important;
        table-layout:fixed !important;
        position:relative !important;
        border-collapse:separate !important;
        border-spacing:10px !important;
        width:calc(100% + 20px) !important;
        margin-left:-10px !important;
        margin-bottom:15px !important
    }
    #public-container .public-feed-button-wrap .public-feed-button{
        margin-bottom:0 !important;
        display:table-cell !important;
        float:none !important;
        vertical-align:middle !important
    }
}
#public-container .public-feed-button-icon{
    margin:2px auto 8px !important;
}
#public-container .public-feed-button-icon svg{
    width:auto !important;
    height:16px !important
}
#public-container .public-feed-button-complete-icon{
    width:13px !important;
    height:13px !important;
    position:absolute !important;
    left:5px !important;
    top:5px !important
}
#public-container .public-connection-error{
    margin:0 !important;
    padding:10px 12px !important;
    font-size:13px !important;
    background:#f2f3f4 !important;
    color:#333 !important;
    height:28px !important;
    text-align:center !important
}
.public-dark-theme #public-container .public-connection-error{
    background:#151616 !important;
    color:#959ba1 !important
}
#public-container .public-cancel-link-wrap{
    position:absolute !important;
    bottom:20px !important;
    left:0 !important;
    width:100% !important;
    height:auto !important;
    text-align:center !important;
    color:#666 !important;
    font-size:13px !important;
    display:block !important;
}
#public-container .public-cancel-link-wrap .public-cancel-link-button{
    color:#666 !important;
    cursor:pointer !important;
    font-weight:bold !important;
    padding:10px !important;
    text-decoration:none !important
}
#public-container .public-cancel-link-wrap svg,#public-container .public-cancel-link-wrap .public-cancel-link-text{
    vertical-align:middle !important;
    padding:0 2px !important
}
#public-container .public-cancel-link-wrap svg{
    display:inline-block !important;
    width:12px !important;
    height:12px !important;
    fill:#666 !important
}
#public-wrapper .public-image-modal-container{
    background:#1a1a1a !important;
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    width:100% !important;
    height:100% !important;
    z-index:2147483646 !important;
    text-align:center !important;
    display:table !important;
    border-collapse:collapse !important;
    overflow:hidden !important;
    transition:all .3s ease !important;
}
#public-wrapper .public-image-modal-container.public-hidden{
    top:50% !important;
    left:50% !important;
    height:0 !important;
    width:0 !important;
    padding:0 !important;
    opacity:0 !important
}
#public-wrapper .public-image-modal-wrapper{
    vertical-align:middle !important;
    display:table-cell !important;
    transition:all .3s ease !important
}
#public-wrapper .public-hidden .public-image-modal-wrapper{
    height:0 !important;
    width:0 !important
}
#public-wrapper .public-image-modal{
    display:inline-block;
    max-height:85% !important;
    max-width:100% !important;
    vertical-align:middle !important
}
#public-wrapper .public-close-image-modal{
    position:absolute !important;
    display:block !important;
    top:15px !important;
    right:15px !important;
    width:23px !important;
    height:24px !important;
    border-radius:50% !important;
    background:#333 !important;
    box-sizing:border-box !important;
    padding:5px !important;
    z-index:2147483646 !important
}
#public-wrapper .public-hidden .public-close-image-modal{
    display:none !important
}
#public-wrapper .public-emoji{
    width:20px !important;
    height:20px !important
}
#public-wrapper .public-emoji-single{
    width:40px !important;
    height:40px !important
}
@-moz-keyframes loadBubble{
    0%{
        transform:scale(0);
        opacity:0
    }
    100%{
        transform:scale(1);
        opacity:1
    }
}
@-webkit-keyframes loadBubble{
    0%{
        transform:scale(0);
        opacity:0
    }
    100%{
        transform:scale(1);
        opacity:1
    }
}
@-o-keyframes loadBubble{
    0%{
        transform:scale(0);
        opacity:0
    }
    100%{
        transform:scale(1);
        opacity:1
    }
}
@keyframes loadBubble{
    0%{
        transform:scale(0);
        opacity:0
    }
    100%{
        transform:scale(1);
        opacity:1
    }
}
@-moz-keyframes loadTab{
    0%{
        transform:translateY(30px);
        opacity:0
    }
    100%{
        transform:translateY(0);
        opacity:1
    }
}
@-webkit-keyframes loadTab{
    0%{
        transform:translateY(30px);
        opacity:0
    }
    100%{
        transform:translateY(0);
        opacity:1
    }
}
@-o-keyframes loadTab{
    0%{
        transform:translateY(30px);
        opacity:0
    }
    100%{
        transform:translateY(0);
        opacity:1
    }
}
@keyframes loadTab{
    0%{
        transform:translateY(30px);
        opacity:0
    }
    100%{
        transform:translateY(0);
        opacity:1
    }
}
#public-container .public-ratings-question-number{
    color:#959ba1 !important;
    font-size:.8em !important;
    text-transform:uppercase !important;
    letter-spacing:.05em !important;
    margin:1em 0 .6em !important
}
#public-container .public-ratings-question{
    font-weight:600 !important;
    border-bottom:1px solid #edeeef !important;
    padding-bottom:1em !important;
    margin:0 0 1.2em !important
}
#public-container .public-feedback-wrap{
    text-align:justify !important;
    clear:both !important;
    margin:10px 14px 20px !important;
    position:relative !important;
}
#public-container .public-feedback-wrap:before{
    content:"" !important;
    background:#bbbec2 !important;
    width:100% !important;
    height:2px !important;
    position:absolute !important;
    z-index:0 !important;
    display:inline-block !important;
    top:10px !important
}
#public-container .public-feedback-wrap:after{
    content:"" !important;
    width:100% !important;
    display:inline-block !important
}
#public-container .public-ratings-answer-labels{
    display:flex !important;
    justify-content:space-between !important
}
#public-container .public-feedback-low-answer,#public-container .public-feedback-high-answer{
    flex-grow:1 !important
}
#public-container .public-feedback-low-answer:before{
    left:19px !important
}
#public-container .public-feedback-high-answer{
    float:right !important;
}
#public-container .public-feedback-high-answer:before{
    right:19px !important
}
#public-container .public-feedback-form-button{
    margin-top:25px !important
}
#public-container .public-feedback-cancel-wrap{
    position:absolute !important;
    bottom:20px !important;
    left:0 !important;
    width:100% !important;
    height:auto !important;
    text-align:center !important;
    color:#666 !important;
    font-size:13px !important;
    display:block !important;
}
#public-container .public-feedback-cancel-wrap .public-feedback-cancel-button{
    color:#666 !important;
    cursor:pointer !important;
    font-weight:bold !important;
    padding:10px !important;
    text-decoration:none !important
}
#public-container .public-feedback-cancel-wrap svg,#public-container .public-feedback-cancel-wrap .public-feedback-cancel-text{
    vertical-align:middle !important;
    padding:0 2px !important
}
#public-container .public-feedback-cancel-wrap svg{
    display:inline-block !important;
    width:12px !important;
    height:12px !important;
    fill:#666 !important;
    box-sizing:content-box !important
}
#public-container .public-feedback-select-wrap{
    position:relative !important;
    color:#555 !important;
    vertical-align:top !important;
}
#public-container .public-feedback-select-wrap > input{
    position:absolute;
    z-index:-1 !important;
    opacity:0 !important;
    height:21px !important;
    display:inline-block !important;
    width:24px !important;
    margin:0 0 0 -6px !important;
}
#public-container .public-feedback-select-wrap > input:checked ~ .public-feedback-indicator,#public-container .public-feedback-select-wrap > input:focus ~ .public-feedback-indicator{
    color:#fff !important;
    width:28px !important;
    height:28px !important;
    left:-4px !important;
    top:-4px !important;
    box-shadow:0 2px 3px rgba(0,0,0,0.3) !important;
}
#public-container .public-feedback-select-wrap > input:checked ~ .public-feedback-indicator:after,#public-container .public-feedback-select-wrap > input:focus ~ .public-feedback-indicator:after{
    content:"" !important;
    height:100% !important;
    width:100% !important;
    display:inline-block !important;
    border-radius:50% !important;
    background-color:#2d2d2d !important;
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    box-sizing:border-box !important;
    border:3px solid #fff !important
}
#public-container .public-feedback-select-wrap > input:active ~ .public-feedback-indicator{
    background-color:#bbbec2 !important
}
#public-container .public-feedback-select-wrap + .public-feedback-indicator{
    margin-left:1rem !important
}
#public-container .public-feedback-indicator{
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    display:block !important;
    width:20px !important;
    height:20px !important;
    font-size:65% !important;
    line-height:1rem !important;
    color:#eee !important;
    text-align:center !important;
    user-select:none !important;
    background-color:#fff !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
    background-size:50% 50% !important;
    border-radius:50% !important;
    border:2px solid #bbbec2 !important
}
#public-container .public-feedback-textarea{
    min-height:45px !important;
    height:45px !important;
    padding:13px 0 0 !important;
    max-height:75px !important;
    margin-top:0 !important
}
#public-container .public-send-transcript-container p{
    font-weight:500 !important;
    text-align:center !important;
    font-size:.95em !important
}
.public-attention-grabber{
    position:fixed !important;
    right:20px !important;
    height:auto !important;
    width:auto !important;
    z-index:2147483646 !important;
    text-align:right !important;
    opacity:0 !important;
    transition:all .6s ease !important;
}
.public-attention-grabber.public-init{
    bottom:68px !important;
    opacity:1 !important;
    transition:all 0s,opacity .4s ease-in-out,bottom .8s ease-in-out !important;
}
.public-attention-grabber.public-init.public-above-tab{
    bottom:54px !important;
}
.public-attention-grabber.public-init.public-above-tab.public-size-sm{
    bottom:40px !important
}
.public-attention-grabber.public-init.public-above-tab.public-size-sm.public-hidden{
    bottom:-500px !important
}
.public-attention-grabber.public-slide{
    animation:attention-grabber-bounce 20s !important;
}
.public-attention-grabber.public-slide.public-init{
    transition:all .3s ease-in !important
}
.public-attention-grabber.public-hidden,.public-attention-grabber.public-hidden.public-init{
    bottom:-500px !important;
    opacity:0 !important;
    transition:all .3s ease-in,opacity .1s ease !important;
    animation:none !important
}
.public-attention-grabber-cancel{
    box-sizing:content-box !important;
    overflow:hidden !important;
    width:11px !important;
    height:11px !important;
    display:inline-block !important;
    background:rgba(0,0,0,0.45) !important;
    cursor:pointer !important;
    padding:6px 6px 7px !important;
    border-radius:50% !important;
    opacity:1 !important;
    transition:all .2s ease !important;
    position:absolute !important;
    top:3px !important;
    right:3px !important;
}
.public-attention-grabber-cancel.public-hidden{
    width:0 !important;
    height:0 !important;
    padding:0 !important;
    opacity:0 !important;
    margin:-12px 6px 6px 0 !important;
    transition:all .2s ease !important
}
.public-attention-grabber-cancel:hover{
    box-shadow:0 0 4px 0 rgba(0,0,0,0.5) !important
}
.public-attention-grabber-cancel svg{
    display:block !important
}
.public-bounding-box{
    border-radius:8px !important;
    overflow:hidden !important;
    max-width:300px !important;
    max-height:200px !important;
    cursor:pointer !important;
    border:none !important;
    background:transparent !important
}
.public-attention-grabber-img{
    max-width:300px !important;
    max-height:200px !important
}
@-moz-keyframes attention-grabber-bounce{
    0%,1.25%,3%,5%,6.25%{
        transform:translateY(0)
    }
    2.5%{
        transform:translateY(-30px)
    }
    3.25%{
        transform:translateY(-15px)
    }
}
@-webkit-keyframes attention-grabber-bounce{
    0%,1.25%,3%,5%,6.25%{
        transform:translateY(0)
    }
    2.5%{
        transform:translateY(-30px)
    }
    3.25%{
        transform:translateY(-15px)
    }
}
@-o-keyframes attention-grabber-bounce{
    0%,1.25%,3%,5%,6.25%{
        transform:translateY(0)
    }
    2.5%{
        transform:translateY(-30px)
    }
    3.25%{
        transform:translateY(-15px)
    }
}
@keyframes attention-grabber-bounce{
    0%,1.25%,3%,5%,6.25%{
        transform:translateY(0)
    }
    2.5%{
        transform:translateY(-30px)
    }
    3.25%{
        transform:translateY(-15px)
    }
}
#public-container .public-end-chat-button{
    float:left !important;
    display:inline-block !important;
    cursor:pointer !important;
    background:rgba(224,226,228,0.5) !important;
    color:#2d2d2d !important;
    border-radius:20px !important;
    font-size:.85em !important;
    font-weight:500 !important;
    font-family:sans-serif !important;
    padding:5px 10px !important;
    margin-top:13px !important;
    margin-left:15px !important;
    transition:all ease-out .15s !important;
    cursor:pointer !important;
}
#public-container .public-end-chat-button:hover{
    background:#e0e2e4 !important;
    transition:all ease-out .15s !important
}
@media screen and (min-width:600px){
    #public-container .public-end-chat-button{
        margin-top:8px !important
    }
}
#public-container .public-end-chat-button .public-end-chat-endicon{
    width:15px !important;
    height:16px !important;
    display:inline-block !important;
    margin-right:4px !important;
    vertical-align:middle !important
}
#public-container .public-end-chat-button span{
    display:inline-block !important;
    vertical-align:middle !important;
    cursor:pointer !important
}
#public-container .public-end-conversation-block{
    text-align:center !important;
}
#public-container .public-end-conversation-block:after{
    content:' ' !important;
    display:block !important;
    height:1px !important;
    width:100% !important;
    clear:both !important
}
#public-container .public-restart-button{
    clear:both !important;
    padding:18px 12px !important;
    cursor:pointer !important;
    transition:all ease-out .15s !important;
    position:relative !important;
    margin-bottom:15px !important;
}
#public-container .public-restart-button:before{
    content:' ' !important;
    display:block !important;
    width:100% !important;
    height:1px !important;
    background:#e0e2e4 !important;
    position:absolute !important;
    top:-14px !important;
    left:0 !important
}
#public-container .public-overlay-module-container{
    position:absolute !important;
    z-index:15 !important;
    background:#fff !important;
    color:#959ba1 !important
}
#public-container .public-offline-survey .public-thank-you-component{
    text-align:center !important;
    padding:.75em 1em !important;
    font-size:100% !important;
    line-height:1.2 !important;
    color:#404040 !important
}
#public-container .public-prechat-survey{
    height:100% !important
}
#public-container .public-survey-form .public-survey-form-welcome-msg,#public-container .public-survey-form .public-survey-form-error-msg{
    background:#f4f5f5 !important;
    border:1px solid #f4f5f5 !important;
    border-radius:2px !important;
    display:block !important;
    padding:.75em 1em !important;
    font-size:90% !important;
    line-height:1.2 !important;
    color:#404040 !important;
    text-align:center !important;
    box-sizing:border-box !important
}
#public-container .public-survey-form{
    height:100% !important;
    width:100% !important;
    padding-top:1em !important;
    box-sizing:border-box !important;
}
#public-container .public-survey-form .public-survey-form-welcome{
    position:relative !important
}
#public-container .public-survey-form .public-survey-form-error-msg{
    color:#ea4141 !important;
    background:rgba(234,65,65,0.08) !important;
    border:1px solid rgba(234,65,65,0.15) !important
}
#public-container .public-survey-form .public-survey-form-inner{
    display:table !important;
    width:100% !important
}
#public-container .public-survey-form .public-survey-form-page{
    display:table-cell !important;
    vertical-align:middle !important;
    width:100% !important
}
#public-container .public-survey-form .public-survey-form-item{
    margin-bottom:.8em !important;
    position:relative !important;
}
#public-container .public-survey-form .public-survey-form-item:last-of-type{
    margin-bottom:.5em !important
}
#public-container .public-survey-form .public-survey-form-req-icon{
    position:absolute !important;
    width:10px !important;
    height:10px !important;
    top:0 !important;
    right:0 !important;
}
#public-container .public-survey-form .public-survey-form-req-icon svg{
    transition:all .3s ease !important
}
#public-container .public-survey-form .public-survey-form-item-name .public-survey-form-req-icon,#public-container .public-survey-form .public-survey-form-item-email .public-survey-form-req-icon,#public-container .public-survey-form .public-survey-form-item-phone .public-survey-form-req-icon,#public-container .public-survey-form .public-survey-form-item-website .public-survey-form-req-icon,#public-container .public-survey-form .public-survey-form-item-textfield .public-survey-form-req-icon{
    top:auto !important;
    bottom:13px !important;
    right:10px !important
}
#public-container .public-survey-form .public-survey-form-item-textarea .public-survey-form-req-icon{
    top:25px !important;
    right:10px !important
}
#public-container .public-survey-form .public-survey-form-label{
    display:block !important;
    font-size:80% !important;
    color:#404040 !important;
    margin-bottom:4px !important
}
#public-container .public-survey-form .public-survey-form-text,#public-container .public-survey-form .public-survey-form-textarea{
    border:0 !important;
    background:#f7f8f8 !important;
    padding:.5em !important;
    box-sizing:border-box !important;
    width:100% !important;
    font-size:95% !important;
    border-radius:2px !important;
    color:#404040 !important;
    transition:all .3s ease !important;
    border:1px solid #f7f8f8 !important;
    line-height:19px !important;
}
#public-container .public-survey-form .public-survey-form-text::-webkit-input-placeholder,#public-container .public-survey-form .public-survey-form-textarea::-webkit-input-placeholder{
    color:#a0a0a0 !important
}
#public-container .public-survey-form .public-survey-form-text::-moz-placeholder,#public-container .public-survey-form .public-survey-form-textarea::-moz-placeholder{
    color:#a0a0a0 !important
}
#public-container .public-survey-form .public-survey-form-text:-ms-input-placeholder,#public-container .public-survey-form .public-survey-form-textarea:-ms-input-placeholder{
    color:#a0a0a0 !important
}
#public-container .public-survey-form .public-survey-form-text:-ms-input-placeholder,#public-container .public-survey-form .public-survey-form-textarea:-ms-input-placeholder{
    color:#a0a0a0 !important
}
#public-container .public-survey-form .public-survey-form-text:focus,#public-container .public-survey-form .public-survey-form-textarea:focus{
    border:1px solid #ced2d2 !important;
    box-shadow:0 1px 10px rgba(0,0,0,0.12) !important;
    outline:none !important
}
@media screen and (-webkit-min-device-pixel-ratio:0){
    #public-container .public-survey-form .public-survey-form-text,#public-container .public-survey-form .public-survey-form-textarea{
        font-size:16px !important;
        padding-top:.48em;
        padding-bottom:.48em
    }
}
#public-container .public-survey-form .public-survey-form-textarea{
    height:5.5em !important;
    line-height:1.2 !important
}
#public-container .public-survey-form .public-survey-form-is-required .public-survey-form-text,#public-container .public-survey-form .public-survey-form-is-required .public-survey-form-textarea{
    padding-right:1.8em !important
}
#public-container .public-survey-form .public-survey-form-has-error .public-survey-form-text,#public-container .public-survey-form .public-survey-form-has-error .public-survey-form-textarea{
    border:1px solid #ea4141 !important
}
#public-container .public-survey-form .public-survey-form-has-error .public-survey-form-req-icon svg{
    fill:#ea4141 !important
}
#public-container .public-survey-form .public-survey-form-submit{
    margin-bottom:0 !important
}
#public-wrapper.public-dark-theme #public-container .public-survey-form .public-survey-form-label{
    color:#959ba1 !important
}
#public-wrapper.public-dark-theme #public-container .public-survey-form .public-survey-form-welcome-msg{
    background:rgba(255,255,255,0.08) !important;
    color:#c7cacd !important
}
#public-wrapper.public-dark-theme #public-container .public-survey-form .public-survey-form-text,#public-wrapper.public-dark-theme #public-container .public-survey-form .public-survey-form-textarea{
    background:rgba(255,255,255,0.05) !important;
    border:1px solid rgba(255,255,255,0.15) !important;
    color:#c7cacd !important;
}
#public-wrapper.public-dark-theme #public-container .public-survey-form .public-survey-form-text:focus,#public-wrapper.public-dark-theme #public-container .public-survey-form .public-survey-form-textarea:focus{
    border:1px solid rgba(255,255,255,0.25) !important;
    box-shadow:0 5px 15px rgba(0,0,0,0.25) !important
}
#public-wrapper.public-dark-theme #public-container .public-survey-form .public-survey-form-field-error{
    border:1px solid #ea4141 !important
}
#public-wrapper.public-dark-theme #public-container .public-survey-form .public-survey-form-has-error .public-survey-form-text,#public-wrapper.public-dark-theme #public-container .public-survey-form .public-survey-form-has-error .public-survey-form-textarea{
    border:1px solid #ea4141 !important
}
#public-container.public-right-to-left .public-survey-form .public-survey-form-label{
    text-align:right !important
}
#public-container.public-right-to-left .public-survey-form .public-survey-form-text,#public-container.public-right-to-left .public-survey-form .public-survey-form-textarea{
    text-align:right !important
}
#public-container.public-right-to-left .public-survey-form .public-survey-form-is-required .public-survey-form-text,#public-container.public-right-to-left .public-survey-form .public-survey-form-is-required .public-survey-form-textarea{
    padding-right:.5em !important;
    padding-left:1.8em !important
}
#public-container.public-right-to-left .public-survey-form .public-survey-form-item-name .public-survey-form-req-icon,#public-container.public-right-to-left .public-survey-form .public-survey-form-item-email .public-survey-form-req-icon,#public-container.public-right-to-left .public-survey-form .public-survey-form-item-phone .public-survey-form-req-icon,#public-container.public-right-to-left .public-survey-form .public-survey-form-item-website .public-survey-form-req-icon,#public-container.public-right-to-left .public-survey-form .public-survey-form-item-textfield .public-survey-form-req-icon{
    right:auto !important;
    left:10px !important
}
#public-container.public-right-to-left .public-survey-form .public-survey-form-item-textarea .public-survey-form-req-icon{
    right:auto !important;
    left:10px !important
}
@media screen and (min-width:1100px){
    #public-wrapper #public-container.public-size-sm:not(.public-inline) .public-survey-form .public-survey-form-item-name .public-survey-form-req-icon,#public-wrapper #public-container.public-size-sm:not(.public-inline) .public-survey-form .public-survey-form-item-email .public-survey-form-req-icon,#public-wrapper #public-container.public-size-sm:not(.public-inline) .public-survey-form .public-survey-form-item-phone .public-survey-form-req-icon,#public-wrapper #public-container.public-size-sm:not(.public-inline) .public-survey-form .public-survey-form-item-website .public-survey-form-req-icon,#public-wrapper #public-container.public-size-sm:not(.public-inline) .public-survey-form .public-survey-form-item-textfield .public-survey-form-req-icon{
        bottom:10px !important
    }
    #public-wrapper #public-container.public-size-sm:not(.public-inline) .public-survey-form .public-survey-form-item-textarea .public-survey-form-req-icon{
        top:24px !important
    }
}
#public-wrapper.public-dark-theme #public-container{
    background:#2b2c2d !important;
}
#public-wrapper.public-dark-theme #public-container a{
    color:#fff !important
}
#public-wrapper.public-dark-theme #public-container p a{
    color:#fff !important
}
#public-wrapper.public-dark-theme #public-container .public-conversation-container,#public-wrapper.public-dark-theme #public-container .public-send-transcript-container,#public-wrapper.public-dark-theme #public-container .public-overlay-module-container{
    background:#2b2c2d !important;
}
@media screen and (min-width:1100px){
    #public-wrapper.public-dark-theme #public-container .public-conversation-container,#public-wrapper.public-dark-theme #public-container .public-send-transcript-container,#public-wrapper.public-dark-theme #public-container .public-overlay-module-container{
        transition:background .4s ease-in-out !important
    }
}
#public-wrapper.public-dark-theme #public-container .public-form-message{
    background:#3e4042 !important;
    color:#fff !important
}
#public-wrapper.public-dark-theme #public-container .public-generated-message{
    color:#959ba1 !important
}
#public-wrapper.public-dark-theme #public-container .public-form-input{
    border-bottom:1px solid #3e4042 !important;
    color:#fff !important
}
#public-wrapper.public-dark-theme #public-container .public-form-message-input{
    background:#2b2c2d !important;
    border-bottom:1px solid #3e4042 !important;
    color:#fff !important
}
#public-wrapper.public-dark-theme #public-container .public-required-asterisk svg{
    fill:#3e4042 !important
}
#public-wrapper.public-dark-theme #public-container .public-form-confirmation-icon svg{
    fill:#3e4042 !important
}
#public-wrapper.public-dark-theme #public-container .public-form-send-button{
    background:#5a5d60 !important
}
#public-wrapper.public-dark-theme #public-container .public-footer-form-container{
    border:1px solid #000 !important
}
#public-wrapper.public-dark-theme #public-container .public-chat-input{
    background:#151616 !important;
    color:#fff !important;
}
#public-wrapper.public-dark-theme #public-container .public-chat-input:focus,#public-wrapper.public-dark-theme #public-container .public-chat-input:hover{
    transition:.2s ease-in-out !important;
    box-shadow:0 0 15px rgba(125,125,125,0.2) !important
}
#public-wrapper.public-dark-theme #public-container .public-chat-input.public-populated{
    box-shadow:0 0 15px rgba(125,125,125,0.2) !important
}
#public-wrapper.public-dark-theme #public-container .public-chat-input::-webkit-input-placeholder,#public-wrapper.public-dark-theme #public-container .public-chat-input ::-moz-placeholder,#public-wrapper.public-dark-theme #public-container .public-chat-input :-ms-input-placeholder,#public-wrapper.public-dark-theme #public-container .public-chat-input :-moz-placeholder{
    color:#959ba1 !important
}
#public-wrapper.public-dark-theme #public-container form:valid .public-chat-send-button svg{
    fill:#fff !important
}
#public-wrapper.public-dark-theme #public-container form:invalid .public-chat-send-button svg{
    fill:#5a5d60 !important
}
#public-wrapper.public-dark-theme #public-container .public-upload-preview-cancel svg{
    fill:#2b2c2d !important
}
#public-wrapper.public-dark-theme #public-container .public-operator-name{
    color:#959ba1 !important
}
#public-wrapper.public-dark-theme #public-container .public-operator-message{
    background:#3e4042 !important;
    color:#fff !important;
    transition:.6s ease-in-out !important
}
#public-wrapper.public-dark-theme #public-container .public-is-typing-dot{
    fill:#fff !important
}
#public-wrapper.public-dark-theme #public-container .public-visitor-message{
    color:#fff !important;
    background:#151616 !important;
    border:0 !important;
}
#public-wrapper.public-dark-theme #public-container .public-visitor-message.public-message-document-wrapper{
    border:1px solid #4a4c4d !important
}
#public-wrapper.public-dark-theme #public-container .public-visitor-message.public-message-error-wrapper{
    border:1px solid #ea4141 !important
}
#public-wrapper.public-dark-theme #public-container .public-operator-message.public-message-img-wrapper,#public-wrapper.public-dark-theme #public-container .public-visitor-message.public-message-img-wrapper{
    background-color:transparent !important
}
#public-wrapper.public-dark-theme #public-container .public-message-document:hover{
    background:rgba(0,0,0,0.3) !important
}
#public-wrapper.public-dark-theme #public-container .public-message-document-label{
    background:#939698 !important;
    color:#000 !important
}
#public-wrapper.public-dark-theme #public-container .public-message-document-icon svg,#public-wrapper.public-dark-theme #public-container .public-message-document-icon svg *{
    fill:#939698 !important
}
#public-wrapper.public-dark-theme #public-container .public-message-document-text,#public-wrapper.public-dark-theme #public-container .public-dismiss{
    color:#c9cacb !important
}
#public-wrapper.public-dark-theme #public-container svg.public-loading-icon{
    opacity:1 !important;
}
#public-wrapper.public-dark-theme #public-container svg.public-loading-icon g{
    fill:#fff !important
}
#public-wrapper.public-dark-theme #public-container .public-invalid-form-field{
    border-bottom:1px solid #ea4141 !important
}
#public-wrapper.public-dark-theme #public-container .public-inline-form .public-form-input,#public-wrapper.public-dark-theme #public-container .public-inline-form .public-invalid-form-field{
    border-bottom:0 !important
}
#public-wrapper.public-dark-theme #public-container .public-invalid-asterisk svg{
    fill:#ea4141 !important
}
#public-wrapper.public-dark-theme #public-container .public-branding-link a{
    background:transparent !important;
    color:#7c838a !important;
    transition:all .6s ease-in-out !important;
}
#public-wrapper.public-dark-theme #public-container .public-branding-link a:hover{
    color:#959ba1 !important;
    transition:all .1s ease-in-out !important
}
#public-wrapper.public-dark-theme #public-container .public-end-chat-flag{
    fill:#959ba1 !important
}
#public-wrapper.public-dark-theme #public-container .public-branding-panel .public-branding-description{
    color:#fff !important
}
#public-wrapper.public-dark-theme #public-container .public-branding-panel .public-branding-cancel-button{
    background:#3e4042 !important;
    border:1px solid #3e4042 !important;
    border:0 !important
}
#public-wrapper.public-dark-theme #public-container .public-branding-panel .public-branding-go-button{
    background:none !important;
    border:1px solid #3e4042 !important;
    color:#fff !important
}
#public-wrapper.public-dark-theme #public-container .public-feedback-container{
    background:rgba(39,40,41,0.96) !important
}
#public-wrapper.public-dark-theme #public-container .public-ratings-question-number,#public-wrapper.public-dark-theme #public-container .public-ratings-question{
    color:#edeeef !important
}
#public-wrapper.public-dark-theme #public-container .public-ratings-question{
    border-bottom:#3e4042 1px solid !important
}
#public-wrapper.public-dark-theme #public-container .public-feedback-form-button{
    background:#3e4042 !important
}
#public-wrapper.public-dark-theme #public-container .public-feedback-wrap:before{
    background:#959ba1 !important
}
#public-wrapper.public-dark-theme #public-container .public-feedback-high-answer,#public-wrapper.public-dark-theme #public-container .public-feedback-low-answer{
    background:#edeeef !important;
    color:#2b2c2d !important;
}
#public-wrapper.public-dark-theme #public-container .public-feedback-high-answer:before,#public-wrapper.public-dark-theme #public-container .public-feedback-low-answer:before{
    border-color:#edeeef transparent transparent !important
}
#public-wrapper.public-dark-theme #public-container .public-feedback-indicator{
    background:#2b2c2d !important;
    border:2px solid #959ba1 !important
}
#public-wrapper.public-dark-theme #public-container .public-feedback-select-wrap > input:checked ~ .public-feedback-indicator,#public-wrapper.public-dark-theme #public-container .public-feedback-select-wrap > input:focus ~ .public-feedback-indicator{
    color:#fff !important;
    border:2px solid #bbbec2 !important;
}
#public-wrapper.public-dark-theme #public-container .public-feedback-select-wrap > input:checked ~ .public-feedback-indicator:after,#public-wrapper.public-dark-theme #public-container .public-feedback-select-wrap > input:focus ~ .public-feedback-indicator:after{
    background-color:#edeeef !important;
    border:4px solid #2b2c2d !important
}
#public-wrapper.public-dark-theme #public-container .public-feedback-select-wrap > input:active ~ .public-feedback-indicator{
    background-color:#bbbec2 !important
}
#public-wrapper.public-dark-theme #public-container .public-feedback-cancel-button{
    color:#959ba1 !important;
}
#public-wrapper.public-dark-theme #public-container .public-feedback-cancel-button svg{
    fill:#959ba1 !important
}
#public-wrapper.public-dark-theme #public-container .public-feed-button{
    background:#3e4042 !important;
}
#public-wrapper.public-dark-theme #public-container .public-feed-button *{
    color:#c7cacd !important
}
#public-wrapper.public-dark-theme #public-container .public-feed-button svg,#public-wrapper.public-dark-theme #public-container .public-feed-button path{
    fill:#c7cacd !important
}
#public-wrapper.public-dark-theme #public-container .public-feed-button.public-disabled *{
    color:#7c838a !important
}
#public-wrapper.public-dark-theme #public-container .public-feed-button.public-disabled svg,#public-wrapper.public-dark-theme #public-container .public-feed-button.public-disabled path{
    fill:#7c838a !important
}
#public-wrapper.public-dark-theme #public-container .public-restart-button:before{
    background-color:#3e4042 !important
}
#public-container.public-no-branding .public-footer-form-container{
    bottom:10px !important
}
#public-container.public-no-branding .public-conversation-container{
    height:calc(100% - 115px) !important;
}
@media screen and (min-width:600px){
    #public-container.public-no-branding .public-conversation-container{
        height:calc(100% - 105px) !important
    }
}
@media screen and (min-width:1100px){
    #public-container.public-no-branding .public-conversation-container{
        height:calc(100% - 98px) !important
    }
}
#public-container.public-no-branding .public-no-message-form{
    height:calc(100% - 52px) !important;
}
@media screen and (min-width:600px){
    #public-container.public-no-branding .public-no-message-form{
        height:calc(100% - 40px) !important
    }
}
#public-wrapper .public-launch-button .public-button-text.public-hidden{
    margin-left:0 !important;
    max-width:0 !important;
    transition:all .4s ease-in-out,margin-left .6s ease-in-out !important
}
.public-launch-button.public-right-to-left svg{
    float:right !important
}
.public-launch-button.public-right-to-left .public-button-text{
    margin:0 12px 0 0 !important
}
#public-container.public-right-to-left .public-has-avatar{
    margin-left:0 !important;
    margin-right:44px !important
}
#public-container.public-right-to-left .public-operator-avatar{
    right:0 !important;
    left:auto !important
}
#public-container.public-right-to-left .public-operator-name{
    text-align:right !important
}
#public-container.public-right-to-left .public-operator-message,#public-container.public-right-to-left .public-message-group .public-operator-message:only-child{
    float:right !important;
    text-align:right !important;
    border-radius:10px !important;
}
#public-container.public-right-to-left .public-operator-message:after,#public-container.public-right-to-left .public-message-group .public-operator-message:only-child:after{
    border-radius:10px !important
}
#public-container.public-right-to-left .public-visitor-message,#public-container.public-right-to-left .public-message-group .public-visitor-message:only-child{
    float:left !important;
    text-align:right !important;
    border-radius:10px !important;
}
#public-container.public-right-to-left .public-visitor-message:after,#public-container.public-right-to-left .public-message-group .public-visitor-message:only-child:after{
    border-radius:10px !important
}
#public-container.public-right-to-left .public-top-bar-button{
    float:left !important
}
#public-container.public-right-to-left .public-end-chat-button{
    float:right !important;
    margin-left:0 !important;
    margin-right:15px !important
}
#public-container.public-right-to-left .public-top-bar-text{
    float:right !important;
    padding:0 20px 0 0 !important
}
#public-container.public-right-to-left .public-chat-input{
    text-align:right !important;
    padding:15px 15px 15px 55px !important
}
#public-container.public-right-to-left .public-chat-input.public-long-placeholder{
    padding:1.8% 15px 1.8% 55px !important
}
#public-container.public-right-to-left .public-chat-input.public-long-placeholder.public-populated{
    padding:15px 15px 15px 55px !important
}
#public-container.public-right-to-left .public-allows-file-upload .public-chat-input{
    padding:15px 30px 15px 55px !important
}
#public-container.public-right-to-left .public-allows-file-upload .public-chat-input.public-long-placeholder{
    padding:1.8% 30px 1.8% 55px !important
}
#public-container.public-right-to-left .public-allows-file-upload .public-chat-input.public-long-placeholder.public-populated{
    padding:15px 30px 15px 55px !important
}
#public-container.public-right-to-left .public-has-preview .public-chat-input{
    padding:15px 96px 15px 55px !important
}
#public-container.public-right-to-left .public-has-preview .public-chat-input.public-long-placeholder{
    padding:1.8% 96px 1.8% 55px !important
}
#public-container.public-right-to-left .public-has-preview .public-chat-input.public-long-placeholder.public-populated{
    padding:15px 96px 15px 55px !important
}
#public-container.public-right-to-left .public-chat-send-button{
    right:auto !important;
    left:0 !important;
    transform:rotate(180deg) !important
}
#public-container.public-right-to-left .public-upload-file-button{
    left:auto !important;
    right:0 !important
}
#public-container.public-right-to-left .public-upload-preview{
    left:auto !important;
    right:10px !important
}
#public-container.public-right-to-left .public-form-message-input{
    text-align:right !important;
    padding:0 0 5px 20px !important
}
#public-container.public-right-to-left .public-form-input{
    text-align:right !important;
    padding:10px 0 5px 15px !important
}
#public-container.public-right-to-left .public-float-label{
    text-align:right !important
}
#public-container.public-right-to-left .public-required-asterisk{
    left:0 !important
}
#public-container.public-right-to-left .public-branding-link{
    right:0 !important;
    left:auto !important;
    margin:0 2px 0 0 !important
}
#public-container.public-large-text{
    font-size:108% !important
}
.public-launch-button.public-bottom-left{
    right:auto !important;
    left:20px !important
}
#public-container.public-bottom-left{
    right:auto !important;
    left:0 !important;
}
@media screen and (min-width:1100px){
    #public-container.public-bottom-left{
        left:20px !important
    }
}
.public-attention-grabber.public-bottom-left{
    right:auto !important;
    left:20px !important;
    text-align:left !important;
}
@media screen and (min-width:1100px){
    .public-attention-grabber.public-bottom-left .public-attention-grabber-cancel.public-hidden{
        margin:-12px 0 6px 6px !important
    }
}
.public-launch-button.public-chat-tab{
    border-radius:8px 8px 0 0 !important;
    bottom:0 !important
}
#public-wrapper.public-hidden{
    display:none !important
}
#public-container.public-hidden{
    opacity:0 !important;
    bottom:200% !important;
    top:100% !important;
}
@media screen and (min-width:480px){
    #public-container.public-hidden{
        top:auto !important;
        bottom:-100% !important
    }
}
.public-launch-button.public-hidden{
    top:auto !important;
    bottom:-100% !important
}
.public-notification-badge.public-hidden{
    display:none !important
}
@media screen and (min-width:1100px){
    #public-container.public-detached:not(.public-size-dr){
        border-radius:12px !important;
        box-shadow:0 3px 15px rgba(0,0,0,0.25) !important;
        bottom:20px !important
    }
}
@media screen and (min-width:1100px){
    #public-container.public-detached:not(.public-size-dr) .public-conversation-container,#public-container.public-detached:not(.public-size-dr) .public-feedback-container,#public-container.public-detached:not(.public-size-dr) .public-send-transcript-container{
        border-radius:0 0 10px 10px !important
    }
}
@media screen and (min-width:1100px){
    #public-container.public-detached:not(.public-size-dr) .public-top-bar{
        border-radius:10px 10px 0 0 !important
    }
}
@media screen and (min-width:1100px){
    #public-container.public-detached:not(.public-size-dr).public-hidden{
        bottom:-100% !important
    }
}
@media screen and (min-width:1100px){
    #public-wrapper #public-container.public-size-sm:not(.public-inline){
        width:250px !important;
        height:300px !important
    }
    #public-wrapper #public-container.public-size-sm:not(.public-inline) .public-overlay-module-container,#public-wrapper #public-container.public-size-sm:not(.public-inline) .public-top-bar-text,#public-wrapper #public-container.public-size-sm:not(.public-inline) .public-generated-message,#public-wrapper #public-container.public-size-sm:not(.public-inline) .public-form-message,#public-wrapper #public-container.public-size-sm:not(.public-inline) .public-visitor-message,#public-wrapper #public-container.public-size-sm:not(.public-inline) .public-visitor-message:first-child,#public-wrapper #public-container.public-size-sm:not(.public-inline) .public-visitor-message:last-child,#public-wrapper #public-container.public-size-sm:not(.public-inline) .public-operator-message,#public-wrapper #public-container.public-size-sm:not(.public-inline) .public-operator-message:first-child,#public-wrapper #public-container.public-size-sm:not(.public-inline) .public-operator-message:last-child,#public-wrapper #public-container.public-size-sm:not(.public-inline) .public-float-label,#public-wrapper #public-container.public-size-sm:not(.public-inline) .public-form-input,#public-wrapper #public-container.public-size-sm:not(.public-inline) .public-form-message-input,#public-wrapper #public-container.public-size-sm:not(.public-inline) .public-chat-input,#public-wrapper #public-container.public-size-sm:not(.public-inline) .public-ratings-question,#public-wrapper #public-container.public-size-sm:not(.public-inline) .public-form-send-button,#public-wrapper #public-container.public-size-sm:not(.public-inline) .public-restart-button,#public-wrapper #public-container.public-size-sm:not(.public-inline) .public-feedback-form-button,#public-wrapper #public-container.public-size-sm:not(.public-inline) .public-feed-button span,#public-wrapper #public-container.public-size-sm:not(.public-inline) .public-branding-panel .public-branding-cancel-button,#public-wrapper #public-container.public-size-sm:not(.public-inline) .public-branding-panel .public-branding-go-button,#public-wrapper #public-container.public-size-sm:not(.public-inline) .public-send-transcript-container p,#public-wrapper #public-container.public-size-sm:not(.public-inline) .public-branding-panel .public-branding-description{
        font-size:.85em !important
    }
    #public-wrapper #public-container.public-size-sm:not(.public-inline) .public-form-input-filled+.public-float-label,#public-wrapper #public-container.public-size-sm:not(.public-inline) .public-feedback-low-answer,#public-wrapper #public-container.public-size-sm:not(.public-inline) .public-feedback-high-answer{
        font-size:.75em !important
    }
    #public-wrapper #public-container.public-size-sm:not(.public-inline) .public-branding-link a,#public-wrapper #public-container.public-size-sm:not(.public-inline) .public-ratings-question-number{
        font-size:.7em !important
    }
    #public-wrapper #public-container.public-size-sm:not(.public-inline) .public-end-chat-button span{
        font-size:.9em !important
    }
    #public-wrapper #public-container.public-size-sm:not(.public-inline) .public-top-bar{
        height:30px !important
    }
    #public-wrapper #public-container.public-size-sm:not(.public-inline) .public-top-bar-text{
        line-height:30px !important;
        padding-left:14px !important
    }
    #public-wrapper #public-container.public-size-sm:not(.public-inline) .public-top-bar-button{
        padding:12px 5px !important;
        width:42px !important;
    }
    #public-wrapper #public-container.public-size-sm:not(.public-inline) .public-top-bar-button:hover svg{
        margin-top:0 !important
    }
    #public-wrapper #public-container.public-size-sm:not(.public-inline) .public-top-bar-button svg{
        margin:0 auto !important;
        width:14px !important;
        height:8px !important
    }
    #public-wrapper #public-container.public-size-sm:not(.public-inline) .public-conversation-container,#public-wrapper #public-container.public-size-sm:not(.public-inline) .public-feedback-container,#public-wrapper #public-container.public-size-sm:not(.public-inline) .public-send-transcript-container,#public-wrapper #public-container.public-size-sm:not(.public-inline) .public-overlay-module-container{
        top:30px !important;
        height:calc(100% - 94px) !important;
    }
    #public-wrapper #public-container.public-size-sm:not(.public-inline) .public-conversation-container.public-no-message-form,#public-wrapper #public-container.public-size-sm:not(.public-inline) .public-feedback-container.public-no-message-form,#public-wrapper #public-container.public-size-sm:not(.public-inline) .public-send-transcript-container.public-no-message-form,#public-wrapper #public-container.public-size-sm:not(.public-inline) .public-overlay-module-container.public-no-message-form{
        height:calc(100% - 49px) !important
    }
    #public-wrapper #public-container.public-size-sm:not(.public-inline) .public-message-block,#public-wrapper #public-container.public-size-sm:not(.public-inline) .public-message-block:first-child,#public-wrapper #public-container.public-size-sm:not(.public-inline) .public-message-block:last-child{
        margin-top:5px !important;
        margin-bottom:5px !important
    }
    #public-wrapper #public-container.public-size-sm:not(.public-inline) .public-generated-message{
        padding:0 5px !important
    }
    #public-wrapper #public-container.public-size-sm:not(.public-inline) .public-form-message,#public-wrapper #public-container.public-size-sm:not(.public-inline) .public-visitor-message,#public-wrapper #public-container.public-size-sm:not(.public-inline) .public-visitor-message:first-child,#public-wrapper #public-container.public-size-sm:not(.public-inline) .public-visitor-message:last-child,#public-wrapper #public-container.public-size-sm:not(.public-inline) .public-operator-message,#public-wrapper #public-container.public-size-sm:not(.public-inline) .public-operator-message:first-child,#public-wrapper #public-container.public-size-sm:not(.public-inline) .public-operator-message:last-child{
        padding:8px 10px !important
    }
    #public-wrapper #public-container.public-size-sm:not(.public-inline) .public-message-link-icon{
        width:26px !important
    }
    #public-wrapper #public-container.public-size-sm:not(.public-inline) .public-message-link-text,#public-wrapper #public-container.public-size-sm:not(.public-inline) .public-message-error-text{
        max-width:120px !important
    }
    #public-wrapper #public-container.public-size-sm:not(.public-inline) .public-has-avatar{
        margin-left:40px !important
    }
    #public-wrapper #public-container.public-size-sm:not(.public-inline) .public-operator-avatar{
        width:32px !important;
        height:32px !important
    }
    #public-wrapper #public-container.public-size-sm:not(.public-inline) .public-operator-avatar-image{
        border-radius:16px !important
    }
    #public-wrapper #public-container.public-size-sm:not(.public-inline) .public-chat-input{
        height:35px !important;
        min-height:35px !important;
        max-height:60px !important;
        line-height:1.1 !important
    }
    #public-wrapper #public-container.public-size-sm:not(.public-inline) .public-chat-input{
        padding:9px 8px 8px 8px !important
    }
    #public-wrapper #public-container.public-size-sm:not(.public-inline) .public-chat-input.public-long-placeholder{
        padding:1% 8px 1% 8px !important
    }
    #public-wrapper #public-container.public-size-sm:not(.public-inline) .public-chat-input.public-long-placeholder.public-populated{
        padding:9px 8px 8px 8px !important
    }
    #public-wrapper #public-container.public-size-sm:not(.public-inline) .public-allows-file-upload .public-chat-input{
        padding:9px 8px 8px 22px !important
    }
    #public-wrapper #public-container.public-size-sm:not(.public-inline) .public-allows-file-upload .public-chat-input.public-long-placeholder{
        padding:1% 8px 1% 22px !important
    }
    #public-wrapper #public-container.public-size-sm:not(.public-inline) .public-allows-file-upload .public-chat-input.public-long-placeholder.public-populated{
        padding:9px 8px 8px 22px !important
    }
    #public-wrapper #public-container.public-size-sm:not(.public-inline) .public-has-preview .public-chat-input{
        padding:9px 8px 8px 96px !important
    }
    #public-wrapper #public-container.public-size-sm:not(.public-inline) .public-has-preview .public-chat-input.public-long-placeholder{
        padding:1% 8px 1% 96px !important
    }
    #public-wrapper #public-container.public-size-sm:not(.public-inline) .public-has-preview .public-chat-input.public-long-placeholder.public-populated{
        padding:9px 8px 8px 96px !important
    }
    #public-wrapper #public-container.public-size-sm:not(.public-inline) .public-chat-send-button{
        display:none !important
    }
    #public-wrapper #public-container.public-size-sm:not(.public-inline) .public-upload-file-button{
        padding:0 !important;
        height:18px !important;
        width:22px !important;
        bottom:9px !important;
        right:auto !important;
        left:0 !important
    }
    #public-wrapper #public-container.public-size-sm:not(.public-inline) .public-upload-preview{
        right:auto !important;
        left:10px !important
    }
    #public-wrapper #public-container.public-size-sm:not(.public-inline) .public-form-input{
        margin-bottom:0 !important
    }
    #public-wrapper #public-container.public-size-sm:not(.public-inline) .public-offline-message-container .public-form-send-button{
        margin-top:0 !important
    }
    #public-wrapper #public-container.public-size-sm:not(.public-inline) .public-branding-panel .public-branding-cancel-button,#public-wrapper #public-container.public-size-sm:not(.public-inline) .public-branding-panel .public-branding-go-button,#public-wrapper #public-container.public-size-sm:not(.public-inline) .public-feedback-form-button,#public-wrapper #public-container.public-size-sm:not(.public-inline) .public-form-send-button,#public-wrapper #public-container.public-size-sm:not(.public-inline) .public-restart-button{
        padding:12px 10px !important
    }
    #public-wrapper #public-container.public-size-sm:not(.public-inline) .public-restart-button{
        margin-top:0 !important
    }
    #public-wrapper #public-container.public-size-sm:not(.public-inline) .public-restart-button:before{
        display:none !important
    }
    #public-wrapper #public-container.public-size-sm:not(.public-inline) .public-end-chat-button{
        margin-top:5px !important;
        margin-left:8px !important;
        padding:3px 8px !important
    }
    #public-wrapper #public-container.public-size-sm:not(.public-inline) .public-feed-button{
        margin-bottom:15px !important;
        padding:10px 8px !important
    }
    #public-wrapper #public-container.public-size-sm:not(.public-inline) .public-feed-button-wrap{
        margin-bottom:0 !important;
    }
    #public-wrapper #public-container.public-size-sm:not(.public-inline) .public-feed-button-wrap .public-feed-button{
        margin-bottom:0 !important
    }
    #public-wrapper #public-container.public-size-sm:not(.public-inline) .public-cancel-link-wrap{
        position:static !important
    }
    #public-wrapper #public-container.public-size-sm:not(.public-inline) .public-feedback-wrap{
        margin-bottom:10px !important;
    }
    #public-wrapper #public-container.public-size-sm:not(.public-inline) .public-feedback-wrap:before{
        top:8px !important
    }
    #public-wrapper #public-container.public-size-sm:not(.public-inline) .public-feedback-low-answer,#public-wrapper #public-container.public-size-sm:not(.public-inline) .public-feedback-high-answer{
        padding:6px 6px !important;
        max-width:49% !important
    }
    #public-wrapper #public-container.public-size-sm:not(.public-inline) .public-ratings-question{
        border-bottom:0 !important;
        margin-bottom:0 !important
    }
    #public-wrapper #public-container.public-size-sm:not(.public-inline) .public-feedback-form-button{
        margin-top:15px !important
    }
    #public-wrapper #public-container.public-size-sm:not(.public-inline) .public-feedback-indicator{
        width:16px !important;
        height:16px !important
    }
    #public-wrapper #public-container.public-size-sm:not(.public-inline) .public-feedback-select-wrap > input{
        height:16px !important;
        width:11px !important;
        margin:0 0 0 4px !important
    }
    #public-wrapper #public-container.public-size-sm:not(.public-inline) .public-feedback-select-wrap > input:checked ~ .public-feedback-indicator,#public-wrapper #public-container.public-size-sm:not(.public-inline) .public-feedback-select-wrap > input:focus ~ .public-feedback-indicator{
        top:0 !important;
        left:0 !important
    }
    #public-wrapper #public-container.public-size-sm:not(.public-inline) .public-send-transcript-container .public-form-container{
        margin-bottom:15px !important
    }
    #public-wrapper #public-container.public-size-sm:not(.public-inline) .public-inline-form{
        max-width:95% !important
    }
}
@media screen and (min-width:1100px){
    #public-container.public-size-lg:not(.public-inline){
        width:425px !important;
        height:500px !important
    }
    #public-container.public-size-lg:not(.public-inline) .public-overlay-module-container,#public-container.public-size-lg:not(.public-inline) .public-top-bar-text,#public-container.public-size-lg:not(.public-inline) .public-generated-message,#public-container.public-size-lg:not(.public-inline) .public-form-message,#public-container.public-size-lg:not(.public-inline) .public-visitor-message,#public-container.public-size-lg:not(.public-inline) .public-visitor-message:first-child,#public-container.public-size-lg:not(.public-inline) .public-visitor-message:last-child,#public-container.public-size-lg:not(.public-inline) .public-operator-message,#public-container.public-size-lg:not(.public-inline) .public-operator-message:first-child,#public-container.public-size-lg:not(.public-inline) .public-operator-message:last-child,#public-container.public-size-lg:not(.public-inline) .public-float-label,#public-container.public-size-lg:not(.public-inline) .public-form-input,#public-container.public-size-lg:not(.public-inline) .public-form-message-input,#public-container.public-size-lg:not(.public-inline) .public-chat-input,#public-container.public-size-lg:not(.public-inline) .public-ratings-question,#public-container.public-size-lg:not(.public-inline) .public-cancel-link-text,#public-container.public-size-lg:not(.public-inline) .public-form-send-button,#public-container.public-size-lg:not(.public-inline) .public-restart-button,#public-container.public-size-lg:not(.public-inline) .public-feedback-form-button,#public-container.public-size-lg:not(.public-inline) .public-feed-button span,#public-container.public-size-lg:not(.public-inline) .public-branding-panel .public-branding-cancel-button,#public-container.public-size-lg:not(.public-inline) .public-branding-panel .public-branding-go-button,#public-container.public-size-lg:not(.public-inline) .public-send-transcript-container p,#public-container.public-size-lg:not(.public-inline) .public-branding-panel .public-branding-description,#public-container.public-size-lg:not(.public-inline) .public-end-chat-button span{
        font-size:1.05em !important
    }
    #public-container.public-size-lg:not(.public-inline) .public-feedback-low-answer,#public-container.public-size-lg:not(.public-inline) .public-feedback-high-answer,#public-container.public-size-lg:not(.public-inline) .public-operator-name{
        font-size:.95em !important
    }
    #public-container.public-size-lg:not(.public-inline) .public-form-input-filled+.public-float-label,#public-container.public-size-lg:not(.public-inline) .public-branding-link a,#public-container.public-size-lg:not(.public-inline) .public-ratings-question-number{
        font-size:.85em !important
    }
    #public-container.public-size-lg:not(.public-inline) .public-conversation-container,#public-container.public-size-lg:not(.public-inline) .public-feedback-container,#public-container.public-size-lg:not(.public-inline) .public-send-transcript-container{
        height:calc(100% - 118px) !important;
    }
    #public-container.public-size-lg:not(.public-inline) .public-conversation-container.public-no-message-form,#public-container.public-size-lg:not(.public-inline) .public-feedback-container.public-no-message-form,#public-container.public-size-lg:not(.public-inline) .public-send-transcript-container.public-no-message-form{
        height:calc(100% - 68px) !important
    }
    #public-container.public-size-lg:not(.public-inline) .public-visitor-message,#public-container.public-size-lg:not(.public-inline) .public-visitor-message:first-child,#public-container.public-size-lg:not(.public-inline) .public-visitor-message:last-child,#public-container.public-size-lg:not(.public-inline) .public-operator-message,#public-container.public-size-lg:not(.public-inline) .public-operator-message:first-child,#public-container.public-size-lg:not(.public-inline) .public-operator-message:last-child{
        padding:12px 14px !important
    }
    #public-container.public-size-lg:not(.public-inline) .public-has-avatar{
        margin-left:50px !important
    }
    #public-container.public-size-lg:not(.public-inline) .public-operator-avatar{
        width:42px !important;
        height:42px !important
    }
    #public-container.public-size-lg:not(.public-inline) .public-chat-input{
        height:50px !important;
        min-height:50px !important;
        max-height:85px !important
    }
    #public-container.public-size-lg:not(.public-inline) .public-chat-send-button{
        height:51px !important
    }
    #public-container.public-size-lg:not(.public-inline) .public-branding-panel{
        max-width:85% !important;
        margin:0 auto !important
    }
    #public-container.public-size-lg:not(.public-inline) .public-cancel-link-wrap svg{
        width:14px !important;
        height:14px !important
    }
    #public-container.public-size-lg:not(.public-inline) .public-form-container .public-form:not(.public-feedback-wrap),#public-container.public-size-lg:not(.public-inline) .public-form-message{
        width:85% !important;
        display:block !important;
        margin-left:auto !important;
        margin-right:auto !important;
        float:none !important
    }
    #public-container.public-size-lg:not(.public-inline) .public-form-send-button,#public-container.public-size-lg:not(.public-inline) .public-form-message{
        margin-top:20px !important
    }
    #public-container.public-size-lg:not(.public-inline) .public-feedback-form-button{
        margin-top:45px !important
    }
    #public-container.public-size-lg:not(.public-inline) .public-form-confirmation-icon{
        margin-top:60px !important
    }
    #public-container.public-size-lg:not(.public-inline) .public-form-input{
        padding:15px 15px 5px 0 !important
    }
    #public-container.public-size-lg:not(.public-inline) .public-feedback-container .public-form-container,#public-container.public-size-lg:not(.public-inline) .public-feedback-container .public-ratings-answer-labels{
        margin-left:auto !important;
        margin-right:auto !important;
        max-width:85% !important;
        display:block !important
    }
    #public-container.public-size-lg:not(.public-inline) .public-feedback-low-answer,#public-container.public-size-lg:not(.public-inline) .public-feedback-high-answer{
        padding:10px !important
    }
    #public-container.public-size-lg:not(.public-inline) .public-feedback-indicator{
        width:25px !important;
        height:25px !important
    }
    #public-container.public-size-lg:not(.public-inline) .public-feedback-select-wrap > input{
        height:25px !important
    }
    #public-container.public-size-lg:not(.public-inline) .public-feedback-select-wrap > input:checked ~ .public-feedback-indicator,#public-container.public-size-lg:not(.public-inline) .public-feedback-select-wrap > input:focus ~ .public-feedback-indicator{
        top:-1px !important;
        left:-1px !important
    }
    #public-container.public-size-lg:not(.public-inline) .public-feedback-wrap:before{
        top:13px !important
    }
    #public-container.public-size-lg:not(.public-inline) .public-ratings-question{
        margin-bottom:2em !important
    }
}
@media screen and (min-width:600px){
    #public-container.public-size-dr:not(.public-inline){
        width:50% !important;
        height:100% !important;
        right:0 !important;
        top:0 !important;
        max-height:100% !important;
        box-shadow:0 0 15px 0 rgba(0,0,0,0.15) !important
    }
    #public-container.public-size-dr:not(.public-inline).public-hidden{
        bottom:0 !important;
        right:-50% !important
    }
    #public-container.public-size-dr:not(.public-inline) .public-top-bar{
        border-radius:0 !important
    }
    #public-container.public-size-dr:not(.public-inline) .public-top-bar-button{
        padding:16px 16px 16px 28px !important;
    }
    #public-container.public-size-dr:not(.public-inline) .public-top-bar-button:hover{
        padding:16px 14px 16px 30px !important;
    }
    #public-container.public-size-dr:not(.public-inline) .public-top-bar-button:hover svg{
        margin-top:0 !important
    }
    #public-container.public-size-dr:not(.public-inline) .public-top-bar-button svg{
        transform:rotate(-90deg) !important
    }
    #public-container.public-size-dr:not(.public-inline).public-bottom-left{
        right:auto !important;
        left:0 !important;
    }
    #public-container.public-size-dr:not(.public-inline).public-bottom-left.public-hidden{
        bottom:0 !important;
        right:auto !important;
        left:-50% !important
    }
    #public-container.public-size-dr:not(.public-inline).public-bottom-left .public-top-bar-button svg{
        transform:rotate(90deg) !important
    }
}
@media screen and (min-width:1100px){
    #public-container.public-size-dr:not(.public-inline){
        width:350px !important
    }
    #public-container.public-size-dr:not(.public-inline) .public-top-bar-button{
        padding:16px 16px 16px 28px !important;
    }
    #public-container.public-size-dr:not(.public-inline) .public-top-bar-button:hover{
        padding:16px 14px 16px 30px !important
    }
}
@media screen and (min-width:600px){
    .public-launch-button.public-size-sm{
        font-size:90% !important;
        padding:0 15px !important;
        height:42px !important
    }
    .public-launch-button.public-size-sm .public-button-text{
        margin-left:8px !important;
        line-height:42px !important
    }
    .public-launch-button.public-size-sm svg{
        height:42px !important;
        width:22px !important
    }
}
.public-launch-button.public-size-lg{
    font-size:110% !important;
    padding:0 25px !important;
    height:54px !important;
}
.public-launch-button.public-size-lg .public-button-text{
    margin-left:12px !important;
    line-height:54px !important
}
.public-launch-button.public-size-lg svg{
    height:54px !important;
    width:32px !important
}
#public-container.public-preview-mode{

    box-shadow:none !important;
    right:0 !important
}
#public-container.public-preview-mode.public-bottom-left{
    box-shadow:none !important;
    left:0 !important
}
@media screen and (min-width:480px){
    #public-container.public-inline{
        box-shadow:none !important
    }
}
@media screen and (min-width:600px){
    #public-container.public-inline{
        width:100% !important
    }
}
@media screen and (min-width:1100px){
    #public-container.public-inline{
        position:absolute !important;
        height:100% !important;
        max-height:100% !important;
        border-radius:0 0 0 0 !important;
        top:inherit !important;
        transition:all .6s ease-in-out,top .4s ease-in-out !important;
        right:0 !important
    }
}
@media screen and (min-width:1100px){
    #public-container.public-inline .public-top-bar{
        border-radius:0 0 0 0 !important
    }
}
#public-wrapper gr_block,#public-wrapper grammarly-btn,#public-wrapper grammarly-ghost{
    display:none !important
}