*{margin:0;padding:0;box-sizing:border-box;font-family:SF-Pro-Display-Regular}@font-face{font-family:SF-Pro-Display-Regular;src:url(/static/media/SF-Pro-Display-Regular.d1f5e6e1.otf)}@font-face{font-family:SF-Pro-Display-Semibold;src:url(/static/media/SF-Pro-Display-Semibold.037dc639.otf)}#root{position:relative}#App{margin:auto;padding:40px 55px 0}@media screen and (max-width:1040px){#App{padding:10px 5px 0}}.menuOpen{position:absolute;top:15px;left:5px;cursor:pointer}.menuClose{position:absolute;right:5px;top:5px}@media screen and (min-width:1200px){.menuClose,.menuOpen{display:none}}@media screen and (min-width:1400px){#App{padding:40px 40px 0;max-width:100%}#menu .Menus p{font-size:30px}}#userPage{display:flex}#userPage #menu{display:flex;flex-direction:column;flex:0 0 20%;max-width:20%;margin-bottom:40px;height:calc(100vh - 80px);border-right:1px solid rgba(0,0,0,.1)}#userPage #menu .logo{margin-bottom:10vh}#userPage #menu .logo img{width:80%}#userPage #menu .Menus{flex:1 1;display:flex;flex-direction:column;justify-content:space-between}#userPage #menu .Menus a{text-decoration:none}#userPage #menu .Menus a .menuItem{position:relative;padding:5% 0;display:flex;align-items:center;color:rgba(0,0,0,.3)}#userPage #menu .Menus a .menuItem div.menu-icon{margin-right:15px}#userPage #menu .Menus a .menuItem div.menu-icon svg{display:flex;align-items:center;justify-content:center}#userPage #menu .Menus a .menuItem div.menu-icon svg path{fill:currentColor}#userPage #menu .Menus a .menuItem p{font-family:SF-Pro-Display-Regular;font-style:normal;font-size:16px;line-height:16px;font-weight:500}#userPage #menu .Menus a .menuItem div.right-border{height:70%;position:absolute;background:#00b533;border-radius:10px;right:-2px;width:3px;top:15%;display:none}#userPage #menu .Menus a:focus .menuItem p{color:#262626}#userPage #menu .Menus a:focus .menuItem div.menu-icon svg path{fill:#00b533}#userPage #menu .Menus a:focus .menuItem div.right-border{display:block}#userPage #usersCom{flex:0 0 80%;max-width:80%;height:calc(100vh - 40px);padding-left:65px}#userPage #usersCom .mentor{background-color:#fff;display:flex;justify-content:flex-end;align-items:center}#userPage #usersCom .mentor p{font-family:SF-Pro-Display-Regular;font-style:normal;font-weight:500;font-size:16px;line-height:16px;color:#262626}#userPage #usersCom .mentor>div{height:40px;width:40px;display:flex;justify-content:center;align-items:center;background:#f8f8f8;border-radius:50%;margin-left:15px}#userPage #usersCom .titleMenu{z-index:100;background-color:#fff;padding:28px 0 34px}#userPage #usersCom .titleMenu h3{font-family:SF-Pro-Display-Regular;font-style:normal;font-weight:600;font-size:30px;line-height:16px;text-transform:uppercase;color:#262626}#userPage #usersCom .extraWorks{z-index:10;background-color:#fff;height:45px;display:flex;margin-bottom:22px}#userPage #usersCom .extraWorks .firstPart{height:100%;flex:50% 1;max-width:50%;display:flex}#userPage #usersCom .extraWorks .firstPart .search{height:100%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d8d8d8;width:296px}#userPage #usersCom .extraWorks .firstPart .search>input{flex:1 1;margin-left:15px;border:none}#userPage #usersCom .extraWorks .firstPart .search>input:focus{outline:none}#userPage #usersCom .extraWorks .firstPart .search>input::-webkit-input-placeholder{font-size:16px;color:#000}#userPage #usersCom .extraWorks .firstPart .search>input:-ms-input-placeholder{font-size:16px;color:#000}#userPage #usersCom .extraWorks .firstPart .search>input::placeholder{font-size:16px;color:#000}#userPage #usersCom .extraWorks .firstPart .search button{border:none;background:#fff;cursor:pointer;position:relative}#userPage #usersCom .extraWorks .firstPart .search button img{transition-duration:.5s;transition-delay:.5s}#userPage #usersCom .extraWorks .firstPart .search button img:hover{transform:scale(1.4)}#userPage #usersCom .extraWorks .firstPart .search button:focus{outline:none}#userPage #usersCom .extraWorks .firstPart .search button .sortBox{transition:.5s;position:absolute;padding:24px;width:268px;background:#fff;box-shadow:0 2px 50px hsla(0,0%,84.7%,.56)}#userPage #usersCom .extraWorks .firstPart .search button .sortBox .css-2b097c-container{margin-bottom:14px}#userPage #usersCom .extraWorks .firstPart .search button .sortBox .css-2b097c-container .css-yk16xz-control{height:60px;padding:0 26px;border-radius:0}#userPage #usersCom .extraWorks .firstPart .search button .sortBox .css-2b097c-container .css-yk16xz-control .css-g1d714-ValueContainer{padding:0}#userPage #usersCom .extraWorks .firstPart .search button .sortBox .css-2b097c-container .css-yk16xz-control .css-1wa3eu0-placeholder{color:#000;font-style:normal;font-weight:500;font-size:16px;line-height:26px;margin:0}#userPage #usersCom .extraWorks .firstPart .search button .sortBox .css-2b097c-container .css-yk16xz-control .css-1okebmr-indicatorSeparator{display:none}#userPage #usersCom .extraWorks .firstPart .search button .sortBox .css-2b097c-container .css-yk16xz-control .css-tlfecz-indicatorContainer svg{fill:#000}#userPage #usersCom .extraWorks .firstPart .search button .sortBox form{height:calc(100vh - 480px);overflow-y:auto}#userPage #usersCom .extraWorks .firstPart .search button .sortBox form::-webkit-scrollbar{width:.2rem}#userPage #usersCom .extraWorks .firstPart .search button .sortBox form::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.3)}#userPage #usersCom .extraWorks .firstPart .search button .sortBox form::-webkit-scrollbar-thumb{background-color:red;outline:1px solid red}#userPage #usersCom .extraWorks .firstPart .search button .sortBox form div{display:flex;margin-bottom:16px;align-items:center}#userPage #usersCom .extraWorks .firstPart .search button .sortBox form div input{display:inline-block;margin-right:10px;width:17px;height:17px;border:2px solid #000;border-radius:0}#userPage #usersCom .extraWorks .firstPart .search button .sortBox form div label{font-weight:500;font-size:16px;line-height:26px;text-align:left}#userPage #usersCom .extraWorks .firstPart .reload{height:45px;width:45px;background:#f8f8f8;display:flex;justify-content:center;align-items:center;border-radius:50%;margin-left:25px;cursor:pointer}#userPage #usersCom .extraWorks .secondPart{flex:50% 1;max-width:50%;display:flex;justify-content:space-between;align-items:center}#userPage #usersCom .extraWorks .secondPart .cart{height:45px;width:45px;background:#f8f8f8;display:flex;justify-content:center;align-items:center;border-radius:50%;cursor:pointer}#userPage #usersCom .extraWorks .secondPart .excel button{background:#00b333;color:#fff;transition:.5s}#userPage #usersCom .extraWorks .secondPart .excel button:hover{background-color:red}#userPage #usersCom .extraWorks .secondPart .message{border:2px solid #000}#userPage #usersCom .extraWorks .secondPart .message button{background:#e5e5e5;color:#000;transition:.5s}#userPage #usersCom .extraWorks .secondPart .message button:hover{background-color:#00f;color:#fff}#userPage #usersCom .extraWorks .secondPart .excel,#userPage #usersCom .extraWorks .secondPart .message{width:200px;height:45px;margin-left:15px}#userPage #usersCom .extraWorks .secondPart .excel button,#userPage #usersCom .extraWorks .secondPart .message button{height:100%;width:100%;background-color:none;border:none;display:flex;justify-content:center;align-items:center;font-weight:600;font-size:16px;line-height:14px;cursor:pointer}#userPage #usersCom .extraWorks .secondPart .excel button p,#userPage #usersCom .extraWorks .secondPart .message button p{margin-left:12px}#userPage #usersCom .extraWorks .secondPart .excel button:focus,#userPage #usersCom .extraWorks .secondPart .message button:focus{outline:none}#userPage #usersCom .tableDiv{overflow-y:auto;overflow-x:hidden;height:calc(100vh - 235px)}#userPage #usersCom .tableDiv::-webkit-scrollbar{width:0}#userPage #usersCom .tableDiv::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.3)}#userPage #usersCom .tableDiv::-webkit-scrollbar-thumb{background-color:#a9a9a9;outline:1px solid #708090}#userPage #usersCom .tableDiv table{width:100%;border-collapse:collapse}#userPage #usersCom .tableDiv table thead tr{background:#f8f8f8}#userPage #usersCom .tableDiv table thead tr th{align-items:center;text-align:left;font-style:normal;font-weight:700;font-size:18px;line-height:18px}#userPage #usersCom .tableDiv table tbody tr{border:2px solid #f8f8f8;background-color:hsla(0,0%,100%,.7);cursor:pointer}#userPage #usersCom .tableDiv table tbody tr:hover{background:#fff}#userPage #usersCom .tableDiv table tbody tr td{height:100px}#userPage #usersCom .tableDiv table tbody tr td:nth-child(2) img{width:50px;height:50px;border-radius:50%;margin-right:15px}#userPage #usersCom .tableDiv table tbody tr td:nth-child(4){font-weight:700;font-size:20px;line-height:21px;text-align:center}#userPage #usersCom .tableDiv table tbody tr td:nth-child(6) div{height:50px;width:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f8f8f8;transition:.5s}#userPage #usersCom .tableDiv table tbody tr td:nth-child(6) div:hover{background:#00b533}#userPage #usersCom .tableDiv table tbody tr td:nth-child(6) div:hover svg path{fill:#fff}.labelContainer{display:block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:22px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.labelContainer input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.labelContainer input:checked~.checkmark:after{display:block}.labelContainer input:checked~.checkmark{background-color:#2196f3}.labelContainer .checkmark{position:absolute;top:-5px;left:0;height:19px;width:19px;background-color:#eee;border:2px solid #000}.labelContainer .checkmark:after{left:5px;top:1px;width:5px;height:10px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg);content:"";position:absolute;display:none}.newModal .coverPart{width:73vw;background:#e5e5e5;opacity:.9;z-index:10}.newModal .coverPart,.newModal .modalPart{height:100vh;top:0;position:absolute;transition:.5s}.newModal .modalPart{width:33vw;background-color:#f8f8f8;z-index:12}.newModal .modalPart .modalContent{padding:80px 0 0 55px;display:flex}.newModal .modalPart .modalContent>img{height:70px;width:70px;border-radius:50%;margin-right:20px}.newModal .modalPart .modalContent .closeButton{position:absolute;top:45px;left:-45px;height:50px;width:90px;background:#f8f8f8;border-radius:150px;display:flex;justify-content:flex-start;align-items:center}.newModal .modalPart .modalContent .closeButton:hover{cursor:pointer}.newModal .modalPart .modalContent .closeButton img{transition:1s;height:20px;width:20px;margin-left:15px}.newModal .modalPart .modalContent .closeButton img:hover{transform:scale(1.2)}.newModal .modalPart .modalContent .aboutPerson{display:flex;flex-direction:column;justify-content:space-around}.newModal .modalPart .modalContent .aboutPerson h4{font-weight:700;font-size:20px;line-height:16px}.newModal .modalPart .modalContent .aboutPerson p{font-weight:500;font-size:16px;line-height:13px}@media screen and (max-width:1200px){#userPage #menu{position:absolute;max-width:100%;height:calc(100vh - 10px);background-color:#fff;z-index:10000;left:-300px;transition:1s;padding-left:5px}#userPage #usersCom{flex:0 0 100%;max-width:100%;padding-left:0}}@media screen and (max-width:960px){#userPage #usersCom .extraWorks{flex-direction:column;height:100px}#userPage #usersCom .extraWorks .firstPart{flex:100% 1;max-width:100%;margin-bottom:10px}#userPage #usersCom .extraWorks .firstPart .search{width:100%}#userPage #usersCom .extraWorks .firstPart .search button .sortBox{right:0}#userPage #usersCom .extraWorks .secondPart{flex:100% 1;max-width:100%}#userPage #usersCom .tableDiv{overflow-x:auto}#userPage #usersCom .tableDiv table{min-width:700px}.newModal .coverPart,.newModal .modalPart{width:50vw}}@media screen and (max-width:576px){.newModal .coverPart{width:0}.newModal .modalPart{width:100vw}.newModal .modalPart .modalContent .closeButton{left:0;top:0}#userPage #usersCom .extraWorks .firstPart .reload,#userPage #usersCom .extraWorks .secondPart .cart{background:none}}@media screen and (min-width:2000px){#userPage #usersCom{padding-left:15%;padding-right:15%}#userPage #menu .logo{margin-bottom:50px}#userPage #menu .logo img{width:40%}#userPage #menu .Menus{justify-content:flex-start}#userPage #menu .Menus a .menuItem p{font-size:25px}}
/*# sourceMappingURL=main.857807c7.chunk.css.map */