@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk&display=swap);.inactive{background:#f5f5f7;color:#545f7d}.pending{background:#fdf7e5;color:#e9b200}.blacklisted{background:#fce6eb;color:#e4033b}.active{background:#f3fcf6;color:#39cd62}.underline{border:1px solid #213f7d;height:0;opacity:.1;width:100%}.center{align-items:center;display:flex;height:100vh;justify-content:center;width:100%}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Space Grotesk,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}button,li{cursor:pointer}input{background:#fff;border:none;height:90%;outline:none}img{align-self:center;object-fit:cover}.login .header-img-container{padding:30px 20px 0}.login .header-img-container .logo{cursor:pointer;height:36px;margin-bottom:20px;margin-left:20px;width:163.76px}.login .header-img-container .logo img{height:100%;width:100%}.login .header-img-container .header-img{margin:0 auto;width:100%}.login .form-container{align-items:center;display:flex;justify-content:center;padding-top:30px}.login .form-container .wrapper{padding:0 20px;width:100%}.login .form-container .wrapper h1{color:#213f7d;font-size:30px;font-weight:700;line-height:55px;margin:10px 0}.login .form-container .wrapper h4{color:#39cdcc;cursor:pointer;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.1em;line-height:16px}.login .form-container .wrapper .forgot-password{margin-top:12px}.login .form-container .wrapper p{color:#545f7d;font-size:20px;font-weight:400;line-height:27px}.login .form-container .wrapper .submit-btn{background:#39cdcc;border:none;color:#fff;height:48px;margin-bottom:20px;margin-top:30px;width:100%}.login .form-container .wrapper form .email-container,.login .form-container .wrapper form .password-container{align-items:center;border:2px solid rgba(84,95,125,.15);display:flex;height:50px;justify-content:space-between;margin:12px 0;padding:0 1rem;width:100%}.login .form-container .wrapper form input{border-radius:5px;width:80%}@media screen and (min-width:600px){.login .form-container{padding-top:10px}.login .form-container .wrapper{width:80%}.login .form-container .wrapper h1{font-size:35px}}@media screen and (min-width:1200px){.login{align-items:center;display:flex;justify-content:space-between}.login .form-container,.login .header-img-container{height:100vh}.login .header-img-container{padding:100px 0 0 67px;width:50%}.login .header-img-container .logo{margin-bottom:130px}.login .header-img-container img{width:90%}.login .form-container{box-shadow:0 15px 90px rgba(0,0,0,.03);width:50%}.login .form-container .wrapper{margin:auto;padding:0;width:80%}.login .form-container .wrapper h1{font-size:40px}.login .form-container .wrapper h4{font-size:12px}.login .form-container .wrapper .submit-btn,.login .form-container .wrapper form .email-container,.login .form-container .wrapper form .password-container{width:447px}}nav{box-shadow:3px 0 20px rgba(0,0,0,.04);height:80px;justify-content:space-between;overflow-x:hidden;width:100%}nav,nav .logo{align-items:center;display:flex}nav .logo{padding-left:30px}nav .hambugger-menu{align-items:center;display:flex;justify-content:center;margin-right:2rem}nav .hambugger-menu .icon{font-size:1.8rem}.mob-nav-items{background:#fff;box-shadow:3px 0 20px rgba(0,0,0,.04);height:calc(100vh - 80px);-webkit-transform:translateX(100%);transform:translateX(100%);transition:all .5s ease-in-out;z-index:3}.mob-nav-items.show{-webkit-transform:translateX(0);transform:translateX(0)}.search{align-items:center;display:flex;justify-content:center}.search .search-container{align-items:center;background:#fff;border:2px solid rgba(84,95,125,.15);border-radius:8px;display:flex;height:50px;justify-content:space-between;margin:12px 0;width:90%}.search .search-container input{background:#fff;border-radius:5px;padding-left:1rem;width:90%}.search .search-container .search-icon{align-items:center;background:#39cdcc;border-radius:0 4px 4px 0;cursor:pointer;display:flex;height:100%;justify-content:center;width:50px}.search .search-container .search-icon .icon{color:#fff;font-size:1rem}.nav-items ul{margin:auto;width:90%}.nav-items ul li{align-items:center;color:#213f7d;cursor:pointer;display:flex;margin:1.5rem 0}.nav-items ul .bell{font-size:2rem;margin-left:.5rem}.nav-items ul .profile{align-items:center;border-radius:50%;display:flex;justify-content:center;width:50px}.nav-items ul .profile img{border-radius:50%;height:100%;width:100%}@media screen and (min-width:600px){.nav-items ul li:first-child{width:19%}}@media screen and (min-width:1200px){nav{align-content:center;display:grid;grid-template-columns:repeat(3,1fr);height:100px;overflow:visible}.nav-items ul{align-items:center;display:flex;flex-direction:row;justify-content:center;margin:auto;width:auto}.nav-items ul li{margin:0 1rem}.nav-items ul li:first-child{width:auto}.nav-items ul li:last-child{position:relative}.nav-items ul li:last-child:hover .admin-options{-webkit-transform:scale(1);transform:scale(1)}}aside{background:#fff;color:#213f7d;padding-top:35px;position:absolute;top:90px;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:all .5s ease-in-out;width:100%;z-index:-1}aside.show{-webkit-transform:translateX(0);transform:translateX(0);z-index:4}aside ul{display:flex;flex-wrap:wrap}aside ul li{align-items:center;cursor:pointer;display:flex;margin:10px 0;padding:1rem 1rem 1rem 30px;width:50%}aside ul li .icon{height:20px;width:25px}aside ul li span{font-size:16px;margin-left:10px}aside ul .org{margin-bottom:20px}aside h4{color:#545f7d;font-size:12px;font-weight:500;line-height:14px;margin-top:40px;padding-left:30px}@media screen and (min-width:1200px){aside{box-shadow:0 5px 20px rgba(0,0,0,.04);height:auto;position:static;-webkit-transform:translateX(0);transform:translateX(0);width:283px;z-index:1}aside,aside ul{display:block}aside ul li{width:100%}}.dashbody{padding:40px 10px 10px;position:absolute;top:90px;transition:all .5s ease-in-out;width:100%}.dashbody.d-none{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.dashbody .title{color:#213f7d;font-size:24px;font-weight:500;line-height:28px}.dashbody .users-data{grid-gap:20px;display:grid;grid-template-columns:repeat(2,1fr);margin-top:20px}.dashbody .users-data .card{background:#fff;border:1px solid rgba(33,63,125,.06);border-radius:4px;box-shadow:3px 5px 20px rgba(0,0,0,.04);height:160px;padding-left:20px;padding-top:20px}.dashbody .users-data .card p{color:#545f7d;font-size:14px;font-weight:500;line-height:16px;margin:14px 0}.dashbody .users-data .card h5{color:#213f7d;font-size:24px;font-weight:600;line-height:28px}.dashbody .table{background:#fff;color:#545f7d;margin-top:40px;overflow-x:scroll;overflow-y:hidden;padding-left:30px;position:relative;width:100%}.dashbody .table .table-header{height:50px;width:100%}.dashbody .table .table-header ul{display:grid;grid-template-columns:repeat(5,1fr);height:100%;width:750px}.dashbody .table .table-header ul li{align-items:center;display:flex;font-size:12px;font-weight:600;line-height:14px;text-transform:capitalize}.dashbody .table .table-header ul li span{align-items:center;cursor:pointer;display:flex;margin-left:10px}.dashbody .table .table-user{border-bottom:1px solid rgba(33,63,125,.1);display:grid;grid-template-columns:repeat(5,150px)}.dashbody .table .table-user p{align-items:center;cursor:pointer;display:flex;font-size:14px;font-weight:400;height:60px;line-height:16px}.dashbody .table .table-user div{height:60px;position:relative}.dashbody .table .table-user .organisation{padding-right:1rem}.dashbody .table .table-user .date{font-size:13px}.dashbody .table .table-user div{align-items:center;display:flex;justify-content:space-between;padding-right:3rem}.dashbody .table .table-user div h6{border-radius:100px;font-size:14px;font-weight:400;line-height:16px;padding:1rem;text-align:center;width:90%}.dashbody .table .table-user div .options-icon{cursor:pointer;padding:.5rem;z-index:6}.dashbody .filter-pages-container{color:#545f7d;display:flex;flex-direction:column;justify-content:center;margin-bottom:2rem;margin-top:20px}.dashbody .filter-pages-container .filter{align-items:center;display:flex;font-size:14px;font-weight:400;line-height:16px}.dashbody .filter-pages-container .filter .no{background:rgba(33,63,125,.1);border-radius:4px;margin:0 .2rem;padding:.5rem 1rem}.dashbody .filter-pages-container .filter .no span{margin-left:1rem}.dashbody .filter-pages-container .pages{align-items:center;display:flex;justify-content:center;margin-top:2rem}.dashbody .filter-pages-container .pages p{cursor:pointer;margin:0 1rem}.dashbody .filter-pages-container .pages p.active-page{border:1px solid #545f7d;color:#545f7d;font-weight:600;padding:0 .5rem}.dashbody .filter-pages-container .pages button{background:rgba(33,63,125,.1);border:none;color:#213f7d;margin:0 1rem;padding:.5rem}.dashbody .filter-pages-container .pages button:first-child{margin-left:0}.dashbody .filter-pages-container .pages button:last-child{margin-right:0}@media screen and (min-width:1200px){.dashbody{padding:60px 20px 60px 60px;position:static;right:0;width:calc(100% - 283px)}.dashbody .users-data{grid-template-columns:repeat(4,1fr);margin-top:50px}.dashbody .table-container{overflow-y:hidden;padding-bottom:1rem}.dashbody .table{overflow-x:visible;overflow-x:initial;overflow:visible}.dashbody .table .table-header ul{width:100%}.dashbody .table .table-header ul,.dashbody .table .table-user{grid-template-columns:repeat(5,1fr)}.dashbody .table .table-user div h6{width:70%}.dashbody .filter-pages-container{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.dashbody .filter-pages-container .pages{margin-top:0}}.filter-container{background:#fff;border:1px solid rgba(84,95,125,.14);border-radius:4px;box-shadow:3px 5px 20px rgba(0,0,0,.04);color:#545f7d;padding:10px 20px;position:absolute;top:50px;-webkit-transform:translateY(-200%);transform:translateY(-200%);transition:all .5s ease-in-out;width:270px}.filter-container.show{-webkit-transform:translateY(0);transform:translateY(0)}.filter-container label{font-size:14px;font-weight:500;line-height:16px}.filter-container input,.filter-container select{background:#fff;border:1px solid #213f7d;border-radius:8px;height:40px;margin-bottom:20px;margin-top:8px;outline:none;width:230px}.filter-container input{padding:0 1rem}.filter-container button{background:#fff;border:1px solid rgba(84,95,125,.14);border-radius:4px;box-shadow:3px 5px 20px rgba(0,0,0,.04);color:#545f7d;font-size:14px;font-weight:600;height:40px;line-height:16px;width:98px}.filter-container .filter-btn{background:#39cdcc;border:none;color:#fff;margin-left:14px}@media screen and (min-width:1200px){.filter-container{height:620px;padding:30px 20px}.filter-container label{font-size:14px;font-weight:500;line-height:16px}}.options{background:#fff;border:1px solid rgba(84,95,125,.04);border-radius:4px;box-shadow:3px 5px 20px rgba(0,0,0,.04);height:130px;left:-95px;padding:20px;position:absolute;-webkit-transform:scale(0);transform:scale(0);transition:all .5s ease-in-out;width:180px}.options.show{-webkit-transform:scale(1);transform:scale(1);z-index:4}.options li{cursor:pointer;margin:.5rem 0}.options li span{margin-right:1rem}.admin-options{background:#fff;border-radius:5px;box-shadow:3px 5px 20px rgba(0,0,0,.04);left:-30px;position:absolute;top:20px;-webkit-transform:scale(0);transform:scale(0);transition:all .5s ease-in-out;width:150px}.admin-options ul{align-items:center;display:flex;flex-direction:column;justify-content:space-between;padding:1rem 0}.admin-options ul li{border-bottom:none!important;color:gray;margin:.5rem 0}.admin-options ul li:first-child{color:#213f7d}@media screen and (min-width:1200px){.options{left:-80px}}.user-details{padding:40px 10px 10px;position:absolute;right:0;top:90px;transition:all .5s ease-in-out;width:100%}.user-details.d-none{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.user-details .navigation{align-items:center;display:inline-flex;margin-bottom:32px}.user-details .navigation span{margin-right:1rem}.user-details .navigation h4{color:#545f7d;font-size:16px;font-weight:400;line-height:19px}.user-details .header .title{color:#213f7d;font-size:24px;font-weight:500;line-height:28px}.user-details .header .btns{margin-top:20px}.user-details .header .btns button{background:transparent;border-radius:8px;font-size:14px;font-weight:600;height:40px;letter-spacing:.1em;line-height:16px;text-align:center;text-transform:uppercase;width:170px}.user-details .header .btns .red-btn{border:1px solid #e4033b;color:#e4033b;margin-right:20px}.user-details .header .btns .green-btn{border:1px solid #39cdcc;color:#39cdcc}.user-details .basic-info{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:46px;padding:1rem 1rem .5rem;width:100%}.user-details .basic-info .info{margin-bottom:60px}.user-details .basic-info .info h3{color:#213f7d;font-size:22px;font-weight:600;line-height:26px;margin-bottom:8px}.user-details .basic-info .info p{color:#545f7d;font-size:14px;font-weight:400;line-height:16px}.user-details .basic-info .info .user-balance,.user-details .basic-info .info .user-img,.user-details .basic-info .info .user-name,.user-details .basic-info .info .user-tier{display:flex;flex-direction:column;justify-content:center;margin:1rem 0}.user-details .basic-info .info .user-img{background:#dce1eb;border-radius:50%;height:100px;margin:1rem auto;width:100px}.user-details .basic-info .info .user-img img{border-radius:50%;height:100%;object-fit:cover;width:100%}.user-details .basic-info .info .user-tier img{height:1.3rem;margin:0 .2rem}.user-details .basic-info .tabs{overflow-x:scroll}.user-details .basic-info .tabs ul{align-items:center;display:flex;font-size:16px;font-weight:400;justify-content:space-between;line-height:19px;width:700px}.user-details .basic-info .tabs ul li{cursor:pointer;margin-bottom:.5rem}.user-details .basic-info .tabs ul li.selected{border-bottom:2px solid #39cdcc;color:#39cdcc;padding-bottom:.2rem}.user-details .info-block{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:30px}.user-details .info-block article .article-title{color:#213f7d;font-size:16px;font-weight:500;line-height:19px;margin:30px 0}.user-details .info-block article .content{display:grid;grid-template-columns:repeat(1,1fr)}.user-details .info-block article .content div{margin:1rem .5rem}.user-details .info-block article .content div h5{color:#545f7d;font-size:12px;font-weight:400;line-height:14px;text-transform:uppercase}.user-details .info-block article .content div p{color:#545f7d;font-size:16px;font-weight:500;line-height:19px;margin-top:8px}@media screen and (min-width:600px){.user-details .header{align-items:center;display:flex;justify-content:space-between;margin-bottom:0}.user-details .header .title{font-size:24px}.user-details .basic-info{padding:2rem}.user-details .basic-info .info{align-items:center;display:flex;height:100px}.user-details .basic-info .info .user-balance,.user-details .basic-info .info .user-img,.user-details .basic-info .info .user-name,.user-details .basic-info .info .user-tier{height:100px;margin:0 .5rem}.user-details .basic-info .info .user-img{margin:0}.user-details .basic-info .info .user-name{padding:0 1rem}.user-details .basic-info .info .user-tier{border-left:1px solid #545f7d;border-right:1px solid #545f7d;padding:0 1rem}.user-details .basic-info .tabs{overflow-x:hidden}.user-details .basic-info .tabs ul{width:100%}.user-details .info-block article .content,.user-details .info-block article.education-employment .content{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:1200px){.user-details{padding:60px 20px 60px 60px;position:static;width:calc(100% - 283px)}.user-details .basic-info .info .user-balance,.user-details .basic-info .info .user-img,.user-details .basic-info .info .user-name,.user-details .basic-info .info .user-tier{margin:0 1rem}.user-details .basic-info .info .user-tier{padding:0 2rem}.user-details .info-block article .content{grid-template-columns:repeat(5,1fr)}.user-details .info-block article.education-employment .content{grid-template-columns:repeat(4,1fr)}}.dashboard,.user{overflow-x:hidden}.sidebar-body-container{background:#fbfbfb;display:flex;justify-content:center}
/*# sourceMappingURL=main.3198c0c7.css.map*/