body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{display:flex;flex-direction:row;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hidden{display:none}body{margin:0;padding:0}.row{display:flex;flex-direction:row}.column{display:flex;flex-direction:column}.hide{display:none}#adminLoginPage{align-items:center;background:#e5e7eb;display:flex;flex-direction:column;font-size:20px;height:100vh;justify-content:center;width:100%}#adminLoginPage #logoLogin img{width:200px}#adminLoginPage #logoLogin p{color:#0a818e;margin-bottom:10px}@media (max-width:450px){#adminLoginPage form{zoom:.8}}#adminLoginPage form{background-color:#fff;border-top:10px solid #0a808e;box-shadow:0 4px 12px 9px #e0e0e0;display:flex;flex-direction:column;padding:20px 50px}#adminLoginPage form h2{margin-bottom:0}#adminLoginPage form .error-message{color:#ff1b1b;font-size:17px}#adminLoginPage form label{color:gray;margin:5px 0;text-align:left}#adminLoginPage form input{border:2px solid #60606026;font-size:20px;margin-bottom:10px;padding:10px;transition:.1s}#adminLoginPage form input:focus{border-color:#0a808e;box-shadow:0 0 10px 1px #0a818e97;outline:#00ff6b26}#adminLoginPage form input[type=submit]{background-image:linear-gradient(135deg,#0a808e,#0995a4);border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:bolder;margin-top:20px;padding:10px;transition:.5s}#adminLoginPage form input[type=submit]:hover{box-shadow:-2px 2px 5px 1px gray}#SupervisorSignup{align-items:center;background:#e5e7eb;display:flex;flex-direction:column;font-size:20px;height:100vh;justify-content:center;width:100%}#SupervisorSignup #logoLogin img{width:200px}#SupervisorSignup #logoLogin p{color:#0a818e;margin-bottom:10px}@media (max-width:450px){#SupervisorSignup form{zoom:.8}}#SupervisorSignup form{background-color:#fff;border-top:10px solid #0a808e;box-shadow:0 4px 12px 9px #e0e0e0;display:flex;flex-direction:column;padding:20px 50px}#SupervisorSignup form h2{margin-bottom:0}#SupervisorSignup form .error-message{color:#ff1b1b;font-size:17px}#SupervisorSignup form label{color:gray;margin:5px 0;text-align:left}#SupervisorSignup form input{border:2px solid #60606026;font-size:20px;margin-bottom:10px;padding:10px;transition:.1s}#SupervisorSignup form input:focus{border-color:#0a808e;box-shadow:0 0 10px 1px #0a818e97;outline:#00ff6b26}#SupervisorSignup form input[type=submit]{background-image:linear-gradient(135deg,#0a808e,#0995a4);border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:bolder;margin-top:20px;padding:10px;transition:.5s}#SupervisorSignup form input[type=submit]:hover{box-shadow:-2px 2px 5px 1px gray}#DashboardPage{background:#e5e7eb;flex-basis:100%;font-size:20px;height:100vh;overflow-y:auto;padding:0 6vh}.infoBoxes{justify-content:space-evenly}@media (max-width:1420px){#DashboardPage{padding:0 2vh}.SecondLevel,.infoBoxes{flex-wrap:wrap}.SecondLevel{justify-content:center}}.overviewBoxes{flex-direction:row;flex-wrap:wrap;padding-top:20px}.contentBoxSize1,.overviewBoxes{display:flex;justify-content:center}.contentBoxSize1{align-items:flex-start;background-color:#ffffffa6;border-radius:10px;flex-direction:column;flex-grow:1;margin:10px 1%;min-width:190px;padding:20px}.contentBoxSize1 .boxIcon{align-items:center;background-color:#add8e6;border-radius:100%;color:#fff;display:flex;flex-direction:revert;font-size:20px;height:30px;justify-content:center;padding:10px;width:30px}.contentBoxSize1 .boxValue h2{margin:0}.contentBoxSize1 .boxComment{color:#6a6a6a}.contentBoxSize2{align-items:flex-start;width:500px}.GraphBox,.contentBoxSize2{background-color:#ffffffa6;border-radius:10px;display:flex;flex-direction:column;justify-content:center;margin:10px 1%;min-width:190px;padding:20px}.GraphBox{align-items:center;flex-grow:1}@media (max-width:1420px){.GraphBox{width:60%}}@media (max-width:800px){.GraphBox{width:100%}}.GraphBox .BoxTitle{color:#444;margin:0;text-align:left;width:100%}.GraphBox hr{border-bottom:5px solid gray;margin-left:0;width:20%}.GraphBox .chart-container{height:350px;margin:-60px auto;width:350px}#FinancialsBox{align-items:center;background-color:#ffffffa6;border-radius:10px;display:flex;flex-direction:column;flex-grow:1;justify-content:center;margin:10px 1%;min-width:190px;padding:20px}#FinancialsBox .BoxTitle{color:#444;margin:0;text-align:left;width:100%}#FinancialsBox hr{border-bottom:5px solid gray;margin-left:0;width:20%}#FinancialsCanvas{max-height:260px}.TimeGraphBox{align-items:center;background-color:#ffffffa6;border-radius:10px;display:flex;flex-direction:column;flex-grow:1;justify-content:center;margin:10px 1%;min-width:190px;padding:20px}.TimeGraphBox .BoxTitle{color:#444;margin:0;text-align:left;width:100%}.TimeGraphBox hr{border-bottom:5px solid gray;margin-left:0;width:20%}.TimeGraphBox .chart-container{height:200px;width:100%}.sideNav{background-color:#0a808e;color:#fff;display:flex;flex-direction:column;font-weight:bolder;height:96vh;justify-content:space-between;left:0;padding:2vh 0;position:relative;transition:.2s;width:-webkit-max-content;width:max-content;z-index:999}@media (max-width:500px){.sideNav{zoom:.95}}.sideNav .backgroundBlock{background-color:rgba(0,0,0,.324);display:none;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:-99}@media (max-width:1090px){.sideNav{height:96%;left:-100%;overflow:hidden;position:fixed}}.sideNav .top{flex-grow:1}.sideNav .top .welcome .logoimage{height:30px;margin:0 5px;width:30px}.sideNav .top .welcome{text-wrap:nowrap;align-items:center;background-color:#fff;border-radius:30px;color:#000;display:flex;flex-direction:row;justify-content:center;margin:0 20px;padding:0 10px}@media (max-width:500px){.sideNav .top .welcome{zoom:.8}}.sideNav .center{display:flex;flex-direction:column;flex-grow:3;justify-content:space-around;position:relative}.sideNav .backgroundActive{background-color:#fff;border-radius:30px;height:50px;margin:0 50px;position:absolute;transition:.5s;width:210px}.sideNav .center div{align-items:center;display:flex;flex-direction:row;margin:0 50px;padding:0 5px;text-align:left}.sideNav .center .navButton{cursor:pointer}.sideNav .center .navButton .route{display:none}.sideNav .center .navButton svg{font-size:20px;margin:0 15px}.sideNav .center .navButton p{text-wrap:nowrap}.sideNav .center .activeNavButton{border-radius:30px;color:#000}.sideNav .center .activeNavButton svg{color:#3d5ef0;color:#046570}.sideNav .bottom{align-items:flex-end;display:flex;flex-direction:row;flex-grow:1;justify-content:center;width:100%}.sideNav .bottom a{text-decoration:none}.sideNav .bottom .reportIssuText{background-color:#fff;border-radius:10px;bottom:7%;color:#000;display:none;font-weight:300;left:5%;margin:10px;padding:10px;position:absolute;transition:.5s;width:75%}.sideNav .bottom .reportIssu{align-items:center;background-color:#3d5ef0;border-radius:100%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:50px;justify-content:center;margin:0 50px;transition:.5s;width:50px}.sideNav .bottom .reportIssu:hover{background-color:#6b83ed}.sideNav .bottom .reportIssu:hover .reportIssuText{display:block}.sideNav .bottom .logoutButton{align-items:center;background-color:hsla(0,0%,100%,.478);border-radius:30px;color:#000;display:flex;flex-direction:row;font-weight:bolder;justify-content:center;width:200px}.sideNav .bottom .logoutButton svg{color:#0a808e}.sideNav .bottom .logoutButton p{margin-left:20px}.sideMinu{align-items:center;background-color:initial;position:absolute;text-align:start}.sideMinu svg{background-color:#ffffff2e;border:1px solid #000;border-radius:100%;display:inline-block;display:none;font-size:20px;margin:5px;padding:10px}@media (max-width:1090px){.sideMinu svg{display:block}}#supervisorsPage{align-items:center;background:#e5e7eb;display:flex;flex-basis:100%;flex-direction:column;flex-wrap:wrap;font-size:20px;height:100vh;justify-content:flex-start;overflow-y:auto;padding:0 100px}#supervisorsPage .titleHeader{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:20px;width:100%}#supervisorsPage .titleHeader .generateLink{position:relative}#supervisorsPage .titleHeader .AddNewButton{align-items:center;cursor:pointer;display:flex;justify-content:center}.signupLink{background-color:#fff;border-radius:10px;display:flex;flex-direction:column;height:0;left:-100%;overflow:hidden;padding:0 10px;position:absolute;top:100%;transition:.5s;width:-webkit-max-content;width:max-content}.signupLink .comment{color:gray;font-size:15px;margin-top:5px}.signupLink .row{align-items:center;justify-content:space-between}.signupLink input{background-color:#e5e7eb;border:0;border-radius:10px;box-shadow:0;font-size:15px;margin:5px;overflow:hidden;padding:10px;width:80%}.signupLink button{background-color:initial;border:0;cursor:pointer;font-size:20px;height:-webkit-max-content;height:max-content}#supervisorsPage .titleHeader .AddNewButton svg{transition:.5s}#supervisorsPage .titleHeader .AddNewButton svg.clicked{transform:rotate(180deg)}#supervisorsPage .SupervisorsListSection{border-radius:20px;display:flex;flex-direction:column;overflow:hidden;width:100%}#supervisorsPage .SupervisorsListSection .supervisorCard{align-items:center;border-bottom:1px solid gray;display:flex;flex-direction:row;justify-content:space-between;padding:1%;transition:.2s;width:98%}#supervisorsPage .SupervisorsListSection .supervisorCard:hover{background-color:#ececec}#supervisorsPage .SupervisorsListSection .supervisorCard .email{color:#5d5dff}#supervisorsPage .SupervisorsListSection .supervisorCard .active{color:green}#supervisorsPage .SupervisorsListSection .supervisorCard .NotActive{color:#a4a200}#supervisorsPage .SupervisorsListSection .supervisorCard .superControlButton .ActiveButton,#supervisorsPage .SupervisorsListSection .supervisorCard .superControlButton .ConfirmNo,#supervisorsPage .SupervisorsListSection .supervisorCard .superControlButton .ConfirmYes,#supervisorsPage .SupervisorsListSection .supervisorCard .superControlButton .DeactiveButton,#supervisorsPage .SupervisorsListSection .supervisorCard .superControlButton .deleteButton{cursor:pointer}#supervisorsPage .SupervisorsListSection .supervisorCard .superControlButton .ConfirmYes,#supervisorsPage .SupervisorsListSection .supervisorCard .superControlButton .deleteButton{color:red}.SupervisorCard{align-items:center;border-radius:10px;box-shadow:-2px 2px 10px gray;display:flex;flex-direction:column;height:-webkit-max-content;height:max-content;justify-content:center;margin:20px;padding:40px 20px;transition:.5s;width:-webkit-max-content;width:max-content}.SupervisorCard:hover{box-shadow:-5px 5px 10px gray}.SupervisorCard img{border-radius:100%;height:100px;width:100px}.SupervisorCard .SupervisorCardInfo{margin-bottom:50px}.SupervisorCard .SupervisorCardInfo h3{margin:15px 0 0}.SupervisorCard .SupervisorCardInfo h4{color:gray;margin:0}.SupervisorCardButtons{justify-content:space-evenly;width:100%}.SupervisorCard .SupervisorCardButtons .deleteButton{color:#ff6969;cursor:pointer;transition:.2s}.SupervisorCard .SupervisorCardButtons .deleteButton:hover{color:#a30000}.pendingButton .Status{border-radius:100%;display:inline-block;height:10px;margin:0 5px;width:10px}.pendingButton .Status.online{background-color:#00b00c}.pendingButton .Status.offline{background-color:#6f6f6f}.pendingButton .Status.pending{background-image:linear-gradient(-45deg,#6f6f6f 60%,#fff 0)}#SuperPostsPage{align-items:center;background-color:#e5e7eb;flex-direction:column;height:100vh;overflow-y:auto;width:100%}#SuperPostsPage .LoadingScreen{align-items:center;background-color:hsla(0,0%,83%,.354);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:99}#SuperPostsPage .LoadingScreen.disabled{display:none}#SuperPostsPage .LoadingScreen .loadingCircle{border:7px dashed #fff;border-radius:100%;height:70px;width:70px}@media (prefers-reduced-motion:no-preference){#SuperPostsPage .LoadingScreen .loadingCircle{animation:App-logo-spin 20s linear infinite}}.PostBox{background-color:#f6f6f6;border-radius:10px;box-shadow:0 0 10px hsla(0,0%,58%,.286);box-sizing:border-box;margin:1% auto;min-height:-webkit-max-content;min-height:max-content;min-width:370px;overflow:hidden;padding-bottom:0;transition:.5s;width:75%}.PostBox .PostHeader{display:flex;flex-direction:row;padding:1%}.PostBox .PostHeader .UserPic{position:relative;width:100px}.PostBox .PostHeader .UserPic img{border-radius:100%;height:80px;width:80px}.PostBox .PostHeader .UserPic .profileLink{height:100%;left:0;position:absolute;top:0;width:100%}.PostBox .PostHeader .NameAndDateAndData{display:flex;flex-direction:row;justify-content:space-between;width:100%}.PostBox .PostHeader .NameAndDateAndData .left{padding-left:10px;padding-top:15px;text-align:left}.PostBox .PostHeader .NameAndDateAndData .left p{margin:0}.PostBox .PostHeader .AIRate .rateGreen{color:green}.PostBox .PostHeader .AIRate .rateYellow{color:#b0b000}.PostBox .PostHeader .AIRate .rateRed{color:red}.PostBox .PostHeader .NameAndDateAndData .Tags{align-items:center;display:flex;flex-direction:column;padding:10px}.PostBox .PostHeader .NameAndDateAndData .Tags .Community{background-color:#0096a6;border-radius:10px;color:#fff;font-weight:bolder;padding:10px;width:100%}.PostBox .PostHeader .NameAndDateAndData .Tags .Report{background-color:#ff7b7b;border-radius:10px;color:#fff;cursor:pointer;font-weight:bolder;margin-top:5px;opacity:0;padding:10px;transition:.1s;width:100%}.PostBox:hover .PostHeader .NameAndDateAndData .Tags .Report{opacity:1}.PostBox .PostBody{padding:1%;text-align:left}.PostBox .PostImageContainer{display:flex;flex-direction:row;justify-content:center;overflow-x:auto;width:100%}.PostBox .PostImageContainer img{margin:1%;max-width:23%}.PostBox .PostCommentSection{padding:0 20px}.PostBox .PostReactions{border-bottom:1px solid #c2c2c2;border-top:1px solid #c2c2c2;box-shadow:0 -6px 6px 0 #f1f1f1;display:flex;flex-direction:row;justify-content:space-between;padding:10px 0}.PostBox .PostReactions span{font-size:19px;margin:0 10px}.PostBox .PostCommentsButtons{cursor:pointer;margin-left:-2%;overflow:hidden;transition:.5s;width:104%}.PostBox .PostCommentsButtons:hover.enabled{background-color:#eaeaea}.PostBox .PostCommentsButtons.disabled{cursor:default}.PostBox .GrayText{color:gray}.PostCommentBox{border-bottom:1px solid #ddd;border-radius:10px;display:flex;flex-direction:row;margin:10px 0;overflow:hidden;padding:1%;transition:.5s}.PostCommentBox .CommentHeader{display:flex;flex-basis:5%;flex-direction:row}.PostCommentBox .CommentHeader .UserPic{flex-basis:5%;margin:0 10px;position:relative}.PostCommentBox .CommentHeader .UserPic img{border-radius:100%;min-width:50px;width:100%}.PostCommentBox .CommentHeader .UserPic .profileLink{height:100%;left:0;position:absolute;top:0;width:100%}.PostCommentBox .CommentHeader .NameAndDate .UserName{margin:0}.PostCommentBox .CommentData{align-items:flex-start;display:flex;flex-basis:90%;flex-direction:column}.PostCommentBox .CommentData .CommentBlank{flex-basis:5%;min-width:70px}.PostCommentBox .CommentData .CommentBody,.PostCommentBox .CommentData .NameAndDate{text-align:left}.PostCommentBox .PostCommentKeys{align-items:center;display:flex;flex-direction:column;justify-content:space-around}.PostCommentBox .PostCommentKeys .PostCommentReport{background-color:#ff7b7b;border-radius:10px;color:#fff;cursor:pointer;font-weight:bolder;margin-top:5px;opacity:0;padding:10px;transition:.1s;width:100%}.PostCommentBox:hover .PostCommentKeys .PostCommentReport{opacity:1}#SuperPendingPostsPage{align-items:center;background-color:#e5e7eb;flex-direction:column;height:100vh;overflow-y:auto;width:100%}#PostsSearchFilters{align-items:start;background-color:#fff;border-radius:10px 10px 10px 10px;box-shadow:0 0 10px hsla(0,0%,58%,.286);display:flex;flex-direction:column;margin:20px auto;min-width:375px;padding:20px;width:72%}#SuperPendingPostsPage .LoadingScreen{align-items:center;background-color:hsla(0,0%,83%,.354);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:99}#SuperPendingPostsPage .LoadingScreen.disabled{display:none}#SuperPendingPostsPage .LoadingScreen .loadingCircle{border:7px dashed #fff;border-radius:100%;height:70px;width:70px}@media (prefers-reduced-motion:no-preference){#SuperPendingPostsPage .LoadingScreen .loadingCircle{animation:App-logo-spin 20s linear infinite}}#PostsSearchFilters p{font-size:20px;font-weight:bolder;margin-left:10px;margin-top:0}#PostsSearchFilters .row{display:flex;flex-direction:row;width:100%}#PostsSearchFilters input{border:1px solid gray;border-radius:5px;flex-basis:80%;font-size:15px;margin:0 .2% 0 0;padding:10px}#PostsSearchFilters .categories{align-items:center;background-color:#fff;border:1px solid gray;border-radius:5px;display:flex;flex-basis:20%;flex-direction:row;justify-content:space-between;margin:0 .2%;padding:10px;position:relative}#PostsSearchFilters .categories .arrowIcon{transition:.3s}#PostsSearchFilters .categories .CategoryOptionsDropList{background-color:#fff;border-radius:5px;box-shadow:0 5px 10px #707070;display:flex;flex-direction:column;height:-webkit-max-content;height:max-content;height:0;left:0;overflow:hidden;position:absolute;top:50px;transition:.3s;width:100%;z-index:9999}#PostsSearchFilters .categories .categoryOption{border-radius:5px;cursor:pointer;margin:3PX;padding:10px;transition:.3s}#PostsSearchFilters .categories .categoryOption:hover{background-color:#d7d7d7}#PostsSearchFilters .categories .categoryOption.activeCategory{background-color:#9f9f9f}#PostsSearchFilters .searchButton{background-color:#0a808e;border:1px solid #0000;border-radius:5px;color:#fff;cursor:pointer;flex-basis:5%;font-size:17px;font-weight:bolder;margin:0 .2%;transition:.3s}#PostsSearchFilters .searchButton:hover{background-color:#0db2c4}#AdminPostsFeed .NoPostsToDisplay{align-items:center;display:flex;font-size:25px;height:50vh;justify-content:center}#AdminPostsFeed .NoPostsToDisplay,#AdminPostsFeed .noMorePosts{color:hsla(0,0%,50%,.395);font-weight:bolder}.PendingPostBox{background-color:#f6f6f6;border-radius:10px;box-shadow:0 0 10px hsla(0,0%,58%,.286);box-sizing:border-box;margin:1% auto;min-height:-webkit-max-content;min-height:max-content;min-width:370px;overflow:hidden;padding-bottom:0;transition:.5s;width:75%}.PendingPostBox .PostHeader{display:flex;flex-direction:row;padding:1%}.PendingPostBox .PostHeader .UserPic{position:relative;width:100px}.PendingPostBox .PostHeader .UserPic img{border-radius:100%;height:80px;width:80px}.PendingPostBox .PostHeader .UserPic .profileLink{height:100%;left:0;position:absolute;top:0;width:100%}.PendingPostBox .PostHeader .NameAndDateAndData{display:flex;flex-direction:row;justify-content:space-between;width:100%}.PendingPostBox .PostHeader .NameAndDateAndData .left{padding-left:10px;padding-top:15px;text-align:left}.PendingPostBox .PostHeader .NameAndDateAndData .left p{margin:0}.PendingPostBox .PostHeader .AIRate .rateGreen{color:green}.PendingPostBox .PostHeader .AIRate .rateYellow{color:#b0b000}.PendingPostBox .PostHeader .AIRate .rateRed{color:red}.PendingPostBox .PostHeader .NameAndDateAndData .Tags{align-items:center;display:flex;flex-direction:column;padding:10px}.PendingPostBox .PostHeader .NameAndDateAndData .Tags .Community{background-color:#0096a6;border-radius:10px;color:#fff;font-weight:bolder;padding:10px;width:100%}.PendingPostBox .PostHeader .NameAndDateAndData .Tags .Accept,.PendingPostBox .PostHeader .NameAndDateAndData .Tags .Report{background-color:#ff7b7b;border-radius:10px;color:#fff;cursor:pointer;font-weight:bolder;margin-top:5px;opacity:0;padding:10px;transition:.1s;width:100%}.PendingPostBox .PostHeader .NameAndDateAndData .Tags .Accept{background-color:#6fea74}.PendingPostBox:hover .PostHeader .NameAndDateAndData .Tags .Accept,.PendingPostBox:hover .PostHeader .NameAndDateAndData .Tags .Report{opacity:1}.PendingPostBox .PostBody{padding:1%;text-align:left}.PendingPostBox .PostImageContainer{display:flex;flex-direction:row;justify-content:center;overflow-x:auto;width:100%}.PendingPostBox .PostImageContainer img{margin:1%;max-width:23%}.PostImageContainer::-webkit-scrollbar{height:10px}.PostImageContainer::-webkit-scrollbar-thumb{background-color:#898989;border-radius:20px}.PostImageContainer::-webkit-scrollbar-track{background-color:initial}.PostImageContainer::-webkit-scrollbar-thumb:hover{background-color:#c2c2c2}.PendingPostBox .PostCommentSection{padding:0 20px}.PendingPostBox .PostReactions{border-bottom:1px solid #c2c2c2;border-top:1px solid #c2c2c2;box-shadow:0 -6px 6px 0 #f1f1f1;display:flex;flex-direction:row;justify-content:space-between;padding:10px 0}.PendingPostBox .PostReactions span{font-size:19px;margin:0 10px}.PendingPostBox .PostCommentsButtons{cursor:pointer;margin-left:-2%;overflow:hidden;transition:.5s;width:104%}.PendingPostBox .PostCommentsButtons:hover.enabled{background-color:#eaeaea}.PendingPostBox .PostCommentsButtons.disabled{cursor:default}.ReportPopupWindow .ReportForm .ForNextPost{font-size:20px;margin-bottom:0}.ReportPopupWindow .ReportForm .ReportMainPostText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:50ch}.PendingPostBox .GrayText{color:gray}#SuperArticlesPage{align-items:center;background-color:#e5e7eb;flex-direction:column;height:100vh;overflow-y:auto;width:100%}@media (max-width:440px){#SuperArticlesPage{zoom:.9;height:115vh}}#SuperArticlesPage .LoadingScreen{align-items:center;background-color:hsla(0,0%,83%,.354);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:99}#SuperArticlesPage .LoadingScreen.disabled{display:none}#SuperArticlesPage .LoadingScreen .loadingCircle{border:7px dashed #fff;border-radius:100%;height:70px;width:70px}@media (prefers-reduced-motion:no-preference){#SuperArticlesPage .LoadingScreen .loadingCircle{animation:App-logo-spin 20s linear infinite}}#ArticlesSearchFilters{align-items:start;background-color:#fff;border-radius:10px 10px 10px 10px;box-shadow:0 0 10px hsla(0,0%,58%,.286);display:flex;flex-direction:column;margin:20px auto;min-width:375px;padding:20px;width:72%}#ArticlesSearchFilters p{font-size:20px;font-weight:bolder;margin-left:10px;margin-top:0}#ArticlesSearchFilters .row{display:flex;flex-direction:row;width:100%}#ArticlesSearchFilters input{border:1px solid gray;border-radius:5px;flex-basis:80%;font-size:15px;margin:0 .2% 0 0;padding:10px}#ArticlesSearchFilters .categories{align-items:center;background-color:#fff;border:1px solid gray;border-radius:5px;display:flex;flex-basis:20%;flex-direction:row;justify-content:space-between;margin:0 .2%;padding:10px;position:relative}#ArticlesSearchFilters .categories .arrowIcon{transition:.3s}#ArticlesSearchFilters .categories .CategoryOptionsDropList{background-color:#fff;border-radius:5px;box-shadow:0 5px 10px #707070;display:flex;flex-direction:column;height:-webkit-max-content;height:max-content;height:0;left:0;overflow:hidden;position:absolute;top:50px;transition:.3s;width:100%;z-index:9999}#ArticlesSearchFilters .categories .categoryOption{border-radius:5px;cursor:pointer;margin:3PX;padding:10px;transition:.3s}#ArticlesSearchFilters .categories .categoryOption:hover{background-color:#d7d7d7}#ArticlesSearchFilters .categories .categoryOption.activeCategory{background-color:#9f9f9f}#ArticlesSearchFilters .searchButton{background-color:#0a808e;border:1px solid #0000;border-radius:5px;color:#fff;cursor:pointer;flex-basis:5%;font-size:17px;font-weight:bolder;margin:0 .2%;transition:.3s}#ArticlesSearchFilters .searchButton:hover{background-color:#0db2c4}#AdminArticlesFeed .NoArticlesToDisplay{align-items:center;display:flex;font-size:25px;height:50vh;justify-content:center}#AdminArticlesFeed .NoArticlesToDisplay,#AdminArticlesFeed .noMoreArticles{color:hsla(0,0%,50%,.395);font-weight:bolder}.ArticleBox{background-color:#f6f6f6;border-radius:10px;box-shadow:0 0 10px hsla(0,0%,58%,.286);box-sizing:border-box;margin:1% auto;min-height:-webkit-max-content;min-height:max-content;min-width:370px;overflow:hidden;padding:20px 20px 0;transition:.5s;width:75%}@media (max-width:1530px){.ArticleBox{width:80%}}@media (max-width:440px){.ArticleBox{width:95%}}.ArticleBox .ArticleHeader{display:flex;flex-direction:row;padding:1%}.ArticleBox .ArticleHeader .UserPic{position:relative;width:100px}.ArticleBox .ArticleHeader .UserPic img,.anonymous{border-radius:100%;height:80px;width:80px}.anonymous{display:flex;font-size:40px;justify-content:center;padding-top:10px}.ArticleBox .ArticleHeader .UserPic .profileLink{height:100%;left:0;position:absolute;top:0;width:100%}.ArticleBox .ArticleHeader .NameAndDateAndData{display:flex;flex-direction:row;justify-content:space-between;width:100%}.ArticleBox .ArticleHeader .NameAndDateAndData .left{padding-left:10px;padding-top:15px;text-align:left}.ArticleBox .ArticleHeader .NameAndDateAndData .left p{margin:0}.ArticleBox .ArticleHeader .AIRate .rateGreen{color:green}.ArticleBox .ArticleHeader .AIRate .rateYellow{color:#b0b000}.ArticleBox .ArticleHeader .AIRate .rateRed{color:red}.ArticleBox .ArticleHeader .NameAndDateAndData .Tags{align-items:center;display:flex;flex-direction:column;padding:10px}.ArticleBox .ArticleHeader .NameAndDateAndData .Tags .Community{background-color:#0096a6;border-radius:10px;color:#fff;font-weight:bolder;padding:10px;width:100%}.ArticleBox .ArticleHeader .NameAndDateAndData .Tags .Report{background-color:#ff7b7b;border-radius:10px;color:#fff;cursor:pointer;font-weight:bolder;margin-top:5px;opacity:0;padding:10px;transition:.1s;width:100%}.ArticleBox:hover .ArticleHeader .NameAndDateAndData .Tags .Report{opacity:1}.ArticleBox .ArticleBody{overflow:hidden;padding:1% 2%;text-align:left;transition:.5s}.ArticleBox .ArticleBody .CoverImage{align-items:center;display:flex;height:300px;justify-content:center;overflow:hidden;width:100%}.ArticleBox .ArticleBody .CoverImage.notShown{display:none}.ArticleBox .ArticleBody .CoverImage img{width:auto}.ArticleBox .ArticleImageContainer{display:flex;flex-direction:row;justify-content:center;overflow-x:auto;width:100%}.ArticleBox .ArticleImageContainer img{margin:1%;max-width:23%}.ArticleImageContainer::-webkit-scrollbar{height:10px}.ArticleImageContainer::-webkit-scrollbar-thumb{background-color:#898989;border-radius:20px}.ArticleImageContainer::-webkit-scrollbar-track{background-color:initial}.ArticleImageContainer::-webkit-scrollbar-thumb:hover{background-color:#c2c2c2}.ArticleBox .ArticleCommentSection{padding:0 20px}.ArticleBox .ArticleReactions{border-bottom:1px solid #c2c2c2;border-top:1px solid #c2c2c2;box-shadow:0 -6px 6px 0 #f1f1f1;display:flex;flex-direction:row;justify-content:space-between;padding:10px 0}.ArticleBox .ArticleReactions span{font-size:19px;margin:0 10px}.ArticleBox .ArticleReadmoreButtons{cursor:pointer;margin-left:-2%;overflow:hidden;transition:.5s;width:104%}.ArticleBox .ArticleReadmoreButtons:hover{background-color:#eaeaea}.ArticleBox .ArticleReadmoreButtons a{color:#000;display:block;padding:16px 0;text-decoration:none}.ArticleBox .ArticleReadmoreButtons a p{margin:0}.ReportPopupWindow{align-items:center;display:none;flex-direction:row;height:100%;justify-content:center;left:0;overflow:hidden;position:absolute;top:0;width:100%}.ReportPopupWindow .backgroundBlock{background-color:rgba(86,86,86,.189);height:100%;left:0;position:absolute;top:0;width:100%;z-index:5}.ReportPopupWindow .ReportForm{background-color:#fff;border-radius:20px;display:flex;flex-direction:column;font-family:sans-serif;min-height:200px;min-width:390px;padding:50px;position:relative;text-align:left;top:100%;transition:.5s;width:480px;z-index:9}.ReportPopupWindow .ReportForm .TitleReport{font-size:30px}.ReportPopupWindow .ReportForm .ForNextArticle{font-size:20px;margin-bottom:0}.ReportPopupWindow .ReportForm .ReportMainArticleText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:50ch}.ReportPopupWindow .ReportForm .ReportTagOptions{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;padding:10px}.ReportPopupWindow .ReportForm .ReportTagOptions .ReportTag{background-color:#eee;border-radius:30px;color:gray;cursor:pointer;font-size:20px;margin:5px;padding:15px;transition:.2s}.ReportPopupWindow .ReportForm .ReportTagOptions .ReportTag:hover{background-color:#cecdcd}.ReportPopupWindow .ReportForm .ReportTagOptions .ReportTag.selected{background-color:#fbcbcb;color:#ff1919}.ReportPopupWindow .ReportForm .submutReportButton{background-color:#079eb0;border:none;border-radius:100px;color:#fff;cursor:pointer;font-size:25px;margin-top:50px;padding:20px;transition:.5s}.ReportPopupWindow .ReportForm .submutReportButton:hover{background-color:#026671}.ReportPopupWindow .ReportForm .ReasonInputForm{display:none;transition:.5s}.ReportPopupWindow .ReportForm .ReasonInputForm.show{display:block}.ReportPopupWindow .ReportForm .ReasonInputForm input{border:1px solid gray;border-radius:10px;font-size:15px;min-height:40px;padding:1% 2%;width:96%}.ReportPopupWindow .ReportForm .ErrorMessage{color:red;display:none;margin-bottom:0;text-align:center}.ReportPopupWindow .ReportForm .ErrorMessage.show{display:block}.ArticleBox .GrayText{color:gray}.ArticleCommentBox{border-bottom:1px solid #ddd;border-radius:10px;display:flex;flex-direction:row;margin:10px 0;overflow:hidden;padding:1%;transition:.5s}.ArticleCommentBox .CommentHeader{display:flex;flex-basis:5%;flex-direction:row}.ArticleCommentBox .CommentHeader .UserPic{flex-basis:5%;margin:0 10px;position:relative}.ArticleCommentBox .CommentHeader .UserPic img{border-radius:100%;min-width:50px;width:100%}.ArticleCommentBox .CommentHeader .UserPic .profileLink{height:100%;left:0;position:absolute;top:0;width:100%}.ArticleCommentBox .CommentHeader .NameAndDate .UserName{margin:0}.ArticleCommentBox .CommentData{align-items:flex-start;display:flex;flex-basis:90%;flex-direction:column}.ArticleCommentBox .CommentData .CommentBlank{flex-basis:5%;min-width:70px}.ArticleCommentBox .CommentData .CommentBody,.ArticleCommentBox .CommentData .NameAndDate{text-align:left}.ArticleCommentBox .ArticleCommentKeys{align-items:center;display:flex;flex-direction:column;justify-content:space-around}.ArticleCommentBox .ArticleCommentKeys .ArticleCommentReport{background-color:#ff7b7b;border-radius:10px;color:#fff;cursor:pointer;font-weight:bolder;margin-top:5px;opacity:0;padding:10px;transition:.1s;width:100%}.ArticleCommentBox:hover .ArticleCommentKeys .ArticleCommentReport{opacity:1}.SingleArticleBox{background-color:#e5e7eb;height:96vh;margin:0 auto;overflow-y:auto;padding:2vh 10%;width:95%}.SingleArticleBox .ArticleHeader{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:20px;width:100%}.SingleArticleBox .ArticleHeader .left{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-evenly}.SingleArticleBox .ArticleHeader .center{align-items:center;display:flex;flex-direction:row;justify-content:center}.SingleArticleBox .ArticleHeader .center img{border-radius:100%;margin:0 10px;max-width:100px}.SingleArticleBox .ArticleHeader .center .AutherInfo{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.SingleArticleBox .ArticleHeader .center .AutherInfo p{margin:0}.SingleArticleBox .ArticleHeader .center .AutherInfo .date{color:gray}.SingleArticleBox .ArticleHeader .right .Tags{align-items:center;display:flex;flex-direction:column;padding:10px}.SingleArticleBox .ArticleHeader .right .Tags .Community{background-color:#0096a6;border-radius:10px;color:#fff;font-weight:bolder;padding:10px;width:100%}.SingleArticleBox .ArticleHeader .right .Tags .Report{background-color:#ff7b7b;border-radius:10px;color:#fff;cursor:pointer;font-weight:bolder;margin-top:5px;opacity:0;padding:10px;transition:.1s;width:100%}.SingleArticleBox .ArticleHeader:hover .right .Tags .Report{opacity:1}.SingleArticleBox .ArticleBody{text-align:left}.SingleArticleBox .ArticleBody .CoverImage{align-items:center;border-radius:20px;display:flex;justify-content:center;max-height:300px;overflow:hidden;position:relative}.SingleArticleBox .ArticleBody .CoverImage img{height:100%;position:relative;width:100%}.SingleArticleBox .ArticleBody .ArticleText{background-color:#fff;border-radius:20px 20px 0 0;margin-top:20px;padding:20px}.SingleArticleBox .ArticleImages{background-color:#fff;display:flex;flex-direction:row;justify-content:center;overflow-x:auto;width:100%}.SingleArticleBox .ArticleImages img{margin:1%;max-width:23%}.SingleArticleBox .Reactions{background-color:#fff;border-bottom:1px solid #c2c2c2;border-top:1px solid #c2c2c2;box-shadow:0 -6px 6px 0 #f1f1f1;display:flex;flex-direction:row;justify-content:space-between;padding:20px;padding:10px 0}.SingleArticleBox .Reactions span{font-size:19px;margin:0 10px}.SingleArticleBox .Comments{background-color:#fff;border-radius:0 0 20px 20px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.SingleArticleBox .CommentsButton{background-color:#fff;cursor:pointer;padding:20px;transition:.2s;width:100%}.SingleArticleBox .CommentsButton:hover{background-color:#f3f3f3}@media (max-width:440px){.SingleArticleBox{zoom:.9;padding:50px 4% 2vh}.SingleArticleBox .ArticleHeader{zoom:.8}.SingleArticleBox .ArticleHeader .center img{height:75px;width:75px}}#UserProfile{display:flex;flex-direction:row;width:100%}#UserProfile #UserMain{background-color:#e5e7eb;flex-basis:30%;flex-grow:1;height:96vh;min-width:300px;padding-top:4vh}#UserProfile #UserMain .ProfileImage{border-radius:20px;margin:auto;width:200px}#UserProfile #UserMain .textMain{margin:auto;text-align:center;width:-webkit-max-content;width:max-content}#UserProfile #UserData{flex-basis:70%;flex-grow:1;height:96vh;overflow-y:auto;padding-left:30px;padding-top:4vh}#UserProfile #UserData,#UserProfile #UserData .DataSection{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start}#UserProfile #UserData .DataSection{width:100%}#UserProfile #UserData .DataSection .DataTitle{margin-bottom:0}#UserProfile #UserData .DataSection hr{border:3px solid gray;margin-left:0;width:10%}#UserProfile #UserData .DataSection .DataEntry{text-wrap:nowrap;display:flex;flex-direction:row;font-size:20px;justify-content:space-between;overflow:auto;width:70%}#UserProfile #UserData .DataSection .DataEntry .key{font-weight:bolder}#UserProfile #UserData .DataSection .DataEntry .card{border-radius:10px;box-shadow:-2px 2px 5px #ddd;display:flex;flex-direction:column;margin:10px;padding:10px;text-align:start;transition:.2s}#UserProfile #UserData .DataSection .DataEntry .card:hover{box-shadow:-5px 5px 5px gray}#UserProfile #UserData .DataSection .commentKey,#UserProfile #UserData .DataSection .drName{color:gray}.mainInfo{font-weight:bolder;text-align:left}.mainInfo span{font-weight:300}.mainInfo .doctorStatus{border-radius:100%;display:inline-block;height:10px;width:10px}.mainInfo .doctorStatus.online{background-color:#4aff4a}.mainInfo .doctorStatus.offline{background-color:gray}@media (max-width:1000px){#UserProfile{flex-direction:column}#UserProfile #UserMain{border-radius:0 0 20px 20px;height:auto;text-align:center}#UserProfile #UserMain .textMain{text-align:center}#UserProfile #UserData{flex-basis:100%;height:auto;overflow:inherit}#UserProfile #UserData .DataSection .DataEntry{width:70%}}#TestPayment{align-items:center;display:flex;height:80vh;justify-content:center;width:100%}#AIChat{align-items:flex-end;bottom:3%;display:flex;flex-direction:row;justify-content:flex-end;position:absolute;right:3%}#AI_Chat_Icon{align-items:center;background-color:#0a808e;border-radius:100%;color:#fff;cursor:pointer;display:flex;font-size:25px;height:60px;justify-content:center;width:60px}#AI_Chat_Box{background-color:#fff;border-radius:10px;height:430px;height:0;margin-right:-60px;overflow:hidden;transition:.5s;width:350px;z-index:9}#AI_Chat_Box .ChatBoxheader{background-color:#0a808e;color:#fff;display:flex;flex-direction:row;justify-content:space-between;padding:10px}#AI_Chat_Box .ChatBoxheader .closeButton{background-color:initial;border:none;color:#fff;cursor:pointer}#AI_Chat_Box .upperMessage{color:gray;font-size:14px}#AI_Chat_Box .chatBox{border-radius:10px;display:flex;flex-direction:column-reverse;height:75%;margin:auto;overflow-y:auto;transition:.5s;width:95%}#AI_Chat_Box .chatBox .chatMessage{border-radius:10px;margin:5px;max-width:90%;padding:8px;text-align:left;transition:.5s}#AI_Chat_Box .chatBox .chatMessage.sent{background-color:#8989ff;color:#fff}#AI_Chat_Box .chatBox .chatMessage.recieved{background-color:#afafaf;color:#fff;text-align:left}#AI_Chat_Box .chatBox .chatMessage.loading{font-size:10px}#AI_Chat_Box .chatInputs{display:flex;flex-direction:row;margin-top:10px;padding:0 10px}#AI_Chat_Box .chatInputs input{border:1px solid #b1b1b1;border-radius:10px 0 0 10px;flex-basis:90%;font-size:17px;padding:5px}#AI_Chat_Box .chatInputs input:focus{outline:none}#AI_Chat_Box .chatInputs button{background-color:#0a808e;border:none;border-radius:0 10px 10px 0;color:#fff;cursor:pointer;flex-basis:10%}#TestChat{flex-direction:column;justify-content:space-between;min-height:97vh;width:100%}#TestChat,#chatroomsList{align-items:center;display:flex}#chatroomsList{flex-direction:row;justify-content:center;max-width:60vw;overflow-x:auto}#chatroomsList .chatroomItem{background-color:#cbcbcb;border-radius:10px;box-shadow:-1px 1px 5px gray;cursor:pointer;display:flex;flex-direction:column;margin:10px;padding:10px;transition:.5s}#chatroomsList .chatroomItem:hover{box-shadow:-2px 2px 5px #000}#Chatroom{align-items:center;background-color:#d5d5d5;border-radius:15px;display:flex;flex-direction:column;height:600px;width:90%}#chatMessages{display:flex;flex-basis:90%;flex-direction:column-reverse;overflow:auto;width:100%}#chatMessages .message{align-items:center;border-radius:10px;display:flex;flex-direction:row;justify-content:space-between;margin:10px;padding:10px}#chatMessages .message.sent{background-color:#9191ff}#chatMessages .message.recieved{background-color:#8f8f8f}#ChatControl{flex-basis:10%;width:100%}#ChatControl input{border:1px solid #000;border-radius:10px;font-size:20px;height:50%;padding:1% 2%;width:76%}#ChatControl button{border:none;border-radius:10px;box-shadow:-1px 1px 5px gray;cursor:pointer;height:70%;margin:0 2%;transition:.2s;width:10%}#ChatControl button:hover{box-shadow:-2px 2px 10px gray}#SuperDoctorsPage{align-items:center;background-color:#e5e7eb;flex-direction:column;height:100vh;overflow-y:auto;width:100%}#SuperDoctorsPage .LoadingScreen{align-items:center;background-color:hsla(0,0%,83%,.354);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:99}#SuperDoctorsPage .LoadingScreen.disabled{display:none}#SuperDoctorsPage .LoadingScreen .loadingCircle{border:7px dashed #fff;border-radius:100%;height:70px;width:70px}@media (prefers-reduced-motion:no-preference){#SuperDoctorsPage .LoadingScreen .loadingCircle{animation:App-logo-spin 20s linear infinite}}#DoctorsSearchFilters{align-items:start;background-color:#fff;border-radius:10px 10px 10px 10px;box-shadow:0 0 10px hsla(0,0%,58%,.286);display:flex;flex-direction:column;margin:20px auto;min-width:375px;padding:20px;width:72%}#DoctorsSearchFilters p{font-size:20px;font-weight:bolder;margin-left:10px;margin-top:0}#DoctorsSearchFilters .row{display:flex;flex-direction:row;width:100%}#DoctorsSearchFilters input{border:1px solid gray;border-radius:5px;flex-basis:100%;font-size:15px;margin:0 .2% 0 0;padding:10px}#DoctorsSearchFilters .searchButton{background-color:#0a808e;border:1px solid #0000;border-radius:5px;color:#fff;cursor:pointer;flex-basis:5%;font-size:17px;font-weight:bolder;margin:0 .2%;transition:.3s}#DoctorsSearchFilters .searchButton:hover{background-color:#0db2c4}#AdminDoctorsFeed .NoDoctorsToDisplay{align-items:center;display:flex;font-size:25px;height:50vh;justify-content:center}#AdminDoctorsFeed .NoDoctorsToDisplay,#AdminDoctorsFeed .noMoreDoctors{color:hsla(0,0%,50%,.395);font-weight:bolder}#AdminDoctorsFeed{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;width:100%}#AdminDoctorsFeed .doctorCard{background-color:#fff;border-radius:10px;box-shadow:-2px 2px 5px gray;color:#000;cursor:pointer;margin:20px;padding:20px;text-decoration:none;transition:.3s;width:250px}#AdminDoctorsFeed .doctorCard:hover{box-shadow:-5px 5px 5px gray}#AdminDoctorsFeed .doctorCard img{height:100px;width:100px}#AdminDoctorsFeed .doctorCard .doctorName{margin-bottom:0}#AdminDoctorsFeed .doctorCard .doctorEmail{color:gray;margin-top:0}#AdminDoctorsFeed .doctorCard .tagsList{margin:20px 0}#AdminDoctorsFeed .doctorCard .tagsList .tag{background-color:#e2e2e2;border-radius:10px;margin:5px;padding:5px}
/*# sourceMappingURL=main.f0015071.css.map*/