@keyframes blink {
0%, 80%, 100% {opacity:.2}
40% {opacity:1}
}

body {overflow:hidden !important;font-size:14px;}
#help header .dot {width:10px; height:10px; border-radius:50%; background:#00c031; box-shadow:0 0 0 4px rgb(14 230 233 / 12%), 0 0 14px rgb(58 220 34);}
#help {background:#fff; height:100% !important;}
#help input:focus, #help select:focus, #help textarea:focus, #help button:focus {outline:none;}
#help #chatLog {display:block; position:fixed; height:calc(100% - 145px) !important; overflow-y:scroll !important; overflow-x:hidden; width:100%; padding:15px 10px; box-sizing:border-box;}
#help .host, #help .user {display:inline-block; padding-bottom:15px; width:100% !important;}
#help .user {float:right;}
#help h1, #help h2, #help h3, #help h4, #help h5, #help h6 {font-weight:700; font-size:17px;}
#help ol {padding-left:10px;}
#help .host .msg {-webkit-border-radius:10px; -webkit-border-top-left-radius:0; -moz-border-radius:10px; -moz-border-radius-topleft:0; border-radius:10px; border-top-left-radius:0;}
#help .user .msg {-webkit-border-radius:10px; -webkit-border-top-right-radius:0; -moz-border-radius:10px; -moz-border-radius-topright:0; border-radius:10px; border-top-right-radius:0;}
#help .hide {display:none !important;}
#help .typing {display:inline-flex; gap:6px; align-items:center;}
#help .typing .dot {width:6px; height:6px; border-radius:50%; background:#fff; animation:blink 1.2s infinite ease-in-out;}
#help .typing .dot:nth-child(2) {animation-delay:.2s;}
#help .typing .dot:nth-child(3) {animation-delay:.4s;}

#help .msg {letter-spacing:0px; line-height:18px; font-size:13px; padding:10px 15px; max-width:calc(100vw - 90px); display:inline-block; word-wrap:break-word; font-weight:500;}
#help .host .msg {float:left; background:#00b52e; color:#fff;}
#help .user .msg {float:right; background:#f1f2f8; color:#000;text-align:left;}
#help .msg a {font-weight:700; text-decoration:underline; color:#000bff !important;}
#help .host .msg * {color:#fff;}
#help .user .msg * {color:#000;}
#help .msg * {font-weight:500; line-height:20px !important; letter-spacing:0 !important;}
#help .icon {width:40px; height:40px; float:left; margin-right:10px; font-size:0px; background-color:#dddee5; background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23fff" width="40" height="40" version="1.0" viewBox="0 -300 1230 1550"><path d="M590.5.6c-52.2 4.2-97.5 16.8-142 39.8-108 55.6-180.3 160.8-194.1 282.1-3.2 27.7-2.2 67 2.2 95.5 15.8 100.4 72.8 189.2 157.9 245.7 131.4 87.2 304 79.2 427-19.8 62-50 105.6-118.3 124.5-195.4 7.7-31.4 10.2-52.7 10.2-86.5 0-42.6-5.8-78-19.2-117.3C912.2 113.3 795.7 19.3 656.5 2.4 644.1.9 601.4-.2 590.5.6z"/><path d="M278.4 724.6c-30.1 21.1-53.6 40.6-80.8 67.4-52.7 51.8-92.1 106.1-125.5 173-45.8 91.7-69 185.7-71.8 290.3l-.6 24.7H1229v-14.3c-.1-114.4-32.7-235.7-90-335.2-48-83.3-117-158.4-191.3-208.4l-7.8-5.2-4.2 3.5c-2.3 1.9-8.2 7-13.2 11.1-59.6 50.3-135.7 86.9-213.1 102.4-33.6 6.8-60.5 9.4-94.9 9.4-26 0-42.2-1.1-66-4.4-89.4-12.6-174.2-50.3-242.3-107.7-5.7-4.8-11.9-9.9-13.7-11.4l-3.2-2.8-10.9 7.6z"/></svg>')}
#help .user .icon {float:right; margin-left:10px; margin-right:0px;}
#help .name {font-size:10px; color:#000; font-weight:700; padding-left:50px; width:100%; display:block; padding-bottom:3px;}
#help .user .name {text-align:right; padding-right:50px;}
#help .time {color:#afafb8;}
#help .write {width:100%; background:#f3f5f9; position:fixed; bottom:0px;}
#help textarea.askChat {width:calc(100% - 55px); border:2px solid #fff; outline:0; resize:none; overflow:hidden; height:70px; background:#fff;}
#help #chatDisconnected {width:120px; left:calc(50% - 60px); margin-top:-50px;}
#help #ChatOptions {bottom:120px; display:inline-block; width:150px; ; z-index:1000; right:20px; padding:10px 25px;}
#help #ChatOptions .optBut {width:100%; display:inline-block; padding:15px 0px; border-bottom:1px solid #efefef;cursor:pointer;}
#help #ChatOptions .optBut:hover {color:#000;}
#help #ChatOptions .optBut:last-child {border-bottom:0px}
#help option[value=''] {font-style:italic; color:#ccc;}
#help input::-webkit-input-placeholder {font-style:italic; color:#ccc;}
#help input::-moz-placeholder {font-style:italic; color:#ccc;}
#help input:-ms-input-placeholder {font-style:italic; color:#ccc;}
#help input:-moz-placeholder {font-style:italic; color:#ccc;}
#help textarea::-webkit-input-placeholder {font-style:italic; color:#999;}
#help textarea::-moz-placeholder {font-style:italic; color:#999;}
#help textarea:-ms-input-placeholder {font-style:italic; color:#999;}
#help textarea:-moz-placeholder {font-style:italic; color:#999;}
#help .rightButons {width:40px;}
#help input, #help button, #help select {-webkit-appearance:none;}
#help .closeOptions {right:10px; margin-top:-20px;}
#help .makeSure {width:calc(100% - 40px);right:20px;height:200px;bottom:120px;z-index:1001;}
#help .makeSure.bigSure {height:260px;}

