.extend-flex{display:-ms-flexbox;display:-webkit-flex;display:flex}.extend-inline-flex{display:-ms-inline-flexbox;display:-webkit-inline-flex;display:inline-flex}.extend-flex{display:-ms-flexbox;display:-webkit-flex;display:flex}.extend-inline-flex{display:-ms-inline-flexbox;display:-webkit-inline-flex;display:inline-flex}.green-sharp-button,#chatbot-buttons-container .play-stop-buttons{height:100%;width:120px;font-size:21px;background-color:#89b85c;color:white;text-transform:uppercase;border:none;border-radius:4px;border-bottom:2px #74a14e solid}.disabled{background-color:gray;opacity:.5;pointer-events:none}.collapsed-chat #chatbot-buttons-container .play-stop-buttons{display:none}.collapsed-chat #chatbot-buttons-container .collapse-chat-button img{transform:scaleX(-1)}.collapsed-chat #chatbot-buttons-container .chat-sound-button{display:none}#chatbot-buttons-container{-webkit-flex-grow:0;flex-grow:0;-webkit-flex-shrink:0;flex-shrink:0;height:60px;display:flex;border-bottom:#cfcfcf 1px solid;position:relative}#chatbot-buttons-container .play-stop-buttons{background-color:#4fc78e;border-color:#42ab7a;float:left;margin-right:4px}#chatbot-buttons-container .play-stop-buttons span{position:relative;top:1px;margin-left:4px}#chatbot-buttons-container .play-stop-buttons.grey{background:#8e8e8e;border-bottom:none}#chatbot-buttons-container .play-stop-buttons.blue{background:#4A90E2;border-bottom:2px #2470C8 solid}#chatbot-buttons-container .collapse-chat-button{border-radius:50%;border:1px solid #88b75b;background-color:#88b75b;width:30px;height:30px;margin-left:auto;align-self:center;margin-right:10px}#chatbot-buttons-container .collapse-chat-button img{width:15px;margin:6px auto;height:15px;display:block}#chatbot-buttons-container .save-share-buttons{display:flex;flex-direction:column;padding:0 3% 0 0;width:120px}#chatbot-buttons-container .save-share-buttons .chatbot-btn{font-weight:normal;font-size:16px;padding:0;min-height:auto;text-align:center;border-radius:3px;margin:3% 0 0 0}#chatbot-buttons-container .save-share-buttons .chatbot-btn.save-btn:before{margin:3% 0 0 7%}#chatbot-buttons-container .save-share-buttons .chatbot-btn.share-btn:before{margin:2% 0 0 7%}#chatbot-builder-container #chatbot-container #chat-window{flex:1;display:flex;flex-direction:column}#chatbot-builder-container #chatbot-container #chat-window .tests-passed-container{height:30px;background:#FFDF77;display:flex;justify-content:center;align-items:center}#chatbot-builder-container #chatbot-container #chat-window .tests-passed-container .testing-text{display:inline-block}#chatbot-builder-container #chatbot-container #chat-window .tests-passed-container.tests-finished{background:#F8C61C}#chatbot-builder-container #chatbot-container #chat-window .tests-passed-container.tests-finished .tests-summary{display:flex}#chatbot-builder-container #chatbot-container #chat-window .tests-passed-container.tests-finished .tests-summary>*{margin:0 2px}#chatbot-builder-container #chatbot-container #chat-window .tests-passed-container.tests-finished .tests-summary img{height:20px;margin-left:7px}@keyframes blink{0%{opacity:0}20%{opacity:1}100%{opacity:0}}#chatbot-builder-container #chatbot-container #chat-window .tests-passed-container.in-progress-text span{animation-name:blink;animation-duration:1.4s;animation-iteration-count:infinite;animation-fill-mode:both;font-size:18px;margin-bottom:4px}#chatbot-builder-container #chatbot-container #chat-window .tests-passed-container.in-progress-text span:nth-child(2){animation-delay:.2s}#chatbot-builder-container #chatbot-container #chat-window .tests-passed-container.in-progress-text span:nth-child(3){animation-delay:.4s}#chatbot-builder-container #chatbot-container #chat-window .intro-container{padding:10px 10px;height:84px;position:relative}#chatbot-builder-container #chatbot-container #chat-window .intro-container .chatbot-header{text-align:left}#chatbot-builder-container #chatbot-container #chat-window .intro-container img{width:70px;height:70px;border-radius:50%;vertical-align:top}#chatbot-builder-container #chatbot-container #chat-window .intro-container .name{margin:16px 12px;display:inline-block;font-size:20px}#chatbot-builder-container #chatbot-container #chat-window .intro-container .restart-btn{border:1px solid #2470C8;padding:3px 12px;font-size:11px;position:absolute;top:36%;right:5px;border-radius:15px}#chatbot-builder-container #chatbot-container #chat-window .intro-container .restart-btn img{width:16px;height:16px;margin-right:4px;border-radius:0px}#chatbot-builder-container #chatbot-container #chat-window .dividing-line{width:100%;border-bottom:rgba(0,0,0,0.1) 1.5px solid;margin:0 auto}#chatbot-builder-container #chatbot-container #chat-window .conversation-container{max-height:70vh;flex:1;display:flex;flex-direction:column;overflow-y:auto;font-family:'Open Sans', sans-serif;background-image:url(https://assets-s.codemonkey.com/assets/chatbot/background-0f9e7fc806518d7b0edf3d669527a379b26e3f6ed1f82af8a48f2f7751c3934c.jpg);background-size:95%}#chatbot-builder-container #chatbot-container #chat-window .conversation-container .message-container{display:inline-flex;width:100%;margin-bottom:10px}#chatbot-builder-container #chatbot-container #chat-window .conversation-container .message-container .chat-user{align-self:flex-end;width:27px;height:27px;border-radius:50%;margin-left:10px;border-bottom:1px solid #9B9B9B}#chatbot-builder-container #chatbot-container #chat-window .conversation-container .message-container .message{display:inline-block;font-size:12px;margin-left:10px;background:#f0f0f0;border-radius:20px;padding:5px 10px;position:relative;max-width:280px;border-bottom:1px solid #9B9B9B}#chatbot-builder-container #chatbot-container #chat-window .conversation-container .message-container .message .test-result-icon{position:absolute;bottom:-8px;right:-8px}#chatbot-builder-container #chatbot-container #chat-window .conversation-container .message-container .message.failed-test{margin:auto;width:90%;text-align:center;background-color:#FFEBEB}#chatbot-builder-container #chatbot-container #chat-window .conversation-container .message-container .message.failed-test span{color:red}#chatbot-builder-container #chatbot-container #chat-window .conversation-container .message-container.meta .message{margin-left:auto;margin-right:auto;background:#C9DEF7;border-bottom:1px solid #9B9B9B}#chatbot-builder-container #chatbot-container #chat-window .conversation-container .chat-row:first-child{margin-top:10px}#chatbot-builder-container #chatbot-container #chat-window .conversation-container .user-message{text-align:right}#chatbot-builder-container #chatbot-container #chat-window .conversation-container .user-message .message-container{flex-direction:row-reverse}#chatbot-builder-container #chatbot-container #chat-window .conversation-container .user-message .message-container img{margin-left:0;margin-right:10px}#chatbot-builder-container #chatbot-container #chat-window .conversation-container .user-message .message-container .message{margin-right:10px;color:white;background:#2470C8;text-align:left;border-bottom:1px solid #9B9B9B}#chatbot-builder-container #chatbot-container #chat-window .message-input-container{width:100%;border-top:rgba(0,0,0,0.1) 1px solid;display:flex}#chatbot-builder-container #chatbot-container #chat-window .message-input-container textarea{width:84%;height:100px;outline:none;border:none;padding-left:10px;padding-bottom:4px;resize:none;font-size:16px;margin:4px}#chatbot-builder-container #chatbot-container #chat-window .message-input-container textarea::-webkit-input-placeholder{opacity:0.3}#chatbot-builder-container #chatbot-container #chat-window .message-input-container textarea:-ms-input-placeholder{opacity:0.3}#chatbot-builder-container #chatbot-container #chat-window .message-input-container textarea::-moz-placeholder{opacity:0.3}#chatbot-builder-container #chatbot-container #chat-window .message-input-container textarea:-moz-placeholder{opacity:0.3}#chatbot-builder-container #chatbot-container #chat-window .message-input-container .send-btn{height:32px;background:#4A90E2;border-bottom:2px #2470C8 solid;min-width:68px;color:white;border-radius:15px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}#chatbot-builder-container #chatbot-container #chat-window .test-result-icon{height:20px;width:20px;padding:0 0 0 5px;border-radius:50%;display:inline-block;font-size:14px}#chatbot-builder-container #chatbot-container #chat-window .test-result-icon.check{width:20px;height:20px}#chatbot-builder-container #chatbot-container #chat-window .test-result-icon.reject{width:20px;height:20px}#chatbot-builder-container #chatbot-container.collapsed-chat #chat-window{display:none}#chatbot-builder-container .prompt-container.exercise-complete{display:flex;justify-content:space-between;background:#F2C04F;position:relative}#chatbot-builder-container .prompt-container.exercise-complete .prompt-img-container{position:relative}#chatbot-builder-container .prompt-container.exercise-complete .prompt-img-container .prompt-img{height:100%;width:auto;position:absolute;bottom:0;left:0}#chatbot-builder-container .prompt-container.exercise-complete .prompt-titles{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}#chatbot-builder-container .prompt-container.exercise-complete .prompt-titles .prompt-title{margin:0px}#chatbot-builder-container .prompt-container.exercise-complete .prompt-titles .prompt-subtitle{font-weight:400;font-size:16px;margin-top:5px}#chatbot-builder-container .prompt-container.exercise-complete .next-exercise{float:none;position:absolute;bottom:0px;right:0px;margin:8px}#chatbot-builder-container .prompt-container .close-prompt{left:auto;right:0px}#chatbot-builder-container #editor-section-container #editor-sprite-preview #chatbot-sprite-container{margin-top:14px;display:inline-block}#chatbot-builder-container #editor-section-container #editor-sprite-preview #chatbot-sprite-container img{border-radius:50%;width:40px;height:40px}#chatbot-builder-container #editor-section-container #editor-sprite-preview .object-name{top:10px}#chatbot-builder-container #editor-section-container .ace_gutter-layer{background:#f0f0f0}#chatbot-builder-container #editor-section-container .ace_gutter-layer .ace_gutter-cell{color:black}#chatbot-builder-container #chatbot-container{width:440px;display:flex;flex-direction:column}body.show-chatbot{overflow-y:hidden}.show-chatbot #chatbot-builder-container{overflow:scroll}.show-chatbot #chatbot-builder-container #chatbot-container{margin:auto;margin-top:50px;height:calc(100vh - 50px);width:100%;max-width:557px;border-right:rgba(0,0,0,0.1) 1px solid;border-left:rgba(0,0,0,0.1) 1px solid}@media screen and (max-width: 360px){.show-chatbot #chatbot-builder-container #chatbot-container #chat-window .conversation-container .intro-container{text-align:center}.show-chatbot #chatbot-builder-container #chatbot-container #chat-window .conversation-container .message-container .message{max-width:260px}}