#simplicity-chat-widget {position:fixed;bottom:50px;right:50px;background:var(--chat-widget-bg);color:var(--chat-primary-color);border:none;border-radius:50px;-webkit-box-shadow: 0px 0px 4px 0px #777;box-shadow: 0px 0px 4px 0px #777;padding:15px 22px;line-height:.8;text-align:center;font-size:x-large;z-index:50;}
#simplicity-chat-widget:hover {background:#333;color:#eee;}
#simplicity-chat-widget small {font-size:x-small;text-transform:uppercase;font-weight:bold;}
#simplicity-chat {z-index:50;background:white;border:1px solid #eee;-webkit-box-shadow: 0px 0px 4px 0px #333;box-shadow: 0px 0px 4px 0px #333;position:fixed;bottom:50px;right:50px;min-width:300px;}
#simplicity-chat label {display:block;width:100%;}
#simplicity-chat .chat-area {width: 100%;min-height: 350px;min-width: 300px;height: 300px;overflow: auto;padding: 10px;min-width:300px;}
#simplicity-chat .header-area {border-bottom:1px solid #eee;padding:5px;}
#simplicity-chat .header-area img {width:50px;}
#simplicity-chat [data-type="customer"] {background:#2292FF;color:white;float:right;}
#simplicity-chat [data-type="agent"] {background:#eee;float:left;}
#simplicity-chat .message {white-space:pre-wrap;padding:8px;max-width:300px;border-radius:10px;clear:both;margin-bottom:10px;}
#simplicity-chat .close-chat {background:none;border:none;position:absolute;right:0;top:15px;}
#simplicity-chat .start-chat {padding:10px;}
#simplicity-chat .btn-primary {background:var(--chat-widget-bg);}
#simplicity-chat .g-recaptcha {margin-bottom:10px;}
#simplicity-chat .message-area textarea.form-control {box-shadow: inset 0 -1px 0 #ddd;border:none;border-radius:0 0 0 0;border-top:1px solid #ddd;resize:none;}
#simplicity-chat .message-area .btn-block {margin:10px;max-width:93%;}
#simplicity-chat .simplicity-chat-backdrop {background-color:#000;opacity:.5;z-index:51;position:absolute;top:0;left:0;width:100%;height:100%;}
#simplicity-chat .simplicity-message-box {background-color:#FFF;width:calc(100% - 40px);position:absolute;top:20px;margin:0 20px;z-index:52;}
#simplicity-chat .confirm-close-box {background-color:#FFF;width:calc(100% - 40px);position:absolute;top:20px;margin:0 20px;z-index:52;}
#simplicity-chat .close-box-header {padding:5px;text-align:right;}
#simplicity-chat .close-box-body {padding:5px;}
#simplicity-chat .cancel-close-chat {background:none;border:none;}
.simplicity-chat-offline {margin:3em auto;width:270px;padding:15px;}
.btn-confirm-close-chat {margin:0 auto;display:block;}
.message-box-body {padding:10px;}
@media only screen and (max-width:992px) {
#simplicity-chat-widget {bottom:10px;right:10px;padding:10px 13px;font-size:large;}
}
div#wave {
position: relative;
text-align: center;
width: 30px;
height: 20px;
clear:both;
}
div#wave .dot {
display: inline-block;
width: 7px;
height: 7px;
border-radius: 50%;
margin-right: 3px;
background: #777;
animation: wave 1.3s linear infinite;
}
div#wave .dot:nth-child(2) {
animation-delay: -1.1s;
}
div#wave .dot:nth-child(3) {
animation-delay: -0.9s;
}
@keyframes wave {
0%, 60%, 100% {
transform: initial;
}
30% {
transform: translateY(-15px);
}
}
@keyframes wave {
0%, 60%, 100% {
transform: initial;
}
30% {
transform: translateY(-15px);
}
}