.navbar{height:50px;display:flex;align-items:center;font-size:14px;color:#555;margin-top:5px}.navbar .wrapper{width:100%;display:flex;align-items:center;padding:20px;justify-content:space-between}.navbar .wrapper .search{display:flex;align-items:center;border:.5px solid lightgray;padding:3px;border-radius:10px}.navbar .wrapper .search input{border:none;outline:none;background-color:transparent;width:350px}.navbar .wrapper .search input::placeholder{font-size:12px}.navbar .items{display:flex;align-items:center}.navbar .items .item{display:flex;align-items:center;margin:20px 5px 20px 20px;cursor:pointer;position:relative}.navbar .items .item hr{border-left:.5px solid rgb(231,231,231);height:25px;margin-right:10px}.navbar .items .item .text{margin-right:20px}.navbar .items .item .icon{font-size:20px}.navbar .items .item .avatar{width:30px;height:30px;border-radius:50%}.navbar .items .item .counter{width:15px;height:15px;background-color:#e91d1d;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;position:absolute;top:-5px;right:-5px}.sidebar{flex:1;border-right:.5px solid rgb(231,225,225);min-height:100vh}.sidebar .top{display:flex;align-items:center;justify-content:center;height:50px}.sidebar .top .logo{font-size:20px;font-weight:700;color:#067bc2}.sidebar hr{height:0;border:.5px solid rgb(230,224,224)}.sidebar .center{padding-left:10px}.sidebar .center ul{list-style:none;padding:0;margin:0}.sidebar .center ul li{display:flex;align-items:center;padding:5px;margin-top:10px;cursor:pointer}.sidebar .center ul li:hover{background-color:#f2f3f4;border-radius:5px}.sidebar .center ul li span{color:gray;margin-left:10px;font-size:15px}.sidebar .center ul li .icon{color:#067bc2;font-size:18px;font-weight:600}.featured{flex:5;display:flex;align-items:center;justify-content:center;border-radius:20px;box-shadow:2px 4px 10px 1px #00000078;-webkit-box-shadow:2px 4px 10px 1px rgba(201,201,201,.47);padding:10px}.featured .title{color:gray;margin-bottom:auto}.revenue{flex:2;box-shadow:2px 4px 10px 1px #00000078;-webkit-box-shadow:2px 4px 10px 1px rgba(201,201,201,.47);border-radius:20px;padding:10px}.revenue .top{display:flex;align-items:center;justify-content:space-between;color:gray}.revenue .top .title{font-size:16px;font-weight:500}.revenue .bottom{padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}.revenue .bottom .progressBar{width:200px;height:200px}.revenue .bottom .title{font-weight:500;color:gray}.revenue .bottom .amount{font-size:30px}.revenue .bottom .desc{font-weight:300;font-size:12px;color:gray;text-align:center}.revenue .bottom .summary{width:100%;display:flex;align-items:center;justify-content:space-between}.revenue .bottom .summary .item{text-align:center}.revenue .bottom .summary .item .itemTitle{font-size:14px;color:gray}.revenue .bottom .summary .item .itemResult{display:flex;align-items:center;margin-top:10px;font-size:14px}.revenue .bottom .summary .item .itemResult.positive{color:green}.revenue .bottom .summary .item .itemResult.negative{color:red}.CircularProgressbar{width:100%;vertical-align:middle}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;-webkit-transition:stroke-dashoffset .5s ease 0s;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;font-size:20px;dominant-baseline:middle;text-anchor:middle}.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}.bookings{display:flex}.bookings .container{flex:8}.bookings .container .charts{display:flex;padding:20px;gap:20px}.chart{flex:4;box-shadow:2px 4px 10px 1px #00000078;-webkit-box-shadow:2px 4px 10px 1px rgba(201,201,201,.47);padding:10px;color:gray;border-radius:20px}.chart .title{margin-bottom:20px}.home{display:flex}.home .homeContainer{flex:8}.home .homeContainer .widgets,.home .homeContainer .charts{display:flex;padding:20px;gap:20px}.home .homeContainer .charts{padding:5px 20px}.home .homeContainer .listContainer{box-shadow:2px 4px 10px 1px #00000078;-webkit-box-shadow:2px 4px 10px 1px rgba(201,201,201,.47);border-radius:20px;padding:20px;margin:20px}.home .homeContainer .listContainer .listTitle{margin-bottom:10px;color:gray}.widget{display:flex;flex:1;padding:10px;justify-content:space-between;box-shadow:2px 4px 10px 1px #00000078;-webkit-box-shadow:2px 4px 10px 1px rgba(201,201,201,.47);border-radius:20px;height:100px}.widget .left{display:flex;flex-direction:column}.widget .left .title{font-weight:700;font-size:20px;color:#868080}.widget .left .details{color:#b4b0b0;font-size:15px}.widget .left .percentage{display:flex;margin-top:10px;color:#b4b0b0;font-size:13px}.widget .left .percentage .upIcon{font-size:medium;font-weight:700;color:green;width:20px;height:20px;border-radius:50%;background-color:#c1f5c1d5;align-self:center;margin-right:5px}.widget .left .percentage .downIcon{font-size:medium;font-weight:700;color:#e91d1d;width:20px;height:20px;border-radius:50%;background-color:#fa8484e1;align-self:center;margin-right:5px}.widget .right .icon{display:flex;align-items:center;justify-content:center;color:#067bc2;font-size:x-small;width:40px;height:40px;border-radius:50%;background-color:#f5f5f5}.barChart{box-shadow:2px 4px 10px 1px #00000078;-webkit-box-shadow:2px 4px 10px 1px rgba(201,201,201,.47);padding:10px;color:gray;border-radius:20px}.barChart .title{margin-bottom:20px}.users{display:flex;width:100%}.users .container{flex:8}.users .container .table{margin-top:40px}