*{box-sizing:border-box;margin:0;padding:0}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}.loginPage{display:flex;width:100%}@media(max-width:900px){.loginPage{flex-direction:column}}.loginPage .left{display:flex;flex-direction:column;width:50vw}@media(max-width:900px){.loginPage .left{justify-content:center;width:100vw}}.loginPage .left .logo{height:36px;margin-left:97px;margin-top:106px;width:173px}@media(max-width:1200px){.loginPage .left .logo{margin-left:57px;margin-top:76px;width:90vw}}.loginPage .left .image{height:337px;margin-left:67px;margin-top:139px;width:600px}@media(max-width:1200px){.loginPage .left .image{margin-top:56px;width:400px}}@media(max-width:900px){.loginPage .left .image{margin-left:47px;width:80vw}}.loginPage .right{display:flex;flex-direction:column;padding:5rem;width:50vw}@media(max-width:900px){.loginPage .right{padding:3rem;width:100vw}}.loginPage .right h1{color:#213f7d;font-size:40px;height:55px;letter-spacing:-.04em;line-height:55px;margin-top:10%;width:183px}.loginPage .right h3{color:#545f7d;font-size:20px;font-style:normal;font-weight:400;line-height:27px;margin:.7% 0 24px}.loginPage .right form{display:flex;flex-direction:column;gap:24px;margin-top:3%}.loginPage .right form input{border:1px solid rgba(84,95,125,.149);color:#213f7d;opacity:60%;padding:3vh 1vh;width:100%}.loginPage .right form input:focus{border-left:3px solid #39cdcc;outline:none}.loginPage .right form input:focus:invalid{border-left:3px solid #f36;outline:none}.loginPage .right form label{display:flex;position:relative}.loginPage .right form label input{border-right:none}.loginPage .right form label div{border:1px solid rgba(84,95,125,.149);border-left:none;color:#39cdcc;cursor:pointer;font-size:12px;font-style:normal;font-weight:600;letter-spacing:.1em;line-height:16px;padding:3vh 1vh 3vh 0;text-align:center}@media(max-width:600px){.loginPage .right form label div{font-size:10px}}@media(max-width:400px){.loginPage .right form label div{margin-left:-10%}}.loginPage .right form span{color:#39cdcc;font-size:12px;line-height:16px;margin-top:5%;text-align:left;text-transform:uppercase}.loginPage .right form .submitBtn,.loginPage .right form span{cursor:pointer;font-style:normal;font-weight:600;letter-spacing:.1em}.loginPage .right form .submitBtn{background-color:#39cdcc;border:none;border-radius:2px;color:#fff;font-size:14px;line-height:19px;margin-top:2%;padding:.7rem;text-align:center;text-decoration:none;width:100%}.header{box-shadow:0 0 10px rgba(0,0,0,.1);display:flex;height:100px;padding:2rem;width:100vw}@media(max-width:900px){.header{height:15vh;padding:1.5rem}}.header .left{display:flex;justify-content:space-between;width:50vw}@media(max-width:900px){.header .left{flex-direction:column;gap:1rem}}.header .left .logo{height:30px;width:144px}.header .left .menuIcon{border-radius:10px;color:#213f7d;display:none;height:2rem;position:fixed;right:2rem;width:1rem}@media(max-width:900px){.header .left .menuIcon{display:block;width:7vw;z-index:5}}.header .left .searchField{display:flex;height:5.1vh;position:relative;width:400px}@media(max-width:900px){.header .left .searchField{width:70vw}}.header .left .searchField input{border:1px solid rgba(84,95,125,.149);border-radius:.7rem 0 0 .7rem;border-right:none;padding-left:1rem;width:90%}@media(max-width:900px){.header .left .searchField input{height:1.5rem;padding:.5rem}}.header .left .searchField .searchIcon{background-color:#39cdcc;border-radius:0 .7rem .7rem 0;cursor:pointer;position:relative;width:10%}.header .left .searchField .searchIcon img{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.header .right{align-items:center;color:#213f7d;display:flex;gap:2rem;justify-content:flex-end;padding:1rem;width:50vw}@media(max-width:900px){.header .right{display:none}}.header .right *{cursor:pointer}.header .right div{font-size:16px;font-weight:500;height:19px;line-height:18.77px;width:58px}.header .right .h-text{text-decoration:underline}.header .right .avatar{height:48px;margin-right:-3%;width:48px}.header .right .arrIcon{margin-left:-5%}.usersContainer{background-color:#f9f9f9;padding:60px;width:100%}@media(max-width:900px){.usersContainer{padding:1.5rem}}.usersContainer h1{color:#213f7d;font-family:Work Sans;font-size:24px;font-style:normal;font-weight:500;height:28px;line-height:28px;width:66px}@media(max-width:900px){.usersContainer h1{height:14px}}.usersContainer .summary{display:flex;justify-content:space-between;margin:40px 0}@media(max-width:1200px){.usersContainer .summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}}@media(max-width:600px){.usersContainer .summary{display:flex;flex-direction:column;gap:1rem;margin:20px 0}}.usersContainer .usersListBox{width:100%}.summaryBox,.usersContainer .usersListBox{background:#fff;border:1px solid rgba(33,63,125,.06);border-radius:4px;box-shadow:3px 5px 20px rgba(0,0,0,.04);padding:30px}.summaryBox{display:flex;flex-direction:column;height:160px;justify-content:space-around;width:240px}.summaryBox img{height:40px;width:40px}.summaryBox p{font-size:14px;font-weight:500;height:16px;line-height:16px;margin:13px 0;width:100%}.summaryBox p,.summaryBox span{color:#213f7d;font-family:Work Sans;font-style:normal;text-transform:uppercase}.summaryBox span{font-size:24px;font-weight:600;height:28px;line-height:28px;width:65px}.usersList{display:flex;flex-direction:column;gap:1rem;position:relative}@media(max-width:900px){.usersList{overflow:scroll}}.usersList .heading{display:grid;grid-template-columns:repeat(6,1fr)}.usersList .heading span{align-items:center;color:#213f7d;display:flex;font-size:12px;font-style:normal;font-weight:600;gap:10px;height:15px;line-height:14px}@media(max-width:900px){.usersList .heading span{min-width:45vw}}.usersList .heading span img{cursor:pointer;height:16px;width:16px}.usersList .listComponent:last-child{border:none}.list{grid-gap:10px;border-bottom:1px solid rgba(84,95,125,.149);display:grid;gap:10px;grid-template-columns:repeat(6,1fr) 20px;padding:20px 0;position:relative;text-decoration:none}.list span{align-items:center;color:#213f7d;color:#545f7d;display:flex;font-size:14px;font-style:normal;font-weight:400;height:15px;height:17px;line-height:16px;width:100%}@media(max-width:900px){.list span{min-width:45vw}}.list span:nth-child(3){overflow:hidden}.list span:nth-child(6){border-radius:100px;font-size:14px;font-style:normal;font-weight:400;height:30px;line-height:16px;padding:7px 13px;text-align:center;width:-webkit-min-content;width:min-content}.list img{cursor:pointer;height:16px;width:16px}#i{background-color:rgba(84,95,125,.06);color:#545f7d}#a{background-color:rgba(57,205,98,.06);color:#39cd62}#b{background-color:rgba(228,3,59,.1);color:#e4033b}#p{background-color:rgba(233,178,0,.1);color:#e9b200}.footer{display:flex;justify-content:space-between;margin:10px 0}@media(max-width:900px){.footer .left{display:flex;flex-direction:column}}.footer .left span{font-weight:400}.footer .left button,.footer .left span{color:#545f7d;font-family:Work Sans;font-size:14px;font-style:normal;line-height:16px}.footer .left button{background:rgba(33,63,125,.1);border:none;border-radius:4px;font-weight:600;height:30px;margin:10px;padding:7px 10px;width:80px}.footer .left button img{height:11px;margin-left:12px;width:6px}.footer .right{display:flex}.footer .right *{align-self:center;margin-left:20px}.footer .right span{color:#213f7d;font-family:Work Sans;font-size:16px;font-style:normal;font-weight:400;line-height:19px;opacity:.6}@media(max-width:900px){.footer .right span{display:none}}.footer .right .F-active{opacity:1}.filterBox{background:#fff;border:1px solid rgba(84,95,125,.14);border-radius:4px;box-shadow:3px 5px 20px rgba(0,0,0,.04);display:flex;flex-direction:column;height:600px;left:21%;padding:20px;position:absolute;top:36%;width:270px}@media(max-width:600px){.filterBox{left:10%;top:50%;width:80vw}}.filterBox .tag{display:flex;flex-direction:column}.filterBox .tag .iArrowDown{background:url("/static/media/Vector%20(2).220fa7d52d79fd5ec2c7.svg") 100%;background-position-x:90%;background-repeat:no-repeat;background-size:10px;padding-right:25px}.filterBox .tag .iCalender{background:url(/static/media/np_calendar_2080577_000000%201.697c8367e90dd86fcfb8.svg) 100%;background-position-x:90%;background-repeat:no-repeat;background-size:15px;padding-right:25px}.filterBox .text{color:#545f7d;font-family:Work Sans;font-size:14px;font-style:normal;font-weight:500;height:16px;line-height:16px;margin-bottom:6px;width:100%}.filterBox .input{background:#fff;border:1px solid rgba(84,95,125,.149);border-radius:8px;height:40px;margin-bottom:20px;width:230px}@media(max-width:600px){.filterBox .input{width:70vw}}.filterBox .input::-webkit-input-placeholder{color:#545f7d;font-size:14px;font-style:normal;font-weight:400;height:16px;line-height:16px;opacity:.5;padding:12px 20px;width:60%}.filterBox .input::placeholder{color:#545f7d;font-size:14px;font-style:normal;font-weight:400;height:16px;line-height:16px;opacity:.5;padding:12px 20px;width:60%}.filterBox .btn{background-color:#fff;border:1px solid #213f7d;border-radius:8px;color:#545f7d;font-family:Work Sans;font-size:14px;font-style:normal;font-weight:600;height:40px;line-height:16px;margin-right:14px;text-align:center;width:98px}.filterBox .blue{background-color:#39cdcc;border:none;color:#fff}.optionBox{background-color:#fff;border:1px solid rgba(84,95,125,.04);border-radius:4px;box-shadow:3px 5px 20px rgba(0,0,0,.04);height:130px;padding:10px;position:absolute;right:3%;text-decoration:none;top:45%;width:180px;z-index:1}@media(max-width:600px){.optionBox{height:22vh;right:10%;top:55%;width:35vw}}.optionBox div{display:flex;padding:5px;width:100%}.optionBox div img{height:14px;margin-right:10px;width:14px}.optionBox div span{color:#545f7d;font-family:Work Sans;font-size:14px;font-style:normal;font-weight:500;line-height:16px}.sidebar{box-shadow:0 0 10px rgba(0,0,0,.1);-webkit-clip-path:inset(0 -10px 0 0);clip-path:inset(0 -10px 0 0);color:#213f7d;width:283px}@media(max-width:900px){.sidebar{display:none}}.sidebar h3{font-size:12px;font-style:normal;font-weight:500;height:14px;line-height:14px;margin:20px 10px 10px;padding-left:20px;width:75px}.sidebar .active{background-color:rgba(57,205,204,.06);border-left:3px solid #39cdcc;color:#213f7d;font-size:5rem;transition:all .05s}.sidebar .switch{color:#213f7d;font-size:16px;font-style:normal;font-weight:400;height:19px;letter-spacing:.1px;line-height:19px;margin:20px 0}.sidebar .logout .line{border-top:1px solid rgba(84,95,125,.149);margin:50px 0 10px}.sidebar .logout .logoutSpan{color:#213f7d;font-family:Work Sans;font-size:12px;font-style:normal;font-weight:400;height:40px;line-height:14px;margin-top:20px;padding-left:30px}.subheading{align-items:center;background-color:#fff;color:rgba(33,63,125,.5);display:flex;height:40px;padding-left:20px;text-decoration:none;transition:all .05s;width:100%}.subheading .icon{border-radius:0;height:16px;margin:10px;width:14px}.subheading .arrowIcon{margin-left:-35%}.subheading .title{font-family:Work Sans;font-size:16px;font-style:normal;font-weight:400;height:19px;line-height:19px;width:100%}.subheading:hover{background-color:rgba(57,205,204,.03);cursor:pointer}.content{display:flex;position:relative}.detailsPageComponent{background-color:#f9f9f9;padding:60px;width:100%}@media(max-width:600px){.detailsPageComponent{padding:1.5rem}}.detailsPageComponent .prevBtn{align-items:center;display:flex;height:30px;text-decoration:none}.detailsPageComponent .prevBtn img{height:30px;margin-right:13px;width:30px}.detailsPageComponent .prevBtn span{color:#545f7d;font-family:Work Sans;font-size:16px;font-style:normal;font-weight:400;line-height:19px}.detailsPageComponent .introBox{display:flex;justify-content:space-between;margin:32px 0}@media(max-width:600px){.detailsPageComponent .introBox{flex-direction:column}}.detailsPageComponent .introBox h1{color:#213f7d;font-family:Work Sans;font-size:24px;font-style:normal;font-weight:500;height:28px;line-height:28px}.detailsPageComponent .introBox .introBtns{color:#e4033b;display:flex}.detailsPageComponent .introBox .introBtns span:first-child{border:1px solid #e4033b;color:#e4033b}.detailsPageComponent .introBox .introBtns span:nth-child(2){border:1px solid #39cdcc;color:#39cdcc}.detailsPageComponent .introBox .introBtns span{border-radius:8px;cursor:pointer;font-family:Work Sans;font-size:14px;font-style:normal;font-weight:600;height:40px;line-height:16px;margin-left:20px;padding:12px 16px;text-align:center;width:170px}@media(max-width:600px){.detailsPageComponent .introBox .introBtns span{height:8.5vh;margin:5vh 0 0 3vw}}.userBriefBox{background:#fff;border:1px solid rgba(33,63,125,.06);border-radius:4px;box-shadow:3px 5px 20px rgba(0,0,0,.04);width:100%}@media(max-width:600px){.userBriefBox{display:flex;flex-direction:column}}.userBriefBox .briefing{display:flex;gap:20px;padding:30px}@media(max-width:600px){.userBriefBox .briefing{flex-direction:column}}.userBriefBox .briefing h1{color:#213f7d;font-family:Work Sans;font-size:22px;font-style:normal;font-weight:500;height:26px;line-height:26px;margin-bottom:10px}.userBriefBox .briefing h3{color:#545f7d;font-family:Work Sans;font-size:14px;font-style:normal;font-weight:400;height:16px;line-height:16px}.userBriefBox .briefing .border{border-left:1px solid rgba(84,95,125,.149);border-right:1px solid rgba(84,95,125,.149);padding:30px}@media(max-width:600px){.userBriefBox .briefing .border{border-bottom:1px solid rgba(84,95,125,.149);border-left:0;border-right:0;border-top:1px solid rgba(84,95,125,.149)}}.userBriefBox .briefing .center{margin-top:2%}.userBriefBox .subHeadings{display:flex}@media(max-width:600px){.userBriefBox .subHeadings{flex-direction:column;justify-content:center}}.userBriefBox .subHeadings .active{border-bottom:1px solid #39cdcc;color:#39cdcc}.userBriefBox .subHeadings span{font-family:Work Sans;font-size:16px;font-style:normal;font-weight:400;line-height:19px;padding:10px 0;text-align:center;width:170px}@media(max-width:600px){.userBriefBox .subHeadings span{padding:2px 0;width:80vw}}.UserDetailsComponent{background:#fff;border:1px solid rgba(33,63,125,.06);border-radius:4px;box-shadow:3px 5px 20px rgba(0,0,0,.04);margin-top:30px;padding:0 30px;width:100%}@media(max-width:600px){.UserDetailsComponent{padding:0 20px}}.UserDetailsComponent .section{border-bottom:1px solid rgba(84,95,125,.149);padding:30px 0}.UserDetailsComponent .section h2{color:#213f7d;font-family:Work Sans;font-size:16px;font-style:normal;font-weight:600;height:19px;line-height:19px;margin-bottom:30px}.UserDetailsComponent .section .section1{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(5,1fr)}@media(max-width:600px){.UserDetailsComponent .section .section1{gap:5px;grid-template-columns:1fr;overflow:hidden}}.UserDetailsComponent .section2{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(4,1fr)}@media(max-width:600px){.UserDetailsComponent .section2{gap:5px;grid-template-columns:1fr;overflow:hidden}}.UserProp{width:200px}.UserProp h3{color:#545f7d;font-size:12px;font-weight:400;height:14px;line-height:14px;margin-bottom:10px;text-transform:uppercase}.UserProp h3,.UserProp p{font-family:Work Sans;font-style:normal}.UserProp p{color:#213f7d;font-size:16px;font-weight:500;height:19px;line-height:19px}
/*# sourceMappingURL=main.82b6650e.css.map*/