#send-button,.form-container .cancel,.open-button{cursor:pointer;color:#fff}body{font-family:roboto,sans-serif}.open-button{position:fixed;bottom:70px;width:100px;padding:10px 5px 5px 10px}.form-popup{display:none;position:fixed;bottom:30px;left:15px;border:3px solid #fff;background-color:#000}.form-container .cancel{background-color:#ff2805;padding:10px;border:1px solid #2c5a85;width:100%}.badge{background:red;padding:10px;font-weight:700;border-radius:33px;position:absolute;right:0;top:-5px}#chat-container{border:1px solid #ccc;padding:10px;height:260px;overflow-y:scroll;background-color:#d3d3d3}.bot-message p,.user-message p{border-radius:5px;padding:5px 10px}.user-message{text-align:right;clear:both}.user-message p{background-color:#111;color:#fff;display:inline-block;max-width:100%;word-wrap:break-word;margin:2px}.bot-message{text-align:left;clear:both;box-shadow:0 0 20px rgb(0 0 0 / 20%)}.bot-message p{font-weight:700;background-color:#fff;color:#000}#chat-input-container{display:flex;flex-direction:column;max-width:300px}#input-container{display:flex;width:100%;align-items:center;padding:5px}#user-input{flex-grow:1;padding:10px;border:1px solid #ccc;border-radius:5px;margin-right:5px;overflow:hidden}#send-button{background-color:#007bff;border:none;border-radius:50%;width:60px;height:50px;display:flex;align-items:center;justify-content:center}.user-bar{height:55px;color:#fff}.user-bar div{float:left;transform:translateY(-50%);position:relative;top:50%}.user-bar .avatar{margin:0 0 0 10px;width:36px;height:36px}.user-bar .avatar img{border-radius:50%;box-shadow:0 1px 0 rgba(255,255,255,.1);display:block;width:100%}.user-bar .name{font-size:17px;font-weight:600;margin:5px 0 5px 10px}.user-bar .status{display:block;font-size:12px;font-weight:400;margin-top:10px}