*{box-sizing:border-box;font-family:Nunito,sans-serif;margin:0}.chart{box-shadow:6px 9px 17px -2px rgba(0,0,0,.34);flex:4 1;padding:10px}.chart .title{color:gray;font-size:.8rem;font-weight:700;margin-bottom:20px}.featured{box-shadow:6px 9px 17px -2px rgba(0,0,0,.34);flex:2 1;padding:10px}.featured .top{align-items:center;color:gray;display:flex;justify-content:space-between}.featured .top .title{font-size:.8rem;font-weight:700}.featured .top .icon{font-size:1.1rem}.featured .bottom{align-items:center;display:flex;flex-direction:column;gap:15px;justify-content:center;padding:20px}.featured .bottom .featuredChart{height:150px;width:150px}.featured .bottom .title{color:gray;font-weight:500}.featured .bottom .amount{font-size:1.75rem}.featured .bottom .description{color:gray;font-size:.7rem;font-weight:300}.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:.8rem}.featured .bottom .summary .item .result{align-items:center;display:flex;font-size:.9rem;margin-top:10px}.featured .bottom .summary .item .result.positive{color:#18b318}.featured .bottom .summary .item .result.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{align-items:center;border-bottom:1px solid #e6e3e3;color:#999;display:flex;font-size:.75rem;height:51px}.wrapper{justify-content:center;justify-content:space-between;padding:20px;width:100%}.wrapper,.wrapper .items{align-items:center;display:flex}.wrapper .items{gap:15px;justify-content:center}.wrapper .items .item-icon{font-size:1.2rem}.wrapper .item{align-items:center;cursor:pointer;display:flex;justify-content:center;position:relative}.wrapper .item p{margin-left:5px}.wrapper .item .avatar{border-radius:50%;height:30px;width:30px}.wrapper .item .counter{background-color:#ece8ff;border-radius:50%;color:#000;font-size:.5rem;font-weight:700;height:15px;position:absolute;right:-5px;top:-7px;width:15px}.wrapper .item .counter,.wrapper .search{align-items:center;display:flex;justify-content:center}.wrapper .search{border:.5px solid #d3d3d3}.wrapper .search input{background:transparent;border:none;outline:none}.wrapper .search input::-webkit-input-placeholder{font-size:.75rem}.wrapper .search input::placeholder{font-size:.75rem}.wrapper .search .icon{cursor:pointer}.sidebar{border-right:1px solid #e6e3e3;flex:1 1;margin:0;padding:0}.sidebar .link{text-decoration:none}.sidebar .top{align-items:center;display:flex;height:50px;justify-content:center}.sidebar .top .logo{color:#6439ff;font-size:1rem;font-weight:700;margin-left:10px}.sidebar .top .link{align-items:center;display:flex;justify-content:center}.sidebar hr{border:.5px solid #e6e3e3;height:0}.center{margin-left:10px}.center .ul{margin:0;padding:0}.center .title{color:#999;font-size:.9rem;font-weight:700;margin-bottom:5px;margin-top:15px}.center li{align-items:center;cursor:pointer;display:flex;padding:5px}.center li:hover{background-color:#ece8ff}.center li .icon{color:#7451f8;font-size:.95rem;margin-right:10px}.center li span{color:#999;font-size:.95rem;font-weight:600}.bottom{align-items:center;display:flex;margin:10px}.bottom .colorOption{border:1px solid #7451f8;border-radius:5px;cursor:pointer;height:20px;margin:73px 5px 5px;width:20px}.bottom .colorOption:first-child{background-color:#f5f5f5}.bottom .colorOption:nth-child(2){background-color:#333}.pending{background-color:#ffffe0}.approved{background-color:rgba(160,255,160,.271)}.widget{border-radius:10px;box-shadow:6px 9px 17px -2px rgba(0,0,0,.34);flex:1 1;height:100px;padding:10px}.widget,.widget .left,.widget .right{display:flex;justify-content:space-between}.widget .left,.widget .right{flex-direction:column}.widget .left .title,.widget .right .title{color:#9d9d9d;font-size:.8rem;font-weight:700}.widget .left .counter,.widget .right .counter{font-size:1.7rem;font-weight:300}.widget .left .link,.widget .right .link{border-bottom:1px solid gray;cursor:pointer;font-size:.7rem;width:-webkit-max-content;width:max-content}.widget .left .percentage,.widget .right .percentage{align-items:center;display:flex;font-size:.8rem;justify-content:center}.widget .left .percentage.positive,.widget .right .percentage.positive{color:#18b318}.widget .left .percentage.negative,.widget .right .percentage.negative{color:red}.widget .left .icon,.widget .right .icon{align-self:flex-end;font-size:1.2rem}.home{display:flex}.home .home-container{background-color:none;flex:6 1}.home .charts,.home .widgets{display:flex;gap:20px;padding:20px}.home .charts{padding:5px 20px}.home .listContainer{box-shadow:6px 9px 17px -2px rgba(0,0,0,.34);margin:20px;padding:20px}.home .listContainer .listTitle{color:gray;font-weight:500;margin-bottom:20px}ul{list-style:none;margin:0;padding:0}.listtable{padding:20px}.listtable .title{align-items:center;color:gray;display:flex;font-size:1.25rem;justify-content:space-between;margin-bottom:15px;width:100%}.listtable .title .link{text-decoration:none}.listtable .title .button{border:1px solid blue;border-radius:5px;color:blue;cursor:pointer;font-size:1rem;padding:5px}.listtable .title .button:hover{text-decoration:underline}.listtable .cellWithImg{align-items:center;display:flex;justify-content:center}.listtable .cellWithImg .image{border-radius:50%;height:32px;margin-right:15px;width:32px}.cellAction{align-items:center;display:flex;gap:20px}.cellAction .viewButton{border:1px solid rgba(0,0,139,.36);border-radius:5px;color:#00008b;cursor:pointer;padding:2px 5px}.cellAction .deleteButton{border:1px solid rgba(247,84,84,.373);border-radius:5px;color:#f75454;cursor:pointer;padding:2px 5px}.list{display:flex;width:100%}.list .list-container{flex:6 1}.single{display:flex;width:100%}.single .single-container{flex:6 1}.single .single-container .top{display:flex;gap:20px;padding:20px}.single .single-container .top .left{box-shadow:6px 9px 17px -2px rgba(0,0,0,.34);flex:1 1;padding:20px;position:relative}.single .single-container .top .left .item{display:flex;gap:20px}.single .single-container .top .left .item .itemImg{border-radius:50%;height:100px;object-fit:cover;width:100px}.single .single-container .top .left .item .details .itemName{color:#555;font-size:1.5rem;margin-bottom:10px}.single .single-container .top .left .item .details .detailItem{font-size:.85rem;margin-bottom:10px}.single .single-container .top .left .item .details .detailItem .itemKey{color:gray;font-weight:700;margin-right:10px}.single .single-container .top .left .item .details .detailItem .itemValue{font-weight:300}.single .single-container .top .left .editButton{color:rgba(0,0,139,.507);cursor:pointer;font-size:.85rem;position:absolute;right:20px;text-decoration:underline;top:15px}.single .single-container .top .right{flex:2 1}.single .single-container .bottom{box-shadow:6px 9px 17px -2px rgba(0,0,0,.34);display:flex;flex-direction:column;margin:20px;padding:20px}.single .single-container .singleTitle,.single .single-container .title{color:#d3d3d3;font-size:1.2rem;margin-bottom:20px}.single .single-container .chart{padding:20px}.new,.single .single-container .datatable{width:100%}.new{display:flex}.new .new-container{flex:6 1;padding:20px}.new .new-container .bottom,.new .new-container .top{box-shadow:6px 9px 17px -2px rgba(0,0,0,.34);display:flex;margin:20px;padding:10px}.new .new-container h1{color:#d3d3d3;font-size:1.25rem}.new .new-container .bottom .left{flex:1 1;text-align:center}.new .new-container .bottom .left .image{border-radius:50%;height:100px;object-fit:cover;width:100px}.new .new-container .bottom .right{flex:2 1}.new .new-container .bottom .right form{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-around}.new .new-container .bottom .right form .formInput{width:40%}.new .new-container .bottom .right form .formInput .imageLabel{align-items:center;display:flex;gap:20px;margin-top:10px}.new .new-container .bottom .right form .formInput .imageLabel .icon{cursor:pointer;font-size:1.75rem}.new .new-container .bottom .right form input{border:none;border-bottom:1px solid gray;padding:5px;width:100%}.new .new-container .bottom .right form button{background-color:rgba(176,154,254,.718);border:1px solid transparent;border-radius:10px;cursor:pointer;font-weight:700;margin-top:10px;padding:10px;width:150px}.new .new-container .bottom .right form button:hover{background-color:transparent;border:1px solid rgba(176,154,254,.718)}.app.dark{background-color:#222;color:#9c9c9c}.app.dark input{background-color:hsla(0,0%,50%,.507)}.app.dark .table,.app.dark .table .tableCell{background:#111;color:gray}.app.dark .table .pagination{color:gray}.app.dark .navbar{border-color:#333;color:gray}.app.dark .navbar .search{border-color:gray}.app.dark .navbar .search input{background-color:transparent;color:gray}.app.dark .sidebar{border-color:#333}.app.dark .sidebar .top .logo{color:gray}.app.dark .sidebar hr{border-color:#333}.app.dark .sidebar ul li:hover{background-color:#333}.app.dark .listtable .button,.app.dark .listtable .datagrid,.app.dark .listtable .datagrid .deleteButton,.app.dark .listtable .datagrid .viewButton{border:none;color:gray}.app.dark .single .single-container .top .details .itemName{color:hsla(0,0%,83%,.781)}.app.dark .single .single-container .editButton{border-color:hsla(0,0%,83%,.476);color:hsla(0,0%,83%,.63)}
/*# sourceMappingURL=main.22a43e45.css.map*/