#help .makeSure .button {width:50%;display:inline-block;}
#help .star {cursor:pointer; width:40px; height:40px; display:inline-block; margin-top:10px; background:#F79F1F url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNAay06AAAAAWdEVYdENyZWF0aW9uIFRpbWUAMTAvMjAvMjCagdYcAAABo0lEQVRYheWY7W2DMBCGX6r+LxskGyQbhFEYKRuUTeoRyAbuBmGC6w/OVWLAvosvAbWvZCUg+/zwCMxHRUSEDedtbYBcrAEHbmaxBjxzM0tleA4OAPb83wP4sChqafAM4MrNzKKVwWDvyts1jCxaGQz2QswsWhiM7YWYWLQwGNsLMbFYanDJXkixxVKDS/ZCii2WGMzZCymy+K7s/82T9QAc8nDgPi2ABsAR40HtpBPOGRwYwHMLIL20qDBHjHYbjNB73ndn+hbwwh22kB7AAbi/SA4AujVoonRgOAAATdMREVZqXQwzB7gW5AQuBfhqyFm4HOCrIBfhJIDPhkzCSQEDZG0IVkvgiIg0tzrLdfJ3nctFey+uHuOZRDyn5mnm8gBIcS0NoNdzlNfSAFo+LIhr/SlAr+cor6W5iiVXcMu/naCvbF7hQt1nFt6WiPxNf8/7UmN6ycSaO4kELE4KVHQnkZ6DPtpuML4KfCL9frHjPo7HpGrOR2iw4aNuiMgJx8zFRbWy0VzFDsAXgJNiTJwT13DSAZbfB5+Sf/eN2jybB/wBes1TePn/UlQAAAAASUVORK5CYII=');}
#help .stars {margin:10px 0px;}
#help .chatDept {bottom:120px;width:calc(100% - 60px);left:30px;}
#help .chatDept .button {width:calc(50% - 15px);background:#f1efec;color:#9090a0;}
#help .chatDept .button.active {background:#00b52e;color:#fff;}

