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;width:100%!important;overflow-x:hidden!important}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}input{outline:none!important;border:none!important}.inicio{height:620px;width:100%}*{box-sizing:border-box}:root{--color-1:#242526;--color-2:#fff;--color-3:#0084ff;--color-4:grey;--color-5:#eb4034;--color-6:#333;--color-7:#dadada}.input_container{margin-top:20px}.input_container input{width:100%;padding:10px;outline:none;margin-top:10px;border:1px solid #333;border:1px solid var(--color-6);border-radius:8px}.input_container label{color:#242526;font-weight:600}.btn_container{margin:10px 0;text-align:center}.btn-enviar{padding:10px;border-radius:10px;outline:none;border:1px solid #0084ff;border:1px solid var(--color-3);background:#0084ff;background:var(--color-3);color:#fff;color:var(--color-2);cursor:pointer;transition:all .3s ease-in-out;font-size:16px}.btn-enviar:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.error{text-align:center;color:#eb4034;color:var(--color-5)}.profile_container{display:flex;align-items:center}.img_container{position:relative;margin-right:20px}.img_container img{width:100px;height:100px;border-radius:50%;border:1px solid grey;border:1px solid var(--color-4);transition:all .5s ease-in-out}.img_container:hover img{opacity:.4}.img_container:hover .overlay{opacity:1}.overlay{transition:.5s ease;opacity:0;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center}.text_container{flex-grow:1}.text_container h3,.text_container p{text-align:left;color:#000}.home_container{position:relative;display:grid;grid-template-columns:1fr 3fr;overflow:hidden;height:calc(100vh - 70px);width:100vw}.users_container{margin-top:10px;border-right:2px solid #dadada;border-right:2px solid var(--color-7);overflow-y:auto}.user_wrapper{padding:10px;cursor:pointer;border-bottom:2px solid #dadada;border-bottom:2px solid var(--color-7)}.user_info{justify-content:space-between}.user_detail,.user_info{display:flex;align-items:center}.user_detail h4{margin-left:10px;font-size:18px;font-weight:500;color:#000}.avatar{width:50px;height:50px;border-radius:50%;border:1px solid grey;border:1px solid var(--color-4)}.user_status{width:10px;height:10px;border-radius:50%}.online{background:#34eb52}.offline{background:#eb4034;background:var(--color-5)}.messages_container{position:relative;width:100%}.messages_user{margin-top:15px;padding:10px;text-align:center;border-bottom:2px solid #dadada;border-bottom:2px solid var(--color-7);display:flex;align-items:center;justify-content:center}.messages_user h3{margin-left:10px;color:#000}.no_conv{font-size:20px;color:#0084ff;color:var(--color-3);text-align:center;margin-top:15px}.message_form{position:absolute;bottom:0;left:20%;width:100%;height:30px;display:flex;align-items:center}.message_form input{width:40vw;margin:0 10px 10px;padding:10px;border-radius:5px;outline:none;font-size:18px;border:none;background:#dadada;background:var(--color-7)}.message_form .btn{margin-top:-10px}.messages2{height:calc(80vh - 200px)}.messages,.messages2{overflow-y:auto;border-bottom:1px solid #333;border-bottom:1px solid var(--color-6)}.messages{height:calc(100vh - 200px)}.message_wrapper{margin-top:5px;padding:0 5px}.message_wrapper img{width:100%;border-radius:5px}.message_wrapper p{padding:10px;display:inline-block;max-width:50%;text-align:left;border-radius:5px}.message_wrapper small{display:inline-block;margin-top:15px;opacity:.8}.message_wrapper.own{text-align:right}.me{background:#0084ff;background:var(--color-3);color:#fff}.friend{background:#333;background:var(--color-6);color:#fff}.selected_user{background:#dadada;background:var(--color-7)}.truncate{font-size:14px;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis;color:#333;color:var(--color-6)}.selected_user:active>.truncate{color:grey;color:var(--color-4)}.truncate strong{margin-right:10px}.unread{margin-left:10px;background:#0084ff;background:var(--color-3);color:#fff;padding:2px 4px;border-radius:10px}.sm_screen{display:none}.emoji_container{position:relative;padding-top:15px;padding-bottom:0;padding-left:15px;height:130px;width:100%;overflow-y:scroll}.emoji{font-size:25px;cursor:pointer}@media screen and (max-width:767px){.home_container{grid-template-columns:2fr 3fr}.message_form{left:3%;right:0;bottom:5px}.message_wrapper p{max-width:75%}}@media screen and (max-width:576px){.home_container{grid-template-columns:1fr 5fr}.user_wrapper{display:none}.sm_container{padding:10px 0;text-align:center;cursor:pointer}.sm_screen{display:inline-block}.message_form input{width:50vw;margin:0 10px}.message_form .btn{margin:0}.message_wrapper p{max-width:100%}.titulo{display:none}}.textoDia{cursor:pointer}.cardDia:hover{-webkit-animation-duration:2s;animation-duration:2s;background-color:#009fd3}.cardDia:hover h2,.cardDia:hover span,.cardDia:hover svg{color:#fff!important}@media screen and (max-width:600px){body,html{width:100%;overflow-x:hidden!important}.atr{display:none!important}.cardDia{margin-top:15px!important}}@-webkit-keyframes fadeInUp{0%{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}to{-webkit-transform:translate(0);transform:translate(0);opacity:1}}@keyframes fadeInUp{0%{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}to{-webkit-transform:translate(0);transform:translate(0);opacity:1}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}.img{overflow:"hidden";display:"center";width:100%;align-items:"center";border-radius:50%;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
/*# sourceMappingURL=main.e2390401.chunk.css.map */