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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}@font-face{font-family:"Kaushan Script";font-weight:900;src:local("Lato"),url(/social_network/static/media/KaushanScript-Regular.b721b739.ttf) format("truetype")}@font-face{font-family:"Open Sans";font-weight:100;src:local("Lato"),url(/social_network/static/media/OpenSans-Regular.1b0809d5.ttf) format("truetype")}*{box-sizing:border-box;margin:0;padding:0;font-family:"Open Sans",sans-serif}.App{background:#eceeee;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;height:100vh;position:relative}.Body{overflow-y:scroll;overflow-x:hidden}.wrapper_preloader{position:relative;height:100%}.wrapper_navbar_and_body{display:-webkit-flex;display:flex;width:100%;height:100%;margin-top:20px;overflow:hidden}@media (max-width:1660px){.wrapper_navbar_and_body{padding-right:100px}.Body{min-width:1150px}.wrapper_preloader{max-width:1150px;margin-left:15%;margin-top:80px}}@media (min-width:1660px){.wrapper_preloader{width:1200px;margin-left:25%;margin-top:80px}}@media (max-width:1540px){.wrapper_preloader{min-width:100vh;margin:0}}@media (max-width:1438px){.Body{margin-right:10px}.wrapper_preloader{margin-left:12%}}@media (max-width:1290px){.wrapper_navbar_and_body{margin-top:0;padding:0}.Body{margin:0;min-width:100%;background:#fff}}@media (min-width:1438px){.Body{width:1200px}}@media (max-width:415px){.Body{background:#fff}}@media (max-width:700px){.Body{position:relative}.Body::-webkit-scrollbar{width:0}}@media (min-width:700px){.Body{position:relative}.Body::-webkit-scrollbar{width:3px}.Body::-webkit-scrollbar-thumb{border-radius:10px;height:10px;background-color:rgba(179,182,186,.5)}.Body::-webkit-scrollbar-track{margin-top:7px}}.container_info_and_avatar{overflow:hidden}.container_info_and_avatar,.container_posts_and_status{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;height:100%}.container_posts_and_status{-webkit-justify-content:space-between;justify-content:space-between;width:100%}.container_status_and_name{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;background:#fff}.Profile{overflow:hidden}.container_avatar,.Profile{width:100%;display:-webkit-flex;display:flex}.container_avatar{background:#fff;position:relative;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.wrapper_butt_message{width:110px}.wrapper_avatar{overflow:hidden;width:290px;border:1px solid #f1efef;border-radius:3px}.wrapper_avatar img{height:100%;width:100%;display:-webkit-flex;display:flex}#change_photo{display:none}.input_camera div{width:40px;height:40px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;background:#fff;cursor:pointer;transition:.3s;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.input_camera div:hover{background:#fff;transition:.3s;opacity:1}.input_camera img{width:80%;height:80%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.input_camera div:hover img{width:90%;height:90%}.myPostsContainer{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.wrapper_posts,.wrapper_posts_dont_my_page{background:#fff}.wrapper_posts .imgNoPost,.wrapper_posts_dont_my_page .imgNoPost{width:100%;height:100%;opacity:.1;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.wrapper_posts .imgNoPost img,.wrapper_posts_dont_my_page .imgNoPost img{width:200px}.wrapper_posts .imgNoPost span,.wrapper_posts_dont_my_page .imgNoPost span{font-size:25px;font-weight:700}.wrapper_posts::-webkit-scrollbar{width:1px}.wrapper_posts::-webkit-scrollbar-thumb{background:#5982ee}.wrapper_posts::-webkit-scrollbar-track{margin-top:5px}.wrapper_text_butt{padding:10px;background:#fff}.wrapper_text_butt textarea{resize:none;outline:none;width:100%;height:50px;border:2px solid #eceeee;background:#eceeee;padding:1px 3px;border-radius:5px}.wrapper_text_butt textarea:focus{border:2px solid #5982ee}.wrapper_text_butt textarea:hover{background:#e6e8e8}.wrapper_text_butt button{background:#fff;width:100px;height:25px;outline:none;transition:.3s;font-size:15px;border:1px solid #5982ee;color:#5982ee;border-radius:3px;cursor:pointer}.wrapper_text_butt button:hover{background:#5982ee;color:#fff}.wrapper_text_butt textarea::-webkit-scrollbar{width:3px;background-color:#fff}.wrapper_text_butt textarea::-webkit-scrollbar-thumb{border-radius:10px;background-color:#dedede}@media (max-width:1430px){.container_avatar{min-height:400px}.container_info_and_avatar{min-width:350px}}@media (min-width:1430px){.container_avatar{min-height:400px}.container_info_and_avatar{min-width:350px}}@media (max-width:1290px){.container_avatar{border-right:1px solid #b3b3b3;border-left:1px solid #b3b3b3}.wrapper_text_butt{border-bottom:none}.container_status_and_name{border:none}.container_posts_and_status{margin:0;min-width:450px;border-radius:0}.myPostsContainer{border-radius:0}.container_status_and_name{box-shadow:none;width:100%;min-height:15%}.container_avatar{border-radius:0;border:none}.wrapper_text_butt{width:100%}}@media (min-width:1291px){.container_status_and_name{min-height:200px;border:1px solid #b3b3b3}.container_avatar{border:1px solid #b3b3b3}.wrapper_posts,.wrapper_posts_dont_my_page{border-radius:10px;width:100%;margin-right:20px;border:1px solid #b3b3b3;min-height:681px}.wrapper_posts_dont_my_page{min-height:804px}.wrapper_posts{min-height:681px}.wrapper_text_butt{border:1px solid #b3b3b3}.container_posts_and_status{overflow:hidden}.container_status_and_name{padding:10px}.container_status_and_name,.wrapper_text_butt{width:100%;margin-bottom:20px;border-radius:10px}.container_posts_and_status{margin-left:20px}.container_avatar{border-radius:10px}}@media (max-width:768px){.container_info_and_avatar{min-width:250px;max-width:250px}.wrapper_avatar{max-width:200px;max-height:200px;border-radius:50%;position:relative}.container_avatar{min-height:250px}.input_camera div{position:absolute;bottom:30px;right:25px;border-radius:50%}.user_name{font-size:25px;color:#474747}.wrapper_buttons{position:absolute;bottom:0;z-index:1111;display:-webkit-flex;display:flex;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-flex-direction:row;flex-direction:row;width:100%}}@media (min-width:769px){.wrapper_buttons{position:absolute;bottom:15px}.input_camera div{position:absolute;bottom:35px;right:10px;border-left:1px solid #f1efef}.user_name{font-size:xx-large;color:#474747}.container_status_and_name{height:200px}}@media (max-width:700px){.container_status_and_name{position:absolute;left:0;width:100%;height:90px;min-height:0;padding:10px}.container_avatar{position:absolute;top:65px;max-width:38%;min-height:200px;border:none}.wrapper_avatar{max-width:150px;margin-top:20px}.input_camera div{position:absolute;z-index:10;bottom:5px;right:5px}.myPostsContainer{position:absolute;top:270px;left:0;right:0;height:auto;background:#fff;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.wrapper_posts .imgNoPost,.wrapper_posts_dont_my_page .imgNoPost{min-height:50vh;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.wrapper_buttons{position:absolute;bottom:-30px}}@media (min-width:700px){.wrapper_posts .imgNoPost,.wrapper_posts_dont_my_page .imgNoPost{margin-top:0;padding-top:300px}.container_status_and_name{padding:10px 100px 0 10px}}@media (max-width:415px){.wrapper_text_butt button{font-size:13px}.wrapper_buttons{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;position:absolute;bottom:-10px;padding-left:2px}}@media (min-width:415px){.wrapper_buttons{position:absolute;display:-webkit-flex;display:flex;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-flex-direction:row;flex-direction:row;width:100%}}.post{width:95%;min-height:100px;word-break:break-all;display:-webkit-flex;display:flex;background:#f8f6f6;position:relative;padding:10px;border:1px solid #b3b3b3;margin:15px auto;border-radius:10px}.post .avatar{width:50px;height:50px;border:1px solid #f1efef;border-radius:50%}.wrapper_message_like{width:90%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between}.post_message{width:100%;font-family:"Open Sans",sans-serif;color:#474747;margin:2px 0 2px 10px;padding:0 10px 5px 0}.wrapper_post_like{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;border-top:1px solid #b4b4b4;border-bottom:1px solid #b4b4b4;margin:5px 0 2px;height:25px}.delete_container img,.delete_container span,.dislike span{-webkit-filter:invert(60%);filter:invert(60%)}.delete_container,.dislike div,.like div{cursor:pointer;display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;width:80px;-webkit-align-items:center;align-items:center;margin-left:20px;height:20px;font-weight:700;-webkit-user-select:none;-ms-user-select:none;user-select:none}.like{color:#3498db}.delete_container:hover,.dislike div:hover,.like div:hover{background:#e2e2e2;border-radius:5px}.delete_container img,.dislike img,.like img{width:17px;height:17px;padding-right:2px}@media (max-width:950px){.post_message{font-weight:bolder;font-size:13px}}@media (max-width:800px){.post_message{font-weight:bolder;font-size:11px}}@media (min-width:950px){.post_message{font-weight:bolder;font-size:inherit}}.text_status img{width:12px;position:absolute;right:0}.text_status{width:100%;min-height:30px;padding-right:15px;word-wrap:break-word}.wrapper_status input{width:100%;height:100%;border:none;outline:none;font-size:17px;word-wrap:break-word}.wrapper_status{border-bottom:1px solid #f1efef;min-height:30px;margin-top:10px;position:relative;width:750px;word-wrap:break-word}.wrapper_status img{-webkit-filter:invert(50%);filter:invert(50%)}.wrapper_status img:hover{-webkit-filter:invert(0);filter:invert(0)}@media (max-width:1290px){.wrapper_status{width:100%}}@media (max-width:768px){.text_status{font-size:14px}}@media (min-width:769px){.text_status{font-size:19px}}.container_info{position:relative;min-height:603px;width:100%;padding:5px;background:#fff}.container_about{border-top:1px solid #f1efef;margin-top:20px;max-width:350px;color:#636363}.container_about,.container_about .text{word-break:break-word;font-weight:bolder;font-size:small}.container_about .text{margin-top:10px}.contacts div{color:#636363;word-break:break-word}.container_info span{color:#a9a9a9;font-weight:bolder;font-size:small}.edit{width:100%;margin-top:20px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.edit input{height:25px;margin:2px;border:none;border-bottom:1px solid #f1efef;outline:none}.edit .errorContact{border-bottom:2px solid #ef7768}.edit .noErrorContact{border-bottom:1px solid #f1efef}.edit input:focus{border-bottom:1px solid #5982ee}.edit textarea{background:#eceeee;border:none;border-bottom:1px solid #f1efef;outline:none;width:100%;min-height:200px;resize:none}.edit textarea:focus{border-bottom:1px solid #5982ee}.butt{position:absolute;right:2px;top:4px;width:20px;cursor:pointer;z-index:10}.container_info .butt:hover{width:21px}.container_about_job{margin:20px 0;font-weight:lighter}.container_about_job div{height:15px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.container_about_job .inputText{width:100%}.container_edit_fullName{width:100%;background:#eceeee;padding:2px}.container_edit_fullName input{width:99%}.container_job{min-height:30px;margin:30px 0;border-top:1px solid #f1efef;word-break:break-word}@media (max-width:1289px){.container_info{border-radius:0;border:none}}@media (min-width:1290px){.container_info{border-radius:10px;margin-top:20px;border:1px solid #b3b3b3}}@media (max-width:768px){.container_about .text{margin-top:10px}.contacts div,.container_about .text{font-weight:bolder;font-size:10px}}@media (min-width:769px){.container_about .text{margin-top:10px}.contacts div,.container_about .text{font-weight:bolder;font-size:small}}@media (max-width:700px){.container_info{position:absolute;top:90px;right:0;width:60%}.container_about{display:none}.edit{position:fixed;z-index:111;top:132px;left:0;height:auto;background:#fff;overflow:hidden;border:1px solid #b3b3b3}.edit input{z-index:1111}.edit textarea{display:none}.inputText{z-index:1111}}.window_error_contact{width:300px;padding:25px;height:50px;background:#ef7768;border-radius:5px;color:#fff;font-weight:bolder;box-shadow:6px 6px 5px -5px rgba(34,60,80,.6);z-index:9999;position:relative}.closeWindow,.window_error_contact{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.closeWindow{font-weight:400;position:absolute;top:4px;right:4px;width:10px;height:10px;cursor:pointer;opacity:.5}.closeWindow:hover{opacity:1}.wrapper_error{position:fixed;bottom:10%;left:0;right:0;z-index:3333333333333;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.container_button_user{position:relative}.butt_disabled,.butt_disabled a,.butt_follow_or_message,.butt_follow_or_message a,.butt_unfollow,.container_button_user{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.butt_disabled,.butt_disabled a,.butt_follow_or_message,.butt_follow_or_message a,.butt_unfollow{text-align:center;text-decoration:none;width:110px;height:25px;color:#fff;border:none;outline:none;transition:.3s;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;border-radius:3px}.butt_disabled a{width:100%;height:100%;background:#fff;border:1px solid #d7d7d7;color:#d7d7d7}.butt_disabled{position:relative}.butt_disabled:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0}.butt_follow_or_message{background:#fff;border:1px solid #5982ee;color:#5982ee}.butt_follow_or_message a{color:#5982ee;width:100%;height:100%}.butt_follow_or_message:hover,.butt_follow_or_message a:hover{background:#5982ee;color:#fff}.butt_unfollow{background:#fff;border:1px solid tomato;color:tomato}.butt_unfollow:hover{background:#f3492f;color:#fff}@media (max-width:550px){.butt_disabled,.butt_follow_or_message,.butt_unfollow{font-size:11px;width:70px;height:22px}}@media (min-width:551px){.butt_disabled,.butt_follow_or_message,.butt_unfollow{font-size:15px}button{width:100%;height:25px}}@media (max-width:780px){.butt_disabled,.butt_follow_or_message,.butt_unfollow{font-size:12px}}@media (min-width:781px){.butt_disabled,.butt_follow_or_message,.butt_unfollow{font-size:15px}}@media (max-width:415px){.butt_disabled,.butt_follow_or_message,.butt_unfollow{font-size:12px;width:60px}}.window_preloader{position:absolute;left:0;right:0;bottom:0;width:100%;height:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;z-index:2222;background:#fff;border:1px solid #b3b3b3}.lds-roller{display:inline-block;position:relative;width:80px;height:80px}.lds-roller div{-webkit-animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;-webkit-transform-origin:40px 40px;transform-origin:40px 40px}.lds-roller div:after{content:" ";display:block;position:absolute;width:7px;height:7px;border-radius:50%;background:grey;margin:-4px 0 0 -4px}.lds-roller div:first-child{-webkit-animation-delay:-36ms;animation-delay:-36ms}.lds-roller div:first-child:after{top:63px;left:63px}.lds-roller div:nth-child(2){-webkit-animation-delay:-72ms;animation-delay:-72ms}.lds-roller div:nth-child(2):after{top:68px;left:56px}.lds-roller div:nth-child(3){-webkit-animation-delay:-.108s;animation-delay:-.108s}.lds-roller div:nth-child(3):after{top:71px;left:48px}.lds-roller div:nth-child(4){-webkit-animation-delay:-.144s;animation-delay:-.144s}.lds-roller div:nth-child(4):after{top:72px;left:40px}.lds-roller div:nth-child(5){-webkit-animation-delay:-.18s;animation-delay:-.18s}.lds-roller div:nth-child(5):after{top:71px;left:32px}.lds-roller div:nth-child(6){-webkit-animation-delay:-.216s;animation-delay:-.216s}.lds-roller div:nth-child(6):after{top:68px;left:24px}.lds-roller div:nth-child(7){-webkit-animation-delay:-.252s;animation-delay:-.252s}.lds-roller div:nth-child(7):after{top:63px;left:17px}.lds-roller div:nth-child(8){-webkit-animation-delay:-.288s;animation-delay:-.288s}.lds-roller div:nth-child(8):after{top:56px;left:12px}@-webkit-keyframes lds-roller{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes lds-roller{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media (max-width:1289px){.window_preloader{border-radius:0}}@media (min-width:1290px){.window_preloader{border-radius:10px 10px 0 0}}.window_users{background:#fff;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;width:100%;min-height:100%;padding:0 15px}.wrapper_users{margin-top:15px}.user{background:#fff;width:100%;border-bottom:1px solid #f1efef;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;font-weight:700;padding:0 20px 0 10px}.user:hover{background:radial-gradient(circle,#eeeded 0,#fff 83%)}.navLink_wrapper{display:-webkit-flex;display:flex;text-decoration:none;height:100%;width:100%}.navLink_wrapper .name{width:100%;text-align:center;padding-top:10px;color:#000}.navLink_wrapper .photo img{background:#fff;border:1px solid #f1efef;border-radius:50%}@media (max-height:1144px){.navLink_wrapper .photo img{margin:5px;max-width:50px;max-height:50px}.user{max-height:70px}}@media (max-width:1290px){.window_users{border-radius:0}}@media (min-width:1290px){.window_users{border-radius:10px 10px 0 0;border:1px solid #b3b3b3;border-bottom:none}}@media (max-width:450px){.navLink_wrapper .photo img{margin:5px;max-width:35px;max-height:35px}.user{max-height:50px;font-size:12px}}@media (min-width:451px){.navLink_wrapper .photo img{margin:10px;width:80px;height:80px}.user{height:100px}}@media (max-width:780px){.navLink_wrapper .photo img{margin:10px;width:50px;height:50px}.user{height:70px;font-size:12px}}@media (min-width:781px){.navLink_wrapper .photo img{margin:10px;width:80px;height:80px}.user{height:100px}}.pagination_wrapper{-webkit-justify-content:center;justify-content:center;margin:0 auto;background:#fff;position:page;bottom:0;left:0;right:0}.pagination,.pagination_wrapper{display:-webkit-flex;display:flex}.pagination{-webkit-justify-content:space-between;justify-content:space-between;list-style-type:none;border-right:none;color:#61a0f3}.pagination a{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:.3s}@media (max-width:450px){.pagination a{width:30px;height:30px;margin:3px}.pagination_wrapper{width:100%}.pagination{font-size:14px;margin:5px}.pagination .active{font-size:15px;font-weight:700}}@media (max-height:1150px){.pagination a{width:30px;height:30px;margin:0 5px}.pagination_wrapper{width:100%}.pagination{font-size:14px;margin:5px}.pagination .active{font-size:15px;font-weight:700}}@media (min-height:1151px){.pagination a{width:50px;height:50px}.pagination a:hover{background:#8bb6f6;color:#fff;transition:.3s}.pagination .active{background:#5982ee;color:#fff}.pagination{border-right:none;font-size:17px}.pagination_wrapper{width:50%}}.news_page{background:#fff;width:100%;overflow:auto;padding:10px;border:1px solid #b3b3b3}.news_page::-webkit-scrollbar{width:5px}.news_page::-webkit-scrollbar-thumb{border-radius:10px;background-color:#5982ee}.news_page::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.2);border-radius:20px;background-color:#f9f9fd;margin-top:3px}.wrapper_link_news{border-bottom:1px solid #f1efef;display:grid;padding:5px;transition:.2s;text-decoration:none}.wrapper_link_news:hover{background:#f1efef;transition:.2s}.wrapper_link_news .title_news{color:#000}.wrapper_content{padding:0 20px;color:grey}.wrapper_photo{overflow:hidden}@media (max-width:1289px){.news_page{border-radius:0}}@media (min-width:1290px){.news_page{border-radius:10px 10px 0 0}}@media (max-width:768px){.wrapper_link_news img{max-height:200px;width:100%}.wrapper_content{padding:0;font-size:10px;margin:0}.wrapper_link_news .title_news{font-size:10px;min-width:120px;margin:0}.wrapper_link_news{margin-bottom:2px}}@media (min-width:769px){.wrapper_link_news img{height:100%}.wrapper_content{padding:0 20px}.wrapper_link_news{grid-template-columns:.7fr 2fr 1fr;height:250px;margin-bottom:20px}}@media (max-width:650px){.wrapper_link_news img{max-height:100px;width:100px;min-height:350px;min-width:100%;margin-top:10px}}@media (max-width:650px){.wrapper_link_news .title_news{font-size:13px;width:100%;margin-top:10px}.wrapper_link_news{min-height:270px;margin-bottom:2px}}@media (max-width:450px){.wrapper_link_news img{min-height:200px}}@media (min-width:650px){.wrapper_link_news img{height:100%}.wrapper_content{padding:0 20px}.wrapper_link_news{grid-template-columns:.7fr 2fr 1fr;height:250px;margin-bottom:20px}}.Message_Component{-webkit-flex-direction:row;flex-direction:row;width:100%;background:radial-gradient(circle,#dbdbdb 0,#d0d0ce 63%)}.Message_Component,.window_messages{display:-webkit-flex;display:flex;height:100%}.window_messages{-webkit-flex-direction:column;flex-direction:column;overflow:hidden}.header_dialog{width:100%;background-color:#fff;font-weight:700;border-bottom:1px solid #b3b3b3}.header_dialog,.header_dialog a{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.header_dialog a{color:#000;-webkit-justify-content:center;justify-content:center;text-decoration:none}.header_dialog .ava{width:40px;height:40px;border:1px solid #b3b3b3;border-radius:50%;margin:0 5px;background:#fff}.arrow_back{border-radius:50%;margin:0 15px;width:30px;height:30px}.wrapper_messages2{height:100%;width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-end;justify-content:flex-end;overflow:hidden}.wrapper_messages{position:relative;overflow-y:scroll;width:100%;max-height:100%}.wrapper_messages::-webkit-scrollbar{width:5px;opacity:1;position:absolute}.wrapper_messages::-webkit-scrollbar-thumb{border-radius:10px;background:#5982ee}.container_send_message{height:100px;width:100%}.container_send_message .wrapper_typing{height:20px;margin-bottom:2px}@media (max-width:700px){.wrapper_typing{margin-left:20px}.Message_Component{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;width:100%;height:100%;border:none}}@media (min-width:700px){.wrapper_typing{margin-left:20px}.Message_Component{border:1px solid #b3b3b3;position:absolute;width:100%;bottom:0}}@media (max-width:1289px){.Message_Component,.window_messages{border-radius:0}}@media (min-width:1290px){.Message_Component{border-radius:10px 10px 0 0}.window_messages{border-radius:0 10px 0 0}}@media (max-width:600px){.window_messages{width:100%;padding-top:6px}.wrapper_messages{padding:10px}.container_send_message{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-end;justify-content:flex-end;height:70px}.container_send_message .wrapper_send_button button{background:#5982ee;border-radius:50%;width:30px;height:30px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding-left:3px;margin-right:15px;border:none}.container_send_message .wrapper_send_button button img{width:20px;height:20px}.container_send_message textarea{height:30px;border-radius:5px}.header_dialog{position:absolute;top:0;z-index:555;max-height:30px}.header_dialog .ava{margin-left:10px;width:27px;height:27px}}@media (min-width:601px){.window_messages{width:80%}.container_send_message,.wrapper_messages{padding:0 15%}.header_dialog{min-height:50px}}.list_users{border-right:1px solid #b3b3b3;height:100%;-webkit-flex-direction:column;flex-direction:column;overflow:auto;background:#fff;border-radius:10px 0 0 0}.list_users,.list_users a{display:-webkit-flex;display:flex}.list_users a{height:50px;-webkit-align-items:center;align-items:center;text-decoration:none;color:#000;font-weight:700;transition:.1s}.noFocusUser:hover{background:#e7e7e7}.focusUser{background:#7797ef}.focusUser:hover{background:#5982ee}.list_users a img{background:#fff;height:90%;border:1px solid #b3b3b3;border-radius:50%;margin:5px}.list_users::-webkit-scrollbar{width:5px;background-color:#f9f9fd}.list_users::-webkit-scrollbar-thumb{border-radius:10px;background-color:#cdcbcb}.list_users::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.2);border-radius:10px;background-color:#f9f9fd}@media (max-width:1289px){.list_users{border-radius:0}}@media (min-width:1290px){.list_users{border-radius:10px 0 0 0}}@media (max-width:1000px){.list_users{min-width:250px}}@media (min-width:1000px){.list_users{min-width:350px}}@media (max-width:600px){.list_users{position:absolute;top:0;left:0;right:0;z-index:3333}.hide_List_users{display:none}}@media (min-width:601px){.list_users{position:relative;z-index:0}}.typing_container{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;text-align:center;margin-left:10px}.typing_container span{font-size:15px;font-style:italic;color:#747474;padding:0 0 3px 5px;-webkit-user-select:none;-ms-user-select:none;user-select:none;z-index:100}.typing__dot{width:6px;height:6px;margin:0 2px;background:#747474;border-radius:50%;opacity:0;-webkit-animation:loadingFade 1s infinite;animation:loadingFade 1s infinite}.typing__dot:first-child{-webkit-animation-delay:0s;animation-delay:0s}.typing__dot:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.typing__dot:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s}@-webkit-keyframes loadingFade{0%{opacity:0}50%{opacity:.8}to{opacity:0}}@keyframes loadingFade{0%{opacity:0}50%{opacity:.8}to{opacity:0}}.wrapper_textarea_button{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.wrapper_textarea{display:-webkit-flex;display:flex;width:100%;margin:5px;padding-right:5px;position:relative}.wrapper_textarea textarea{width:100%;resize:none;outline:none;padding:2px;border:2px solid #fff;border-radius:5px 5px 0 5px;z-index:1111;font-weight:bolder;font-size:14px}.wrapper_textarea textarea::-webkit-scrollbar{width:3px;background-color:#fff}.wrapper_textarea textarea::-webkit-scrollbar-thumb{border-radius:10px;background-color:#dedede}.wrapper_textarea:before{content:"";width:20px;height:20px;position:absolute;right:-7px;bottom:0;border:20px solid transparent;border-bottom-color:#fff}@media (max-width:600px){.wrapper_textarea_button{background:#fff;height:50px}.wrapper_send_button button{background:#5982ee;border-radius:50%;width:30px;height:30px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding-left:3px;margin-right:15px;border:none}.wrapper_send_button button img{width:20px;height:20px}textarea{height:30px;border-radius:5px}}@media (min-width:601px){.wrapper_send_button button{width:50px;height:50px;border-radius:50%;border:none;outline:none;background:#5982ee;transition:.3s;color:#fff;float:right;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding-left:10px}.wrapper_send_button button img{width:25px;height:25px}}.wrapper_send_button button:hover{background:#3175db;box-shadow:5px 5px 5px -3px rgba(34,60,80,.6)}.wrapperMessage,.wrapperMessage2{width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;margin:15px 0;-webkit-align-items:flex-end;align-items:flex-end}.wrapperMessage2{-webkit-flex-direction:row-reverse;flex-direction:row-reverse}.wrapperMessage2 img,.wrapperMessage img{width:40px;height:40px;border:1px solid #b3b3b3;border-radius:50%;margin:0 5px;background:#fff}.message2{-webkit-justify-content:flex-start;justify-content:flex-start;background:#fff}.message,.message2{display:-webkit-flex;display:flex}.message,.message2{-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-direction:column;flex-direction:column;border-radius:5px;word-break:break-all;max-width:350px;min-width:60px;padding:0 5px 2px;position:relative;z-index:1;font-weight:bolder;font-size:13px;font-family:Arial,Helvetica,Verdana,sans-serif}.message2 span:before{content:"";width:20px;height:20px;position:absolute;left:-7px;bottom:0;border:20px solid transparent;border-bottom-color:#fff;z-index:-1}.message2 span,.message span{margin:3px 3px 1px}.time{color:#aaa;font-weight:400;font-size:11px}.message{background:#d5eab6;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-end;align-items:flex-end}.message:before{content:"";width:20px;height:20px;position:absolute;right:-7px;bottom:0;border:20px solid transparent;border-bottom-color:#d5eab6;z-index:-1}.nameUserMessage{color:#aaa;font-weight:400;font-size:11px}.chat_container{background:radial-gradient(circle,#dbdbdb 0,#d0d0ce 63%);-webkit-flex-direction:column;flex-direction:column;height:100%;overflow:hidden}.chat_container,.header_chat{display:-webkit-flex;display:flex}.header_chat{width:100%;-webkit-align-items:center;align-items:center;background-color:#fff;font-weight:700;border-bottom:1px solid #b3b3b3}.header_chat h3{margin-left:10px}@media (max-width:1289px){.chat_container{border-radius:0}}@media (min-width:1290px){.chat_container{border-radius:10px 10px 0 0}}@media (max-width:700px){.chat_container{border:none}}@media (min-width:700px){.chat_container{border:1px solid #b3b3b3;bottom:0}}@media (max-width:600px){.header_chat{height:33px}}@media (min-width:600px){.header_chat{height:50px}}.Header a{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;width:100px;height:100%;list-style-type:none;float:right;text-decoration:none;color:#fff;transition:.2s}.Header a:hover{color:#5982ee}.Header{-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;min-height:60px;background:#535252;z-index:44444;position:relative;width:100%;border-bottom:1px solid #b3b3b3}.Header,.Header .title{display:-webkit-flex;display:flex}.Header .title{margin-left:190px;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;color:#fff;-webkit-user-select:none;-ms-user-select:none;user-select:none}.part_title1,.part_title2{font-family:Arial,sans-serif;text-align:center;font-size:2rem}.part_title1{background:#5982ee;padding:0 5px;border-radius:3px;color:#fff;font-weight:600;font-size:2rem}.part_title2{color:#f1f0f0}@media (max-width:1290px){.Header ul{font-size:17px}.wrapper_burger{margin-left:10px;position:absolute;left:10px;top:10px;display:block}}@media (min-width:1291px){.Header ul a{font-size:20px}.wrapper_burger{display:none}}@media (max-width:500px){.Header .part_title1,.part_title2{font-size:25px}.Header .title{margin-left:115px}.Header a{font-size:13px;-webkit-justify-content:center;justify-content:center}}@media (min-width:500px){.Header .title{font-size:30px}}@media (max-width:330px){.Header .part_title1,.part_title2{font-size:22px}.Header .title{margin-left:100px}}.containerBurgerMenu{cursor:pointer}.change .bar3{-webkit-transform:rotate(45deg) translate(-9px,-6px);transform:rotate(45deg) translate(-8px,-6px)}.change .bar1{-webkit-transform:rotate(-45deg) translate(-9px,6px);transform:rotate(-47deg) translate(-10px,7px)}.bar1,.bar2,.bar3{background-color:#fff;margin:6px 0;transition:.4s;width:30px;height:5px}.change .bar2{opacity:0}.preloader_track{position:absolute;bottom:-5px;min-width:100%;min-height:10px;z-index:999999999}.preloader_track .progress{width:0;height:5px;background:#5982ee;margin-top:10px;border-radius:12px;-webkit-animation:loading 1s ease-in-out forwards;animation:loading 1s ease-in-out forwards}@-webkit-keyframes loading{to{width:100%}}@keyframes loading{to{width:100%}}.NavbarContainer{background:#eceeee}.navbar,.navbarClose{-webkit-flex-direction:column;flex-direction:column;width:200px;float:right}.navbarClose img,.navbar img{height:22px;width:24px;margin-right:5px}.navbar a,.navbarClose a{text-decoration:none;font-weight:700;transition:.2s;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:40px;padding-left:10px;letter-spacing:.5px}.navbar .a:hover,.navbarClose .a:hover{transition:.2s}@media (max-width:1660px){.NavbarContainer{width:15%}}@media (max-width:1438px){.NavbarContainer{width:12%;margin-right:10px}.navbar,.navbarClose{max-width:140px}}@media (max-width:1290px){.navbar a,.navbarClose a{color:#000}.focusNavLink{background:rgba(89,130,238,.55)}.NavbarContainer{position:absolute;top:60px;min-width:100%;max-height:0}.navbar,.navbarClose{position:absolute;top:0;z-index:8888;background:rgba(186,172,186,.9);padding-top:20px;min-width:100%;min-height:250px;display:block;font-size:17px}.navbar{transition:all .5s ease-in-out;-webkit-transform:translateY(0);transform:translateY(0)}.navbarClose img,.navbar img{display:none}.navbarClose{transition:all .5s ease-in-out;-webkit-transform:translateY(-150%);transform:translateY(-150%)}}@media (min-width:1290px){.a{color:#535252}.navbar a:hover{color:#000}.focusNavLink{font-size:25px;color:#000}.focusNavLink .navbar a{color:#000}.navbar,.navbarClose{margin-top:50px;display:-webkit-flex;display:flex;font-size:20px}.navbarClose{-webkit-flex-direction:column;flex-direction:column;width:200px;float:right}.NavbarContainer{width:25%}}.page_login{width:100%;height:100%;background:#eceeee;position:absolute;right:0;bottom:0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-user-select:none;-ms-user-select:none;user-select:none}.container_inputs input:focus{background:#fff;opacity:.9}.container_inputs{-webkit-flex-direction:column;flex-direction:column;height:120px;margin-top:10px}.container_inputs,.container_remember{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.container_remember{-webkit-flex-direction:row;flex-direction:row;height:35px;width:100%;margin:0 auto}.container_remember span{margin-left:5px;opacity:.7}.autofill_password{width:100%;height:70px;position:absolute;border:1px solid #b3b3b3;border-bottom:none;background:#fff;top:0;transition:.6s;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;color:#000;-webkit-user-select:none;-ms-user-select:none;user-select:none}.autofill_password:hover{position:absolute;top:-70px;transition:.6s}.autofill_password button{text-decoration:none;width:70px;height:25px;color:#5982ee;border:1px solid #b3b3b3;outline:none;transition:.3s;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;border-radius:3px;background:#fff;margin:0 10px}.autofill_password button:hover{background:#5982ee;color:#fff}.autofill_password:before{content:"";width:100px;height:20px;border:20px solid transparent;border-bottom-color:#535252;position:absolute;top:-60px;left:-1px}.autofill_password span{color:#e5e5e5;-webkit-user-select:none;-ms-user-select:none;user-select:none;text-align:center;width:100px;height:20px;background:#535252;position:absolute;top:-21px;left:19px;border-radius:2px}.login_container h1{text-align:center;opacity:.7}.container_button{margin:10px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.container_button button{width:150px;height:40px;color:#5982ee;background:#fff;font-size:20px;border-radius:2px;border:1px solid #b3b3b3;transition:.4s;cursor:pointer}.container_button button:hover{background:#5982ee;color:#fff}.errorMessage{color:red;width:100%;height:100%;text-align:center}.login_container{width:100%;height:100%;background:#fff;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-evenly;justify-content:space-evenly;color:#000;border:1px solid #b3b3b3;position:absolute}.container_inputs input{border-radius:2px;outline:none;background:#f6f6f6;font-size:20px;padding:5px;margin-top:15px;border:1px solid #b3b3b3}.wrapper_login{position:relative;width:400px;margin:0 10px}@media (max-width:400px){.wrapper_login{height:270px}}@media (min-width:400px){.wrapper_login{height:300px}}@media (max-width:320px){.container_inputs input{width:250px;height:40px}.container_remember{width:250px}}@media (min-width:321px){.container_inputs input{height:40px;width:300px}.container_remember{width:300px}}.start_preloader_container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:100%;height:100%}.container2{position:relative;height:115px}.container{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}@-webkit-keyframes animation{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(10rem);transform:translateX(10rem)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes animation{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(10rem);transform:translateX(10rem)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@media (max-width:500px){.part1{color:#535252}.part1,.part2{font-family:Arial,sans-serif;font-weight:600;font-size:2.5rem}.part2{background:#5982ee;border-radius:5px;color:#fff;padding:0 10px}.loader{position:absolute;bottom:40px;left:50%;margin-top:2rem;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);height:5px;width:15rem;background-color:#d3d3d3}.loading{background:#5982ee;width:5rem;height:5px;-webkit-animation:animation 1.8s infinite;animation:animation 1.8s infinite}}@media (min-width:500px){.part1{color:#535252}.part1,.part2{font-family:Arial,sans-serif;font-weight:600;font-size:4rem}.part2{background:#5982ee;border-radius:5px;color:#fff;padding:0 10px}.loader{position:absolute;bottom:0;left:50%;margin-top:2rem;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);height:5px;width:20rem;background-color:#d3d3d3}.loading{background:#5982ee;width:10rem;height:5px;-webkit-animation:animation 1.8s infinite;animation:animation 1.8s infinite}}
/*# sourceMappingURL=main.547e7dc2.chunk.css.map */