#help .ciat-luv-ask, #help .ciat-sts-ask, #help .ciat-pwr-ask {display:none;}
#help .ciat-sound {border-radius:50%; height:18px; width:18px; background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="18px" viewBox="0 0 24 24" width="18px" fill="%23969696"><path d="M3 10v4c0 .55.45 1 1 1h3l3.29 3.29c.63.63 1.71.18 1.71-.71V6.41c0-.89-1.08-1.34-1.71-.71L7 9H4c-.55 0-1 .45-1 1zm13.5 2c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 4.45v.2c0 .38.25.71.6.85C17.18 6.53 19 9.06 19 12s-1.82 5.47-4.4 6.5c-.36.14-.6.47-.6.85v.2c0 .63.63 1.07 1.21.85C18.6 19.11 21 15.84 21 12s-2.4-7.11-5.79-8.4c-.58-.23-1.21.22-1.21.85z"/></svg>')}
#help .ciat-attach {border-radius:50%; height:18px; width:18px; background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="18px" viewBox="0 0 24 24" width="18px" fill="%23969696"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M16.5 6.75v10.58c0 2.09-1.53 3.95-3.61 4.15-2.39.23-4.39-1.64-4.39-3.98V5.14c0-1.31.94-2.5 2.24-2.63 1.5-.15 2.76 1.02 2.76 2.49v10.5c0 .55-.45 1-1 1s-1-.45-1-1V6.75c0-.41-.34-.75-.75-.75s-.75.34-.75.75v8.61c0 1.31.94 2.5 2.24 2.63 1.5.15 2.76-1.02 2.76-2.49V5.17c0-2.09-1.53-3.95-3.61-4.15C9.01.79 7 2.66 7 5v12.27c0 2.87 2.1 5.44 4.96 5.71 3.29.3 6.04-2.26 6.04-5.48V6.75c0-.41-.34-.75-.75-.75s-.75.34-.75.75z"/></svg>')}
#help .ciat-love {border-radius:50%; height:18px; width:18px; background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="18px" viewBox="0 0 24 24" width="18px" fill="%23969696"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M19.66 3.99c-2.64-1.8-5.9-.96-7.66 1.1-1.76-2.06-5.02-2.91-7.66-1.1-1.4.96-2.28 2.58-2.34 4.29-.14 3.88 3.3 6.99 8.55 11.76l.1.09c.76.69 1.93.69 2.69-.01l.11-.1c5.25-4.76 8.68-7.87 8.55-11.75-.06-1.7-.94-3.32-2.34-4.28zM12.1 18.55l-.1.1-.1-.1C7.14 14.24 4 11.39 4 8.5 4 6.5 5.5 5 7.5 5c1.54 0 3.04.99 3.57 2.36h1.87C13.46 5.99 14.96 5 16.5 5c2 0 3.5 1.5 3.5 3.5 0 2.89-3.14 5.74-7.9 10.05z"/></svg>')}
#help .ciat-sts {border-radius:50%; height:18px; width:18px; background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="18px" viewBox="0 0 24 24" width="18px" fill="%23969696"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M12.72 2.03C6.63 1.6 1.6 6.63 2.03 12.72 2.39 18.01 7.01 22 12.31 22H16c.55 0 1-.45 1-1s-.45-1-1-1h-3.67c-3.73 0-7.15-2.42-8.08-6.03-1.49-5.8 3.91-11.21 9.71-9.71C17.58 5.18 20 8.6 20 12.33v1.1c0 .79-.71 1.57-1.5 1.57s-1.5-.78-1.5-1.57v-1.25c0-2.51-1.78-4.77-4.26-5.12-3.4-.49-6.27 2.45-5.66 5.87.34 1.91 1.83 3.49 3.72 3.94 1.84.43 3.59-.16 4.74-1.33.89 1.22 2.67 1.86 4.3 1.21 1.34-.53 2.16-1.9 2.16-3.34v-1.09c0-5.31-3.99-9.93-9.28-10.29zM12 15c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3z"/></svg>')}
#help .ciat-pwr {border-radius:50%; height:18px; width:18px; background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="18px" viewBox="0 0 24 24" width="18px" fill="%23969696"><g><rect fill="none" height="24" width="24"/><rect fill="none" height="24" width="24"/></g><g><g><path d="M21,14c0-0.55-0.45-1-1-1h-2v2h2C20.55,15,21,14.55,21,14z"/><path d="M20,17h-2v2h2c0.55,0,1-0.45,1-1C21,17.45,20.55,17,20,17z"/><path d="M16,12h-2c-1.1,0-2,0.9-2,2h-1c-0.55,0-1,0.45-1,1v2c0,0.55,0.45,1,1,1h1c0,1.1,0.9,2,2,2h2c0.55,0,1-0.45,1-1v-6 C17,12.45,16.55,12,16,12z"/><path d="M5,13c0-1.1,0.9-2,2-2h1.5c1.93,0,3.5-1.57,3.5-3.5S10.43,4,8.5,4H5C4.45,4,4,4.45,4,5c0,0.55,0.45,1,1,1h3.5 C9.33,6,10,6.67,10,7.5S9.33,9,8.5,9H7c-2.21,0-4,1.79-4,4c0,2.21,1.79,4,4,4h2v-2H7C5.9,15,5,14.1,5,13z"/></g></g></svg>')}