body{font-family:Arial,sans-serif;background-color:#f4f4f4;margin:0;padding:0}.loader{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.chat-container{margin-top:-9px;background-color:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.1);border-radius:8px;overflow:hidden;height:300px;overflow-y:scroll}input[type=radio]:checked+label{background:#2954a2}.message{padding:10px;margin:10px;border-radius:8px;clear:both;overflow:hidden}.user-avatar{width:30px;height:30px;border-radius:50%;float:left;margin-right:10px}.user-message{background-color:#e0f7fa}.other-message{background-color:#fff}.sender-message{background-color:#e0f7fa;float:right}.receiver-message{background-color:#e9d1d1;float:left}.message-input{width:calc(100% - 20px);padding:10px;margin:10px;border-radius:8px;border:1px solid #ccc;box-sizing:border-box;resize:none}.send-button{background-color:#2954a2;color:#fff;border:none;padding:10px;border-radius:8px;cursor:pointer}.user-name{font-weight:700;margin-bottom:5px;text-align:center}.timestamp{font-size:12px;float:right;color:#888;margin-top:5px;text-align:right}input[type=radio]{display:none}.custLabel{cursor:pointer;padding:5px;background:beige;display:inline-block;margin:5px;font-size:.89rem;border-radius:10rem;padding:.39rem 1.3rem .3rem 1.3rem}#messageStudentPopUp .modal-content,#messageTeacherPopUp .modal-content{width:50%!important}#leaveApplyPopUp .modal-content{width:57%!important}