html,body{min-width:275px}#chat-bot{position:fixed;bottom:20px;right:20px;z-index:99999999999999999;height:auto;float:right}#chat-bot .icon{display:flex;justify-content:center;align-items:center;text-align:center;cursor:pointer;color:#fff;height:50px;float:right;border-radius:10px;transition:0.3s all;overflow:hidden}#chat-bot .icon .user{visibility:hidden}#chat-bot .icon.expanded{width:270px;justify-content:end}#chat-bot .messenger.expanded{background-color:#000;background-size:cover;visibility:visible;height:389px;width:270px}#chat-bot .icon.expanded .user{visibility:visible;margin-top:5px;color:grey;font-weight:600;font-size:11px}#chat-bot .messenger{background-color:#fff;box-shadow:0 1px 10px 0 rgb(95 95 95 / .4);margin-bottom:10px;height:390px;border-radius:10px;overflow:hidden;transition:height 0.7s;width:0;height:0;visibility:hidden}#chat-bot .chatroom{height:400px;overflow-y:scroll;display:flex;flex-direction:column;touch-action:pan-y}#chat-bot .chatroom::-webkit-scrollbar{display:none}#chat-bot .type-area input.typing{width:100%;outline:none!important;border:1px solid #e3e6ea;border-radius:5px;padding:8px 40px 8px 14px;height:40px;font-size:12px}#chat-bot .type-area{position:relative;overflow:hidden;box-shadow:0 5px 12px rgb(0 0 0 / 3%);margin-top:10px}#chat-bot .type-area span.send{position:absolute;right:14px;top:9px;cursor:pointer;font-size:18px}#chat-bot .msg{margin-bottom:15px;display:flex;flex-direction:column;font-size:12px;color:#7c8089}#chat-bot .msg .bubble{padding:10px;border-radius:5px;background-color:#e0f2ff}#chat-bot .msg.msg-right .bubble{color:#0f5132;background-color:#d1e7dd}#chat-bot .msg .bubble .name{color:#393d4a;font-size:12px;font-weight:500}.msg.msg-left{align-items:flex-start}.msg.msg-right{align-items:flex-end}#chat-bot .timestamp{font-size:12px;color:#7c8089;text-align:center;margin-bottom:10px}.canfw_whatsapp_headline{background-color:#25D366;text-align:center;padding:10px;color:#fff;align-items:center}.canfw_persons{flex:auto}.canfw_person_cards{margin:10px 0;border-radius:5px}.canfw_person_cards ul{list-style-type:none;padding:11px;width:100%;margin:0!important}.flex-row-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:10px;border-radius:5px}.flex-row-container>.flex-row-item1{flex:1 1 30%;height:100px}.flex-row-container>.flex-row-item2{flex:1 1 30%;height:100px}.flex-row-item1{padding:10px;background-color:#fff4e6}.flex-row-item2{padding:10px;background-color:#fff4e6}.chat_icon_canfw{position:fixed;bottom:0;right:30px;z-index:1000;padding:0;font-size:80px;color:#2db742;cursor:pointer}.chat_box_canfw{font-family:Arial,Helvetica,sans-serif;width:351px;border-radius:5px 5px 8px 8px;-webkit-border-radius:5px 5px 8px 8px;-moz-border-radius:5px 5px 8px 8px;position:fixed;overflow:hidden;box-shadow:0 10px 10px 4px rgb(0 0 0 / 4%);-webkit-box-shadow:0 10px 10px 4px rgb(0 0 0 / 4%);-moz-box-shadow:0 10px 10px 4px rgb(0 0 0 / .04);bottom:102px;right:25px;z-index:999999998;opacity:0;visibility:hidden;-ms-transform:translate(0,50px);transform:translate(0,50px);-webkit-transform:translate(0,50px);-moz-transform:translate(0,50px);transition:.4s ease all;-webkit-transition:.4s ease all;-moz-transition:.4s ease all;will-change:transform,visibility,opacity;max-width:calc(100% - 50px)}.chat_box_canfw.active{-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);visibility:visible;opacity:1}.chat_box_canfw:hover{box-shadow:0 10px 10px 4px rgb(32 32 37 / 23%);-webkit-box-shadow:0 10px 10px 4px rgb(32 32 37 / 23%);-moz-box-shadow:0 10px 10px 4px rgb(32 32 37 / .23)}#messages{padding:20px}.my-conv-form-wrapper textarea{height:30px;overflow:hidden;resize:none}.hidden{display:none!important}.chat_heading_canfw img{height:60px}.chat_box_canfw ul{list-style-type:none!important;margin:0}.chat_list_canfw{box-shadow:0 0 5px 1px #8080803d;border-radius:1%;background:#f5f7f9;cursor:pointer}.chat_heading_canfw{position:relative;padding:15px 43px 17px 74px;color:#d9ebc6;background:#2db742}.chat_main_canfw{display:flex;align-items:center;justify-content:space-between}.chat_main_canfw .avatar_of_users{height:50px}.chat_main_canfw .chat_list_logo{height:40px;padding:6px}.main_chatbox_content_canfw{padding:13px 40px 12px 74px;position:relative;text-decoration:none;display:table;width:100%;border-left:4px solid #2db742;background:#f5f7f9;border-radius:2px 4px 2px 4px;-webkit-border-radius:2px 4px 2px 4px;transition:.4s ease all!important;-webkit-transition:.4s ease all!important;-moz-transition:.4s ease all!important;backface-visibility:hidden;will-change:transform}.main_chatbox_content_canfw:hover{background:#fff;box-shadow:0 7px 15px 1px rgb(55 62 70 / 7%);-webkit-box-shadow:0 7px 15px 1px rgb(55 62 70 / 7%);-moz-box-shadow:0 7px 15px 1px rgb(55 62 70 / .07)}.main_chatbox_content_canfw::after{content:'';position:absolute;right:14px;top:26px;width:20px;height:20px;background-size:100% 100%;-webkit-background-size:100% 100%;-moz-background-size:100% 100%}.main_chatbox_content_canfw::before{content:'';transition:.4s ease all;-webkit-transition:.4s ease all;-moz-transition:.4s ease all;background:#fff0;position:absolute;left:0;top:0;z-index:-1;width:100%;height:100%;opacity:0;will-change:opacity}.chatbox_firstdiv_image{position:absolute;overflow:hidden;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;left:12px;top:12px}.chatbox_seconddiv_title{display:table-cell;vertical-align:middle;min-height:48px;height:48px}.main_title_canfw{font-size:14px;font-weight:600;color:#6d7077;line-height:1.188em!important}.sub_title_canfw{font-size:10px;color:#989b9f;padding:2px 0 0;line-height:1.125em!important}.chat_list_canfw{margin:14px 0 0;transform:translate(0,20px);-webkit-transform:translate(0,20px);-moz-transform:translate(0,20px);will-change:opacity,transform;opacity:0}.chat_box_canfw .active,ul .chat_list_canfw{opacity:1;transform:translate(0,0);-webkit-transform:translate(0,0)}.chatbox_content_ul_canfw{text-align:left;padding:13px 20px 21px 19px;list-style:none}.popup_notice{font-size:11px;color:#a5abb7;font-weight:500;padding:0 3px}.chat_heading_title_canfw{padding-top:2px;padding-bottom:3;color:#fff;font-size:18px;line-height:24px}.chat_heading_title_canfw::before{content:'';background-size:33px;display:block;width:55px;height:33px;position:absolute;top:20px;left:12px}.chat_heading_intro_canfw{padding-top:4px;font-size:12px;line-height:20px}