#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}body{background-color:#b24040;background-size:cover}.chat-page{display:flex;flex-direction:column;height:100%}.own-message{justify-content:flex-end}.navbar-left{font-size:20px;cursor:pointer}.selected-user{text-align:left}.chat-container{display:flex;flex-direction:column;height:70vh;width:50%;margin:50px auto;border:2px solid #000;padding:20px;background-color:#f2f2f2;border-radius:10px}.messages-container{flex:1;overflow-y:auto;padding:10px;background-color:#635d5d;border-radius:10px}.message{font-weight:700}.message-content{display:flex;flex-direction:row;align-items:center}.message-username{margin-right:10px;font-weight:700}.message-text{font-weight:700;display:inline-block;padding:10px;border-radius:5px;margin-bottom:10px}.own-messagebg{background-color:#adff2f}.recieved-messagebg{background-color:aqua}.message-username:after{content:attr(data-username) ": "}.message-input-container{display:flex;align-items:center;margin-top:10px}.message-input{flex:1;padding:5px;margin-right:10px}.send-button{padding:5px;background-color:#000;color:#fff;border:none;cursor:pointer;border-radius:10px}.register-container{margin:0 auto;padding:2rem;max-width:25rem}.register-container h1{text-align:center}.back-button{background-color:#f5f5f5;border:none;padding:10px 20px;font-size:16px;display:flex;align-items:center;cursor:pointer}.back-button i{margin-right:5px}.login-container{margin:0 auto;padding:2rem;max-width:25rem}.login-container h1{text-align:center}.form-group{display:flex;flex-direction:column;margin-bottom:1rem}.form-group label{margin-bottom:.5rem;font-weight:700}.form-control{padding:.5rem;border-radius:.25rem;border:1px solid #ced4da}.btn-primary{background-color:#007bff;border-color:#007bff;color:#fff;padding:.5rem 1rem;border-radius:.25rem;cursor:pointer}.admin-box{background-color:#8d8d84;padding:20px;border-radius:10px;width:30%;height:100px;overflow-y:auto}.request-message-text{font-weight:700;display:inline-block;padding:10px;border-radius:5px;margin-bottom:10px;background-color:aqua}.main-container{display:flex;flex-direction:column;height:100%}.admin-messages-container{flex:1;overflow-y:auto;padding:10px;background-color:#635d5d;border-radius:10px;width:30%;float:right}.navbar{background-color:#000;color:#fff;justify-content:space-between;padding:10px 20px;position:fixed;top:0;width:95%;z-index:1}.navbar,.navbar-right{display:flex;align-items:center}.navbar-right{white-space:nowrap}.navbar-right,.navbar-right span{overflow:hidden;text-overflow:ellipsis}.navbar-right span{flex-shrink:0;margin-right:10px}.navbar-left{display:flex;align-items:center}.chat-title{cursor:pointer}.chat-title,.chat-title-nobutton,.exit-title{margin-right:10px}.exit-title{cursor:pointer;color:red}.admin-chat-container{display:flex;flex-direction:column;height:70vh;width:30%;margin:50px auto;border:2px solid #000;padding:20px;background-color:#f2f2f2;border-radius:10px;float:right}.admin-panel-link{display:flex;align-items:center}.admin-link{margin-left:10px;color:#fff;text-decoration:none}.box-container{display:flex;justify-content:center;align-items:center;margin-top:50px}.box{background-color:#8d8d84;padding:20px;border-radius:10px;height:100px;overflow-y:auto}.user{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #000;cursor:pointer}.user-name{font-weight:700}.user-email{margin-left:20px}