@charset "UTF-8";body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#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}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}nav a{color:#fff;color:var(--color-2);text-decoration:none}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,.input_container textarea{border:1px solid #333;border:1px solid var(--color-6);border-radius:5px;margin-top:10px;outline:none;padding:10px;width:100%}.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:10px;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:50px;overflow-y:auto}.user_wrapper{cursor:pointer;margin-bottom:10px;padding:10px}.user_info{justify-content:space-between}.user_detail,.user_info{align-items:center;display:flex}.user_detail h4{margin-left:10px}.avatar{border:1px solid grey;border:1px solid var(--color-4);border-radius:50%;height:50px;width:50px}.user_status{border-radius:50%;height:10px;width:10px}.online{background:#34eb52}.offline{background:#eb4034;background:var(--color-5)}.messages_container{position:relative;width:100%}.messages_user{border-bottom:2px solid #333;border-bottom:2px solid var(--color-6);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:30px;left:20%;position:absolute;width:100%}.message_form input{border:none;border-radius:5px;margin:0 10px 10px;outline:none;padding:10px;width:40vw}.message_form .btn{margin-top:-10px}.search_form{align-items:center;display:flex;height:30px;position:absolute;top:13px;width:100%}.search_form input{border:none;border-radius:5px;margin:10px;outline:none;padding:10px}.search_form .btn{margin-top:3px}.messages{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:#0084ff;background:var(--color-3);color:#fff}.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}@media screen and (max-width:767px){.home_container{grid-template-columns:2fr 3fr}.message_form{bottom:5px;left:3%;right:0}.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{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%}}.active,.link:hover{color:#ff0;text-decoration:underline}.Notifications_styled_table__BEOdu{border-collapse:collapse;box-shadow:0 0 20px rgba(0,0,0,.15);font-family:sans-serif;font-size:.9em;margin:25px auto;min-width:400px}.Notifications_styled_table__BEOdu thead tr{background-color:var(--color-6);color:#fff;text-align:left}.Notifications_styled_table__BEOdu td,.Notifications_styled_table__BEOdu th{padding:12px 15px}.Notifications_styled_table__BEOdu tbody tr{border-bottom:1px solid #ddd}.Notifications_styled_table__BEOdu tbody tr:nth-of-type(2n){background-color:var(--color-6)}.Notifications_styled_table__BEOdu tbody tr:last-of-type{border-bottom:2px solid var(--color-6)}.Notifications_styled_table__BEOdu tbody tr.Notifications_active-row__5vOas{color:var(--color-4);font-weight:700}.Notifications_styled_table__BEOdu img{height:100px;width:100px}.Notifications_styled_table__BEOdu button{background-color:#deb887;border:none;cursor:pointer}@font-face{font-family:Notification;font-style:normal;font-weight:400;src:url(/static/media/notification.3657084dc0419605a91c.eot);src:url(/static/media/notification.3657084dc0419605a91c.eot?#iefixs3g3t9) format("embedded-opentype"),url(/static/media/notification.c392cd33d9d9de730f9d.woff) format("woff"),url(/static/media/notification.c5d9251ea82e42f75381.ttf) format("truetype"),url(/static/media/notification.5d0158671dd860c714c4.svg#notification) format("svg")}.notification-container{box-sizing:border-box;max-height:calc(100% - 30px);overflow-x:hidden;overflow-y:auto;padding:0 15px;position:fixed;right:0;top:0;width:320px;z-index:999999}.notification{background-color:#ccc;border-radius:2px;box-shadow:0 0 12px #999;box-sizing:border-box;color:#fff;cursor:pointer;font-size:1em;line-height:1.2em;margin-top:15px;opacity:.9;padding:15px 15px 15px 58px;position:relative}.notification .title{font-size:1em;font-weight:700;line-height:1.2em;margin:0 0 5px}.notification:focus,.notification:hover{opacity:1}.notification-enter{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:hidden}.notification-enter.notification-enter-active{transition:all .4s}.notification-enter.notification-enter-active,.notification-exit{-webkit-transform:translateZ(0);transform:translateZ(0);visibility:visible}.notification-exit.notification-exit-active{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);transition:all .4s;visibility:hidden}.notification:before{display:block;font-family:Notification;font-size:28px;height:28px;left:15px;line-height:28px;margin-top:-14px;position:absolute;text-align:center;top:50%;width:28px}.notification-info{background-color:#2f96b4}.notification-info:before{content:""}.notification-success{background-color:#51a351}.notification-success:before{content:""}.notification-warning{background-color:#f89406}.notification-warning:before{content:""}.notification-error{background-color:#bd362f}.notification-error:before{content:""}
/*# sourceMappingURL=main.618654ef.css.map*/