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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.commentPage{height:100vh;width:100vw}.commentCnt,.commentPage{display:flex;flex-direction:column}.commentCnt{height:100%;overflow:auto;padding:30px}.sortAndSearch{display:flex;justify-content:space-between}.postIdCnt,.sortFlex{display:flex}.postIdCnt{border-radius:3px;box-shadow:0 0 3px 1px #8d8787;margin-right:20px}.sortBtn{background-color:initial;border:none}.arrowFlex{display:flex;flex-direction:column;justify-content:space-around}.icons{font-size:14px;margin:-3px 0;opacity:.5}.inputCnt{align-items:center;border-radius:3px;box-shadow:0 0 3px 1px #8d8787;display:flex;margin-right:40px;padding:5px}.inputEl{border:none;outline:none;padding:0 5px;width:200px}.dataCnt{overflow:auto}.dataHeader{align-items:center;background-color:#abbfc8;border:none;border-radius:6px;display:flex;flex-direction:row;height:32px;margin-top:25px;padding:5px 40px}.heading{border:none;font-size:14px;text-align:left}.idMargin{width:100px}.nameMargin{overflow:hidden;padding-right:30px;text-overflow:ellipsis;white-space:nowrap;width:300px}.emailMargin{width:350px}.commentMargin{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:400px}.dataItem{background-color:initial;border:1px solid #b5b1b1;border-radius:6px;border-top:none;height:32px;padding:5px 40px}.dataItem,.paginationFlex{align-items:center;display:flex;flex-direction:row}.paginationFlex{font-size:12px;height:30px;justify-content:end;margin-top:20px}.pageNo{font-size:16px;padding:0 10px}.selectedPageNo{border:1px solid #000}.pageArrow{background-color:initial;border:none;font-size:16px;margin:0 5px;outline:none;padding-top:5px}@media (max-width:560px){.commentCnt{padding:15px}.sortBtn{font-size:8px;font-weight:200;width:60px}.postIdCnt{margin-right:5px}.sortFlex{width:55%}.inputEl{width:130px}.dataHeader{font-size:12px;padding:0 5px}.heading{font-size:10px;font-weight:400;margin-right:10px;text-align:left}.idMargin{width:100px}.dataItem{height:50px;padding:5px 20px}.nameMargin{padding:0}.emailMargin,.nameMargin{overflow:scroll;width:200px}.emailMargin{text-wrap:auto}.commentMargin{margin:5px;overflow:scroll}p{font-size:10px}}.headerFlex{align-items:center;background-color:#081026;display:flex;height:40px;justify-content:space-between;padding:5px 30px}.logo{color:#fff;font-size:16px}.LinkText{color:#000;text-decoration:none}.userNameHeader,.userShort{align-items:center;display:flex}.userShort{background-color:#fff;border-radius:50%;font-size:14px;font-weight:500;height:25px;justify-content:center;margin-right:10px;width:25px}.userFullName{color:#fff;font-size:14px}.profilePage{height:100vh;width:100vw}.profilePage,.profilePageCnt{display:flex;flex-direction:column}.profilePageCnt{margin:0 auto;width:90vw}.introAndBackFlex{align-items:center;color:#000;display:flex;flex-direction:row;margin-top:20px;text-decoration:none}.backIcon{font-size:30px;margin-right:10px;margin-top:5px}.welcomeText{font-size:24px;font-weight:500}.profileCard{align-self:center;border-radius:5px;box-shadow:1px 1px 7px 2px #00000080;margin:40px auto;overflow:auto;padding:40px;width:70vw}.userNameFlex{align-items:center;display:flex;flex-direction:row;margin:20px}.shortUserName{background-color:#f0f8ff;border-radius:50%;font-size:20px;margin:0 20px;padding:15px}.nameFlex{display:flex;flex-direction:column}.userName{font-size:18px;font-weight:500;margin:0 0 5px}.userEmail{color:#6a6767;font-size:12px;font-weight:500;margin:0}.detailsFlex{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin:auto auto 15px;width:90%}.detailItem{width:40%}.itemLabel{color:#3a3535;font-size:16px;font-weight:500;margin-bottom:0}.itemText{background-color:#d0d6db;border-radius:5px;color:#474545;font-size:18px;font-weight:500;margin-top:10px;padding:10px 20px}@media (max-width:560px){.detailItem{width:100%}.itemText{margin-bottom:10px}.welcomeText{font-size:18px;font-weight:500}}
/*# sourceMappingURL=main.f25d41df.css.map*/