body{background:#F8F8FF}div.head{z-index:1;position:relative;display:block;width:auto;height:75px;text-align:center;letter-spacing:1px;color:#fff;border-top-left-radius:7px;border-top-right-radius:7px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;background:#333;border-bottom:1px rgba(255,255,255,0.35);-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.2);box-shadow:0 1px 4px rgba(0,0,0,0.2);-o-transition:height .3s;transition:height .3s}.barra{height:100px !important;-webkit-transition:height .3s;-o-transition:height .3s;transition:height .3s}.chat-col{position:fixed;right:0;top:0;bottom:0;padding-right:10px;padding-top:10px;min-height:350px;z-index:999}@media (max-width: 668px){.chat-col{top:100vh}.chatbox{width:100% !important;min-width:100% !important;border-radius:0px !important;height:100% !important;left:0;right:0;bottom:0;top:0;position:fixed}.head{border-top-left-radius:0px !important;border-top-right-radius:0px !important}.container{padding:5px 40px !important}#textInput{width:calc(100% - 140px) !important}.chat-form{min-height:70px !important}.botao{font-size:4em !important}#chatlogs{height:calc(100% - 145px) !important;min-height:100px !important}}.time{color:#9c9b9b;font-size:0.78em;text-align:center}.chatbox{width:370px;min-width:370px;height:calc(100% - 82px);background:#fff;padding:0px;margin:0px;box-shadow:-2px 3px 12px #333;border-radius:10px;display:flex;flex-direction:column}.chat-button{padding:2px;border-top-right-radius:50%;border-top-left-radius:50%;border-bottom-left-radius:50%;border-bottom-right-radius:5%;background-color:#3f3f3e;cursor:pointer;position:fixed;display:flex;align-items:center;justify-content:center;right:10px;bottom:10px;height:60px;width:60px;color:#f5d328;z-index:9999}@media (max-width: 668px){.chat-button{right:5px;bottom:7px;height:55px;width:55px}}.head .container{display:flex;flex-direction:row;align-items:center;height:100%;width:100%;padding:5px 70px;cursor:pointer}.head .container .avatar{height:100%;width:100%;align-items:center}.head .container .avatar img{height:100%;width:auto}.head .container .content{width:100%;text-align:left;display:flex;flex-direction:column;padding:5px}#chatlogs{padding:10px;width:auto;min-height:113px;height:calc(100% - 125px);overflow-x:hidden;overflow-y:scroll}#chatlogs::-webkit-scrollbar{width:7px}#chatlogs::-webkit-scrollbar-thumb{border-radius:5px;background:rgba(0,0,0,0.1)}.chat{display:flex;align-items:flex-start;padding-bottom:3px;margin-bottom:5px}.chat.self{flex-flow:row;justify-content:flex-end}.chat.bot{flex-flow:row}.chat .user-photo{width:33px;min-width:33px;height:33px;background:#fff;border-radius:50%;border:1px solid #eee;overflow:hidden;align-items:center;display:flex}.chat .user-photo img{width:100%;height:auto}.chat .chat-message{padding:17px 20px;position:relative;max-width:75%;margin:0px 10px 0;border-radius:6px;-moz-box-shadow:0 1px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.2);box-shadow:0 1px 4px rgba(0,0,0,0.2);color:#333;font-size:14px}.bot .chat-message{background:#f4f7f9;color:#000000}.self .chat-message{background:#FEC624;order:-1}.chat-form{background:#f4f7f9;transition:.5s;height:50px;min-height:50px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;margin-top:0px;display:flex;align-items:center;padding-top:3px;z-index:99}.chat-form #textInput{background:rgba(0,0,0,0);width:90%;margin-left:10px;height:auto;border:10px;border-radius:1px;resize:none;padding:0px;font-size:18px;color:#757575}.chat-form #textInput:focus{background:rgba(0,0,0,0);outline:3px;-webkit-appearance:caret}.chat-form #textInput:focus-within{background:rgba(0,0,0,0);transition:.3s;outline:3px;-webkit-appearance:caret}.chat-form #textInput::-webkit-scrollbar{width:10px}.chat-form #textInput::-webkit-scrollbar-thumb{border-radius:45px;background:rgba(0,0,0,0.1)}.chat-form #textInput::-webkit-input-placeholder{color:#999;font-size:14px;padding-top:5px}.chat-form #textInput:hover{background:rgba(0,0,0,0)}.chat-form button{margin:0px;padding:0px;background:rgba(0,0,0,0);border:0px;outline:0px;cursor:pointer}.chat-form button:disabled .botao{color:#D3D3D3;cursor:default}.chat-form .botao{color:#f5d328;border:none;margin:0 10px;border-radius:3px;-webkit-transition:background .2s ease;-moz-transition:background .2s ease;-o-transition:background .2s ease}.chat-form:focus-within{-webkit-box-shadow:0 0 100px 0 rgba(150,165,190,0.24);-moz-box-shadow:0 0 100px 0 rgba(150,165,190,0.24);box-shadow:0 0 100px 0 rgba(150,165,190,0.24);background:#FFF}.icone{width:90px;height:90px;cursor:pointer;position:fixed;right:10px;bottom:10px}.hora{color:#00FF00;font-size:10px !important}