body { font-size: 14px; }
#chat_bot { height: var(--doc-height); -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
#chat_bot .chat_header { background: #254573; font-weight: bold; font-size: 1.2em; color: #fff; }
#chat_bot .chat_body { overflow-x: hidden; overflow-y: overlay; position: relative; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; }
#chat_bot .chat_body::-webkit-scrollbar { width: 13px; }
#chat_bot .chat_body::-webkit-scrollbar-track { background: none; }
#chat_bot .chat_body::-webkit-scrollbar-thumb { border-radius: 8px; border: 4px solid transparent; background-clip: content-box; background-color: rgb(132 132 132 / 50%); }
#chat_bot .chat_body::-webkit-scrollbar-thumb:hover { background-color: #848484; }
#chat_bot .chat_body #alertSpeak { position: absolute; margin-bottom: .5em; width: 95%; display: flex; justify-content: center; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
#chat_bot .chat_body #alertSpeak .alert { margin-bottom: 0; padding: .5em 1em; font-size: 1.05em; }
#chat_bot .chat_footer { display: flex; justify-content: space-between; align-items: flex-end; }
#chat_bot .chat_footer .message-box { width: 1%; border-radius: .25rem; display: flex; align-items: flex-end; flex: 1 1 auto; }
#chat_bot .chat_footer .message-textarea { overflow-x: hidden; overflow-y: overlay; width: 1%; max-height: 6.9rem; flex: 1 1 auto; font-size: 1.05em; }
#chat_bot .chat_footer .message-textarea::-webkit-scrollbar { width: 13px; }
#chat_bot .chat_footer .message-textarea::-webkit-scrollbar-track { background: none; }
#chat_bot .chat_footer .message-textarea::-webkit-scrollbar-thumb { border-radius: 8px; border: 4px solid transparent; background-clip: content-box; background-color: rgb(132 132 132 / 50%); }
#chat_bot .chat_footer .message-textarea::-webkit-scrollbar-thumb:hover { background-color: #848484; }
#chat_bot .chat_footer .message-textarea textarea { overflow-y: hidden; border: 0; resize: none; }
#chat_bot .chat_footer .message-textarea textarea:focus { box-shadow: none; }
#chat_bot .chat_footer button { margin: .375rem .5em; padding: 0; width: 30px; height: 30px; background: #0d6efd; border: 0; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; }
#chat_bot .chat_footer button svg { width: 60%; height: 100%; stroke: currentColor; }
#chat_bot .chat_footer #btnSpeak[data-type="Stop"] { -webkit-animation: mic_animation 1s linear infinite; animation: mic_animation 1s linear infinite; }
#chat_bot .chat_footer #btnSpeak[data-type="Stop"] svg { width: 40%; fill: currentColor; }
#chat_bot .chat_footer #btnSpeak[data-type="Slash"] { background: #dc3545; }
#chat_bot .chat_footer #buttonConsulta { margin: .375rem 0; background: none; color: #254573; }
#chat_bot .chat_footer #buttonConsulta svg { width: 75%; }

.messages { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.messages .message-item { margin-bottom: 1.5em; max-width: 75%; }
.messages .message-item .message-avatar { display: flex; align-items: center; }
.messages .message-item .message-avatar .speak { margin-left: .5em; padding: 0; border: 0; background: no-repeat; line-height: 1; }
.messages .message-item .message-avatar .speak svg { width: 20px; height: 20px; stroke: #0d6efd; }
.messages .message-item .message-content { padding: .5em 1em; background: #ededed; border-radius: 0 1.5em 1.5em 1.5em; }
.messages .message-item .message-content pre { overflow: auto; margin-bottom: 0; font-family: monospace; font-size: 1.05em; white-space: pre-wrap; }
.messages .message-item.outgoing-message { margin-left: auto; }
.messages .message-item.outgoing-message .message-avatar { text-align: right; }
.messages .message-item.outgoing-message .message-content { background-color: #0a80ff; border-radius: 1.5rem 0 1.5rem 1.5rem; color: #fff; }

@-webkit-keyframes mic_animation { 0% { -webkit-box-shadow: 0 0 0 0 rgba(13, 109, 253, .2); } 100% { -webkit-box-shadow: 0 0 0 5px rgba(13, 109, 253, .2); } }
@keyframes mic_animation { 0% { box-shadow: 0 0 0 0 rgba(13, 109, 253, .2); } 100% { box-shadow: 0 0 0 5px rgba(13, 109, 253, .2); } }