@import url(https://fonts.googleapis.com/css?family=Lato:400,700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242526;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}:root{--color-1:#242526;--color-2:#fff;--color-3:#0084ff;--color-4:grey;--color-5:#eb4034;--color-6:#333}.navbar nav{align-items:center;background-color:#242526;background-color:var(--color-1);border-bottom:1px solid #333;border-bottom:1px solid var(--color-6);display:flex;height:70px;justify-content:space-between;padding:0 20px}.navbar nav a{color:#fff;color:var(--color-2);text-decoration:none}.navbar nav div a{margin-right:20px}section{border-radius:5px;box-shadow:1px 2px 10px grey;box-shadow:1px 2px 10px var(--color-4);margin:100px auto 0;max-width:500px;padding:10px 20px}section h3{color:grey;color:var(--color-4);font-size:20px;text-align:center}section .form{margin-top:30px;padding:0 20px}.input_container{margin-top:20px}.input_container input{margin-top:10px;width:100%}.input_container input,.search_container input{border:1px solid #333;border:1px solid var(--color-6);border-radius:5px;outline:none;padding:10px}.search_container input{align-items:center;margin:5px;width:90%}.btn_container{margin:10px 0;text-align:center}.btn{background:#242526;background:var(--color-1);border:1px solid grey;border:1px solid var(--color-4);border-radius:5px;color:#fff;color:var(--color-2);cursor:pointer;font-size:16px;outline:none;padding:7px;transition:all .3s ease-in-out}.btn:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.error{color:#eb4034;color:var(--color-5);text-align:center}.profile_container{align-items:center;display:flex}.img_container{margin-right:20px;position:relative}.img_container img{border:1px solid grey;border:1px solid var(--color-4);border-radius:50%;height:100px;transition:all .5s ease-in-out;width:100px}.img_container:hover img{opacity:.4}.img_container:hover .overlay{opacity:1}.overlay{left:50%;opacity:0;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:.5s ease}.text_container{flex-grow:1}.text_container h3{text-align:left}.home_container{display:grid;grid-template-columns:1fr 3fr;height:calc(100vh - 70px);overflow:hidden;position:relative;width:100vw}.users_container{border-right:2px solid #333;border-right:2px solid var(--color-6);margin-top:10px;overflow-y:auto}.user_wrapper{cursor:pointer;padding:10px}.user_info{justify-content:space-between}.user_detail,.user_info{align-items:center;display:flex}.user_detail h4{margin-left:10px}.user-wrapper :hover{background-color:grey}.avatar{border:1px solid grey;border:1px solid var(--color-4);border-radius:50%;height:50px;width:50px}.user_status{border-radius:50%;float:right;height:10px;margin-right:10px;margin-top:-30px;width:10px}.online{background:#34eb52}.offline{background:#eb4034;background:var(--color-5)}.messages_container{position:relative;width:100%}.messages_user{padding:10px;text-align:center}.no_conv{color:grey;color:var(--color-4);font-size:20px;text-align:center}.message_form{align-items:center;bottom:0;display:flex;height:40px;left:20%;position:absolute;width:100%}.message_form .emoji input{border:none;border-radius:5px;margin:0 10px 10px;outline:none;padding:10px;width:20vw}.message_form .btn{margin-top:-10px}.messages{background-image:url(/static/media/background1.2504ef8eec998adc3ed0.jpg);background-repeat:no-repeat;background-size:100% 100%;border-bottom:1px solid #333;border-bottom:1px solid var(--color-6);height:calc(100vh - 200px);overflow-y:auto}.message_wrapper{margin-top:5px;padding:0 5px}.message_wrapper img{border-radius:5px;width:100%}.message_wrapper p{border-radius:5px;display:inline-block;max-width:50%;padding:10px;text-align:left}.message_wrapper small{display:inline-block;margin-top:15px;opacity:.8}.message_wrapper.own{text-align:right}.me{background-color:#d9fdd3;color:#000}.friend,.selected_user{background:#333;background:var(--color-6)}.truncate{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:90%}.truncate strong{margin-right:10px}.unread{background:#0084ff;background:var(--color-3);border-radius:10px;color:#fff;margin-left:10px;padding:2px 4px}.sm_screen{display:none}.images{width:200px}.underLine{border-bottom:1px solid #333;border-bottom:1px solid var(--color-6)}.userName{float:left;margin:5px;width:5px}.friend .userName{width:100px}.picker-container{margin-bottom:400px;width:70%}.content-wrapper section{border-radius:5px;box-shadow:1px 2px 10px grey;box-shadow:1px 2px 10px var(--color-4);margin:0 auto;max-width:500px;padding:10px 20px}.footer{align-items:center;height:40px;position:absolute;width:100%}.footer .emoji-icon{background-color:#fff;border-radius:15px;cursor:pointer;height:25px;width:25px}.message_form .footer input{border:none;border-radius:5px;margin:0 10px 15px;outline:none;padding:10px;width:100%}.footer .btn{margin-left:20px;margin-top:1px}.smile{float:left;margin-left:20px;margin-top:5px}.InputMessage{float:left;width:50%}.video-container{background-size:100% 100%;background:#e9edef}.video-container,.video-container-preview{border-bottom:1px solid #333;border-bottom:1px solid var(--color-6);height:18em;height:calc(100vh - 200px);left:-20%;margin-left:em;margin-top:-33.6em;position:absolute;top:50%;width:100%}.video-container-preview{background:#fff;overflow-y:auto}.result-hasPhoto{background-size:100% 100%;background:#e9edef;border-bottom:1px solid #333;border-bottom:1px solid var(--color-6);height:18em;height:calc(100vh - 200px);left:-20%;margin-left:em;margin-top:-33.6em;position:absolute;top:50%;width:100%}.video-container video{background:#d3d3d3}.video-container video,.video-container-preview .preview{color:#fff;left:50%;padding:15px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:400px}.video-container-preview .preview{background:#d1d1d1}.result-hasPhoto canvas{background:#d3d3d3;color:#fff;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.result-hasPhoto canvas,.video-button{left:50%;padding:15px;position:absolute;width:400px}.video-button{top:90%;-webkit-transform:translate(-10%,-50%);transform:translate(-10%,-50%)}.video-button button{background-color:#00a884;border-radius:50px}.result{display:none}.status{background:grey;border-radius:5px;height:50px;margin-bottom:20px;margin-left:40%;margin-top:100px;text-align:center;width:100px}.audio-button{margin-left:25%;margin-top:100px}.video-container audio{margin-left:22%;margin-top:20px}.footer-null{display:none}.smile-footer-null{float:left;margin-left:20px}.smile-footer-null-status{background:#ff1493;border:2px solid #f0f8ff;width:50%}.smile-footer-null-status,.smile-footer-null-timer{border-radius:5px;float:left;font-weight:700;margin-left:20px;padding:4px;text-align:center}.smile-footer-null-timer{background:#fff;color:#000;font-size:15px;height:33px;width:100px}.video-call{float:right;height:30px;margin-right:20px;margin-top:-47px;width:35px}@media (min-width:577px) and (max-width:767px){.home_container{grid-template-columns:2fr 3fr}.message_form{left:3%}.message_wrapper p{max-width:75%}.result-hasPhoto,.video-container,.video-container-preview{left:-3%}.video-container-preview .preview{width:300px}}@media (min-width:401px) and (max-width:576px){.home_container{grid-template-columns:1fr 5fr}.user_wrapper{display:none}.sm_container{cursor:pointer;padding:10px 0;text-align:center}.sm_screen{display:inline-block}.message_form input{margin:0 10px;width:50vw}.message_form .btn{margin:0}.message_wrapper p{max-width:100%}}@media screen and (max-width:400px){.no_conv,.sm_screen{display:none}.home_container{display:block;grid-template-columns:1fr 0fr}}._1ceqH,._1ceqH *{box-sizing:border-box;font-family:Lato,sans-serif;margin:0;padding:0}._1ceqH ._2fG9h{margin:0 auto;padding:30px 0;width:100%}._1ceqH ._dt3-T{background:#212121;border-radius:0 0 3px 3px;display:flex;flex-direction:column;min-height:400px}._1ceqH ._1dpop{align-items:center;background:#f50057;border-radius:50%;bottom:65px;color:#fff;display:flex;font-size:25px;height:60px;justify-content:center;position:fixed;right:20%;transition:all .5s ease;width:60px}._1ceqH ._3neb0{height:25px;width:25px}._1ceqH ._1dpop:hover{background-color:#fff}._1ceqH ._3wi1g{fill:#fff;height:100%;width:100%}._1ceqH ._1dpop:hover ._3wi1g{fill:#f50057}._1ceqH ._1lB9c{align-items:center;background:#bd9f61;border-radius:3px 3px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px}._1ceqH ._1lB9c ._2N9dq{font-weight:400}._1ceqH ._1lB9c ._3-aC9{align-items:center;border-radius:50%;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;transition:all .5s ease;width:40px}._1ceqH ._1lB9c ._3-aC9:hover{background:hsla(42,7%,45%,.21)}._1ceqH ._3bC73{flex:1 1;position:relative}._1ceqH ._3bC73 ._1dpop{bottom:20px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}._1ceqH ._3bC73 ._1YOWG{bottom:100px;left:50%;position:absolute;-webkit-transform:translate(-50%);transform:translate(-50%)}._1ceqH ._1Yplu{margin:20px 30px}._1ceqH ._1Yplu ._1Pz2d{background:#185fec;border:1px solid #185fec;border-radius:20px;color:#fff;cursor:pointer;outline:0;padding:10px 20px;transition:all .3s ease}._1ceqH ._1Yplu ._1Pz2d:hover,._1ceqH ._1Yplu ._2gd2_{background:#fff;color:#185fec}._1ceqH ._1Yplu ._2gd2_{margin-left:15px}._1ceqH ._1Yplu ._2gd2_[disabled],._1ceqH ._1Yplu ._37kfa[disabled]{background:#f5f5f5;border-color:#d9d9d9;box-shadow:none;color:#d9d9d9;cursor:not-allowed;text-shadow:none}._1ceqH ._1Yplu ._2gd2_:hover{background:#185fec;color:#fff}._1ceqH ._f2DT8{text-align:center}._1ceqH ._17RTH{background:#fff;min-height:calc(100vh - 128px)}._1ceqH ._f2DT8 *{color:#fff;font-size:60px}._1ceqH ._1YOWG ._eV_dK{color:#fff}._1ceqH ._qxztz{bottom:0;display:flex;left:50%;padding:20px 0;position:absolute;-webkit-transform:translate(-50%);transform:translate(-50%)}._1ceqH ._qxztz ._2uz65{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:20px;height:50px;justify-content:center;margin-right:15px;width:50px}._1ceqH ._qxztz ._1bSom{background:#940505;position:relative}._1ceqH ._qxztz ._3nQu5{background:#9c6702;position:relative}._1ceqH ._3O0Io{border-color:transparent transparent transparent #fff;border-style:solid;border-width:10px 0 10px 17px;box-sizing:border-box;height:20px;left:56%;width:20px}._1ceqH ._2ACrw,._1ceqH ._3O0Io{position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}._1ceqH ._2ACrw{border:double #fff;border-width:0 0 0 15px;height:17px;left:50%;width:17px}._1ceqH ._oEOY-{border:1.5px solid #fff;border-radius:2px;height:17px;width:17px}._1ceqH ._3neb0{display:flex;height:30px;width:30px}
/*# sourceMappingURL=main.9a44e5c0.css.map*/