.chart{border-radius:10px;box-shadow:2px 4px 10px 1px #d2d2d278;flex:4 1;height:550px;margin-right:1em}.chart .title{color:#bebebe;font-size:20px;font-weight:500;padding-bottom:1.5em;padding-left:.5em;padding-top:.5em}.CircularProgressbar{vertical-align:middle;width:100%}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;dominant-baseline:middle;text-anchor:middle;font-size:20px}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:#0000}.featured{border-radius:10px;box-shadow:2px 4px 10px 1px #d2d2d278;flex:2 1;padding:.5em}.featured .top{display:flex;font-size:10px;justify-content:space-between}.featured .top .icon,.featured .top .title{color:#aeaeae;font-weight:600}.featured .top .icon{cursor:pointer}.featured .center{align-items:center;display:flex;flex-direction:column;margin-top:1.5em}.featured .center .bar{height:30vh;padding-bottom:.7em}.featured .center .title{color:#aeaeae;font-weight:500;padding-bottom:.8em}.featured .center .counter{font-size:30px}.featured .center .para{color:#aeaeae;padding-left:1em;padding-right:1em;padding-top:1em;text-align:center}.featured .bottom{margin-top:1em}.featured .bottom,.featured .bottom .item{display:flex;justify-content:space-between}.featured .bottom .item{align-items:center;flex-direction:column}.featured .bottom .item h1{color:#aeaeae;font-size:15px;font-weight:300;padding-bottom:.5em}.featured .bottom .item p{display:flex;font-size:20px}.featured .bottom .item .positive{color:green}.featured .bottom .item .negative{color:red}.navbar .wrapper{align-items:center;display:flex;height:50px;justify-content:space-between;padding-left:20px}.navbar .wrapper .searchbar{align-items:cen6ter;border:.5px solid #d3d3d3;border-radius:6px;display:flex;padding:3px}.navbar .wrapper .searchbar input{background:#0000;border:none;outline:none}.navbar .wrapper .searchbar input::placeholder{font-size:12px}.navbar .wrapper .items{padding-right:2em}.navbar .wrapper .items,.navbar .wrapper .items .item{align-items:center;display:flex;justify-content:center}.navbar .wrapper .items .item{cursor:pointer;margin-right:15px;position:relative}.navbar .wrapper .items .item .icon{font-size:20px}.navbar .wrapper .items .item .counter{align-items:center;background-color:red;border-radius:50%;color:#fff;display:flex;font-size:10px;height:15px;justify-content:center;position:absolute;right:-1px;top:-5px;width:15px}.navbar .wrapper .items .item .avatar{border-radius:50%;height:30px;width:30px}.navbar hr{border-bottom:.5px solid #d9d0d0;height:0}.sidebar{border-right:.5px solid #d9d0d0;flex:1 1;min-height:100vh}.sidebar .top{align-items:center;display:flex;height:50px;justify-content:center}.sidebar .top .logo{color:#6d086d;font-size:1.5em;font-weight:500}.sidebar hr{border:.5px solid #d9d0d0;height:0}.sidebar .center{padding-left:40px;padding-top:10px}.sidebar .center ul{list-style:none;margin:0;padding:0}.sidebar .center ul .title{color:gray;font-size:10px;font-weight:700;margin-bottom:10px;margin-top:15px}.sidebar .center ul li{align-items:center;cursor:pointer;display:flex;padding:5px}.sidebar .center ul li:hover{background-color:#ece8ff}.sidebar .center ul li .icon{color:purple;font-size:18px;padding-right:6px}.sidebar .center ul li span{color:#888;font-size:13px;font-weight:600}.sidebar .bottom-color{align-items:center;display:flex;justify-content:center;margin-top:40px}.sidebar .bottom-color .coloroptions{border:none;border-radius:50%;cursor:pointer;height:20px;margin:3px;width:20px}.sidebar .bottom-color .coloroptions:first-child{background-color:#f5f5f5}.sidebar .bottom-color .coloroptions:nth-child(2){background-color:#111;border:1px solid gray}.table{margin-top:1em}.table .title{color:#d3d3d3;font-size:25px;font-weight:700;margin-bottom:1em;padding-left:.5em;padding-top:1em}.widget{border-radius:10px;box-shadow:2px 4px 10px 1px #d2d2d278;flex:1 1;height:100px;padding:1em}.widget,.widget .left{display:flex;justify-content:space-between}.widget .left{flex-direction:column}.widget .left .title{color:#aaa;font-size:14px;font-weight:700}.widget .left .counter{font-size:30px;font-weight:300}.widget .left .link{border-bottom:1px solid #91919180;cursor:pointer;font-size:12px;width:-webkit-max-content;width:max-content}.widget .right{display:flex;flex-direction:column;justify-content:space-between}.widget .right .percentage{align-items:center;display:flex;font-size:14px}.widget .right .percentage.postive{color:green}.widget .right .percentage.negative{color:red}.widget .right .icon{align-self:flex-end;border-radius:5px;font-size:18px;padding:5px}.home{display:flex}.home .container{flex:6 1}.home .container .widgets{display:flex;gap:1.5em;padding:1.5em}.home .container .charts{display:flex;gap:1.5em;padding-left:20px;padding-right:5px}.home .container .list-container{border-radius:10px;box-shadow:2px 4px 10px 1px #d2d2d278;margin:1.5em}.list{display:flex;width:100%}.list .listContainer{flex:6 1}.datatable{border-radius:10px;box-shadow:2px 4px 10px 1px #d2d2d278;margin:1em}.datatable .titleheading,.datatable .titleheading .title{align-items:center;display:flex;justify-content:space-between}.datatable .titleheading .title{color:gray;font-size:24px;margin-bottom:10px;width:100%}.datatable .titleheading .adduserLink{background-color:rgba(184,225,184,.948);border:1px solid green;border-radius:5px;color:green;font-size:smaller;margin:.3em;padding:.2em;text-align:center;text-decoration:none;width:90px}.datatable .datagrid{display:flex}.datatable .cellWithStatus{align-items:center;border-radius:5px;display:flex;font-weight:400;height:30px;justify-content:center;margin-top:.7em;width:65px}.datatable .cellWithStatus.active{background-color:#aea;color:green}.datatable .cellWithStatus.blocked{background-color:hsla(0,59%,87%,.977);color:red}.datatable .cellWithStatus.pending{background-color:#f8f8b6;color:#e9e036}.datatable .cellAction{align-items:center;display:flex;gap:10px;justify-content:center}.datatable .cellAction .deleteButton,.datatable .cellAction .viewButton{align-items:center;border-radius:5px;cursor:pointer;display:flex;font-size:14px;font-weight:400;height:30px;justify-content:center;margin-top:.7em;width:65px}.datatable .cellAction .viewButton{background-color:#0080ff1a;border:1px solid #007bff;color:#007bff}.datatable .cellAction .deleteButton{background-color:#ff00001a;border:1px solid red;color:red}.single{display:flex}.single .singlecontainer{flex:6 1}.single .singlecontainer .top{display:flex;gap:20px;padding:20px}.single .singlecontainer .left{border-radius:10px;box-shadow:2px 4px 10px 1px #d2d2d278;flex:1 1;padding:1em;position:relative}.single .singlecontainer .left .editButton{background-color:purple;background-color:#ecb2ec;border-radius:5px;cursor:pointer;font-size:12px;padding:5px 6px;position:absolute;right:0;top:0}.single .singlecontainer .left .title{color:#d3d3d3;font-size:30px;font-weight:500}.single .singlecontainer .left .item{display:flex;gap:20px;padding-top:10px}.single .singlecontainer .left .item img{border-radius:50%;height:100px;object-fit:cover;width:100px}.single .singlecontainer .left .item .details{display:flex;flex-direction:column;gap:10px;justify-content:center}.single .singlecontainer .left .item .details .detailItem{color:#555;display:flex;font-size:14px;gap:10px}.single .singlecontainer .left .item .details .detailItem .itemKey{color:gray;font-weight:700;min-width:80px}.single .singlecontainer .left .item .details .detailItem .itemValue{color:#222}.single .singlecontainer .right{flex:2 1}.single .bottom{border-radius:10px;box-shadow:2px 4px 10px 1px #d2d2d278;margin:1.5em}.new{display:flex;width:100%}.new .newcontainer{flex:6 1;width:100%}.new .newcontainer .bottom,.new .newcontainer .top{border-radius:10px;box-shadow:2px 4px 10px 1px #d2d2d278;display:flex;gap:10px;margin:1.5em;padding:10px}.new .newcontainer .bottom h1,.new .newcontainer .top h1{color:#d3d3d3;font-size:20px}.new .newcontainer .bottom .left,.new .newcontainer .top .left{flex:1 1;text-align:center}.new .newcontainer .bottom .left .image,.new .newcontainer .top .left .image{border:1px solid #d3d3d3;border-radius:50%;height:100px;margin-top:40%;object-fit:cover;width:100px}.new .newcontainer .bottom .right,.new .newcontainer .top .right{display:flex;flex:2 1;justify-content:center}.new .newcontainer .bottom .right .user-form,.new .newcontainer .top .right .user-form{background:#0000;border-radius:10px;box-shadow:0 4px 10px #0000001a;max-width:800px;padding:2rem;width:100%}.new .newcontainer .bottom .right .user-form .form-grid,.new .newcontainer .top .right .user-form .form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.new .newcontainer .bottom .right .user-form .form-grid .submit-btn,.new .newcontainer .top .right .user-form .form-grid .submit-btn{background-color:#d19fd1;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;margin-top:1.5rem;padding:.7rem;text-align:center;width:100%}.new .newcontainer .bottom .right .user-form .form-grid .submit-btn:hover,.new .newcontainer .top .right .user-form .form-grid .submit-btn:hover{background-color:purple}.new .newcontainer .bottom .right .user-form .form-grid .form-group,.new .newcontainer .top .right .user-form .form-grid .form-group{display:flex;flex-direction:column}.new .newcontainer .bottom .right .user-form .form-grid label,.new .newcontainer .top .right .user-form .form-grid label{color:#d3d3d3;font-weight:700;margin-bottom:.4rem}.new .newcontainer .bottom .right .user-form .form-grid input,.new .newcontainer .top .right .user-form .form-grid input{background-color:#0000;border:1px solid #ccc;border-radius:5px;padding:.6rem}.new .newcontainer .bottom .right .user-form .submit-btn,.new .newcontainer .top .right .user-form .submit-btn{background-color:#d19fd1;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;margin-top:1.5rem;padding:.7rem;text-align:center;width:100%}.new .newcontainer .bottom .right .user-form .submit-btn:hover,.new .newcontainer .top .right .user-form .submit-btn:hover{background-color:purple}.app{background-color:#fff;color:#000}.app.dark{background-color:#111;color:#9c9c9c}.app.dark .chartGrid{stroke:hsla(0,0%,89%,.219)}.app.dark .table{background-color:#111}.app.dark .table .tablecell{color:gray}.app.dark .navbar{border-color:#333;color:#999}.app.dark .sidebar{background-color:#111;border-color:#333}.app.dark .sidebar .logo{color:#999}.app.dark .sidebar hr{border-color:#333}.app.dark .sidebar ul li:hover{background-color:#333}.app.dark .sidebar ul li .icon{color:#999}.app.dark .datatable .dataGrid{background-color:#000;border:none;color:gray}.app.dark input{background-color:#0000}.app.dark .new .bottom,.app.dark .new .bottom .left,.app.dark form{background-color:#111}.stats{display:flex;width:100%}.stats .newcontainer{flex:6 1;width:100%}.stats .newcontainer .bottom,.stats .newcontainer .top{display:flex;flex-wrap:wrap;gap:20px}.stats .newcontainer .chartCard{background-color:#0000;border:1px solid hsla(0,2%,61%,.396);border-radius:10px;box-shadow:2px 4px 10px 1px #d2d2d278;box-shadow:0 0 15px -10px #000000bf;flex:1 1;margin:1em;min-width:300px;padding:20px}.stats .newcontainer .chartCard h3{color:#555;font-size:16px;margin-bottom:10px}.stats .newcontainer .chartCard.pie{flex:1 1}
/*# sourceMappingURL=main.9bb90ce8.css.map*/