.blank-page{background-color:#fff;margin-right:-12px;margin-top:10px;padding:10px;border:5px solid #9ccad4;border-radius:10px;height:370px;justify-content:center;align-items:center;display:flex;flex-direction:column}.message-side{padding-right:10px;padding-left:5px}.left-message{justify-content:start;text-align:left}.left-message,.right-message{display:flex;font-size:10px;padding:3px}.right-message{justify-content:end;text-align:right}.chat-bubble--left{background:#464646;border-radius:12px 12px 12px 0}.chat-bubble--left,.chat-bubble--right{color:#fff;padding:10px;position:relative;max-width:60%;text-align:initial;word-wrap:break-word}.chat-bubble--right{background-color:#00a4bd;border-radius:12px 12px 0 12px}.msg-time--left{color:#fff;right:3px}.msg-time--left,.msg-time--right{font-size:6px;bottom:-6px;position:relative}.msg-time--right{color:#000;left:3px;text-align:right}.scrollbar{border-style:solid;border-width:1px;border-color:rgba(160,228,242,.32941176470588235);background-color:#fff;margin-right:-12px;padding:3px;margin-bottom:10px;height:270px;overflow-y:auto;overflow-x:hidden}.scrollbar::-webkit-scrollbar{width:8px}.scrollbar::-webkit-scrollbar-track{border-radius:8px;background-color:#d1e7ee;border:1px solid #cacaca}.scrollbar::-webkit-scrollbar-thumb{border-radius:8px;background-color:#fff;border-style:solid;border-width:1px;border-color:#000}.containerchat{bottom:100px;right:50px;width:650px;height:400px;background:#365462;border-radius:10px}.profile-image{margin-left:12px;width:30px;height:30px}.settings-tray{background:rgba(187,238,246,.7686274509803922);display:flex;margin-right:-12px;color:grey;margin-top:10px;padding:10px;border-radius:10px 10px 0 0}.settings-tray,h6{vertical-align:middle}h6{margin-left:10px;margin-top:1px;margin-bottom:0}.type_msg{float:left;background-color:rgba(187,238,246,.7686274509803922)!important;width:80%;border:10px!important;color:#000!important;height:50px!important;overflow-y:auto;border-radius:0 0 0 10px;margin-left:0}.type_msg:focus{box-shadow:none!important;outline:20px!important}.type_msg::-webkit-scrollbar{display:none}textarea{border-radius:30px;width:80%}textarea::-moz-placeholder{color:#e3e3e3;font-weight:300;margin-left:20px}textarea::placeholder{color:#e3e3e3;font-weight:300;margin-left:20px}textarea:focus{outline:none}.send_button{width:25%;font-size:12px;background-color:#00a4bd;border-radius:0 0 10px 0;font-weight:700;height:50px;margin-right:-12px;margin-top:-50px}.noti,.send_button{float:right;color:#fff}.noti{position:absolute;background-color:#246fc0;right:10%;width:20px;height:20px;text-align:center;font-size:15px}.scroll-item{border-style:solid;border-width:1px;border-color:rgba(160,228,242,.32941176470588235);background-color:#fff;padding:3px;height:320px;border-radius:0 0 10px 10px;overflow-y:auto;overflow-x:hidden}.menu-item{display:flex;background:#fff;transition:.3s ease;border-radius:0;padding:5px;width:100%;border-bottom:1px solid #9ccad4}.menu-item:hover{color:#fff;background:#9ccad4;cursor:pointer}.menu-item:focus{background:#9ccad4!important}.scroll-item::-webkit-scrollbar{width:8px}.scroll-item::-webkit-scrollbar-track{border-radius:8px;background-color:#d1e7ee;border:1px solid #cacaca}.scroll-item::-webkit-scrollbar-thumb{border-radius:8px;background-color:#fff;border-style:solid;border-width:1px;border-color:#000}.col-sm-5{width:40%;padding-left:10px;padding-right:5px}.text{width:80%;margin:auto;color:#fff}.menu-text{margin-top:auto;margin-bottom:auto;margin-left:10px;width:60%;text-align:initial;font-size:x-small;color:#000;font-weight:700}.menu-image{margin-left:5px;width:35px;height:35px}.search-box{margin-top:10px;background:#9ccad4;padding:25px 13px;border-radius:10px 10px 0 0}.chat-icon{font-size:100px;color:#9ccad4}.slow-enter-active,.slow-leave-active{transition:opacity .3s ease}.slow-enter,.slow-leave-to{opacity:0}.icon{font-size:35px;color:#fff}.icon:active{transform:rotate(-270deg);transition:all .3s linear;opacity:0}.icon:after{opacity:0;transition:all 1.3s linear}.floating-button,.floating-button--container{position:fixed;bottom:20px;right:20px}.floating-button{background-color:#365462;border-radius:50%;width:70px;height:70px;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 5px 10px rgba(0,0,0,.5)}.floating-button:hover{transform:scale(1.1)}.chat-window{margin-bottom:100px}.chat-box{position:fixed;bottom:100px;right:20px;width:300px;height:400px;background-color:#fff;border:2px solid #000;border-radius:10px;padding:20px;box-shadow:0 5px 10px rgba(0,0,0,.5)}.message-container{display:flex;flex-direction:column;height:50%}.message-box{display:flex;justify-content:center;margin:10px}.right{align-self:flex-end}.left{align-self:flex-start}.message{background-color:#eee;padding:10px;border-radius:10px;max-width:80%}.input-container{display:flex;align-items:center;margin:10px}textarea{width:100%;resize:none;height:60px;margin-right:10px}button,textarea{padding:10px;border-radius:10px;border:none;font-size:16px}button{background-color:#007aff;color:#fff;cursor:pointer}.chat-wind{bottom:100px;right:20px;width:600px;height:800px;background-color:#fff;border:2px solid #000;border-radius:10px;padding:20px;box-shadow:0 5px 10px rgba(0,0,0,.5)}.highlight[data-v-716ff67a]{background-color:#ff0}#btn-container,#button-container{display:flex;gap:10px}#btn-upload{height:80%}