body{margin:0;font-family:main-regular!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}::-webkit-scrollbar{width:0;margin-right:0;padding:0;display:none!important}.login-form-input,.MuiAlert-root,.MuiButton-label,.MuiInputBase-input,.MuiMenuItem-root,.MuiTolltip-popper,.MuiTypography-body1{font-family:main-regular!important}.messageBarButtons .MuiIconButton-root{border-radius:15px!important;font-family:"main-regular";padding:7px 12px}.messageBarButtons .MuiIconButton-root .MuiIconButton-label{font-size:17px;grid-gap:10px;gap:10px;flex-direction:row-reverse}.MuiAlert-icon{margin-left:12px;margin-right:0}.MuiAlert-root{width:90%;margin:0 auto 10px}body[dir=ltr] .switchMarginCustom{left:unset;right:-5px}body[dir=ltr] .closeButtonCustom,body[dir=ltr] .infoItemCustom span:nth-child(3){right:8px;left:unset}body[dir=ltr] .infoItemCustom span:nth-child(2){margin-right:unset;margin-left:16px}body[dir=ltr] .gInputBaseWidthCustom,body[dir=ltr] .gNameTextCustom,body[dir=ltr] .nameTextCustom{margin-right:unset;margin-left:10px}body[dir=ltr] .infoSwitchItemCustom{padding-left:14px;padding-right:unset}body[dir=ltr] .menuBtnCustom img,body[dir=ltr] .MuiTypography-noWrap img,body[dir=ltr] .MuiTypography-noWrap svg{margin-right:10px;margin-left:unset!important}body[dir=ltr] .infoBtnTextCustom,body[dir=ltr] .notifyPrayTitleCustom{margin-right:unset;margin-left:5px;text-align:left}body[dir=ltr] .chatlist-header-PresenceStatus{left:35px;right:unset}body[dir=ltr] .gNextImgCustom{-webkit-transform:rotate(180deg);transform:rotate(180deg)}body[dir=ltr] .contentBoxCustom{padding:10px 0 0 20px}body[dir=ltr] .footerBtnCustom{text-align:right}body[dir=ltr] .secondSpanCustom{margin-right:23px;margin-left:unset}body[dir=ltr] .imgBoxCustom{left:45px;right:unset}.muteImgstyleCustom{margin-right:2px}body[dir=ltr] .myself-menu .MuiMenuItem-root{padding-right:16px;padding-left:8px}body[dir=ltr] .rightBtnCustom{margin-left:20px;margin-right:unset}body[dir=ltr] .byFriendMessage{-webkit-transform:translateX(100%);transform:translateX(100%);right:-8px}body[dir=ltr] .bySelfMessage{left:-8px;-webkit-transform:translateX(-100%);transform:translateX(-100%);right:unset}body[dir=ltr] .textReactionCustom{right:-6px;-webkit-transform:translateX(100%);transform:translateX(100%)}body[dir=ltr] .textBodybyFriend{border-radius:16px 16px 16px 4px}body[dir=ltr] .textBodybySelf{border-radius:16px 16px 4px}body[dir=rtl] .MuiSelect-select.MuiSelect-select{padding-left:24px;padding-right:10px}body[dir=rtl] .MuiSelect-icon{right:unset;left:0}body[dir=rtl] .byFriendMessage{left:-8px}body[dir=rtl] .textBodybyFriend{margin:0 10px 10px 0}@font-face{font-family:"main-regular";src:url(/static/media/SomarSans-Regular.3e27bde5.otf)}.App{text-align:center;width:100%;height:100%;position:absolute;display:flex;overflow:auto;font-family:main-regular!important}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.MuiDialog-paper,.MuiMenu-paper,.MuiPopover-paper{border-radius:12px!important}.MuiList-padding{padding:8px!important}.login-container{background-image:url(/static/media/background-min.a54a3e86.jpg);background-size:cover;background-repeat:no-repeat;flex:1 1;flex-direction:column;justify-content:center;min-height:698px;background-position:50%}.login-container,.login-form{display:flex;align-items:center}.login-form{min-width:300px;min-height:460px;max-width:380px;max-height:614px;height:566px;width:380px;background-color:#fff;border:1px solid #fff;border-radius:12px;box-shadow:0 24 36 0 rgba(0,0,0,.8);flex-direction:column;position:relative}.login-form-icon{background-image:url(/static/media/favicon.e511d2e6.svg);width:100px;height:100px;margin-top:15%;margin-bottom:10px}.login-form-AC,.login-form-icon{background-size:contain;background-repeat:no-repeat}.login-form-AC{background-image:url(/static/media/logo.d59ea6ba.svg);width:180px;height:27px;margin-bottom:54px}.login-form-notice{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAI+SURBVHgB7ZhPTuMwFMY/t2XEMhLsp9wApBmkWU04wcycYGZOUDgB7QkQJwBOADegrFgAojege0AKO0STPJ7t8ieOG9stjUDik9Im1vPzr/6XzwU+9cEkMKMouoyA+0g/LSYiWUswg4KBFEAr/cdVf/JjzFdkhEigAUR+gFHWF8mPIQLkDaRB8g7fbVogKiqKfWQPPV8wLyBaOv/NkXtBIEWoIX9sidtvR67QhjPX8sU2wxxOhJGNiXwNKV+EoTVGUFvmULlmAdIJqFsVwzC74np9IJL1ARp5rzKWc7mgJgKpYXLBKCAKXFUMpXIHAFF02uavHcxLPB/1duEJhOZClyu1MT/JrWMTPkCqdwT+Yu4SHVsvlXtooRmjHo032KLKQNSooXeeFZsFtjm0itqkXj8FFYDGYzrdbjydInMeGT10XyeMtU3nq6NuGUCLM3mZ6VRsswA0Nld1QpUMnWXZ0wlCRKL9fJ83YoRpYBa0SiGEPu/Uv+AtsU1LF1+54l3wDi9dpVlkFmhnmF2hjuWfjlZMJ1kaMj2mtAt/yfievgLmH1tbm621WtigXiL8ebKmtHwWc8pjdx12mdnDhg3Iug+pXiL8h4+y0cvETNOhVx3pryeY/okbo/7V5LCkrNaXzqt7j0lNvSqz7zx18DB05UpyhPWhh3fVCXPzvVsV4X8MkpZ2eheppsCbHIOkVKJstMFJDxAmvQLT5ooPjGoLgVIWV7pKbeTkENmO0n2OPEHa2g8967+7Pxs+9eH0CFQt2gwgxOIkAAAAAElFTkSuQmCC);background-size:14px;background-position:2px;background-repeat:no-repeat;padding-left:18px;max-width:85%;color:#000;font-size:14px;overflow:hidden;word-break:break-all;height:18px;margin:2% 0;position:absolute;top:220px;line-height:16px}.login-form-input{width:85%;height:48px;background-color:#f2f3f3;border:1px solid #f2f3f3;border-radius:24px;font-size:14px;color:#000;padding:0 48px 0 19px;box-sizing:border-box;outline:0 none}.button{background-color:#114eff;color:#fff;font-size:16px;font-weight:600;padding:0 19px}.button:active{background-color:#093ed9}.button:disabled{background-color:rgba(17,78,255,.5)}.login-copyright{font-size:16px;color:#fff;position:relative;bottom:-10%}.main-container{flex:1 1}.sign-up-box{color:#999;text-align:center;font-size:14px}.sign-up{color:#114eff;margin-left:5px;cursor:pointer}.sign-up-form{height:614px}.input-box{position:relative;width:100%;margin-bottom:18px}.close-btn{position:absolute!important;right:40px;top:10px;cursor:pointer;width:28px;height:28px;vertical-align:middle;border-radius:50%}.loading-box{width:100%;position:relative;margin-bottom:31px}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loading-img{-webkit-animation:rotation 1s linear infinite;animation:rotation 1s linear infinite;width:20px;position:absolute;left:50%;top:50%;margin-left:-2%;margin-top:-10px}.mysignupdialog .MuiBackdrop-root{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(0,0,0,.2)}.mysignupdialog .MuiDialog-paper{border-radius:12px}.mysignupdialog .Component-closeButton-3{color:#000}.footer-btn{text-align:right;height:100px;width:540px;border-radius:12px;padding-top:50px;box-sizing:border-box}.footer-btn span{height:36px;width:84px;border-radius:26px;display:inline-block;font-family:"Roboto";font-style:normal;font-weight:600;font-size:16px;line-height:36px;text-align:center;color:#000;cursor:pointer}.footer-btn span:nth-child(2){color:#fff;margin-right:23px;background:#114eff}.loader{height:8px;width:36px}.loader-box{display:inline-block;height:18px;width:30px;margin:0 2px;background-color:#0092ff;-webkit-animation-name:fadeOutIn;animation-name:fadeOutIn;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}.loader-box:first-child{-webkit-animation-delay:.25s;animation-delay:.25s}.loader-box:nth-child(2){-webkit-animation-delay:.5s;animation-delay:.5s}.loader-box:nth-child(3){-webkit-animation-delay:.75s;animation-delay:.75s}@-webkit-keyframes fadeOutIn{0%{background-color:#0092ff}to{background-color:rgba(0,146,255,0)}}@keyframes fadeOutIn{0%{background-color:#0092ff}to{background-color:rgba(0,146,255,0)}}.loader{margin-top:15px;border-radius:50%;border:12px solid #f3f3f3;border-top-color:#204687;width:50px;height:50px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.chatlist-header{width:100%;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;box-sizing:border-box;position:relative}.chatlist-header-avatar{width:40px;height:40px;border-radius:20px;background-color:#0ff;cursor:pointer}.chatlist-header-title{color:#005fff;font-size:24px;font-weight:800}.chatlist-header-title img{width:140px;height:20.21px}.chatlist-header-more{cursor:pointer;position:relative}.MuiDialog-paperWidthSm{border-radius:12px}.chatlist-header-more img{width:32px;height:32px}.chatlist-header-more img:hover,.img-active{border-radius:50%;background:#ccc}.myself-menu .MuiMenu-paper{top:48px!important;border-radius:12px;padding:0}.myself-menu .MuiList-padding{padding-left:8px;padding-right:8px}.myself-menu .MuiMenuItem-root{border-radius:8px;padding-right:8px;font-size:.9rem}.tlp-header{display:flex;padding:0 4px 0 24px;height:60px;background:#fff;justify-content:space-between;border-bottom:1px solid #ccc;align-items:center}.tlp-header-title{font-size:18px;line-height:60px;font-weight:600;max-width:476px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tlp-header-icon{margin-right:20px;cursor:pointer}.tlp-header-icon-search{display:inline-block;margin-top:20px;height:19px;width:19px}.list-con{padding-top:2px;max-height:710px;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.list-con::-webkit-scrollbar{display:none}.list-item{position:relative;display:flex;justify-content:space-between;margin:6px 8px 0;width:524px;height:54px;line-height:54px;border-radius:16px}.list-item:hover{background:#f4f5f7}.user-info{display:flex;margin-left:8px;line-height:54px}.avatar{margin-top:7px;height:40px;width:40px;border-radius:50%}.username{margin-left:16px;line-height:54px;font-size:16px;font-weight:600;color:#0d0d0d}.user-role{display:flex;margin-right:15px}.role{font-size:14px;color:#999}.edit{display:block;margin-top:17px;margin-left:20px;height:20px;width:20px;border-radius:50%;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAOCAYAAAAIar0YAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAArSURBVHgBzYy5CQAACAMPcVA3c1ULg53YehAI5IEmJFwmFWAszISz8eW0AJ4FB5Dl4kJdAAAAAElFTkSuQmCC) 50% no-repeat;cursor:pointer}.edit:hover{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAOCAYAAAAIar0YAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAArSURBVHgBzYy5CQAACAMPcVA3c1ULg53YehAI5IEmJFwmFWAszISz8eW0AJ4FB5Dl4kJdAAAAAElFTkSuQmCC) #fff 50% no-repeat}.edit-con:hover .remove-con{display:block}.remove-con{width:240px;background:#fff;border-radius:12px;cursor:pointer}.remove{display:flex;margin:8px;height:38px;width:224px;background:#f4f5f7;border-radius:8px}.remove-icon{display:block;margin-top:4px;height:30px;width:30px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGQSURBVHgB7dnNTcMwGAbg16nLlVy4uxu04sSNTtAR6AgwAbABI5QJ6Ai9IXFpN6AMgBSuNME4P6ISPyKNv1ht9D5SpLapkryJY1v+ACIiIiIiIvpJIRAbL2P0sjt3xkn5g5oji65UMkoQkEYoZdiLr+/KTqEz4z6NEVCQJ2zjRwPdf/51Z7oZqORsjUAaBy5C9I6u3ZMyNf4eu234x76V2/5v1latkb3f+t6c5k1a9x/cVQzhr94xlM3PaeD5CkRoTiLsrs7hySfwAqFZNYMnr07LnjxN3UUYhJEg1bPQwxgdGrFxuJpJ3VSTixh+knIm5j8MfScSuAq7dEczkFSMvdFI8r316aW3dDoVD5vLJzU6vYQgmcBQE7RHdLwXCtwmdQxBBxBYFgN3HQN3HQN3HQN3HQN3HQN3nUxgixe0xr5BkFBgu0JblJ1D0N4v8ajX0wEEiTzhYs0p24xd015DSllLEq8sinVaxepiGfoe/hZ52Daqiq2US8vyqDY1K4tbH5FrKb0FqwtERERERPvnE1eHdVYfaoi4AAAAAElFTkSuQmCC) 50% no-repeat}.remove-text{margin-left:8px;font-size:14px;font-weight:500;color:#ff14cc;line-height:38px}.list-empty{margin-top:150px;width:100%;text-align:center}
/*# sourceMappingURL=main.44ad08b8.chunk.css.map */