.footerDiv {position:fixed;bottom:5.71px;right:14.53px;z-index:999}

#chatDiv {transition: 1s;border-radius:5px;padding-bottom:8px;box-shadow: 0 6px 20px 0 rgba(17,14,35,.08);position:absolute;bottom:-610px;right:0px;width:370px;height:auto;min-height:100px;background:#fff url('../img/back.png');background-size:100% 100%;}

#chatDiv.show {bottom:55px;}

#whatsappDiv {float:right;border-radius:100px;width:50px;height:50px;background:#008069;cursor:pointer;color: #fff;text-align: center;}

.style2 #whatsappDiv {width:180px;border-radius:5px;background:#008069;cursor:pointer;color: #fff;text-align: center;}

.style2 #whatsappDiv i, #whatsappDiv span {display:none}

.style2 #whatsappDiv span {display:block;padding:7.571px 0;font-size:15px;}

#whatsappDiv, #whatsappDiv i {font-size: 32px;line-height: 38px;}

.chatHeader {padding:20px 15px 0;background:#008069;color:#fff;border-radius:5px 5px 0 0}

.chHeader {display:flex}

.chHeader > div {display:block;}

.chHeader > div.chAvatar {width:20%}

.chAvatar img {width:38px;height:auto;border-radius:50px;}

.chHeader > div.chName {width:70%}

.chName span {display:block}

.chName span.small {font-size:10px;display:block}

.chHeader > div.chClose {width:10%;text-align:center;cursor:pointer}

.chFooter {height: 18px;border-radius: 0 0 80% 80%;background: #008069;}

.chBody, #nofications, #cmsPage {padding:15px;color:#000}

#cmsPage a {color:#000;display:block}

#qTitle li {background:#fff;cursor:pointer;display:block;padding:8px 8px;border-bottom:2px solid #ccc;border-radius:5px;margin-bottom:5px;font-size: 13px;}

#qTitle li:hover {background:#f2f2f2}

#qTitle li i {margin-top: -2px;float:right}

#qTitle li.whatsappLast {background:#e2ffc9;color:#000;}

#qTitle li.whatsappLast i {font-size:16px;margin-top: 0px;}

#qTitle li.whatsappLast:hover {background:#c8e6af}

.cbTitle {font-size: 14px;color: #000;margin-bottom: 30px;}

.qTitles {display:block;padding:5px 8px 10px;margin-bottom:8.571px;border-bottom:1px olid #ddd;cursor:pointer}

.qTitles i {font-size:13px}

#rQuestion {min-height:150px;max-height:380px;overflow-y:auto;background: #fff;border-radius: 5px;border-bottom: 2px solid #ccc;}

#rQuestion, #rQuestion p {font-size:13px;padding:5px 8px;color:#333;}

#rQuestion a.btn {font-size:12px;width:100%;border-radius:5px;text-align:center;margin-bottom:10px;}

#rQuestion a.btn i {font-size:15px;float:right;margin-top: 12px;padding-left: 10px;}

.footerButton {display:flex}

.footerButton a {text-align:center;color:#444;font-size:12px;border:1px solid #eee;border-radius:4px;flex-grow: 1;margin-right: 2px;}

.footerButton a i {font-size: 15px;margin-right: 5px;}

.footerButton a.red {border-color:#f98e8e;color:#941818 !important}

.footerButton a.green {border-color:#a4c6a4;color:#597259 !important}

.footerButton a:hover {background:#eee;}

#chatFooter {width:calc(100% - 16px);margin-left:8px;background:#fff;height:auto;border-radius:5px;display:flex}

#chatFooter > div {display:block;flex-grow: 1;line-height: 42px;text-align: center;font-size:13px;cursor:pointer;color:#000}

#chatFooter > div.frist {border-right:2px dotted #bcbcbc}

#chatFooter > div i {font-size:15px}

#write {width:80px;height:34px;background:#fff;border-radius:5px;border-bottom:2px solid #ccc;padding:5px 15px 7px;display:none}

#write img {width:100%;height:auto;border-radius:5px;}

#whatsappDiv {position:fixed;bottom:5.71px;right:14.53px;z-index:999}

#smallWhatsapp {width:100px;position:absolute;bottom:0;right:0px;padding:10.571px 23.571px;background:#008069;color:#fff;border-radius:5px;cursor:pointer}

#nofications, #cmsPage {display:none}



@media (max-width:390px)

{

	#chatDiv {width:360px;margin-right:2px;margin-left:2px;}

}