芝麻web文件管理V1.00
编辑当前文件:/home/royashxg/www/wp-content/plugins/chaty/admin/assets/css/preview.css
.csaas-agent-data, .csaas-whatsapp-field input[type=text], .csaas-whatsapp-message {font-family: Segoe UI, Helvetica Neue, Helvetica, Lucida Grande, Arial, Ubuntu, Cantarell, Fira Sans, sans-serif }.csaas *, .csaas-outer-forms *, .preview * {box-sizing: border-box }.csaas-agent-header, .csaas-channel, .csaas-channels, .csaas-form-body, .csaas-tooltip {position: relative }.csaas-tooltip .on-hover-text, .csaas-tooltip .on-hover-text:before, .csaas-tooltip:after, .csaas-tooltip:before {text-transform: none;font-size: .9em;line-height: 1;user-select: none;pointer-events: none;position: absolute;display: none;opacity: 0 }.chaty-icon.icon-active .default-chaty-icon, .chaty-icon.img-active .default-chaty-icon, .chaty-icon:not(.img-active) .custom-chaty-image, .csaas, .csaas-agent .chaty-icon.icon-active .default-agent-icon, .csaas-agent .chaty-icon.img-active .default-agent-icon, .csaas-agent .custom-agent-image, .csaas-agent .facustom-icon, .csaas-channel .chaty-icon .custom-agent-image, .csaas-channel .chaty-icon .facustom-icon, .csaas-channel .chaty-icon.icon-active .default-agent-icon, .csaas-channel .chaty-icon.img-active .default-agent-icon, .csaas-channel button.open-csaas-channel, .csaas-tooltip.has-on-hover:after, .csaas-tooltip.has-on-hover:before, .csaas-widget .csaas-i-trigger .csaas-cta-close.csaas-tooltip.csaas-tooltip:hover:after, .csaas-widget .csaas-i-trigger .csaas-cta-close.csaas-tooltip:hover:before, .csaas-widget.csaas-no-close-button:not(.has-single) .csaas-i-trigger:not(.single-channel), .csaas-widget.csaas-open .ch-pending-msg, .csaas-widget.csaas-open .csaas-i-trigger .csaas-cta-main.csaas-tooltip .on-hover-text, .csaas-widget.csaas-open .csaas-i-trigger .csaas-cta-main.csaas-tooltip:after, .csaas-widget.csaas-open .csaas-i-trigger .csaas-cta-main.csaas-tooltip:before, .csaas-widget.cssas-no-close-button.default-open .csaas-i-trigger, .csaas.form-open .ch-pending-msg, .csaas.form-open .csaas-channel button.open-csaas, .csaas.form-open .csaas-i-trigger .csaas-cta-main.csaas-tooltip .on-hover-text, .csaas.form-open .csaas-i-trigger .csaas-tooltip:after, .csaas.form-open .csaas-i-trigger .csaas-tooltip:before, .csaas.form-open .csaas-widget.has-single .csaas-i-trigger .on-hover-text, .on-hover-text:empty, .single.csaas-channel > a .on-hover-text, [data-hover=""]:after, [data-hover=""]:before {display: none !important }.csaas-tooltip .on-hover-text:before, .csaas-tooltip:before {content: "";border: 3px solid transparent;z-index: 1001 }.csaas-tooltip:after {content: attr(data-hover) }.csaas-tooltip .on-hover-text, .csaas-tooltip:after {text-align: center;min-width: 1em;max-width: 21em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 4px 10px;border-radius: 8px;background: #fff;color: #333;z-index: 1000;box-shadow: 0 1.93465px 7.73859px rgb(0 0 0 / 15%);font-size: 12px;line-height: 14px }.csaas-animation-shockwave:after, .csaas-animation-shockwave:before {content: "";border-radius: 50%;position: absolute;top: 0;right: 0;bottom: 0 }.csaas-tooltip .on-hover-text {overflow: visible;white-space: pre }.csaas-tooltip.active .on-hover-text, .csaas-tooltip.active .on-hover-text:before, .csaas-tooltip.active:after, .csaas-tooltip.active:before, .csaas-tooltip:hover .on-hover-text, .csaas-tooltip:hover .on-hover-text:before, .csaas-tooltip:hover:after, .csaas-tooltip:hover:before {display: block;opacity: 1 }.csaas-tooltip.active .on-hover-text, .csaas-tooltip.active .on-hover-text:before, .csaas-tooltip.active:after, .csaas-tooltip.active:before, .csaas-tooltip.left:hover .on-hover-text, .csaas-tooltip.left:hover .on-hover-text:before, .csaas-tooltip.left:hover:after, .csaas-tooltip.left:hover:before, .csaas-tooltip.right:hover .on-hover-text, .csaas-tooltip.right:hover .on-hover-text:before, .csaas-tooltip.right:hover:after, .csaas-tooltip.right:hover:before {animation: ease-out forwards tooltips-horz }.csaas-tooltip.top:before {border-bottom-width: 0;border-top-color: #fff;bottom: calc(100% + 7px) }.csaas-tooltip.top:after {bottom: calc(100% + 10px) }.csaas-tooltip.top:after, .csaas-tooltip.top:before {left: 50%;transform: translate(-50%, -.5em) }.csaas-tooltip.down:before {top: 100%;border-top-width: 0;border-bottom-color: #fff }.csaas-tooltip.down:after {top: calc(100% + 5px) }.csaas-tooltip.down:after, .csaas-tooltip.down:before {left: 50%;transform: translate(-50%, .5em) }.csaas-tooltip.left .on-hover-text:before, .csaas-tooltip.left:before {top: 50%;border-right-width: 0;border-left-color: #fff;left: calc(0em - 10px);transform: translate(-.5em, -50%) }.csaas-tooltip.left .on-hover-text:before {left: auto;right: calc(0em - 3px) }.csaas-tooltip.left .on-hover-text, .csaas-tooltip.left:after {top: 50%;right: calc(100% + 10px);transform: translate(-.5em, -50%) }.csaas-tooltip.right .on-hover-text:before, .csaas-tooltip.right:before {top: 50%;border-left-width: 0;border-right-color: #fff;right: calc(0em - 10px);transform: translate(.5em, -50%) }.csaas-tooltip.right .on-hover-text:before {left: calc(0em - 3px);right: auto }.csaas-tooltip.right .on-hover-text, .csaas-tooltip.right:after {top: 50%;left: calc(100% + 10px);transform: translate(.5em, -50%) }@keyframes tooltips-vert {to {opacity: 1;transform: translate(-50%, 0) }}@keyframes tooltips-horz {to {opacity: 1;transform: translate(0, -50%) }}.csaas-tooltip.down:hover:after, .csaas-tooltip.down:hover:before, .csaas-tooltip.top:hover:after, .csaas-tooltip.top:hover:before {animation: ease-out forwards tooltips-vert }@-webkit-keyframes csaas-animation-shockwave {0% {transform: scale(1);box-shadow: 0 0 2px rgba(0, 0, 0, .3), inset 0 0 1px rgba(0, 0, 0, .3) }95% {box-shadow: 0 0 50px transparent, inset 0 0 30px transparent }100% {transform: scale(2.25) }}@keyframes csaas-animation-shockwave {0% {transform: scale(1);box-shadow: 0 0 2px rgba(0, 0, 0, .3), inset 0 0 1px rgba(0, 0, 0, .3) }95% {box-shadow: 0 0 50px transparent, inset 0 0 30px transparent }100% {transform: scale(2.25) }}@-webkit-keyframes csaas-animation-blink {0%, 100% {opacity: 1 }20% {opacity: .5 }}@keyframes csaas-animation-blink {0%, 100% {opacity: 1 }20% {opacity: .5 }}@-webkit-keyframes csaas-animation-pulse {0% {transform: scale(1);box-shadow: 0 2px 2px rgba(0, 0, 0, .2);border-radius: 50% }100% {transform: scale(1.1);box-shadow: 0 2px 2px rgba(0, 0, 0, .2);border-radius: 45% }}@keyframes csaas-animation-pulse {0% {transform: scale(1);border-radius: 50% }100% {transform: scale(1.1);border-radius: 45% }}.csaas-animation-shockwave:after {left: 0;-webkit-animation: 2s ease-out 1.3s infinite csaas-animation-shockwave;animation: 2s ease-out 1.3s infinite csaas-animation-shockwave }.csaas-animation-shockwave:before {left: 0;-webkit-animation: 2s ease-out .8s infinite csaas-animation-shockwave;animation: 2s ease-out .8s infinite csaas-animation-shockwave }.csaas-animation-blink {-webkit-animation: 1.33s ease-out infinite csaas-animation-blink;animation: 1.33s ease-out infinite csaas-animation-blink }.csaas-animation-pulse, .csaas-animation-pulse-icon {-webkit-animation: .4s infinite alternate csaas-animation-pulse;animation: .4s infinite alternate csaas-animation-pulse }.csaas-animation-sheen {position: relative;overflow: hidden }.csaas-animation-sheen:after {animation: 5s infinite csaas-animation-sheen;content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, .5) 50%, transparent);transform: rotateZ(60deg) translate(0, 5em) }@keyframes csaas-animation-sheen {100%, 20% {transform: rotateZ(60deg) translate(0, -80px) }}.csaas-animation-fade {animation: 5s infinite csaas-animation-fade }.csaas-animation-spin {animation: 5s cubic-bezier(.56, -.35, .22, 1.5) infinite csaas-animation-spin }@keyframes csaas-animation-fade {15%, 5% {opacity: .25 }10%, 100%, 20% {opacity: 1 }}@keyframes csaas-animation-spin {10% {transform: rotateZ(-20deg);animation-timing-function: ease }100%, 20% {transform: rotateZ(360deg) }}.csaas-animation-bounce, .csaas-animation-jump {animation: 4s cubic-bezier(.84, -.54, .31, 1.19) infinite csaas-animation-bounce }@keyframes csaas-animation-bounce {0%, 100%, 20% {transform: none }10% {transform: translateY(-1em) }}@keyframes csaas-animation-waggle {0% {transform: none }10% {transform: rotateZ(-20deg) scale(1.2) }13% {transform: rotateZ(25deg) scale(1.2) }15% {transform: rotateZ(-15deg) scale(1.2) }17% {transform: rotateZ(15deg) scale(1.2) }20% {transform: rotateZ(-12deg) scale(1.2) }22% {transform: rotateZ(0) scale(1.2) }100%, 24% {transform: rotateZ(0) scale(1) }}.csaas-animation-waggle {animation: 5s infinite csaas-animation-waggle }.csaas-animation-floating {-webkit-animation: 3s infinite csaas-animation-floating;animation: 3s infinite csaas-animation-floating }@keyframes csaas-animation-floating {0%, 100% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0) }50% {-webkit-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0) }}.csaas-agent .chaty-icon.icon-active .facustom-icon, .csaas-agent .chaty-icon.img-active .custom-agent-image, .csaas-channel .chaty-icon.icon-active .facustom-icon, .csaas-channel .chaty-icon.img-active .custom-agent-image, .csaas-channel .custom-agent-image, .csaas-channel .facustom-icon, .csaas-widget.csaas-open .csaas-i-trigger .csaas-cta-close.csaas-tooltip.csaas-tooltip:hover:after, .csaas-widget.csaas-open .csaas-i-trigger .csaas-cta-close.csaas-tooltip:hover:before, .csaas.active, .csaas.form-open .csaas-channel button.open-csaas-channel, .csaas.form-open .csaas-widget.cssas-no-close-button.default-open .csaas-i-trigger, .single.csaas-channel > .on-hover-text {display: block !important }.preview .sr-only {position: absolute !important;width: 1px !important;height: 1px !important;padding: 0 !important;margin: -1px !important;overflow: hidden !important;clip: rect(0, 0, 0, 0) !important;border: 0 !important }.preview a, .preview a:focus, .preview a:hover, .preview button {border: none;text-decoration: none;outline: 0;box-shadow: none }.csaas-widget {position: absolute;bottom: 15px;right: 15px;z-index: 10001 }.csaas-widget.left-position {left: 15px;right: auto }.csaas-channel-list {display: flex;width: 62px;height: 124px;position: absolute;bottom: -4px;right: 0;flex-direction: column;align-items: flex-start;pointer-events: none }.csaas-widget.left-position .csaas-channel-list {left: 0;right: auto }.csaas-widget.csaas-open .csaas-channel-list, .csaas-widget.has-single .csaas-i-trigger .Phone-channel:after, .csaas-widget.has-single .csaas-i-trigger .Phone-channel:before {pointer-events: auto }.csaas-outer-forms, .csaas-widget .csaas-i-trigger .csaas-cta-close {pointer-events: none }.csaas-channel-list .csaas-channel, .csaas-channel.single .csaas-svg {display: inline-block;width: 54px;height: 54px;border-radius: 50%;margin: 4px;cursor: pointer;box-shadow: 0 3px 6px rgb(0 0 0 / 25%) }.csaas-channel-list .csaas-channel {position: absolute;bottom: 0;opacity: 0;transition: .5s;-webkit-transition: .5s }.csaas-channel.single .csaas-svg {margin: 0 }.csaas-widget.csaas-open .csaas-channel-list .csaas-channel {opacity: 1 }.csaas-channel a, .csaas-channel button, .csaas-svg {display: block;width: 54px;height: 54px;border-radius: 50%;cursor: pointer;position: relative;margin: 0;padding: 0 }.csaas-channel a .csaas-custom-icon, .csaas-channel button .csaas-custom-icon, .csaas-svg .csaas-custom-icon {width: 54px;height: 54px;border-radius: 50%;text-align: center;font-size: 27px;line-height: 54px;color: #fff }.csaas-agent-icon svg, .csaas-channel svg, .csaas-view-channels .csaas-channel span svg, .csaas-whatsapp-button svg {width: 100%;height: 100% }.csaas-channel img {width: 54px;height: 54px;object-fit: cover;border-radius: 50% }.csaas-i-trigger .csaas-channel {position: absolute;bottom: 0;right: 4px;transition: .5s;border-radius: 50%;cursor: pointer;width: 36px;height: 36px }.csaas-cta-button {transition: .5s;box-shadow: 0 3px 6px rgb(0 0 0 / 25%);border-radius: 50% }.csaas-widget.left-position .csaas-i-trigger .csaas-channel {left: 4px;right: auto }.csaas-widget .csaas-cta-main .csaas-cta-button {z-index: 1099;opacity: 1;position: relative }.csaas-widget.csaas-open .csaas-cta-main .csaas-cta-button {z-index: 999;opacity: 0;transform: rotate(540deg);visibility: hidden }.csaas-widget.csaas-open .csaas-i-trigger .csaas-cta-close {pointer-events: auto;z-index: 101 }.csaas-widget .csaas-i-trigger .csaas-cta-close .csaas-cta-button {z-index: 999;opacity: 0;visibility: hidden }.csaas-widget.csaas-open .csaas-i-trigger .csaas-cta-close .csaas-cta-button {z-index: 1099;opacity: 1;transform: rotate(180deg);visibility: visible }.csaas-widget.csaas-open .csaas-i-trigger .csaas-cta-main.csaas-tooltip {z-index: 91 }.csaas-widget .ch-pending-msg {position: absolute;right: -4px;top: -4px;width: 16px;height: 16px;text-align: center;background: red;color: #fff;font-size: 10px;line-height: 16px;border-radius: 50%;z-index: 1101 }.csaas-widget.left-position.hor-mode .csaas-channel-list {width: 136px;height: 62px;left: 0;bottom: 0 }.csaas-widget.right-position.hor-mode .csaas-channel-list {width: 136px;height: 62px;right: 0;left: auto;bottom: 0 }.csaas-widget.hor-mode .csaas-channel-list .csaas-channel {margin-top: 0;margin-bottom: 0 }.csaas-widget.hor-mode.left-position .csaas-channel-list .csaas-channel {left: 0 }.csaas-widget.hor-mode.right-position .csaas-channel-list .csaas-channel {right: 0;left: auto }.csaas-chat-view, .csaas-outer-forms {vertical-align: bottom;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;position: absolute;bottom: -25px;left: 15px;padding: 0;width: 320px;max-width: 90%;-moz-transition: .5s linear;box-shadow: rgba(0, 0, 0, .16) 0 5px 40px;-webkit-box-shadow: rgba(0, 0, 0, .16) 0 5px 40px;-moz-box-shadow: rgba(0, 0, 0, .16) 0 5px 40px;opacity: 0;visibility: hidden;z-index: -1;transition: .5s;-webkit-transition: .5s;animation-delay: -2s;-webkit-animation-delay: -2s;-webkit-transform: scale(.5);-moz-transform: scale(.5);-o-transform: scale(.5);-ms-transform: scale(.5);transform: scale(.5) }.csaas-chat-view.left, .csaas-outer-forms.left {left: 15px;-webkit-transform-origin: 0 100%;-moz-transform-origin: 0 100%;-o-transform-origin: 0 100%;-ms-transform-origin: 0 100%;transform-origin: 0 100% }.csaas-chat-view.right, .csaas-outer-forms.right {right: 15px;left: auto;-webkit-transform-origin: 100% 100%;-moz-transform-origin: 100% 100%;-o-transform-origin: 100% 100%;-ms-transform-origin: 100% 100%;transform-origin: 100% 100% }.csaas-outer-forms.active, .csaas:not(.form-open) .csaas-widget.csaas-open + .csaas-chat-view {opacity: 1;z-index: 10001;visibility: visible;bottom: 65px;pointer-events: auto }.csaas-whatsapp-body {background: #f0ede7;padding: 20px 20px 20px 10px;position: relative;z-index: 2;height: 200px }.csaas-popup-whatsapp-form .csaas-whatsapp-body {display: flex;align-items: flex-start }.csaas-form-body {background: #fff;z-index: 1002;min-height: 75px;border-radius: 10px }.qr-code-image {padding: 10px;text-align: center }.qr-code-image img {max-width: 100%;max-height: 360px;margin: 0 auto }.csaas-popup-whatsapp-form .csaas-whatsapp-footer:before, .csaas-whatsapp-body:before {display: block;position: absolute;content: "";left: 0;top: 0;height: 100%;width: 100%;z-index: 0;opacity: .08;background-image: url("../../../images/whatsapp.png") }.csaas-popup-whatsapp-form .csaas-whatsapp-body:before, .csaas-popup-whatsapp-form .csaas-whatsapp-footer:before {background-image: url("../../../images/whatsapp-welcome-popup.png");opacity: .7 }.csaas-whatsapp-message {padding: 7px 14px 6px;background-color: #fff;border-radius: 0 8px 8px;position: relative;transform-origin: center top;z-index: 2;box-shadow: rgba(0, 0, 0, .13) 0 1px .5px;margin-top: 4px;margin-left: 15px;max-width: calc(100% - 40px);font-size: 14px }.csaas-whatsapp-message:before {position: absolute;background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAmCAMAAADp2asXAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACQUExURUxpccPDw9ra2m9vbwAAAAAAADExMf///wAAABoaGk9PT7q6uqurqwsLCycnJz4+PtDQ0JycnIyMjPf3915eXvz8/E9PT/39/RMTE4CAgAAAAJqamv////////r6+u/v7yUlJeXl5f///5ycnOXl5XNzc/Hx8f///xUVFf///+zs7P///+bm5gAAAM7Ozv///2fVensAAAAvdFJOUwCow1cBCCnqAhNAnY0WIDW2f2/hSeo99g1lBYT87vDXG8/6d8oL4sgM5szrkgl660OiZwAAAHRJREFUKM/ty7cSggAABNFVUQFzwizmjPz/39k4YuFWtm55bw7eHR6ny63+alnswT3/rIDzUSC7CrAziPYCJCsB+gbVkgDtVIDh+DsE9OTBpCtAbSBAZSEQNgWIygJ0RgJMDWYNAdYbAeKtAHODlkHIv997AkLqIVOXVU84AAAAAElFTkSuQmCC");background-position: 50% 50%;background-repeat: no-repeat;background-size: contain;content: "";top: 0;left: -12px;width: 12px;height: 19px }.csaas-whatsapp-message p {margin: 0;padding: 0 }.csaas-whatsapp-footer {position: relative;padding: 12px 15px;background: #f0ede7 }.csaas-whatsapp-data, .whatsapp-csaas-form {display: flex;z-index: 1;position: relative }.csaas-custom-whatsapp-form .csaas-whatsapp-body {padding: 15px }.csaas-contact-input + .csaas-contact-input {margin-top: 15px }.csaas-whatsapp-button button, .csaas-whatsapp-button button:focus, .csaas-whatsapp-button button:hover {line-height: 1px;text-align: center;float: right;height: 48px;width: 48px;padding: 8px 10px 8px 15px;background: #c6d7e3 !important;border-radius: 24px;outline: 0;box-shadow: none;border: none }.csaas-whatsapp-field {padding-right: 12px;flex: 1 }.csaas-whatsapp-button {flex: 0 0 48px }.csaas-whatsapp-field input[type=text] {height: 48px !important;line-height: 32px;padding: 0 10px 0 15px;font-size: 16px;resize: none;width: 100%;border: none;border-radius: 24px;outline: 0;background: #fff }.csaas-whatsapp-field input[type=text]:focus {outline: 0;border: none }.csaas-whatsapp-button button:focus, .csaas-whatsapp-button button:hover {background: #22bf5b !important }.close-csaas-form {position: absolute;right: 5px;top: 5px;background: #30534b;width: 22px;height: 22px;border-radius: 15px;padding: 3px;cursor: pointer;transition: .4s;-webkit-transition: .4s;-moz-transition: .4s }.close-csaas-form:hover {transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg) }.csaas-close-button {position: relative;width: 16px;height: 16px;transition: .4s;cursor: pointer }.csaas-close-button:after, .csaas-close-button:before {content: "";position: absolute;width: 12px;height: 2px;background-color: #fff;display: block;border-radius: 2px;transform: rotate(45deg);top: 7px;left: 2px }.csaas-close-button:after {transform: rotate(-45deg) }.csaas-agent-data {font-size: 16px }.csaas-agent-header {font-size: 18px;padding: 20px 15px;background: #22bf5b;color: #fff;-webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px;-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;border-top-left-radius: 10px;border-top-right-radius: 10px }.csaas-agent-data .close-csaas-form {right: 10px;top: 12px }.csaas-agent-data .csaas-agent {display: flex;align-items: center;padding: 15px }.csaas-agent-data .csaas-agent a {color: #49687e;font-size: 16px;text-decoration: none;display: flex;width: 100%;align-items: center }.csaas-agent-data .csaas-agent + .csaas-agent {border-top: 2px solid #f6f8f9 }.csaas-agent-img {width: 36px;height: 36px;object-fit: cover;border-radius: 50% }.csaas-agent-icon {width: 48px;height: 48px;margin: 0 15px 0 0 }.csaas-agent-data .csaas-custom-icon {width: 48px;height: 48px;text-align: center;display: block;line-height: 48px;background: silver;border-radius: 50%;color: #fff;font-size: 28px }.csaas-close-agent-list {position: absolute;right: 15px;top: 10px;width: 16px;height: 16px;cursor: pointer;z-index: 10 }.csaas-agent-icon img {width: 48px;height: 48px;object-fit: cover;border-radius: 50% }.csaas-close-agent-list svg {fill: #ffffff }.agent-sub-header {font-size: 14px;line-height: 20px }.agent-main-header {font-size: 20px;line-height: 32px;font-weight: 700;position: relative }.csaas-agent-header:before, .csaas-view-header:before {content: "";background: url(../../../images/header-top.png) no-repeat;width: 215px;height: 41px;position: absolute;top: 0;left: 0;z-index: 1 }.csaas-agent-header:after, .csaas-view-header:after {content: "";background: url(../../../images/header-bottom.png) no-repeat;width: 44px;height: 41px;position: absolute;bottom: 0;right: 0;z-index: 1 }.csaas-custom-channel-icon {display: block;border-radius: 50%;color: #fff;text-align: center;line-height: 54px }.csaas-contact-form-title {padding: 5px 15px;text-align: left;background: #fff;font-size: 18px;border-bottom: 1px solid #acacac;color: #fff }.csaas-contact-inputs {padding: 15px;max-height: 320px;overflow-y: auto }.csaas-contact-input + .csaas-contact-label {margin: 12px 0 0 }.csaas-contact-input input.csaas-input-field {width: 100%;height: 36px;line-height: 36px;font-size: 16px;padding: 0 10px;border: 1px solid #ccc;border-radius: 4px;margin: 0;outline: 0;color: #28303d;background: #fff }.csaas-contact-input input.csaas-input-field:focus, .csaas-contact-input textarea.csaas-textarea-field:focus {outline: 0;box-shadow: none;border-color: #898989 }.csaas-contact-input textarea.csaas-textarea-field {width: 100%;height: 100px;line-height: 20px;font-size: 16px;padding: 10px;border: 1px solid #ccc;border-radius: 4px;margin: 0;outline: 0;color: #28303d;background: #fff }.csaas-contact-form-box .close-csaas-form {right: 9px;top: 9px }.csaas-contact-form-box button.csaas-submit-button[type=submit], button#csaas-submit-button-0 {border: none;border-radius: 4px;color: #fff;background: #a886cd;width: 100%;height: 36px;line-height: 36px;font-size: 18px;padding: 0;margin: 0 }.csaas-contact-input input.csaas-input-field.has-csaas-error, .csaas-contact-input textarea.csaas-textarea-field.has-csaas-error {border: 1px solid #d20000 }.csaas-contact-form-box button.csaas-submit-button {outline: 0 }.csaas-contact-form-button {padding: 15px 0 0 }.csaas-ajax-error-message, .csaas-ajax-success-message {color: #00a700;padding: 10px 0 0;text-align: center;font-size: 16px }.csaas-ajax-error-message {color: #da0000 }.csaas-view-header, .csaas-view-header a, .csaas-view-header a:focus, .csaas-view-header a:hover {font-weight: 500;color: #fff;font-size: 24px }.csaas-agent .span.facustom-icon {text-align: center }.chaty-preview .custom-agent-image, .chaty-preview .custom-chaty-image, .chaty-preview .default-agent-icon, .chaty-preview .facustom-icon {border-radius: 50%;text-align: center }.csaas-view-body {background: #fff;border-radius: 8px }.csaas-view-header {background: #b78deb;border-radius: 7px 7px 0 0;padding: 10px 15px;position: relative;word-break: break-word }.csaas-top-content {padding: 15px 15px 0;font-size: 16px }.csaas-view-content p, .csaas-view-content p a, .csaas-view-content p a:focus, .csaas-view-content p a:hover {margin: 0;padding: 0;font-size: 16px;line-height: 150%;color: #49687e;word-break: break-word }.csaas-view-content p a {display: inline-block }.csaas-view-content p a:focus, .csaas-view-content p a:hover, .csaas-view-header a:focus, .csaas-view-header a:hover {outline: 0;text-decoration: none }.csaas-view-content p + p {margin-top: 10px }.csaas-close-view-list {position: absolute;right: 15px;top: 10px;width: 12px;cursor: pointer;z-index: 11 }.csaas-close-view-list svg {fill: #ffffff;display: inline-block;width: 100% }.csaas-view-channels .csaas-channel {height: 48px;display: inline-block;margin: 6px 0;width: 20%;text-align: center;vertical-align: top }.csaas-view-channels .csaas-channel a, .csaas-view-channels .csaas-channel img, .csaas-view-channels .csaas-channel span:not(.on-hover-text) {display: block;width: 48px;height: 48px;margin: 0 auto }.csaas-view-channels {padding: 10px 8px }.csaas-view-channels .csaas-custom-channel-icon {font-size: 24px }.csaas-whatsapp-header {display: flex;align-items: center;background-color: #4aa485;border-top-left-radius: 6px;border-top-right-radius: 6px;padding: 15px;position: relative }.csaas-whatsapp-header .header-wp-icon {height: 22px;width: 22px;margin-right: 5px }.csaas-whatsapp-header .header-wp-icon svg {height: 100%;width: 100% }.csaas-whatsapp-header .header-wp-title {color: #fff;letter-spacing: .3px;font-size: 15px;flex: 1 }.csaas-whatsapp-body .wp-profile-img {height: 25px;width: 25px;margin-top: 4px }.csaas-whatsapp-body .wp-profile-img img {height: 100%;width: 100%;border-radius: 50%;object-fit: cover }.csaas-whatsapp-message-nickname {color: #489d81;font-size: 10px }.csaas-whatsapp-message-time {color: #a1a1a9;font-size: 10px }.csaas-custom-whatsapp-form .csaas-whatsapp-header {padding: 15px 20px;background-color: #0e5349;border-top-left-radius: 6px;border-top-right-radius: 6px;-webkit-border-top-left-radius: 6px;-webkit-border-top-right-radius: 6px;-moz-border-radius-topleft: 6px;-moz-border-radius-topright: 6px }.csaas-custom-whatsapp-form .csaas-whatsapp-body:before {opacity: .05 }.csaas-custom-whatsapp-form .csaas-whatsapp-body {background: #efe6dd;border-radius: 0;max-height: 200px;height: auto;overflow-y: auto }.csaas-custom-whatsapp-form .csaas-whatsapp-footer {background: #efe6de;border-top: 1px solid #ab8666;min-height: 70px }.csaas-custom-whatsapp-form .csaas-whatsapp-data {display: block;z-index: 1 }.csaas-custom-whatsapp-form .csaas-whatsapp-button button {width: 100% !important;z-index: 1;position: relative }.csaas-custom-whatsapp-form .header-text {display: flex;align-items: center }.csaas-custom-whatsapp-form .header-text span {display: inline-block;vertical-align: super;padding-left: 5px }.csaas-custom-whatsapp-form .csaas-whatsapp-button svg {width: 26px;height: 26px;fill: #ffffff }.csaas-custom-whatsapp-form .csaas-whatsapp-button button span {font-size: 15px;padding-left: 5px }.csaas-custom-whatsapp-form .csaas-whatsapp-button button {display: flex;align-items: center;justify-content: center;border-radius: 6px !important }.csaas-custom-whatsapp-form .csaas-whatsapp-content {padding: 15px;z-index: 101111;position: relative }.csaas-popup-whatsapp-form .csaas-whatsapp-button button {line-height: 34px !important }.csass-whatsapp-input::placeholder {color: #83a1b7;opacity: 40% }.csass-whatsapp-input::-ms-input-placeholder {color: #83a1b7;opacity: 40% }.csaas-wp-emoji-input {position: absolute;top: 13px;left: 8px;background: 0 0;border: none;height: 24px;width: 24px;padding: 0 }.csaas-whatsapp-field:not(.has-emoji) .csaas-wp-emoji-input {display: none;}.csass-whatsapp-input {padding-left: 35px !important }.csaas-whatsapp-field:not(.has-emoji) .csass-whatsapp-input {padding-left: 10px !important }.csaas-popup-whatsapp-form .close-csaas-form {background: 0 0 }.csaas-i-trigger.single-channel .csaas-cta-close {opacity: 0;visibility: hidden;transition: .2s linear }.csaas.form-open .csaas-widget.has-single .csaas-i-trigger.single-channel .csaas-cta-close {opacity: 1;visibility: visible;transform: rotate(180deg);pointer-events: auto;}.csaas.form-open .csaas-widget.has-single .csaas-i-trigger.single-channel .csaas-cta-close .csaas-cta-button {opacity: 1;visibility: visible;transform: rotate(180deg);pointer-events: auto;}.csaas.form-open .csaas-widget.has-single .csaas-i-trigger.single-channel .csaas-channel.single {display: none;}