body{margin:0;overflow:hidden;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}li{list-style-type:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.video-frame{position:fixed!important;top:0!important;position:absolute;right:0;top:0;width:100%;height:100%;z-index:3;display:flex;justify-content:flex-end}.video-iframe{width:75%}.float-caret{position:fixed;left:50%;bottom:15%;z-index:1000;-webkit-transform:translateX(100%);transform:translateX(100%)}.css-x15wq9{position:relative!important}.context-menu-item{padding:0 6px 6px;cursor:pointer}.context-menu-item:hover{-webkit-transform:scale(1.04);transform:scale(1.04)}.online-status{display:flex;align-items:center}.online-badge-wrap{width:10px;height:10px;background-color:#17b978;border-radius:50%;margin:1px 4px 0}.msg-span{margin:0 2px}.offline{background-color:rgba(255,0,0,.938)}*{margin:0;padding:0;box-sizing:border-box}::-webkit-scrollbar{width:10px}.App{position:relative}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px grey;border-radius:10px}::-webkit-scrollbar-thumb{background:#d3d3d3;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:grey}.module{flex-direction:row}.module,.suspense{display:flex;height:100vh;width:100%}.suspense{position:absolute;top:0;left:0;justify-content:center;align-items:center}.loader{width:50px;height:50px;border-radius:50%;border:5px solid #d3d3d3;border-top-color:#000;-webkit-animation:rotate 1s linear infinite forwards;animation:rotate 1s linear infinite forwards}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.chatscreen{height:100vh;width:80%;position:relative}.messageScreen{border-top:2px solid #000;height:78vh}.messageScreenContainer{height:100%;display:flex;flex-direction:column;justify-content:space-between}.messageContainer{position:relative;display:flex;padding:5px;justify-content:end;height:80%;overflow:auto}.chatBottom{height:15%;padding:5px 10px 2px}.messageBox{display:flex;width:100%;height:80%;background-color:#f5f5f5;border-radius:5px;align-items:center;padding:12px}.messageBox>form{width:100%;height:100%}.message{width:100%}.chat-bubble,.message{display:flex;flex-direction:column}.chat-bubble{border-radius:10px;background-color:#dbf4fd;padding:5px 7px;max-width:400px;word-wrap:break-word}.chat-right{align-self:flex-end}.chat-bubble:not(:first-child){margin-top:10px}.chat-left{align-self:flex-start}.message>span{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:8px;border-radius:8px;background-color:#dbf4fd;margin:5px}.message>span>p{font-size:10px}.messageBox>form>input{flex:1 1;width:inherit;height:100%;border:none;outline:none;background-color:#f5f5f5}.messageBox>form>button{display:none!important}.modalContainer{text-align:center}.modalContainer>p{padding:15px;font-weight:700}.closeButton{text-align:end;height:0}.inputFileContainer{padding:15px;width:100%!important;border-bottom:2px solid #d3d3d3;border-top:2px solid #d3d3d3}.inputFileContainer>p{border:2px dashed;padding:40px}.attachedFileContainer{padding:15px;width:100%!important;border-bottom:2px solid #d3d3d3;border-top:2px solid #d3d3d3}.attachedFile{display:flex;align-items:center;justify-content:center;padding:25px}.modalActionButtons{display:flex;justify-content:space-around;padding:10px}.modalbutton{border:2px solid #d3d3d3}.emptymsg,.modalbutton{display:flex;width:100%;justify-content:center}.emptymsg{height:80%;flex-direction:column;align-items:center}.emptyMsgIcon{height:40%;display:flex;align-items:end;justify-content:center}.joinCall{border-radius:10px;border:2px solid #d3d3d3;padding:6px;width:30%;width:100%}.joinCall>p{padding:inherit}.msgReplyBackContainer{display:flex;align-items:center;justify-content:center;height:10%;margin-top:5px;padding:0 10px;-webkit-animation:slideup .3s ease-in-out forwards;animation:slideup .3s ease-in-out forwards}@-webkit-keyframes slideup{0%{-webkit-transform:scale(.4);transform:scale(.4);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes slideup{0%{-webkit-transform:scale(.4);transform:scale(.4);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.replyBubble{height:100%;width:100%;display:flex;align-items:center;padding:8px 10px;justify-content:space-between;background-color:#f5f5f5;border-radius:10px;border-left:8px solid #0e78f9}.replyText>p{font-size:14px;font-weight:700}.replyText>span{font-size:13px}.replyBackMsg{height:35px;background-color:#fff;opacity:.5;border-radius:5px;border-left:5px solid #0e78f9}.replyBackMsg>p{font-size:11px;font-weight:700;margin-left:2px;margin-right:2px}.replyBackMsg>span{font-size:10px;margin-left:2px;margin-right:2px;display:inline-block;max-width:380px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chatHeader{background-color:#f9f9f9;height:22vh}.chatscreen-header{height:100%;display:flex;flex-direction:column;justify-content:space-around}.statusHeader{height:50%;justify-content:space-between;padding:20px}.inputField,.statusHeader{display:flex;align-items:center}.inputField{height:30%;padding:5px}.userstatus>p{font-size:14px;white-space:nowrap;width:400px;overflow:hidden;text-overflow:ellipsis}.calling{width:25%;height:50px;display:flex;justify-content:space-evenly}.inputbox{display:flex;width:75%;height:40px;background-color:#f5f5f5;border-radius:5px;align-items:center;padding:15px}.inputbox>input{flex:1 1;height:20px;border:none;outline:none;background-color:#f5f5f5}.audiovideoComponent{display:flex;height:100%;padding:10px}.renderedVideo{position:relative}.renderedAudio,.renderedVideo{height:90%;text-align:center;color:#fff}.audioFooter,.videoFooter{height:10%;color:#fff!important;text-align:center;background-color:#202020;display:flex;align-items:center;justify-content:space-between}.audiovideo{height:100%;width:100%;padding:5px;border:2px solid #f5f5f5;background-color:#000}.audioactionButtons,.videoactionButtons{display:flex;width:30%;height:65%;justify-content:space-evenly;align-items:center}.active-user{padding:25px}.participants-List{height:100%;width:25%;padding:5px;border:2px solid #f5f5f5}.participantsHeader{height:5%;text-align:center}.participantsList{height:95%;overflow:auto}.setting-dlg{width:300px;height:250px;padding:20px;background-color:#fff;border-radius:10px;display:flex;flex-direction:column;justify-content:space-between}.setting-select{background-color:var(--color-primary);color:#000;padding:20px;font-size:20px;cursor:pointer}.setting-select option{font-family:inherit!important;font-size:20px!important;background-color:#fff;color:#000}.local-video,.videoOff{height:100%;width:100%}.videoOff{position:absolute;top:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background-color:#000}@media (max-width:768px){.userstatus>h2{font-size:larger}}.add-selector,.remove-selector{width:100%}.actionButtonContainer{display:flex;width:100%}.actionButton{width:50%;text-align:center}.addRemoveSelectorContainer{width:100%;display:flex;align-items:center;padding:5px}.css-14el2xx-placeholder{font-size:13px}.joinCallNotification{position:absolute;height:10%;width:100%;display:flex;align-items:center;justify-content:space-between;background-color:#3d3d3d;z-index:5}.callerDetails{display:flex;margin-left:10px}.userDetail{color:#fff;margin-left:10px}.userDetail>span{font-size:12px}.callbttns{display:flex}.callbttns>.MuiButton-root{margin-right:10px}.chatbar{width:100%;height:75vh}.chatbarContainer{height:100%}.chatheader{display:flex;flex-direction:row;height:40px;align-items:center;border-top:2px solid #000;justify-content:space-evenly}.chatheader-options{height:100%;width:100%;text-align:center;padding:6px;cursor:pointer;position:relative}.chatheader-options:hover{background-color:#f5f5f5}.recents{text-align:center;align-items:center;border-top:2px solid #d3d3d3;border-bottom:2px solid #d3d3d3;padding:8px}.users{padding:6px;height:80%;overflow:auto;overflow-x:hidden;overflow-y:auto}.user{position:relative;border-bottom:2px solid #f5f5f5;padding:6px}.unread-msg_count,.user{display:flex;align-items:center}.unread-msg_count{position:absolute;right:0;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:22px;height:22px;background-color:#0e78f9;border-radius:50%;color:#fff;justify-content:center;font-size:12px;font-weight:600}.user:hover{cursor:pointer;background-color:#f5f5f5}.userdata{padding-left:6px;width:100%;text-align:left;overflow:hidden}.userdata>p{font-size:12px;white-space:nowrap;width:220px;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center}@media (max-width:768px){.chatheader-options>.MuiSvgIcon-root{font-size:larger}.chatheader-options{padding:8px}.recents>span{font-size:14px}.userAvatar>.MuiAvatar-root{height:32px;width:32px}.userdata>span{font-size:14px}.userdata>p{font-size:11px}}.createGroupButton{text-align:center;padding:50px}.groupname{display:flex;width:100%;border-radius:15px;align-items:center;padding:20px}.groupname,.groupname>input{height:20px;background-color:#f5f5f5}.groupname>input{flex:1 1;border:none;outline:none}.pagination{height:5%;display:flex;align-items:center}.userPagination{display:flex;width:100%;justify-content:space-between}.userPagination a{display:flex;align-items:center;padding:2px 6px;color:#000;cursor:pointer}.activebttn a{color:#fff;background-color:#bdbdbd}.disabledbttn a{color:grey}.callHistory{text-align:center}.sidebar{height:100vh;width:30%;border-right:2px solid #000;position:relative}.sidebar-calender{position:absolute;top:45px;right:5px}.sidebarheader{height:25vh;width:100%;background-color:#f9f9f9}.sidebarHeaderContainer{height:100%;display:flex;flex-direction:column;justify-content:space-between}.avatar-header{padding-top:10px;padding-left:10px;height:30%}.input-container{height:70%;position:relative;flex-direction:column;justify-content:space-evenly}.flex-input,.input-container{display:flex;align-items:center}.flex-input{width:90%;background-color:#f5f5f5;border-radius:5px}.flex-input>input{flex:1 1;border:none;outline:none;background-color:#f5f5f5}.none{display:none}@media (max-width:1024px){.flex-input>input{font-size:11px}}@media (max-width:768px){.flex-input>.MuiSvgIcon-root{font-size:smaller}.flex-input>input{font-size:8px}.todayIcon>.MuiSvgIcon-root{font-size:inherit}.avatar-header{padding:18px}.avatar-header>.MuiAvatar-root{height:35px;width:35px}}