.navbar{background-color:#f4f5fe;border-bottom:.5px solid #e7e4e4;color:#555;font-size:14px;height:90px}.navbar,.navbar .wrapper{align-items:center;display:flex}.navbar .wrapper{justify-content:space-between;padding:20px;width:100%}.navbar .wrapper .search{align-items:center;border:.5px solid #d3d3d3;display:flex;padding:3px;width:30%}.navbar .wrapper .search input{background:transparent;border:none;outline:none;width:100%}.navbar .wrapper .search input::-webkit-input-placeholder{font-size:12px}.navbar .wrapper .search input:-ms-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-right:20px;position:relative}.navbar .wrapper .items .item .icon{font-size:27px}.navbar .wrapper .items .item .avatar{border-radius:50%;height:40px;width:40px}.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{background-color:#eaecff;border-right:.5px solid #e6e3e3;box-shadow:4px 0 10px 0 #cacaca;flex:1 1;min-height:100vh}.sidebar .logoutButton{background-color:#eaecff;border:none;border-bottom:1px solid gray}.sidebar .top{align-items:center;display:flex;height:90px;justify-content:center}.sidebar .top .logo{color:#6439ff;font-size:28px;font-weight:700}.sidebar hr{border:.5px solid #e6e3e3;height:0}.sidebar .center{padding-left:20px}.sidebar .center ul{list-style:none;margin:0;padding:0}.sidebar .center ul .title{color:#636363;font-size:14px;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:#fde3f7}.sidebar .center ul li .icon{box-shadow:4px 0 10px 0 #eaecff;color:#7451f8;font-size:25px}.sidebar .center ul li span{color:#535353;font-size:17px;font-weight:600;margin-left:10px}.sidebar .bottom{align-items:center;display:flex;margin:10px}.sidebar .bottom .colorOption{border:1px solid #7451f8;border-radius:5px;cursor:pointer;height:20px;margin:5px;width:20px}.sidebar .bottom .colorOption:first-child{background-color:#f5f5f5}.sidebar .bottom .colorOption:nth-child(2){background-color:#333}.sidebar .bottom .colorOption:nth-child(3){background-color:#00008b}.chart{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);color:gray;flex:4 1;padding:10px}.chart .title{margin-bottom:20px}.chart .chartGrid{stroke:#e4e1e1}.featured{background-color:#fcf9ff;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}.table .cellWrapper{align-items:center;display:flex}.table .cellWrapper .image{border-radius:50%;height:32px;margin-right:10px;object-fit:cover;width:32px}.table .status{border-radius:5px;padding:5px}.table .status.Approved{background-color:rgba(0,128,0,.151);color:green}.table .status.Pending{background-color:rgba(189,189,3,.103);color:#daa520}.widget{background-color:#fff8fe;border-radius:10px;box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);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:#a0a0a0;font-size:14px;font-weight:700}.widget .left .counter,.widget .right .counter{font-size:28px;font-weight:300}.widget .left .link,.widget .right .link{border-bottom:1px solid gray;font-size:12px;width:-webkit-max-content;width:max-content}.widget .left .percentage,.widget .right .percentage{align-items:center;display:flex;font-size:14px}.widget .left .percentage.positive,.widget .right .percentage.positive{color:green}.widget .left .percentage.negative,.widget .right .percentage.negative{color:red}.widget .left .icon,.widget .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 .listTitle{color:gray;font-weight:500;margin-bottom:15px}.slider{margin-left:2%}.slider .imageGrid{display:flex;flex-wrap:nowrap}.slider .imageGrid div{background-color:#e9dcdc;border-radius:5px;box-shadow:2px 2px 10px 1px #c4c0c0;height:auto;margin:10px;text-align:center;width:20%}.AddressTable{height:600px;padding:20px 20px 20px 50px}.AddressTable .AddressTableTitle{align-items:center;color:gray;display:flex;font-size:26px;justify-content:space-between;margin-bottom:10px;width:100%}.AddressTable .AddressTableTitle .link{border:1px solid green;border-radius:5px;color:green;cursor:pointer;font-size:16px;font-weight:400;padding:5px;text-decoration:none}.AddressTable .cellWithImg{align-items:center;display:flex}.AddressTable .cellWithImg .cellImg{border-radius:10%;height:42px;margin-right:20px;object-fit:cover;width:42px}.AddressTable .cellWithStatus{border-radius:5px;padding:5px}.AddressTable .cellWithStatus.active{background-color:rgba(0,128,0,.05);color:green}.AddressTable .cellWithStatus.pending{background-color:rgba(255,217,0,.05);color:#daa520}.AddressTable .cellWithStatus.passive{background-color:rgba(255,0,0,.05);color:crimson}.AddressTable .cellAction{align-items:center;display:flex;gap:15px}.AddressTable .cellAction .viewButton{border:1px dotted rgba(0,0,139,.596);border-radius:5px;color:#00008b;cursor:pointer;padding:2px 5px}.AddressTable .cellAction .deleteButton{border:1px dotted rgba(220,20,60,.6);border-radius:5px;color:crimson;cursor:pointer;padding:2px 5px}.new .newContainer .bottom .right form .formInput,.new .newContainer .top .right form .formInput{width:40%}.new .newContainer .bottom .right form button,.new .newContainer .top .right form button{background-color:teal}.list{display:flex;width:100%}.list .listContainer{flex:6 1}.datatable{height:600px;padding:20px 20px 20px 50px}.datatable .datatableTitle{align-items:center;color:gray;display:flex;font-size:26px;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:10%;height:42px;margin-right:20px;object-fit:cover;width:42px}.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}.new .newContainer .bottom .right,.new .newContainer .top .right{flex:2 1}.new .newContainer .bottom .right form .formInput,.new .newContainer .top .right form .formInput{width:50%}.new .newContainer .bottom .right form .formInput label,.new .newContainer .top .right form .formInput label{align-items:center;display:flex;gap:10px}.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{width:100%}.new .newContainer .bottom .right form button,.new .newContainer .top .right form button{background-color:#236161;border:none;color:#fff;cursor:pointer;font-weight:700;margin-top:10px;padding:10px;width:150px}.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;text-align:center}.new .newContainer .bottom .left img,.new .newContainer .top .left img{border-radius:3%;height:100px;object-fit:cover;width:100px}.new .newContainer .bottom .right,.new .newContainer .top .right{background-color:#f5f5f5;flex:5 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:80%}.new .newContainer .bottom .right form .formInput label,.new .newContainer .bottom .right form .formInput option,.new .newContainer .bottom .right form .formInput select,.new .newContainer .top .right form .formInput label,.new .newContainer .top .right form .formInput option,.new .newContainer .top .right form .formInput select{align-items:center;display:flex;gap:10px;margin-top:20px;width:80%}.new .newContainer .bottom .right form .formInput label .icon,.new .newContainer .bottom .right form .formInput option .icon,.new .newContainer .bottom .right form .formInput select .icon,.new .newContainer .top .right form .formInput label .icon,.new .newContainer .top .right form .formInput option .icon,.new .newContainer .top .right form .formInput select .icon{cursor:pointer}.new .newContainer .bottom .right form .formInput .imageLabel,.new .newContainer .top .right form .formInput .imageLabel{border:1px solid #ccc;padding:10px 0}.new .newContainer .bottom .right form .formInput input,.new .newContainer .top .right form .formInput input{border:none;border-bottom:1px solid gray;padding:5px;width:80%}.new .newContainer .bottom .right form .formInput input:last-child,.new .newContainer .top .right form .formInput input:last-child{background-color:#7d5daf;border:none;color:#fff;margin-top:25px}.new .newContainer .bottom .right form .formInput textarea,.new .newContainer .top .right form .formInput textarea{height:80px;width:80%}.new .newContainer .btn{align-items:center;display:flex;justify-content:center;width:80%}.new .newContainer .btn button{align-items:center;background-color:#8678d6;border:none;color:#fff;cursor:pointer;display:flex;font-weight:700;justify-content:center;margin-top:10px;padding:10px 15px;width:12%}.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 .navbar .search{border-color:gray}.app.dark .sidebar{background-color:#111;border-color:#333}.app.dark .sidebar .top .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,.app.dark .datatable .datagrid .cellWithStatus,.app.dark .datatable .datagrid .deleteButton,.app.dark .datatable .datagrid .viewButton{border:none;color:gray}.app.dark input{background-color:transparent}
/*# sourceMappingURL=main.db327b04.css.map*/