.box{background-color:rgba(173,216,230,.19);margin:8px;padding:8px}.select>>>.v-input__slot{background:#fff!important;border-color:#017f98!important}.mytable /deep/ thead th{background-color:#017f98!important;color:#fff!important;white-space:nowrap!important}.center{text-align:center;color:red}.first-msg{text-align:center;padding:0 3rem 0 3rem;color:green}.time{font-size:10px}.time,.tostud{float:right;padding-right:.7rem;color:grey}.sender-name,.tostud{font-size:12px}.sender-name{padding:0 .7rem 0 .7rem;background:rgba(9,128,156,.52);color:#fff}.chat-div{overflow:scroll;overflow-x:hidden}.chat-div::-webkit-scrollbar{display:none}.grid-s{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;float:left}.grid-e,.grid-s{display:grid;width:80%}.grid-e{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;float:right}.stud-msg-text{padding:.2rem .7rem .2rem .7rem}#stud-chat-btn{float:right;background-color:#deeff5;border-radius:4px;position:relative;margin-bottom:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}#stud-chat-btn:after{content:"";display:block;position:absolute;width:0;height:0;right:5px;bottom:-10px;border-left:10px solid transparent;border-right:1px solid transparent;border-top:10px solid#deeff5}#p-chat-btn{float:right;background-color:#d3ffcf;border-radius:4px;position:relative;margin-bottom:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}#p-chat-btn:after{content:"";display:block;position:absolute;width:0;height:0;left:5px;bottom:-10px;border-right:10px solid transparent;border-left:1px solid transparent;border-top:10px solid #d3ffcf}.msg{padding:0 1rem 0 1rem;bottom:0;position:fixed;width:inherit}.chat-icon{bottom:0;right:0;position:fixed!important;font-size:100px;z-index:1;cursor:pointer}.main{border:2px solid #017f98;border-radius:5px}.chat-box{height:-webkit-fill-available!important;height:auto;padding:3.5rem .6rem .3rem .6rem;background:#fff}.chat-box,.chat-box2{width:22rem}.icon{font-size:25px;padding-top:.5rem;color:#fff;margin-right:17rem}.main-h{background:linear-gradient(130deg,#017f98,#798ed2 180%)}.main-h,.main-h1{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 1rem 0 1rem;position:fixed;width:100%;z-index:1;height:3.5rem}.main-h1{bottom:0;background:linear-gradient(130deg,#017f98,#798ed2 180%)!important}.refresh{font-size:11px;color:green}