.mh_plugin_qiscus_chat .fab_front{display:block;width:130px;height:50px;text-align:center;color:#f0f0f0;margin:15px auto 0;cursor:pointer;-webkit-transition:all 0.1s ease-out;transition:all 0.1s ease-out;position:inherit;z-index:998;overflow:hidden;background:transparent;background-image:url(https://myhartono.com/button-chat.png);background-size:cover;margin-bottom:7px;margin-right:25px}.mh_plugin_qiscus_chat .attached_item_column{display:flex;overflow-x:auto;background-color:rgb(243,244,245)}.mh_plugin_qiscus_chat .attached_item_box{display:flex;-webkit-box-align:center;align-items:center;position:relative;max-width:240px;margin:10px;padding:8px 32px 8px 8px;background-color:rgb(255,255,255);border-radius:20px;box-shadow:rgba(0,0,0,.12) 0 0 6px 0;width:70%}.mh_plugin_qiscus_chat .attached_item_image{width:48px;height:48px;background-size:cover;background-position:center center;border-radius:8px;margin-right:12px;flex-shrink:0}.mh_plugin_qiscus_chat .attached_item_info{width:calc(100% - 60px)}.mh_plugin_qiscus_chat .attached_item_info .productName{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:10px;font-weight:600;color:rgba(0,0,0,.7);line-height:22px}.mh_plugin_qiscus_chat .attached_close{position:absolute;top:10px;right:12px;cursor:pointer}.mh_plugin_qiscus_chat ul li{list-style:none}.mh_plugin_qiscus_chat .fabs{bottom:0;position:fixed;margin:1em;right:0;z-index:998}.mh_plugin_qiscus_chat .fab{display:block;width:56px;height:56px;border-radius:50%;text-align:center;color:#f0f0f0;margin:25px auto 0;box-shadow:0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);cursor:pointer;-webkit-transition:all 0.1s ease-out;transition:all 0.1s ease-out;position:relative;z-index:998;overflow:hidden;background:#ffcb08}.mh_plugin_qiscus_chat .fab>i{font-size:1.8em;line-height:55px;-webkit-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.mh_plugin_qiscus_chat .fab:not(:last-child){width:0;height:0;margin:20px auto 0;opacity:0;visibility:hidden;line-height:40px}.mh_plugin_qiscus_chat .fab:not(:last-child)>i{font-size:1.4em;line-height:40px}.mh_plugin_qiscus_chat .fab:not(:last-child).is-visible{width:40px;height:40px;margin:15px auto 10;opacity:1;visibility:visible}.mh_plugin_qiscus_chat .fab:nth-last-child(1){-webkit-transition-delay:25ms;transition-delay:25ms}.mh_plugin_qiscus_chat .fab:not(:last-child):nth-last-child(2){-webkit-transition-delay:20ms;transition-delay:20ms}.mh_plugin_qiscus_chat .fab:not(:last-child):nth-last-child(3){-webkit-transition-delay:40ms;transition-delay:40ms}.mh_plugin_qiscus_chat .fab:not(:last-child):nth-last-child(4){-webkit-transition-delay:60ms;transition-delay:60ms}.mh_plugin_qiscus_chat .fab:not(:last-child):nth-last-child(5){-webkit-transition-delay:80ms;transition-delay:80ms}// .fab(:last-child):active,// .fab(:last-child):focus,// .fab(:last-child):hover{// box-shadow:0 0 6px rgba(0,0,0,.16),0 6px 12px rgba(0,0,0,.32);//}.mh_plugin_qiscus_chat .chat{position:fixed;right:85px;bottom:20px;width:400px;font-size:12px;line-height:22px;font-weight:500;-webkit-font-smoothing:antialiased;display:none;box-shadow:1px 1px 100px 2px rgba(0,0,0,.22);border-radius:10px;-webkit-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.mh_plugin_qiscus_chat .chat_fullscreen{position:fixed;right:0;bottom:0;top:0}.mh_plugin_qiscus_chat .chat_header{font-size:13px;font-weight:500;color:#f3f3f3;height:55px;background:#ffcb08;border-top-left-radius:10px;border-top-right-radius:10px;padding-top:8px}.mh_plugin_qiscus_chat .chat_header2{border-top-left-radius:0;border-top-right-radius:0}.mh_plugin_qiscus_chat .chat_header .span{float:right}.mh_plugin_qiscus_chat .chat_fullscreen_loader{display:none;float:right;cursor:pointer;font-size:20px;opacity:.5;margin:-10px 10px}.mh_plugin_qiscus_chat .chat.is-visible{display:block!important;-webkit-animation:zoomIn 0.2s cubic-bezier(.42,0,.58,1);animation:zoomIn 0.2s cubic-bezier(.42,0,.58,1)}.mh_plugin_qiscus_chat .is-hide{opacity:0}.mh_plugin_qiscus_chat .chat_option{float:left;font-size:15px;list-style:none;position:relative;height:100%;width:100%;text-align:relative;margin-right:10px;letter-spacing:.5px;font-weight:400}.mh_plugin_qiscus_chat .chat_option img{border-radius:50%;width:55px;float:left;margin:-30px 20px 10px 20px;border:4px solid rgba(0,0,0,.21)}.mh_plugin_qiscus_chat .change_img img{width:35px;margin:0 20px 0 20px}.mh_plugin_qiscus_chat .chat_option .agent{font-size:12px;font-weight:300}.mh_plugin_qiscus_chat .chat_option .online{font-size:11px;font-weight:300;color:#fff}.mh_plugin_qiscus_chat .chat_color{display:block;width:20px;height:20px;border-radius:50%;margin:10px;float:left}.mh_plugin_qiscus_chat .chat_body{background:#fff;width:100%;display:inline-block;text-align:center;overflow-y:auto}.mh_plugin_qiscus_chat #chat_body{height:450px}.mh_plugin_qiscus_chat .chat_login p,.mh_plugin_qiscus_chat .chat_body li,.mh_plugin_qiscus_chat p,.mh_plugin_qiscus_chat a{-webkit-animation:zoomIn 0.5s cubic-bezier(.42,0,.58,1);animation:zoomIn 0.5s cubic-bezier(.42,0,.58,1)}.mh_plugin_qiscus_chat .chat_body p{padding:20px;color:#888}.mh_plugin_qiscus_chat .chat_body a{width:10%;text-align:center;border:none;box-shadow:none;line-height:40px;font-size:15px}.mh_plugin_qiscus_chat .chat_field{position:relative;margin:5px 0 5px 0;width:50%;font-size:12px;line-height:30px;font-weight:500;color:#4b4b4b;-webkit-font-smoothing:antialiased;border:none;outline:none;display:inline-block}.mh_plugin_qiscus_chat .chat_field.chat_message{height:30px;resize:none;font-size:13px;font-weight:400}.mh_plugin_qiscus_chat .chat_category{text-align:left}.mh_plugin_qiscus_chat .chat_category{margin:20px;background:rgba(0,0,0,.03);padding:10px}.mh_plugin_qiscus_chat .chat_category ul li{width:80%;height:30px;background:#fff;padding:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);margin-bottom:10px;border-radius:3px;border:1px solid #e0e0e0;font-size:13px;cursor:pointer;line-height:30px;color:#888;text-align:center}.mh_plugin_qiscus_chat .chat_category li:hover{background:#83c76d;color:#fff}.mh_plugin_qiscus_chat .chat_category li.active{background:#83c76d;color:#fff}.mh_plugin_qiscus_chat .tags{margin:20px;bottom:0;display:block;width:120%}.mh_plugin_qiscus_chat .tags li{padding:5px 10px;border-radius:40px;border:1px solid rgb(3,117,208);margin:5px;display:inline-block;color:rgb(3,117,208);cursor:pointer}.mh_plugin_qiscus_chat .fab_field{width:100%;display:inline-block;text-align:center;background:#fff;border-top:1px solid #eee;border-bottom-right-radius:10px;border-bottom-left-radius:10px}.mh_plugin_qiscus_chat .fab_field2{bottom:0;position:absolute;border-bottom-right-radius:0;border-bottom-left-radius:0;z-index:999}.mh_plugin_qiscus_chat .fab_field a{display:inline-block;text-align:center}.mh_plugin_qiscus_chat #fab_camera{float:left;background:rgba(0,0,0,0)}.mh_plugin_qiscus_chat #fab_send{float:right;background:rgba(0,0,0,0)}.mh_plugin_qiscus_chat .fab_field .fab{width:35px;height:35px;box-shadow:none;margin:5px}.mh_plugin_qiscus_chat .fab_field .fab>i{font-size:1.4em;line-height:35px;color:#bbb}.mh_plugin_qiscus_chat .fab_field .fab>i:hover{color:#ffcb08}.mh_plugin_qiscus_chat .chat_converse{position:relative;background:#fff;margin:6px 0 0 0;height:300px;min-height:0;font-size:12px;line-height:18px;overflow-y:auto;width:100%;float:right}.mh_plugin_qiscus_chat .chat_converse2{height:100%;max-height:800px}.mh_plugin_qiscus_chat .chat_list{opacity:0;visibility:hidden;height:0}.mh_plugin_qiscus_chat .chat_list .chat_list_item{opacity:0;visibility:hidden}.mh_plugin_qiscus_chat .chat .chat_converse .chat_msg_item{position:relative;margin:8px 0 15px 0;padding:8px 10px;max-width:60%;display:block;word-wrap:break-word;border-radius:3px;-webkit-animation:zoomIn 0.5s cubic-bezier(.42,0,.58,1);animation:zoomIn 0.5s cubic-bezier(.42,0,.58,1);clear:both;z-index:999}.mh_plugin_qiscus_chat .status{float:right;font-size:11px;opacity:.8;color:#725b02}.mh_plugin_qiscus_chat .status2{margin:-10px 20px 0 0;float:right;display:block;font-size:11px;opacity:.3}.mh_plugin_qiscus_chat .chat .chat_converse .chat_msg_item .chat_avatar{position:absolute;top:0}.mh_plugin_qiscus_chat .chat .chat_converse .chat_msg_item.chat_msg_item_admin .chat_avatar{left:-52px;background:rgba(0,0,0,.03)}.mh_plugin_qiscus_chat .chat .chat_converse .chat_msg_item.chat_msg_item_user .chat_avatar{right:-52px;background:rgba(0,0,0,.6)}.mh_plugin_qiscus_chat .chat .chat_converse .chat_msg_item .chat_avatar,.chat_avatar img{width:40px;height:40px;text-align:center;border-radius:50%}.mh_plugin_qiscus_chat .chat .chat_converse .chat_msg_item.chat_msg_item_admin{margin-left:60px;float:left;background:rgba(0,0,0,.03);color:#666}.mh_plugin_qiscus_chat .chat .chat_converse .chat_msg_item.chat_msg_item_user{margin-right:20px;float:right;background:#ffcb08;color:#725b02;max-width:80%;border-radius:8px;padding:8px}.mh_plugin_qiscus_chat .chat .chat_converse .chat_msg_item.chat_msg_item_admin:before{content:"";position:absolute;top:15px;left:-12px;z-index:998;border:6px solid transparent;border-right-color:rgba(255,255,255,.4)}.mh_plugin_qiscus_chat .chat_form .get-notified label{color:#077ad6;font-weight:600;font-size:11px}.mh_plugin_qiscus_chat input{position:relative;width:90%;font-size:12px;line-height:20px;font-weight:500;color:#4b4b4b;-webkit-font-smoothing:antialiased;outline:none;background:#fff;display:inline-block;resize:none;padding:5px;border-radius:3px}.mh_plugin_qiscus_chat .chat_form .get-notified input{margin:2px 0 0 0;border:1px solid #83c76d}.mh_plugin_qiscus_chat .chat_form .get-notified i{background:#83c76d;width:30px;height:32px;font-size:18px;color:#fff;line-height:30px;font-weight:600;text-align:center;margin:2px 0 0 -30px;position:absolute;border-radius:3px}.mh_plugin_qiscus_chat .chat_form .message_form{margin:10px 0 0 0}.mh_plugin_qiscus_chat .chat_form .message_form input{margin:5px 0 5px 0;border:1px solid #e0e0e0}.mh_plugin_qiscus_chat .chat_form .message_form textarea{margin:5px 0 5px 0;border:1px solid #e0e0e0;position:relative;width:90%;font-size:12px;line-height:20px;font-weight:500;color:#4b4b4b;-webkit-font-smoothing:antialiased;outline:none;background:#fff;display:inline-block;resize:none;padding:5px;border-radius:3px}.mh_plugin_qiscus_chat .chat_form .message_form button{margin:5px 0 5px 0;border:1px solid #e0e0e0;position:relative;width:95%;font-size:12px;line-height:20px;font-weight:500;color:#fff;-webkit-font-smoothing:antialiased;outline:none;background:#fff;display:inline-block;resize:none;padding:5px;border-radius:3px;background:#83c76d;cursor:pointer}strong.chat_time{padding:0 1px 1px 0;font-weight:500;font-size:8px;display:block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{border-radius:0}::-webkit-scrollbar-thumb{margin:2px;border-radius:10px;background:rgba(0,0,0,.2)}.mh_plugin_qiscus_chat .is-active{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out}.mh_plugin_qiscus_chat .is-float{box-shadow:0 0 6px rgba(0,0,0,.16),0 6px 12px rgba(0,0,0,.32)}.mh_plugin_qiscus_chat .is-loading{display:block;-webkit-animation:load 1s cubic-bezier(0,.99,1,.6) infinite;animation:load 1s cubic-bezier(0,.99,1,.6) infinite}@-webkit-keyframes zoomIn{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes zoomIn{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes load{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}50%{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@keyframes load{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}50%{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@media only screen and (min-width:300px){.mh_plugin_qiscus_chat .chat{width:250px}}@media only screen and (min-width:480px){.mh_plugin_qiscus_chat .chat{width:300px}.mh_plugin_qiscus_chat .chat_field{width:65%}}@media only screen and (min-width:768px){.mh_plugin_qiscus_chat .chat{width:300px}.mh_plugin_qiscus_chat .chat_field{width:65%}}@media only screen and (min-width:1024px){.mh_plugin_qiscus_chat .chat{width:300px}.mh_plugin_qiscus_chat .chat_field{width:65%}}.mh_plugin_qiscus_chat .blue .fab{background:#ffcb08;color:#fff}.mh_plugin_qiscus_chat .blue .chat{background:#ffcb08;color:#999}.mh_plugin_qiscus_chat .ink{display:block;position:absolute;background:rgba(38,50,56,.4);border-radius:100%;-moz-transform:scale(0);-ms-transform:scale(0);-webkit-transform:scale(0);-webkit-transform:scale(0);transform:scale(0)}.ink.animate{-webkit-animation:ripple 0.5s ease-in-out;animation:ripple 0.5s ease-in-out}@-webkit-keyframes ripple{100%{opacity:0;-moz-transform:scale(5);-ms-transform:scale(5);webkit-transform:scale(5);-webkit-transform:scale(5);transform:scale(5)}}@keyframes ripple{100%{opacity:0;-moz-transform:scale(5);-ms-transform:scale(5);webkit-transform:scale(5);-webkit-transform:scale(5);transform:scale(5)}}::-webkit-input-placeholder{color:#bbb}:-ms-input-placeholder{color:#bbb}::-moz-placeholder{color:#bbb}:-moz-placeholder{color:#bbb}.mh_plugin_qiscus_chat .chat-recommend{border:1px solid #725b02;border-radius:10px;padding:0 12px;color:#725b02;text-align:center;align-items:center;box-sizing:inherit;display:inline-flex;cursor:pointer;bottom:80px;left:2px;width:100%;background:#fff;z-index:9999;white-space:nowrap;align-items:center;margin-right:-4px;margin-left:15px}.mh_plugin_qiscus_chat .order_status{border:2px solid green;border-radius:8px;text-align:center;cursor:pointer;margin:0;position:absolute;margin-left:5px}.mh_plugin_qiscus_chat .css_recommended_chat{display:flex;overflow:scroll;overflow-y:hidden;align-items:center;width:100%;margin-bottom:-1%}::-webkit-scrollbar{width:0;background:transparent}::-webkit-scrollbar-thumb{background:transparent}.mh_plugin_qiscus_chat .chat_msg_item_invoice{margin-right:10px;background:#ffcb08;color:#eceff1;border-radius:8px;cursor:pointer}.mh_plugin_qiscus_chat .invoice_status{display:flex;flex-direction:column;width:calc(100% - 62px);text-align:left}.mh_plugin_qiscus_chat .invoice_thumbnailWrap{display:inline-flex;width:80%;padding:8px;margin-top:8px;cursor:pointer;border:1px solid #ffcb08;background:#ffcb08;border-radius:8px;float:right;margin-right:16px}.mh_plugin_qiscus_chat .invoice_no{font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin:0;line-height:18px}.mh_plugin_qiscus_chat .invoice_price{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight:800;color:rgb(250,89,29);font-size:14px;margin:0;line-height:18px}.mh_plugin_qiscus_chat .status3{margin:0 20px 0 0;float:right;display:block;font-size:11px;opacity:.3}}