body{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}body{background:#fff;padding:0;margin:0;font-family:"Nunito",sans-serif;font-size:16px;overflow:hidden}.bgImg img{z-index:-12;top:0;left:0;opacity:.7;width:100%;height:170%}.beta,.bgImg img{position:absolute}.beta{bottom:0;right:0;padding-right:10px;color:#000}.beta,.button{font-weight:bolder}.button{width:60%;display:block;margin-left:auto;margin-right:auto}.main-div{width:25%;margin:150px auto 0;padding:25px 25px 50px;background-color:#000;border-radius:25px}.main-div h3{color:#fff;font-weight:bolder;text-align:center}.main-div input{display:block;border:1px solid #ccc;border-radius:5px;background:#fff;padding:15px;outline:none;width:100%;margin-bottom:20px;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s}.main-div input:focus{border:1px solid #777}.loggedin-div button,.main-div button{background:#5d8ffc;color:#fff;border:1px solid #5d8ffc;border-radius:5px;padding:15px;display:block;width:100%;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s}.loggedin-div button:hover,.main-div button:hover{background:#fff;color:#5d8ffc;border:1px solid #5d8ffc;cursor:pointer}.main-div p label{text-align:center;color:#fff}@media (max-width:600px){.main-div{width:95%}}.material-icons{display:block;margin-left:10%;margin-right:10%;display:inline}::-webkit-scrollbar{width:.25rem}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#727473}.mainBody{width:100%}.mainBody,.menuSection{height:100vh;overflow:hidden}.menuSection{width:25%;float:left;position:relative}.menuSectiondark{background-color:#2f3136}.menuSectionlight{background-color:#dadada}.menuSectionGroup{margin:40px 30px 30px 20px;width:90%;height:30vh;border:1px solid #fff;overflow-y:auto}.addFriend p,.friendList p,.menuSectionGroup p{font-size:15px;color:#fff;letter-spacing:.3em;text-align:center}li{list-style:none}.addfriendList{padding-top:30px}.addfriendList li,.groupList li{padding:5px;list-style:none;font-size:20px;margin-top:12px}.groupListdark li{color:#fff}.justChat{letter-spacing:.2em;padding-bottom:10px;text-align:center}.justChatdark{color:#fff;border-bottom:1px solid #fff}.justChatlight{color:#000;border-bottom:1px solid #000}.addfriendList li img{padding-right:5px;width:15%;border-radius:50%}.friendName{height:100vh;overflow-y:auto;padding-bottom:50px;padding-top:10px}.friendNameImgName,.recentNameImgName{margin-top:20px}.friendNameImgName .text,.recentNameImgName .text{font-size:15px}.friendNameImgName img{padding-right:5px;width:50%;border-radius:50%}.friendName p img{width:40%;border-radius:50%;margin-bottom:20px;cursor:pointer}.friendName p .rersName{display:none}.recentNameImgName img{padding-right:5px;width:15%;border-radius:50%}.addfriendListdark{color:#fff}.groupList li{cursor:pointer}.groupList li img{width:18%}.createRoom,.manageAccount{position:relative;width:100%;height:80vh;overflow-y:scroll;-webkit-animation:leftToright .3s linear;animation:leftToright .3s linear;padding:50px 20px 20px}.createRoom .manageAccount p{color:#fff;text-align:center}.manageAccount .form-outline{padding-top:30px}.manageAccount .form-outline label{color:#3a7afa;padding-left:10px;font-size:15px;letter-spacing:.3em}.manageAccount .form-outline label .material-icons{font-size:20px}.manageAccount .form-outline .form-control{background-color:transparent;border:none;border-bottom:2px solid #555;letter-spacing:.2em}.addFriend{position:relative;width:100%;height:80vh;overflow-y:scroll;-webkit-animation:leftToright .3s linear;animation:leftToright .3s linear;padding:50px 20px 20px}.addFriendInput{width:80%;float:left;padding-left:10px;display:-webkit-flex;display:flex}.addFriendInput .form-control{border-radius:20px;width:120%!important;font-weight:bolder;letter-spacing:.2em;background-color:transparent;border:none;border-bottom:2px solid grey}.addFriendSearch{width:20%;padding-top:5px;display:-webkit-flex;display:flex;padding-left:15px}.addFriendSearch span{cursor:pointer}.materialiconhdark .material-icons{color:#000}.groupList,.recentChat{position:relative;width:100%;height:80vh;overflow-y:scroll;left:0;opacity:1;padding:0 20px 20px;transition:.5s linear;-webkit-animation:leftToright .3s linear;animation:leftToright .3s linear;font-weight:bolder}@-webkit-keyframes leftToright{0%{left:-100%;opacity:0}50%{left:-50%;opacity:.5}to{left:0;opacity:1}}@keyframes leftToright{0%{left:-100%;opacity:0}50%{left:-50%;opacity:.5}to{left:0;opacity:1}}.recentChat li img{padding-right:5px;width:15%;margin-top:15px}.recentChat li{padding:5px;list-style:none;font-size:15px;letter-spacing:.2em;margin-top:12px}.recentChatdark li{color:#fff}.recentChatlight li{color:#000}.selfInfo{position:fixed;bottom:0;width:25%;height:8vh;padding:10px 10px 15px}.selfInfodark{background-color:#36373a}.selfInfolight{background-color:#a5a5a5}.selfInfo p img{width:10%;border-radius:50%}.selfInfo p{font-weight:bolder;letter-spacing:.2em;color:#fff}.chatSection{width:60%;height:100vh;float:left;position:relative;overflow:hidden}.chatSectiondark{background-color:#36393f}.chatSectionlight{background-color:#fff}.chatbox{width:100%;height:80vh;overflow-x:hidden;overflow-y:auto;margin-top:30px}.friendSection{width:10%;height:100vh;float:right;position:relative;overflow:hidden}.friendSectionlight{background-color:#dadada}.controlMenu,.friendSectiondark{background-color:#202225}.controlMenu{width:5%;height:100vh;float:left;overflow-y:auto}.controlMenu hr{border:1px solid #414552;background-color:#414552}.controlMenu li img{width:80%;display:block;margin-left:auto;margin-right:auto;border-radius:50%;cursor:pointer}.add{float:right;margin-top:5px;margin-right:5px;cursor:pointer}.material-icons{font-size:26px;color:#fff}.controlMenuListIcon .material-icons{margin-top:35px;font-size:40px;display:block;margin-left:auto;cursor:pointer;margin-right:auto}.chatImage p{text-align:center;font-size:30px;padding-top:10px;letter-spacing:.3em}.chatImagedark p{color:#fff}.chatImage img{margin-top:30%}.chatImage img,.modalpop{width:60%;display:block;margin-left:auto;margin-right:auto}.modalpop{font-size:12px;background-color:#fff;margin-top:-20%}.modalpop>.headerpop{width:100%;border-bottom:1px solid grey;font-size:18px;text-align:center;padding:5px}.modalpop>.actions,.modalpop>.content{width:100%;padding:10px 5px}.modalpop>.actions{margin:auto;text-align:center}.modalpop>.close{cursor:pointer;position:absolute;display:block;padding:2px 5px;line-height:20px;opacity:1;top:-10px;font-size:24px;background:#424242;border-radius:18px;border:1px solid #cfcece;outline:none}.userSetting{float:right;margin:5px 20px 0 10px;cursor:pointer}.switch{float:right;height:34px;position:relative;width:60px}.switch input{display:none}.slider{background-color:#282a2e;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;bottom:4px;content:"";height:26px;left:4px;width:26px}input:checked+.slider{background-color:#ccc}input:checked+.slider:before{-webkit-transform:translateX(26px);transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}input[type=file]{display:none}.custom-file-upload{border-radius:50%;display:inline-block;position:relative;padding:6px;cursor:pointer;border:1px solid #fff;margin-bottom:25px}.form-outlineImage{padding-left:30%}.img-wrap{position:relative;overflow:hidden;border-radius:50%}.img-upload:before{content:"Edit";font-size:10px;position:absolute;padding-top:80px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;color:#000;width:200px;height:200px;border-radius:50%;opacity:0;transition:.5s ease;background-color:#fff}.img-upload:hover:before{opacity:1}img{width:auto;height:100%}label{text-transform:uppercase;font-weight:700;color:#676767}.btn-save{display:block;margin-right:auto;margin-left:auto;margin-top:70px;font-weight:bolder}.scanlines{overflow:hidden;mix-blend-mode:difference}.scanlines:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:repeating-linear-gradient(180deg,transparent 0,hsla(0,0%,100%,.048) .5%,transparent 1%);-webkit-animation:fudge 7s ease-in-out infinite alternate;animation:fudge 7s ease-in-out infinite alternate}@-webkit-keyframes fudge{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translateY(2%);transform:translateY(2%)}}@keyframes fudge{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translateY(2%);transform:translateY(2%)}}.openfriendListclass{display:none}.nouser{margin-top:30px;font-size:20px;font-weight:bolder;text-align:center;letter-spacing:.2em}.welcomeMsg p:first-child{font-size:30px;font-weight:bolder;letter-spacing:.1em}.welcomeMsg .btn{margin:15px;background-color:#202225;color:#fff;outline:none}.crop-container{width:1%}.controls{position:absolute;bottom:0;left:50%;width:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);height:80px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.slider{padding:22px 0}.userifo{color:#fff;margin-left:20px;letter-spacing:.2em}.blinkspan{-webkit-animation:blinknoti .9s infinite;animation:blinknoti .9s infinite}@-webkit-keyframes blinknoti{0%{opacity:0}25%{opacity:.5}25%{opacity:1}to{opacity:0}}@keyframes blinknoti{0%{opacity:0}25%{opacity:.5}25%{opacity:1}to{opacity:0}}.updates{padding-top:160px}@media (max-width:600px){.controlMenu{position:fixed;padding:10px;z-index:1234;width:100%;bottom:0;float:none;height:10vh;display:inline-block}.selfInfo{width:100%;height:7vh;bottom:10vh;padding-bottom:20px}.controlMenu hr{display:none}.controlMenu .material-icons{margin:2%;display:inline-block}.controlMenu::-webkit-scrollbar{width:1rem;border-radius:50px}.controlMenu::-webkit-scrollbar-track{background:transparent}.controlMenu::-webkit-scrollbar-thumb{background:#727473}.menuSection{width:100%;height:100vh;overflow:hidden;position:fixed;z-index:123;float:none;overflow-x:hidden;transition:.5s;top:0;left:0}@-webkit-keyframes resback{to{left:0;opacity:1}50%{left:-50%;opacity:.5}0%{left:-100%;opacity:0}}@keyframes resback{to{left:0;opacity:1}50%{left:-50%;opacity:.5}0%{left:-100%;opacity:0}}.menuSectionres{width:100%;opacity:0;left:-100%;position:absolute;z-index:123;overflow-x:hidden;transition:.5s;top:0;left:-100}@-webkit-keyframes res{0%{left:0;opacity:1}50%{left:-50%;opacity:.5}to{left:-100%;opacity:0}}@keyframes res{0%{left:0;opacity:1}50%{left:-50%;opacity:.5}to{left:-100%;opacity:0}}.chatSection{position:relative;overflow:hidden}.chatSection,.friendSectionres{width:100%;height:100vh;float:none}.friendSectionres{position:fixed;z-index:127;overflow-x:hidden;transition:.5s;top:0;right:0}.friendName p img{width:20%}.friendName p .rersName{display:block}.friendName{padding-bottom:150px}.friendSection{width:100%;height:50vh;padding-top:10px;float:none;position:fixed;z-index:127;overflow-x:hidden;transition:.5s;top:0;right:-100%}.openfriendListclass{position:fixed;z-index:234;right:0;margin:15px;display:block;top:9%;padding:12px;overflow:hidden}.openfriendListclass .material-icons{background-color:#000;padding:10px;border-radius:20px}.recentChat{padding-top:40px;padding-bottom:100px}.updates{padding-top:10px}}*{padding:0;margin:0;font-family:"Quicksand",sans-serif}body{background:#262626}.loader{width:300px;height:300px;border-color:#f1c40f transparent #8e44ad;border-style:solid;border-width:10px;border-radius:50%;-webkit-animation:animate 2s linear infinite;animation:animate 2s linear infinite}.loader,.loader:after,.loader:before{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.loader:after,.loader:before{content:"";border:10px solid #fff;border-radius:50%;-webkit-animation:animate 1.8s linear infinite;animation:animate 1.8s linear infinite}.loader:before{width:60%;height:60%;border-color:#c0392b transparent #3498db}.loader:after{width:30%;height:30%;border-color:#27ae60 transparent #7f8c8d;-webkit-animation-duration:1.5s;animation-duration:1.5s}@-webkit-keyframes animate{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg)}to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}@keyframes animate{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg)}to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}.MessageSection{height:100vh;width:100%;position:relative;overflow:hidden;background-color:#dad1d1}.mainChatindi{padding:100px 20px 60px;height:90vh;width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;overflow-y:scroll}.mainChatindi::-webkit-scrollbar{width:.25rem}.mainChatindi::-webkit-scrollbar-track{background:transparent}.mainChatindi::-webkit-scrollbar-thumb{background:#727473}.Headerchatindi{background-color:#414552;width:60%;height:10vh;padding-top:5px;color:#fff;position:fixed}.Headerchatindi p img{width:5%;margin:5px 5px 5px 30px;border-radius:50%}.Headerchatindi p{font-size:20px;font-weight:bolder;text-align:left}.Headerchatindi p .material-icons{float:right;margin:20px}.indiForm{height:8vh;border-top:1px solid #2c2c2c;width:60%;display:-webkit-flex;display:flex;font-size:1.5rem;background-color:#2c2c2c;position:fixed;bottom:0}.indiForm button{width:10%;background-color:#fff}.indiForm textarea{width:90%;font-size:1em;background:#fdfdfd;color:#000;outline:none;border:none;margin:5px;border-radius:20px;padding:10px;resize:none}textarea::-webkit-input-placeholder{color:#000}textarea:-ms-input-placeholder{color:#000}textarea::placeholder{color:#000}button{border:none;text-align:center;text-decoration:none;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.message{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.message p{font-size:14px;padding:10px;font-weight:700;width:50%;word-wrap:break-word}.sent{-webkit-flex-direction:row-reverse;flex-direction:row-reverse}.sent p{color:#fff;background:#0b93f6;border-top-left-radius:10px;border-bottom-left-radius:10px;border-top-right-radius:30px}.message label{font-size:10px;padding:10px}.received p{background:#e5e5ea;color:#000;border-top-right-radius:10px;border-bottom-right-radius:10px;border-top-left-radius:30px}.received p img,.sent p img{display:block;margin:auto}.received p .material-icons{color:#000}.picker{top:47%}.filepicker,.picker{position:absolute;z-index:12;opacity:1}.filepicker{top:50%}.showPickerDivindi{padding:15px 20px 20px;cursor:pointer;background-color:#2c2c2c}.showPickerDivindi .material-icons{color:#fff}.infoDetailindi{background-color:#757575;width:50%;min-height:30vh;overflow-y:auto;padding-top:5px;color:#fff;right:0;position:absolute;display:none;top:10vh}.infoDetailindi label{color:#000;display:none;padding-left:10px;padding-right:10px}.infoDetailindi h4{text-align:center;padding-bottom:50px}.infoDetailImgindi{background-color:#b1b1b1}.infoDetailImgindi img{width:20%;display:block;margin:auto;transition:.3s linear}.infoDetailImgindi img:hover{width:60%;transition:.3s linear}.infoDetailindi p{font-size:20px;letter-spacing:.3em;font-weight:bolder;padding:10px;text-align:center}.showPickerDivindi input[type=file]{display:none}#pict{cursor:pointer;background-color:transparent}.showFilemodal img{width:55%}.buttonModal .btn{background-color:#2c2c2c;margin:20px;padding:10px}.imageMessage{display:-webkit-flex;display:flex}.imageMessage a{height:1vh}@media (min-width:300px) and (max-width:600px){.mainChatindi{margin-top:20%;padding:100px 10px 180px}.showPickerDivindi{padding:15px 10px 10px;cursor:pointer;background-color:#2c2c2c}.picker{position:absolute;z-index:12;top:42%;opacity:1}.Headerchatindi p{font-size:25px;padding-top:3%}.Headerchatindi{background-color:#414552;width:100%;height:9.2vh;padding-top:5px;color:#fff}.Headerchatindi p img{width:10%;margin:5px 5px 5px 30px;border-radius:50%}.Headerchatindi p{font-size:20px;font-weight:bolder;text-align:left}.Headerchatindi p .material-icons{float:right;margin:6px 20px 10px 10px}.indiForm{bottom:78px;width:100%}.infoDetailindi{top:21npm startvh}}@media (max-height:500px){.indiForm{bottom:47px;width:100%;height:12vh}.Headerchatindi{background-color:#414552;width:100%;height:9.2vh;padding-top:0;color:#fff}.Headerchatindi p img{width:5%;margin:0 5px 5px 30px;border-radius:50%}.Headerchatindi p{font-size:15px;font-weight:bolder;text-align:left}.Headerchatindi p .material-icons{float:right;margin:0 20px 0 0}}@media (max-width:300px){.mainChatindi{padding:100px 20px 150px 0}.showPickerDivindi{padding:15px 10px 10px;cursor:pointer;background-color:#2c2c2c}.picker{position:absolute;z-index:12;top:42%;opacity:1}.Headerchatindi p{font-size:25px;padding-top:3%}.Headerchatindi{background-color:#414552;width:100%;height:9.2vh;padding-top:0;color:#fff}.Headerchatindi p img{width:5%;margin:0 5px 5px 30px;border-radius:50%}.Headerchatindi p{font-size:15px;font-weight:bolder;text-align:left}.Headerchatindi p .material-icons{float:right;margin:0 20px 0 0}.indiForm{bottom:45px;width:100%;height:12vh}}.MessageSectiongroup{height:100vh;width:100%;position:relative;overflow:hidden;background-color:#dad1d1}.mainChatgroup{padding:20px 20px 60px;height:82.8vh;width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;overflow-y:scroll}.mainChatgroup::-webkit-scrollbar{width:.25rem}.mainChatgroup::-webkit-scrollbar-track{background:transparent}.mainChatgroup::-webkit-scrollbar-thumb{background:#727473}.Headerchat{background-color:#414552;width:100%;height:9.2vh;padding-top:5px;color:#fff}.Headerchat p img{width:5%;margin:5px 5px 5px 30px;border-radius:50%}.Headerchat p{font-size:20px;font-weight:bolder;text-align:left}.start{color:#fff;font-size:30px;text-align:center;padding-top:25%}.groupform{height:8vh;border-top:1px solid #2c2c2c;width:100%;display:-webkit-flex;display:flex;font-size:1.5rem}.groupform button{width:10%;background-color:#fff}.material-icons.micon{color:#000}.groupform input{width:90%;font-size:1em;background:#fdfdfd;color:#000;outline:none;border:none;padding:0 10px}.groupform input::-webkit-input-placeholder{color:#000}.groupform input:-ms-input-placeholder{color:#000}.groupform input::placeholder{color:#000}.groupform button{border:none;text-align:center;text-decoration:none;cursor:pointer}.groupform button:disabled{opacity:.5;cursor:not-allowed}.messagegroup{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.messagegroup p{font-size:14px;padding:10px;font-weight:700;width:50%}.receivedgroup p img,.sentgroup p img{display:block;margin:auto}.receivedgroup p .material-icons{color:#000}.sentgroup{-webkit-flex-direction:row-reverse;flex-direction:row-reverse}.sentgroup p{color:#fff;background:#0b93f6;border-top-left-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:30px}.messagegroup label{font-size:10px;padding:10px}.receivedgroup p{background:#e5e5ea;color:#000;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:30px}.pickergroup{position:absolute;z-index:12;top:50%;opacity:1}.showPickerDivgroup{padding:15px 20px 20px;background-color:#2c2c2c}.showPickerDivgroup .material-icons{color:#fff;cursor:pointer}.infoDetail{background-color:#757575;width:50%;height:80vh;overflow-y:auto;padding-top:5px;color:#fff;right:0;position:absolute;display:none}@-webkit-keyframes topBottom{0%{height:0}50%{height:30vh}to{height:60vh}}@keyframes topBottom{0%{height:0}50%{height:30vh}to{height:60vh}}.infoDetailImg{background-color:#b1b1b1}.infoDetailImg img{width:60%;display:block;margin:auto}.infoDetail p{font-size:20px;letter-spacing:.3em;font-weight:bolder;padding:10px}.groupaddfreind p,.infoDetail_FriendList p{font-size:10px}.infoDetail_FriendList li{padding:10px}.infoDetail_FriendList li img{width:15%;margin-right:20px;border-radius:50%}.infoDetail .material-icons{float:right;margin-right:10px;cursor:pointer}.groupaddfreind .form-outline .form-control{color:#0f0f0f;background-color:#fff;margin-right:30px}.groupaddfreind .material-icons{margin-right:10px!important;cursor:pointer}.addGroup{margin-top:15px}.myfriendlist{border-top:1px solid #000;padding:10px}.addFriendtogroup li,.myfriendlist li{padding:10px}.addFriendtogroup li img,.myfriendlist li img{width:15%;border-radius:50%}.addFriendtogroup{width:100%;min-height:10vh;padding:10px}.groupaddfreind .InputSearch{height:5vh}.admin{float:right;margin:15px;font-size:12px;border:1px solid #000;padding:3px;color:#000;border-radius:10px}@media (max-width:600px){.mainChatgroup{height:72.8vh;padding-bottom:60px}.showPickerDivgroup{padding:15px 10px 10px;cursor:pointer;background-color:#2c2c2c}.pickergroup{position:absolute;z-index:12;top:42%;opacity:1}.Headerchat p{font-size:20px;font-weight:bolder;text-align:left;padding-top:3%}.infoDetail{background-color:#757575;width:100%;height:84vh;position:absolute;z-index:122}}
/*# sourceMappingURL=main.6c0d9f47.chunk.css.map */