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}.chart{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);color:gray;flex:3 1;padding:10px}.chart .title{margin-bottom:20px}.chart .chartgrid{stroke:#e4e1e1}.featured{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);flex:2 1;padding:10px}.featured .top{align-items:center;color:gray;display:flex;justify-content:space-between}.featured .top .title{font-size:16px;font-weight:500}.featured .bottom{align-items:center;display:flex;flex-direction:column;gap:15px;justify-content:center;padding:20px}.featured .bottom .featuredChart{height:100px;width:100px}.featured .bottom .title{color:gray;font-weight:500}.featured .bottom .amount{font-size:30px}.featured .bottom .desc{color:gray;font-size:12px;font-weight:300;text-align:center}.featured .bottom .summary{align-items:center;display:flex;justify-content:space-between;width:100%}.featured .bottom .summary .item{text-align:center}.featured .bottom .summary .item .itemTitle{color:gray;font-size:14px}.featured .bottom .summary .item .itemResult{align-items:center;display:flex;font-size:14px;margin-top:10px}.featured .bottom .summary .item .itemResult.positive{color:green}.featured .bottom .summary .item .itemResult.negative{color:red}.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:transparent}.navbar{background-color:#fff;border-bottom:.5px solid #e7e4e4;color:#555;font-size:14px;height:50px;position:-webkit-sticky;position:sticky;top:0;z-index:9}.navbar,.navbar .wrapper{align-items:center;display:flex}.navbar .wrapper{justify-content:space-between;padding:20px;width:100%}.navbar .wrapper .search{align-items:center;background-color:#000;border:.5 solid #d3d3d3;display:flex;padding:3px}.navbar .wrapper .search input{background:transparent;border:none;outline:none}.navbar .wrapper .search input::-webkit-input-placeholder{font-size:12px}.navbar .wrapper .search input::placeholder{font-size:12px}.navbar .wrapper .items,.navbar .wrapper .items .item{align-items:center;display:flex}.navbar .wrapper .items .item{margin:20px;position:relative}.navbar .wrapper .items .item .icon{font-size:18px}.navbar .wrapper .items .item .dropdown{display:inline-block;position:relative}.navbar .wrapper .items .item .dropdown .topAvatar{border-radius:50%;cursor:pointer;height:40px;width:40px}.navbar .wrapper .items .item .dropdown .dropdown-content{background-color:#f9f9f9;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);display:none;min-width:160px;position:absolute;z-index:1}.navbar .wrapper .items .item .dropdown:hover .dropdown-content{display:block;right:0}.navbar .wrapper .items .item .dropdown .desc{color:#000;padding:15px}.navbar .wrapper .items .item .counter{align-items:center;background-color:red;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:15px;justify-content:center;position:absolute;right:-5px;top:-5px;width:15px}.Sidebar{border-right:.5px solid #e6e3e3;flex:1 1;min-height:100vh}.Sidebar .top{align-items:center;height:50px;justify-content:center}.Sidebar .top .logo{color:#6439ff;font-size:30px;font-weight:700}.Sidebar hr{border:.5px solid #e6e3e3;height:0}.Sidebar .center{padding-left:5px}.Sidebar .center ul{list-style-type:none;margin:0;padding:0}.Sidebar .center ul .title{color:#999;font-size:10px;font-weight:700;margin-bottom:5px;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:#7451f8;font-size:18px}.Sidebar .center ul li span{color:#888;font-size:13px;font-weight:600;margin-left:10px}.Sidebar .bottom{align-items:center;display:flex;margin:10px}.Sidebar .bottom .colorOptions{border:1px solid #7451f8;border-radius:5px;cursor:pointer;height:20px;margin:5px;width:20px}.Sidebar .bottom .colorOptions:first-child{background-color:#f5f5f5}.Sidebar .bottom .colorOptions:nth-child(2){background-color:#333}.Sidebar .bottom .colorOptions:nth-child(3){background-color:#00008b}.table{align-items:center;display:flex}.table .image{border-radius:50%;height:32px;margin-right:10px;width:32px}.status{border-radius:5px;padding:5px}.status.Approved{background-color:rgba(0,128,0,.151);color:green}.status.Pending{background-color:rgba(189,189,3,.103);color:#daa520}.widget{border-radius:10px;box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);flex:1 1;height:100px;padding:10px}.left,.right,.widget{display:flex;justify-content:space-between}.left,.right{flex-direction:column}.left .title,.right .title{color:gray;font-size:14px;font-weight:700}.left .counter,.right .counter{font-size:28px;font-weight:300}.left .link,.right .link{border-bottom:1px solid gray;font-size:12px;width:-webkit-max-content;width:max-content}.left .percentage,.right .percentage{align-items:center;display:flex;font-size:14px}.left .percentage.positive,.right .percentage.positive{color:green}.left .percentage.negative,.right .percentage.negative{color:red}.left .icon,.right .icon{align-self:flex-end;border-radius:5px;font-size:18px;padding:5px}.Home{display:flex}.Home .homeContainer{flex:6 1}.Home .homeContainer .charts,.Home .homeContainer .widgets{display:flex;gap:20px;padding:20px}.Home .homeContainer .charts{padding:5px 20px}.Home .homeContainer .listContainer{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);margin:20px;padding:20px}.Home .homeContainer .listContainer .listitle{color:gray;font-weight:500;margin-bottom:15px}.new{display:flex;width:100%}.new .newContainer{flex:6 1}.new .newContainer .bottom,.new .newContainer .top{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);display:flex;margin:20px;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;margin-left:100px;text-align:center}.new .newContainer .bottom .left img,.new .newContainer .top .left img{border-radius:50%;height:100px;object-fit:cover;width:100px}.new .newContainer .bottom .right,.new .newContainer .top .right{flex:2 1}.new .newContainer .bottom .right form,.new .newContainer .top .right form{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-around}.new .newContainer .bottom .right form .formInput,.new .newContainer .top .right form .formInput{width:40%}.new .newContainer .bottom .right form .formInput label,.new .newContainer .top .right form .formInput label{align-items:center;display:flex;gap:10px;outline:none}.new .newContainer .bottom .right form .formInput label .icon,.new .newContainer .top .right form .formInput label .icon{cursor:pointer}.new .newContainer .bottom .right form .formInput input,.new .newContainer .top .right form .formInput input{border:none;border-bottom:1px solid gray;padding:5px;width:100%}.new .newContainer .bottom .right form button,.new .newContainer .top .right form button{background-color:teal;border:none;color:#fff;cursor:pointer;font-weight:700;margin-top:10px;padding:10px;width:150px}.list{display:flex;width:100%}.list .listContainer{flex:6 1}.datatable{height:600px;padding:20px}.datatable .datatableTitle{align-items:center;color:gray;display:flex;font-size:24px;justify-content:space-between;margin-bottom:10px;width:100%}.datatable .datatableTitle .link{border:1px solid green;border-radius:5px;color:green;cursor:pointer;font-size:16px;font-weight:400;padding:5px;text-decoration:none}.datatable .cellWithImg{align-items:center;display:flex}.datatable .cellWithImg .cellImg{border-radius:50%;height:32px;margin-right:20px;object-fit:cover;width:32px}.datatable .cellWithStatus{border-radius:5px;padding:5px}.datatable .cellWithStatus.active{background-color:rgba(0,128,0,.05);color:green}.datatable .cellWithStatus.pending{background-color:rgba(255,217,0,.05);color:#daa520}.datatable .cellWithStatus.passive{background-color:rgba(255,0,0,.05);color:crimson}.datatable .cellAction{align-items:center;display:flex;gap:15px}.datatable .cellAction .viewButton{border:1px dotted rgba(0,0,139,.596);border-radius:5px;color:#00008b;cursor:pointer;padding:2px 5px}.datatable .cellAction .deleteButton{border:1px dotted rgba(220,20,60,.6);border-radius:5px;color:crimson;cursor:pointer;padding:2px 5px}
/*# sourceMappingURL=main.1ab32d30.css.map*/