@import url(https://fonts.googleapis.com/css2?family=Montserrat&display=swap);.home{display:flex;width:100%}.home .home_container{margin-left:15%;margin-top:4.5rem;padding:1.5rem;width:85%}.home .home_container .widgets{display:flex;gap:1.5rem;top:4.5rem}.home .home_container .charts{display:flex;gap:1.5rem;margin-top:1rem}.home .home_container .list-container{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);color:#aca3a3;margin:1rem 0;padding:1rem}.home .home_container .list-container .list-title{font-size:1.2rem;font-weight:600;margin-bottom:1rem}.sidebar{background-color:#fff;border-right:.01rem solid #e6e5e5;height:100%;overflow:hidden;position:fixed;width:15%;z-index:2}.sidebar .top{align-items:center;border-bottom:.01rem solid #e6e5e5;color:#7850b4;display:flex;font-weight:700;height:4.5rem;justify-content:center}.sidebar .top .logo{cursor:pointer;font-size:1.5rem}.sidebar .center{padding-left:.7rem}.sidebar .center .title{color:#999;font-size:.75rem;font-weight:700;margin-bottom:.4rem;margin-top:1rem}.sidebar .center ul{list-style:none}.sidebar .center ul li{align-items:center;color:#888;cursor:pointer;display:flex;padding:.4rem}.sidebar .center ul li:hover{background-color:#e7c8ff;border-bottom-left-radius:1rem;border-top-left-radius:1rem}.sidebar .center ul li .icon{color:#7850b4;margin-right:1rem}.sidebar .bottom{display:flex;margin:.7rem}.sidebar .bottom .colorTheme{border:.1rem solid #000;border-radius:.2rem;height:2rem;margin:.4rem;width:2rem}.sidebar .bottom .colorTheme:hover{cursor:pointer}.sidebar .bottom .colorTheme:first-child{background-color:#444}.sidebar .bottom .colorTheme:nth-child(2){background-color:#f5f5f5}.navbar{align-items:center;background-color:#fff;border-bottom:.01rem solid #e6e5e5;display:flex;height:4.5rem;justify-content:center;margin-left:15%;position:fixed;width:85%;z-index:2}.navbar .wrapper{color:#696666;padding:0 1.5rem;width:100%}.navbar .wrapper,.navbar .wrapper .search{align-items:center;display:flex;justify-content:space-between}.navbar .wrapper .search{border:.01rem solid #e6e5e5;min-width:20rem;padding:.5rem 1rem}.navbar .wrapper .search input{background-color:transparent;border:none;outline:none}.navbar .wrapper .search input::-webkit-input-placeholder{font-size:14px;font-weight:500}.navbar .wrapper .search input::placeholder{font-size:14px;font-weight:500}.navbar .wrapper .items,.navbar .wrapper .items .item{align-items:center;display:flex}.navbar .wrapper .items .item{cursor:pointer;margin:5px 15px;position:relative}.navbar .wrapper .items .item .icon{font-size:1.7rem}.navbar .wrapper .items .item:nth-child(4):before,.navbar .wrapper .items .item:nth-child(5):before{align-items:center;background-color:red;border-radius:50%;color:#fff;content:attr(data-count);display:flex;font-size:12px;font-weight:700;height:1rem;justify-content:center;position:absolute;right:-6px;top:-6px;width:1rem}.navbar .wrapper .items .avatar{background-image:url(/static/media/avatar.3172159aeb1632762540.jpg);background-size:cover;border-radius:50%;cursor:pointer;height:2.5rem;margin:.5rem;width:2.5rem}.widget{border-radius:1rem;box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);flex:1 1;height:8rem;padding:1rem 1.2rem}.widget,.widget .left{display:flex;justify-content:space-between}.widget .left{flex-direction:column}.widget .left .title{color:hsla(0,3%,57%,.931);font-size:1.1rem;font-weight:700}.widget .left .counter{font-size:1.7rem;font-weight:300}.widget .left .link{border-bottom:.01rem solid #000;cursor:pointer}.widget .right{align-items:center;display:flex;flex-direction:column;justify-content:space-between}.widget .right .percent.positive{color:green}.widget .right .percent.negative{color:red}.widget .right .icon{align-self:flex-end;border-radius:5px;display:flex;font-size:2rem;justify-content:center;padding:.3rem}.featured{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);flex:2 0}.featured header{align-items:center;color:#aca3a3;display:flex;justify-content:space-between;padding:.7rem}.featured header .title{font-size:1.2rem;font-weight:700}.featured main{align-items:center;display:flex;flex-direction:column;justify-content:center;line-height:1.5;padding:0 2rem;text-align:center}.featured main .progress{height:7rem;margin:1rem;width:7rem}.featured main .title{color:gray;font-size:1.2rem}.featured main .amount{font-size:2rem;margin:.5rem 0}.featured main .desc{color:gray;font-size:1rem}.featured .bottom{color:gray;display:flex;justify-content:space-between;padding:1rem 0}.featured .bottom .item{align-items:center;display:flex;flex:1 0;flex-direction:column;gap:1rem}.featured .bottom .item .title{font-size:1.1rem}.featured .bottom .item .stat{align-items:center;display:flex;justify-content:center}.featured .bottom .item .stat.positive{color:green}.featured .bottom .item .stat.positive span:first-child{margin-top:5px}.featured .bottom .item .stat.negative{color:red}.featured .bottom .item .stat.negative span:first-child{margin-bottom:5px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.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}.chart{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);color:#aca3a3;flex:5 0}.chart .title{font-size:1.2rem;font-weight:600;padding:.7rem}.chart .area-chart{padding-left:1rem;width:100%}.table .cell-wrapper{align-items:center;display:flex}.table .cell-wrapper .image{border-radius:50%;height:32px;margin-right:10px;width:32px}.table .table-cell{color:#616161}.table .table-cell .status{border-radius:.2rem;font-size:14px;padding:.2rem .4rem}.table .table-cell .status.Approved{background-color:rgba(0,128,0,.276);color:green}.table .table-cell .status.Pending{background-color:rgba(189,189,3,.176);color:#daa520}.users{display:flex;width:100%}.users .user-container{margin-left:15%;margin-top:4.5rem;padding:1.5rem;width:85%}.users .user-container .add-post{align-items:center;box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);color:hsla(0,0%,41%,.959);display:flex;justify-content:space-between;margin-bottom:1rem;padding:.5rem}.users .user-container .add-post .title{font-size:20px}.users .user-container .add-post .btn{background-color:rgba(0,128,128,.835);border-radius:10px;color:#fff;font-size:16px;padding:.5rem 1rem}.users .user-container .data-table{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47)}.data-table{height:85vh}.data-table .cell-with-img{align-items:center;display:flex;width:100%}.data-table .cell-with-img .cell-img{border-radius:50%;height:32px;margin:1rem;width:32px}.data-table .status{background-color:gray;border-radius:5px;font-size:14px;padding:.2rem .4rem}.data-table .status.active{background-color:rgba(0,128,0,.05);color:green}.data-table .status.pending{background-color:rgba(225,217,0,.05);color:#daa520}.data-table .status.passive{background-color:rgba(255,0,0,.05);color:crimson}.data-table .cell-action{align-items:center;display:flex;gap:.8rem}.data-table .cell-action .viewButton{color:#00008b}.data-table .cell-action .deleteButton,.data-table .cell-action .viewButton{border:1px solid rgba(0,0,139,.137);border-radius:8px;cursor:pointer;font-size:14px;padding:.2rem .4rem}.data-table .cell-action .deleteButton{color:crimson}.single{display:flex;width:100%}.single .single-container{margin-left:15%;margin-top:4.5rem;padding:1.5rem;width:85%}.single .single-container .top{display:flex;gap:1rem}.single .single-container .top .left{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);color:#aca3a3;flex:1 0;padding:1rem;position:relative}.single .single-container .top .left .edit-button{background-color:rgba(128,0,128,.15);border:none;border-radius:0 0 0 5px;color:purple;font-size:16px;padding:.2em .4em;position:absolute;right:0;top:0}.single .single-container .top .left .title{border-bottom:1px solid rgba(0,0,0,.233);color:rgba(58,56,56,.822);font-size:20px;margin-bottom:1rem;padding-bottom:5px}.single .single-container .top .left .item{display:flex}.single .single-container .top .left .item .item-img{border-radius:50%;height:200px;width:200px}.single .single-container .top .left .item .details{padding-left:2rem}.single .single-container .top .left .item .details .user-name{color:rgba(58,56,56,.822);margin:8px 0}.single .single-container .top .left .item .details .detail-item{margin-bottom:5px}.single .single-container .top .left .item .details .detail-item .key{margin-right:5px}.single .single-container .top .right{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);color:#aca3a3;flex:2 0}.single .single-container .bottom{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);margin-top:1rem;padding:1rem}.single .single-container .bottom .title{color:rgba(58,56,56,.822);font-size:20px;padding-bottom:5px}.new-user{display:flex;width:100%}.new-user .new-user-container{margin-left:15%;margin-top:4.5rem;padding:1.5rem;width:85%}.new-user .new-user-container h1{font-size:20px}.new-user .new-user-container .main,.new-user .new-user-container .title{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);color:#726e6e;padding:1rem}.new-user .new-user-container .main{display:flex;margin-top:1rem}.new-user .new-user-container .main .left{flex:1 1;margin:1rem;text-align:center}.new-user .new-user-container .main .left .img{border:10px solid hsla(0,0%,50%,.226);border-radius:50%;height:200px;object-fit:cover;width:200px}.new-user .new-user-container .main .right{flex:2 1}.new-user .new-user-container .main .right form{display:flex;flex-wrap:wrap;gap:20px}.new-user .new-user-container .main .right form .form-input{width:45%}.new-user .new-user-container .main .right form .form-input label{align-items:center;display:flex;gap:10px}.new-user .new-user-container .main .right form .form-input label .icon{cursor:pointer}.new-user .new-user-container .main .right form .form-input input{border:none;border-bottom:1px solid rgba(0,0,0,.308);outline:none;padding:5px;width:100%}.new-user .new-user-container .main .right form .form-input input::-webkit-input-placeholder{color:hsla(0,2%,44%,.534)}.new-user .new-user-container .main .right form .form-input input::placeholder{color:hsla(0,2%,44%,.534)}.new-user .new-user-container .main .right form button{background-color:teal;border:none;border-radius:5px;color:#fff;cursor:pointer;min-width:120px;padding:5px 0}.product{display:flex;width:100%}.product .product-container{margin-left:15%;margin-top:4.5rem;padding:1.5rem;width:85%}.product .product-container .header{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);color:#8f8787;font-weight:700;padding:1rem}.product .product-container .header .Typewriter{margin-left:1rem;margin-top:1rem}.product .product-container .header .Typewriter .Typewriter__cursor,.product .product-container .header .Typewriter .Typewriter__wrapper{color:rgba(128,0,128,.76);font-family:Montserrat;font-size:36px;margin-top:1rem;max-width:10%}.product .product-container .header button{background-color:rgba(115,28,141,.596);border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;margin-left:1rem;margin-top:1rem;padding:10px 20px}
/*# sourceMappingURL=main.62389d3c.css.map*/