.chart{flex:4;-webkit-box-shadow:2px 4px 10px 1px rgba(0,0,0,.644);box-shadow:2px 4px 10px 1px #b48253;padding:10px;color:#2d545e9c}.chart .title{margin-bottom:20px}.chart .chartGrid{stroke:#b8926a}.navbar{height:50px;border-bottom:1px solid #cfa476;display:flex;align-items:center;font-size:14px;color:#2d545e9c;background-color:#e1b382}.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 #cfa476;padding:3px}.navbar .wrapper .search input{border:none;outline:none;background-color:transparent}.navbar .wrapper .search input::placeholder{font-size:12px}.navbar .wrapper .items{display:flex;align-items:center}.navbar .wrapper .items .item{display:flex;align-items:center;margin:20px;position:relative}.navbar .wrapper .items .item .icon{font-size:20px;cursor:pointer}.navbar .wrapper .items .item .person{width:30px;height:30px;border-radius:50%;object-fit:cover}.navbar .wrapper .items .item .counter{width:15px;height:15px;background-color:#4a884a;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}.progress{flex:2;-webkit-box-shadow:2px 4px 10px 1px rgba(0,0,0,.47);box-shadow:2px 4px 10px 1px #b48253;padding:10px}.progress .top{display:flex;align-items:center;justify-content:space-between;color:#2d545e9c}.progress .top .title{font-size:16px;font-weight:500}.progress .bottom{padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}.progress .bottom .progressBar{width:100px;height:100px}.progress .bottom .title{font-weight:500;color:#2d545e9c}.progress .bottom .amount{font-size:30px}.progress .bottom .desc{font-weight:300;font-size:12px;color:#2d545e9c;text-align:center}.progress .bottom .summary{width:100%;display:flex;align-items:center;justify-content:space-between}.progress .bottom .summary .item{text-align:center}.progress .bottom .summary .item .itemTitle{font-size:14px;color:#2d545e9c}.progress .bottom .summary .item .itemResult{display:flex;align-items:center;margin-top:10px;font-size:14px}.progress .bottom .summary .item .itemResult.positive{color:green}.progress .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}.sidebar{flex:1;border-right:.5px solid #cfa476;min-height:100vh;background-color:#e1b382}.sidebar .top{height:50px;display:flex;align-items:center;justify-content:center}.sidebar .top .logo{font-size:20px;font-weight:700;color:#2d545e;cursor:pointer}.sidebar hr{height:0;border:.5px solid #cfa476}.sidebar .center{padding-left:10px}.sidebar .center ul{list-style:none;margin:0;padding:0}.sidebar .center ul .title{font-size:10px;font-weight:700;color:#ffffffa9;margin-top:15px;margin-bottom:5px}.sidebar .center ul li{display:flex;align-items:center;padding:5px;cursor:pointer}.sidebar .center ul li:hover{background-color:#c89666}.sidebar .center ul li .icon{font-size:18px;color:#12343b}.sidebar .center ul li span{font-size:13px;font-weight:600;color:#2d545e9c;margin-left:10px}.sidebar .bottom{display:flex;align-items:center;margin:10px}.sidebar .bottom .colorOption{width:20px;height:20px;border-radius:5px;border:1px solid #12343b;cursor:pointer;margin:5px}.sidebar .bottom .colorOption:nth-child(1){background-color:#e1b382}.sidebar .bottom .colorOption:nth-child(2){background-color:#2d545e}.table,.table .tabless{background-color:#e1b382}.table .tabless .cellWrapper{display:flex;align-items:center}.table .tabless .cellWrapper .image{width:32px;height:32px;border-radius:50%;margin-right:10px;object-fit:cover}.table .tabless .status{padding:5px;border-radius:5px}.table .tabless .status.Approved{color:green;background-color:#00800027}.table .tabless .status.Pending{color:#137dc4;background-color:#48aad81a}.widget{display:flex;flex:1;justify-content:space-between;padding:10px;-webkit-box-shadow:2px 4px 10px 1px rgba(0,0,0,.47);box-shadow:2px 4px 10px 1px #b48253;border-radius:10px;height:100px}.widget .left,.widget .right{display:flex;flex-direction:column;justify-content:space-between}.widget .left .title,.widget .right .title{font-weight:700;font-size:14px;color:#8b8787a9}.widget .left .counter,.widget .right .counter{font-weight:300;font-size:28px}.widget .left .link,.widget .right .link{width:max-content;font-size:12px;border-bottom:1px solid gray;cursor:pointer}.widget .left .link:hover,.widget .right .link:hover{color:#3c8c9c}.widget .left .per,.widget .right .per{display:flex;align-items:center;font-size:14px}.widget .left .per.positive,.widget .right .per.positive{color:green}.widget .left .per.negative,.widget .right .per.negative{color:red}.widget .left .icon,.widget .right .icon{font-size:18px;padding:5px;border-radius:5px;align-self:flex-end}.home{display:flex}.home .homeContainer{flex:6}.home .homeContainer .widgets,.home .homeContainer .charts{display:flex;padding:20px;gap:20px}.home .homeContainer .charts{padding:5px 20px}.home .homeContainer .listContainer{-webkit-box-shadow:2px 4px 10px 1px rgba(0,0,0,.47);box-shadow:2px 4px 10px 1px #9e7146;padding:20px;margin:20px}.home .homeContainer .listContainer .listTitle{font-weight:500;color:#2d545e9c;margin-bottom:15px}.list{display:flex;width:100%}.list .listContainer{flex:6}.datatables{height:600px;padding:20px}.datatables .datatableTitle{width:100%;font-size:24px;color:#2d545e9c;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}.datatables .datatableTitle .link{text-decoration:none;color:#12343b;font-size:16px;font-weight:400;border:1px solid #12343b;padding:5px;border-radius:5px;cursor:pointer}.datatables .cellWithImg{display:flex;align-items:center}.datatables .cellWithImg .cellImg{width:32px;height:32px;border-radius:50%;object-fit:cover;margin-right:20px}.datatables .cellWithStatus{padding:5px;border-radius:5px}.datatables .cellWithStatus.active{background-color:#0080000d;color:green}.datatables .cellWithStatus.pending{background-color:#ffd9000d;color:#daa520}.datatables .cellWithStatus.passive{background-color:#ff00000d;color:#dc143c}.datatables .cellAction{display:flex;align-items:center;gap:15px}.datatables .cellAction .viewButton{padding:2px 5px;border-radius:5px;color:#12343b;border:1px dotted #2d545e;cursor:pointer}.datatables .cellAction .deleteButton{padding:2px 5px;border-radius:5px;color:#dc143c;border:1px dotted rgba(220,20,60,.6);cursor:pointer}.single{display:flex;width:100%}.single .singleContainer{flex:6}.single .singleContainer .top{padding:20px;display:flex;gap:20px}.single .singleContainer .top .left{flex:1;-webkit-box-shadow:2px 4px 10px 1px rgba(0,0,0,.47);box-shadow:2px 4px 10px 1px #b48253;padding:20px;position:relative}.single .singleContainer .top .left .editButton{position:absolute;top:0;right:0;padding:5px;font-size:12px;color:#2d545e;background-color:#2d545e42;cursor:pointer;border-radius:0 0 0 5px}.single .singleContainer .top .left .item{display:flex;gap:20px}.single .singleContainer .top .left .item .itemImg{width:100px;height:100px;border-radius:50%;object-fit:cover}.single .singleContainer .top .left .item .details .itemTitle{margin-bottom:10px;color:#2d545e81}.single .singleContainer .top .left .item .details .detailItem{margin-bottom:10px;font-size:14px}.single .singleContainer .top .left .item .details .detailItem .itemKey{font-weight:700;color:gray;margin-right:7px}.single .singleContainer .top .left .item .details .detailItem .itemValue{font-weight:300}.single .singleContainer .top .right{flex:2}.single .singleContainer .bottom{-webkit-box-shadow:2px 4px 10px 1px rgba(0,0,0,.47);box-shadow:2px 4px 10px 1px #9e7146;padding:20px;margin:10px 20px}.single .singleContainer .title{font-size:16px;color:#2d545e9c;margin-bottom:20px}.new{width:100%;display:flex}.new .newContainer{flex:6}.new .newContainer .top,.new .newContainer .bottom{-webkit-box-shadow:2px 4px 10px 1px rgba(0,0,0,.47);box-shadow:2px 4px 10px 1px #9e7146;padding:10px;margin:20px;display:flex}.new .newContainer .top h1,.new .newContainer .bottom h1{color:#2d545e9c;font-size:20px}.new .newContainer .top .left,.new .newContainer .bottom .left{flex:1;text-align:center}.new .newContainer .top .left img,.new .newContainer .bottom .left img{width:100px;height:100px;border-radius:50%;object-fit:cover}.new .newContainer .top .right,.new .newContainer .bottom .right{flex:2}.new .newContainer .top .right form,.new .newContainer .bottom .right form{display:flex;flex-wrap:wrap;gap:27px;justify-content:space-around}.new .newContainer .top .right form .inputContainer,.new .newContainer .bottom .right form .inputContainer{width:40%}.new .newContainer .top .right form .inputContainer label,.new .newContainer .bottom .right form .inputContainer label{display:flex;align-items:center;gap:10px}.new .newContainer .top .right form .inputContainer label .inputImage,.new .newContainer .bottom .right form .inputContainer label .inputImage{cursor:pointer}.new .newContainer .top .right form .inputContainer input,.new .newContainer .bottom .right form .inputContainer input{width:100%;padding:5px;border:none;outline:none;border-bottom:1px solid #12343b;background-color:#e1b382}.new .newContainer .top .right form button,.new .newContainer .bottom .right form button{width:150px;padding:10px;border:none;background-color:#12343b;color:#fff;font-weight:700;cursor:pointer;margin-top:10px;transition:.3s all ease-in-out}.new .newContainer .top .right form button:hover,.new .newContainer .bottom .right form button:hover{background-color:transparent;color:#12343b;border:1px solid #12343b}.app{background:linear-gradient(135deg,rgba(225,179,130,.9058823529),rgba(200,149,102,.8823529412)),url(https://images.wallpaperscraft.com/image/single/desert_dunes_camel_153356_1280x1024.jpg) no-repeat center center/cover}.app.night{background:linear-gradient(135deg,rgba(45,84,94,0),rgba(18,52,59,0)),url(https://wallpapercave.com/wp/VCf1lhA.jpg) no-repeat center center/cover;color:#e1b382}.app.night .sidebar{background-color:#2d545e;border-right:.5px solid #12343b}.app.night .sidebar .logo{color:#e1b382}.app.night .sidebar hr{height:0;border:.5px solid #12343b}.app.night .sidebar .center span{color:#e1b382}.app.night .sidebar .center .icon{color:#cfa476}.app.night .sidebar .center li:hover{background-color:#12343b}.app.night .navbar{color:#cfa476;background-color:#2d545e;border-bottom:1px solid #12343b}.app.night .navbar .search{color:#e1b382}.app.night .table,.app.night .table .tabless{background-color:#2d545e}.app.night .table .tableCell{color:#70adbd}.app.night .chartGrid{stroke:#3c8496}.app.night .title{color:#cfa476}.app.night .widget,.app.night .progress{-webkit-box-shadow:2px 4px 10px 1px rgba(0,0,0,.603);box-shadow:2px 4px 10px 1px #2d545e}.app.night .progress .desc,.app.night .progress .summary .item .itemTitle{color:#e1b382}.app.night .chart,.app.night .listContainer{-webkit-box-shadow:2px 4px 10px 1px rgba(0,0,0,.603);box-shadow:2px 4px 10px 1px #2d545e}.app.night .listContainer .listTitle,.app.night .datatables .datatableTitle{color:#e1b382}.app.night .datatables .link{color:#70adbd;border:1px solid #70adbd}.app.night .datatables .viewButton{color:#e1b382;border:1px dotted #ddb891}.app.night .datatables .cellWithImg,.app.night .dataGrid{color:#70adbd}.app.night .single .left{-webkit-box-shadow:2px 4px 10px 1px rgba(0,0,0,.603);box-shadow:2px 4px 10px 1px #2d545e}.app.night .single .left .editButton{color:#70adbd;background-color:transparent;border:1px solid #70adbd}.app.night .single .left .item .details .itemTitle{color:#e1b3828f}.app.night .single .bottom,.app.night .new .newContainer .top,.app.night .new .newContainer .bottom{-webkit-box-shadow:2px 4px 10px 1px rgba(0,0,0,.603);box-shadow:2px 4px 10px 1px #2d545e}.app.night .new .newContainer .top h1,.app.night .new .newContainer .bottom h1{color:#e1b382}.app.night .new .newContainer .top button,.app.night .new .newContainer .bottom button{background-color:#aa8154;color:#fff}.app.night .new .newContainer .top button:hover,.app.night .new .newContainer .bottom button:hover{background-color:transparent;color:#aa8154;border:1px solid #aa8154}