@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@300;500&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}ul{margin:10;padding:50}ul li{list-style:none}a{text-decoration:none}.chatCointainer{display:-webkit-flex;display:flex;position:absolute;width:100%;height:calc(100% - 60px);overflow:hidden}span{color:#fff;font-family:"Raleway",sans-serif}.listOfUsers{width:30%;height:100%;overflow-x:hidden;border-top:1px solid #ccc;background-color:#1b5ff9}.singleUserElement{background-color:#1b5ff9;border-bottom:.5px solid #ccc}.singleUserElement:hover{background-color:#1946db}.chatArea{width:70%;height:100%;overflow-x:hidden;position:relative}.chatHeader{position:fixed;width:70%;height:40px;background:#e2e0e0;text-align:center;line-height:40px;color:#000;font-weight:700;font-family:sans-serif}.chatControls{display:-webkit-flex;display:flex;position:fixed;width:70%;height:50px;bottom:0}.chatControls textarea{width:90%}.chatControls button{width:10%}.displayName{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:5px 10px;box-sizing:border-box;cursor:pointer}.displayName.active{background:#ccc}.displayName .displayPic{width:50px;height:50px;overflow:hidden;border-radius:25px}.displayName .displayPic img{width:100%;height:100%;object-fit:cover}.messageStyle{font-size:18px;font-weight:500;position:relative;display:inline-block;padding:5px 10px;border-radius:10px;margin:5px;border-radius:20px 20px 20px 20px}.messageSections{height:calc(100% - 90px);width:100%;overflow-x:hidden;position:relative;top:40px}.onlineStatus{display:inline-block;width:10px;height:10px;background:#16e316;border-radius:5px;box-shadow:0 0 10px 0 #16e316}.onlineStatus.off{background:green;box-shadow:0 0 0 0}.messageBubble{font-family:arial,sans-serif;font-size:1.1em;color:#fff;position:relative;background:#a53d38;padding:20px;border-radius:10px}.sendMessageInput{display:grid;width:85%;height:85%;-webkit-align-content:center;align-content:center;-webkit-align-items:center;align-items:center;grid-gap:15px;border-radius:20px 20px 20px 20px;border-top:1px solid #000;margin-bottom:6px;margin-right:50px;padding:10px;outline:none}.sendMessageBtn{width:10%;height:85%;background:#f3f0f1;margin-left:10px;margin-right:10px;border-radius:300px;border:2px solid #000;text-align:center;cursor:pointer;outline:none}.sendMessageBtn:hover{cursor:pointer;background-color:#ccc}.deleteMessageBtn{width:30px;height:30px;position:relative;margin:-7px;outline:none}.header{width:100%;position:relative;height:60px;display:-webkit-flex;display:flex;background:#1b5ff9;-webkit-justify-content:space-between;justify-content:space-between;box-sizing:border-box}.logo{font-size:20px;color:#fff;text-transform:capitalize;font-weight:700;margin:18px;text-shadow:0 0}.menu{display:-webkit-flex;display:flex;margin:20px}.menu>li>a{color:#fff;font-weight:700;text-shadow:0 0;text-decoration:none}.leftMenu{display:-webkit-flex;display:flex;color:#fff;margin:20px}.leftMenu>li{margin:0 10px}.leftMenu>li>a{color:#fff}.leftMenu>li>a.active{font-weight:700}.displayUserPic{width:50px;height:50px;overflow:hidden;border-radius:25px;object-fit:cover;display:inline-block}.loginContainer{width:450px;background:#fff;box-shadow:0 14px 80px rgba(34,35,58,.2);padding:40px 55px 45px;border-radius:15px;transition:all .3s;margin:5% auto auto}h1,h2,h3,h4,h5,h6,label,span{font-weight:500;font-family:"Fira Sans",sans-serif}#root,.App,.auth-wrapper,body,html{width:100%;height:100%}.navbar-light{background-color:#fff;box-shadow:0 14px 80px rgba(34,35,58,.2)}.auth-wrapper{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column;text-align:left}.auth-inner{width:450px;margin:auto;background:#fff;box-shadow:0 14px 80px rgba(34,35,58,.2);padding:40px 55px 45px;border-radius:15px;transition:all .3s}.auth-wrapper .form-control:focus{border-color:#167bff;box-shadow:none}.auth-wrapper h3{text-align:center;margin:0;line-height:1;padding-bottom:20px}.custom-control-label{font-weight:400}.registerContainer{width:800px;background:#fff;box-shadow:0 14px 80px rgba(34,35,58,.2);padding:40px 55px 45px;border-radius:15px;transition:all .3s;margin:5% auto auto}body{background-color:#f9f9fa}.padding{padding:3rem!important}.user-card-full{overflow:hidden}.card{width:900px;border-radius:5px;box-shadow:0 1px 20px 0 rgba(69,90,100,.08);border:none;margin-bottom:30px}.m-r-0{margin-right:0}.m-l-0{margin-left:0}.user-card-full .user-profile{border-radius:5px 0 0 5px}.bg-c-lite-green{background:-webkit-gradient(linear,left top,right top,from(#f29263),to(#ee5a6f));background:#1b5ff9}.user-profile{padding:20px 0}.m-b-25{margin-bottom:25px}.img-radius{border-radius:5px}h6{font-size:14px}@media only screen and (min-width:1400px){p{font-size:14px}}.card-block{padding:1.25rem}.card .card-block p{line-height:25px}.text-muted{color:#919aa3!important}.b-b-default{border-bottom:1px solid #e0e0e0}.f-w-600{font-weight:600}.m-b-20{margin-bottom:20px}.p-b-5{padding-bottom:5px!important}.m-b-10{margin-bottom:10px}.m-t-40{margin-top:20px}.user-card-full .social-link li{display:inline-block}.user-card-full .social-link li a{font-size:20px;margin:0 10px 0 0;transition:all .3s ease-in-out}.btn btn-primary btn-block{margin:5px}.editIcon{float:right;padding:0;margin-top:5px}.editPassBtn,.uploadImgBtn{margin-top:10px;margin-left:auto;margin-right:auto;width:300px!important}.updateEmailContainer,.updateNameContainer,.updatePasswordContainer{width:600px;background:#fff;box-shadow:0 14px 80px rgba(34,35,58,.2);padding:40px 55px 45px;border-radius:15px;transition:all .3s;margin:5% auto auto}*{box-sizing:border-box}body{min-height:100vh;display:-webkit-flex;display:flex;font-weight:400}body,h3,label{font-family:"Fira Sans",sans-serif}h3,label{font-weight:500}
/*# sourceMappingURL=main.c79e9540.chunk.css.map */