#fab-chat .img-fab{position:fixed;display:inline-block;width:95px;height:95px;right:0px;bottom:0px;transition:background .5s;z-index:11}#fab-chat .posisi-active{position:fixed;display:none;width:12px;height:12px;right:58px;bottom:58px;transition:background .5s;border-radius:50%;z-index:99;background-color:#0067ff}#fab-chat .chat-main{display:none;right:50px;bottom:85px;position:fixed;width:370px;z-index:999999}#fab-chat .chat-header{background:linear-gradient(to left,#6c8ed1,#2bbeb9);color:#fff}#fab-chat .image{display:grid;justify-content:center}#fab-chat .image img{height:40px;width:40px}#fab-chat .user-detail h6{display:inline-block}#fab-chat .user-detail .active{color:#32b92d;font-size:12px}#fab-chat .options i{color:#a1a1a1;font-size:19px;cursor:pointer}.chat-content,.chat-content .sender,.user-detail h6{font-size:14px}.chat-content{border-bottom-left-radius:var(--bs-border-radius)!important}#fab-chat .chat-content ul{height:410px;overflow-x:scroll;overflow-x:hidden}#fab-chat .chat-content ul li{list-style:none}#fab-chat .chat-content .user1{background:#43acc2;color:#fff;border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-right-radius:20px;width:225px;float:left}#fab-chat .chat-content .user2{background:transparent;color:#5a9ccb;border:1px solid #5a9ccb;border-radius:20px;width:225px;float:right}#fab-chat .chat-content .msg-box{border-top:1px solid #43acc2;background:#ffffff;border-bottom-left-radius:var(--bs-border-radius)!important}#fab-chat .form-control{border:none}#fab-chat .form-control:focus{box-shadow:none}#fab-chat .chat-content .msg-box .send-btn{background:#39aea9}#fab-chat .chat-content .time{font-size:10px;color:#fff}#fab-chat .btn-send-chat{background:transparent;border:none}#fab-chat .btn-send-chat img{width:33px}::-webkit-scrollbar{width:10px;height:fit-content}::-webkit-scrollbar-thumb{background:linear-gradient(to left,#6c8ed1,#2bbeb9);border-radius:6px}::-webkit-scrollbar-track{background-color:transparent}#chat_widget{display:flex;flex-flow:column nowrap;height:70vh;background-color:#fff;border-radius:8px;line-height:1.25;z-index:1;position:relative}#chat_widget .hidden{visibility:hidden}#chat_widget .backdrop{position:absolute;display:grid;place-content:center;width:100%;height:100%;z-index:1}#chat_widget .spinner-border{width:56px;height:56px;color:#40e0d0}#chat_widget ::-webkit-scrollbar{width:8px}#chat_widget ::-webkit-scrollbar-thumb{background:turquoise;border-radius:4px}#chat_widget ::-webkit-scrollbar-track{background-color:#d3d3d3}#chat_widget .top_bar{display:flex;gap:16px;padding:12px 16px;background:linear-gradient(to left,#6c8ed1,#2bbeb9);border-radius:8px 8px 0 0;box-shadow:0 0 8px #7878784d}#chat_widget .top_bar_img{aspect-ratio:1;object-fit:contain;object-position:center;width:44px;height:44px;border-radius:8px;border:none}#chat_widget .top_bar_profile{display:flex;flex-flow:column nowrap;gap:2px}#chat_widget .top_bar_profile_name{font-size:18px;font-weight:600}#chat_widget .top_bar_profile_description{font-size:11px;font-weight:400}#chat_widget .top_bar_profile_status{font-size:14px;font-weight:500}#chat_widget .message_list{display:grid;align-items:end;align-content:space-between;gap:16px;height:100%;padding:16px;margin:0;overflow:auto;z-index:1}#chat_widget .message_item{display:flex;flex-flow:column nowrap;gap:8px;padding:12px 16px;margin:0;max-width:90%;list-style:none;box-shadow:0 0 8px #7878784d}#chat_widget .message_item.time{position:sticky;top:0;justify-self:center;padding:10px 14px;color:#000;background-color:#fff;font-size:12px;font-weight:500;border-radius:16px;z-index:1}#chat_widget .message_item.sender{justify-self:start;border-radius:16px 16px 16px 2px}#chat_widget .message_item.receiver{justify-self:end;border-radius:16px 16px 2px;color:#000;background-color:#40e0d0}#chat_widget .message_item.menu{position:sticky;bottom:0;display:grid;grid-auto-flow:column;justify-content:space-between;order:1;max-width:100%;border-radius:16px;color:#000;background-color:#fff;z-index:1}#chat_widget .message_item_menu{display:grid;align-content:center;gap:4px}#chat_widget .message_item_menu_title{font-size:20px;font-weight:700}#chat_widget .message_item_menu_subtitle{font-size:16px;font-weight:500;opacity:.7}#chat_widget .message_item_action{display:grid;gap:8px;grid-auto-flow:column;place-content:center;place-items:center}#chat_widget .message_item_action_send{font-size:14px;font-weight:500;padding:12px 16px;border:none;border-radius:8px;background-color:#40e0d0}#chat_widget .message_item_action_close{font-size:14px;font-weight:500;padding:12px;border:none;border-radius:8px}#chat_widget .message_item_content{display:block;color:#000;font-size:16px;word-wrap:break-word;word-break:break-word}#chat_widget .message_item_content.text_html{display:flex;flex-flow:column nowrap}#chat_widget .message_item_content.text_html h1{font-size:20px;font-weight:700;margin:0 0 8px}#chat_widget .message_item_content.text_html p{font-size:16px;font-weight:400;margin:0 0 8px}#chat_widget .message_item_content.text_html *:last-child{margin:0}#chat_widget .message_item_content.text_html form{display:flex;flex-flow:column nowrap;gap:8px;margin:0}#chat_widget .message_item_content.text_html :where(input[type="text"],input[type="email"],input[type="tel"]){padding:4px 8px;width:100%;font-size:16px;font-weight:500;border:solid 2px rgb(98,98,98);border-radius:4px}#chat_widget .message_item_content.text_html button{padding:6px 8px;font-size:16px;font-weight:500;color:#000;background-color:#40e0d0;border:none;border-radius:4px}/*!SECTION - Message html */#chat_widget .message_item_info{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500;opacity:.8}#chat_widget .message_item_info .sent{width:8px;height:8px;border-radius:50%;background-color:gray}#chat_widget .message_item_info .sent.read{background-color:#4169e1}#chat_widget .bottom_bar{display:flex;gap:16px;padding:12px 16px;background-color:#fff;border-radius:0 0 8px 8px;box-shadow:0 0 8px #7878784d}#chat_widget .bottom_bar_form{display:flex;flex-flow:row nowrap;margin:0;width:100%;gap:16px}#chat_widget .bottom_bar_form_message{min-width:0px;font-size:16px;padding:4px;border:none;background-color:transparent}#chat_widget .bottom_bar_form_message:focus-visible{outline:none}#chat_widget .bottom_bar_form_send{width:44px;height:44px;padding:4px;border:none;background-color:transparent}/*!SECTION - Chat Widget*/@media screen and (max-width: 576px){#fab-chat .chat-main{display:none;right:8px;bottom:85px;position:fixed;width:368px}#fab-chat .chat-content ul{height:320px}}