.visuallyhidden{opacity:0}.hidden{display:none}.open_chatbot_widget{cursor:pointer}#chatbotWidget{-webkit-transition:opacity 0.5s cubic-bezier(0.6, 0, 0, 1);-moz-transition:opacity 0.5s cubic-bezier(0.6, 0, 0, 1);-ms-transition:opacity 0.5s cubic-bezier(0.6, 0, 0, 1);-o-transition:opacity 0.5s cubic-bezier(0.6, 0, 0, 1);transition:opacity 0.5s cubic-bezier(0.6, 0, 0, 1);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;position:fixed;z-index:900;right:0;bottom:0}.chatbot_widget_container{-webkit-transition:opacity 0.5s cubic-bezier(0.6, 0, 0, 1),transform 0.5s cubic-bezier(0.6, 0, 0, 1);-moz-transition:opacity 0.5s cubic-bezier(0.6, 0, 0, 1),transform 0.5s cubic-bezier(0.6, 0, 0, 1);-ms-transition:opacity 0.5s cubic-bezier(0.6, 0, 0, 1),transform 0.5s cubic-bezier(0.6, 0, 0, 1);-o-transition:opacity 0.5s cubic-bezier(0.6, 0, 0, 1),transform 0.5s cubic-bezier(0.6, 0, 0, 1);transition:opacity 0.5s cubic-bezier(0.6, 0, 0, 1),transform 0.5s cubic-bezier(0.6, 0, 0, 1);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;position:fixed;z-index:900;right:15px;bottom:20px;width:100%;border-radius:10px;box-shadow:0 0 8px 0px rgba(0,0,0,0.35);overflow:hidden;width:500px;height:600px;max-width:calc(100% - 30px);max-height:calc(100% - 30px);display:flex;flex-direction:column}.chatbot_widget_container .header{padding:10px 15px;display:flex;flex-direction:row;background:#f50;cursor:move;height:80px;align-items:center}.chatbot_widget_container .header .avatar{width:60px;position:relative}.chatbot_widget_container .header .avatar img{width:100%;border-radius:50%;border:2px solid #fff}.chatbot_widget_container .header .avatar .bot_icon{position:absolute;right:0px;bottom:1px;width:18px;height:18px;background-color:#333;border-radius:50%;text-align:center;display:flex;justify-content:center;align-items:center}.chatbot_widget_container .header .avatar .bot_icon svg{width:16px;height:16px}.chatbot_widget_container .header .avatar .bot_icon svg path{fill:#fff}.chatbot_widget_container .header div.header_text{color:#fff;flex-grow:1;margin-left:15px;display:flex;flex-direction:column;justify-content:center;height:100%}.chatbot_widget_container .header div.header_text h4{margin:0;font-weight:700;font-size:22px;color:#fff}.chatbot_widget_container .header div.header_text span{font-size:14px}.chatbot_widget_container .header .close_popup{width:15px;height:15px;position:absolute;top:20px;right:15px;z-index:10;cursor:pointer}.chatbot_widget_container .header .close_popup polygon{fill:#fff}.chatbot_widget_container div.chat_content{background:#f9fafb;background-size:cover;position:relative;flex-grow:1;max-height:calc(100% - 80px - 65px)}.chatbot_widget_container div.chat_content #chatbot_berichten{height:100%;overflow-y:scroll;padding:20px 20px 30px 20px}.chatbot_widget_container div.chat_content .message_row{display:block}.chatbot_widget_container div.chat_content .message_row.user{text-align:right}.chatbot_widget_container div.chat_content div.message{margin-bottom:12px;position:relative;z-index:2;display:inline-block;background:#ececec;color:#333;padding:8px 12px;border-radius:0px 7.5px 7.5px 7.5px;box-shadow:1px 1px 0.5px rgba(0,0,0,0.18);line-height:1.2}.chatbot_widget_container div.chat_content div.message:before{content:"";position:absolute;left:-10px;top:0;border-style:solid;border-width:0 10px 14px 0;border-color:transparent #ececec transparent transparent}.chatbot_widget_container div.chat_content div.message .message_text{font-size:14px}.chatbot_widget_container div.chat_content div.message .message_text p{margin-bottom:20px}.chatbot_widget_container div.chat_content div.message .message_text p:last-child{margin-bottom:0}.chatbot_widget_container div.chat_content div.message .message_text a{text-decoration:underline;color:#f50}.chatbot_widget_container div.chat_content div.message .message_text a:hover{text-decoration:none}.chatbot_widget_container div.chat_content div.message.user{background:#dcf8c6;border-radius:7.5px 0px 7.5px 7.5px;box-shadow:-0.5px 1px 0.5px rgba(0,0,0,0.18)}.chatbot_widget_container div.chat_content div.message.user:before{content:"";position:absolute;left:auto;right:-10px;top:0;border-style:solid;border-width:14px 10px 0 0;border-color:#dcf8c6 transparent transparent transparent}.chatbot_widget_container div.chat_content .branding_box{position:absolute;bottom:5px;right:30px;font-size:12px;color:#6A7272}.chatbot_widget_container div.chat_content .branding_box a{color:#6A7272}.chatbot_widget_container div.chat_content .branding_box a:hover{color:#f50}.chatbot_widget_container div.message_input_box{display:flex;flex-direction:row;padding:10px 15px;white-space:nowrap;background:#ececec;height:65px}.chatbot_widget_container div.message_input_box div.message_input{flex-grow:1}.chatbot_widget_container div.message_input_box div.message_input input{border-radius:100px;background:#fff;border:1px solid #fff;padding:10px;font-size:14px;width:100%;color:#333}.chatbot_widget_container div.message_input_box div.send_button_box{width:42px}.chatbot_widget_container div.message_input_box div.send_button_box a.send_button{display:flex;align-items:center;justify-content:flex-end;height:100%;width:100%;cursor:pointer}.chatbot_widget_container div.message_input_box div.send_button_box a.send_button svg{width:24px;height:24px}.chatbot_widget_container div.message_input_box div.send_button_box a.send_button svg path{fill:#263238}.chatbot_widget_container .extra_info{padding:10px 20px;background-color:#f9fafb;font-size:12px;color:#6A7272;text-align:center}.chatbot_widget_container.closed{opacity:0;-moz-transform:translate(0px, 20px);-o-transform:translate(0px, 20px);-ms-transform:translate(0px, 20px);-webkit-transform:translate(0px, 20px);transform:translate(0px, 20px)}.chatbot_widget_container .typing-indicator .dot{display:inline-block;width:8px;height:8px;margin:0 3px;background-color:#6d6d6d;border-radius:50%;opacity:0.4;animation:blink 1.4s infinite ease-in-out both}.chatbot_widget_container .typing-indicator .dot:nth-child(1){animation-delay:0s}.chatbot_widget_container .typing-indicator .dot:nth-child(2){animation-delay:0.2s}.chatbot_widget_container .typing-indicator .dot:nth-child(3){animation-delay:0.4s}@keyframes blink{0%, 80%, 100%{transform:scale(0.9);opacity:0.3}40%{transform:scale(1.2);opacity:1}}div.melding_box{-webkit-transition:opacity 0.5s cubic-bezier(0.6, 0, 0, 1),bottom 0.4s cubic-bezier(0.5, 1.6, 1, 1);-moz-transition:opacity 0.5s cubic-bezier(0.6, 0, 0, 1),bottom 0.4s cubic-bezier(0.5, 1.6, 1, 1);-ms-transition:opacity 0.5s cubic-bezier(0.6, 0, 0, 1),bottom 0.4s cubic-bezier(0.5, 1.6, 1, 1);-o-transition:opacity 0.5s cubic-bezier(0.6, 0, 0, 1),bottom 0.4s cubic-bezier(0.5, 1.6, 1, 1);transition:opacity 0.5s cubic-bezier(0.6, 0, 0, 1),bottom 0.4s cubic-bezier(0.5, 1.6, 1, 1);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;background:#f50;box-shadow:0 0 8px 0 rgba(0,0,0,0.35);color:#fff;position:absolute;z-index:898;right:95px;bottom:30px;border-radius:100px;font-size:12px;padding:10px 15px}div.melding_box.gone{opacity:0;bottom:-65px}div.chatbot_widget_button{-webkit-transition:opacity 0.5s cubic-bezier(0.6, 0, 0, 1),bottom 0.4s cubic-bezier(0.5, 1.6, 1, 1);-moz-transition:opacity 0.5s cubic-bezier(0.6, 0, 0, 1),bottom 0.4s cubic-bezier(0.5, 1.6, 1, 1);-ms-transition:opacity 0.5s cubic-bezier(0.6, 0, 0, 1),bottom 0.4s cubic-bezier(0.5, 1.6, 1, 1);-o-transition:opacity 0.5s cubic-bezier(0.6, 0, 0, 1),bottom 0.4s cubic-bezier(0.5, 1.6, 1, 1);transition:opacity 0.5s cubic-bezier(0.6, 0, 0, 1),bottom 0.4s cubic-bezier(0.5, 1.6, 1, 1);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;position:absolute;z-index:899;right:20px;bottom:20px;cursor:pointer;width:65px;height:65px;border-radius:50%;background:#333;box-shadow:0 0 8px 0 rgba(0,0,0,0.35);opacity:1}div.chatbot_widget_button svg{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:44px}div.chatbot_widget_button svg path{fill:#fff}div.chatbot_widget_button div.badge{width:19px;height:19px;background-color:#f50;color:#fff;position:absolute;top:2px;right:2px;font-size:12px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:sans-serif;animation:shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;transform:translate3d(0, 0, 0)}div.chatbot_widget_button.gone{opacity:0;bottom:-65px}@keyframes shake{10%, 90%{transform:translate3d(-1px, 0, 0)}20%, 80%{transform:translate3d(2px, 0, 0)}30%, 50%, 70%{transform:translate3d(-3px, 0, 0)}40%, 60%{transform:translate3d(3px, 0, 0)}}@media (max-width: 768px){div.chatbot_widget_button{width:50px;height:50px}div.chatbot_widget_button svg{width:34px}div.chatbot_widget_button div.badge{top:0;right:0;width:16px;height:16px}}@media (min-width: 1920px){.chatbot_widget_container div.message_input_box div.message_input input{font-size:16px}}
/*# sourceMappingURL=styles.css.map */