.card-box{width:100%;flex-wrap:wrap;row-gap:15px;padding:1%;transition:all .3s ease}.card-box,.card-box .card-info{display:flex;justify-content:space-between}.card-box .card-info{flex-direction:column;gap:10px;cursor:pointer}.card-info .viewmore-icon{display:flex;gap:1%}.card-info .card-title{font-size:large}.card-page-link{text-decoration:none;color:inherit}.card-1{flex-basis:24%;display:flex;flex-direction:column;justify-content:space-between;padding:1% 2%;box-shadow:0 4px 10px rgba(0,0,0,.2);border-radius:5px;min-height:100px;background:#f1c157}.card-1 .card-info{width:100%;border-top:1px solid #f0efef;padding:5% 5% 3% 0}.card-1 .card-header{width:100%;padding:1% 5% 5% 0;align-items:center}.card-1 .card-header,.card-2{display:flex;justify-content:space-between}.card-2{flex-basis:24%;flex-direction:column;padding:1% 2%;box-shadow:0 4px 10px rgba(0,0,0,.2);border-radius:5px;min-height:100px;background:#0087fe96}.card-2 .card-info{width:100%;border-top:1px solid #f0efef;padding:5% 5% 3% 0}.card-2 .card-header{width:100%;padding:1% 5% 5% 0;display:flex;justify-content:space-between;align-items:center}.card-box .percentage{padding:1%}.card-3{flex-basis:24%;display:flex;flex-direction:column;justify-content:space-between;padding:1% 2%;box-shadow:0 4px 10px rgba(0,0,0,.2);border-radius:5px;min-height:100px;background:#c4561677}.card-3 .card-info{width:100%;border-top:1px solid #f0efef;padding:5% 5% 3% 0}.card-3 .card-header{width:100%;padding:1% 5% 5% 0;align-items:center}.card-3 .card-header,.card-4{display:flex;justify-content:space-between}.card-4{flex-basis:24%;flex-direction:column;padding:1% 2%;box-shadow:0 4px 10px rgba(0,0,0,.2);border-radius:5px;min-height:100px;background:#64b872}.card-4 .card-info{width:100%;border-top:1px solid #f0efef;padding:5% 5% 3% 0}.card-4 .card-header{width:100%;padding:1% 5% 5% 0;display:flex;justify-content:space-between;align-items:center}.card-header .card-icon{display:flex;justify-content:center;align-items:center;padding:5%;background:#f0efef;border-radius:50%}@media (max-width:1450px){.card-1,.card-2,.card-3,.card-4{flex-basis:49%}}@media (max-width:768px){.card-box{display:flex;flex-direction:column;padding:1%;gap:20px}.card-box .card-1{width:100%;padding:1% 2%}.card-box .card-2,.card-box .card-3,.card-box .card-4{width:100%}.card-1 .percentage,.card-2 .percentage,.card-3 .percentage{font-size:17px;padding:1%}}.pending-tasks-main-box{width:68%;padding:1%;display:flex;flex-direction:column;justify-content:space-between;gap:1%;box-shadow:0 4px 10px rgba(0,0,0,.2);height:47vh;border-radius:5px;transition:all .3s ease}.pending-tasks-main-box .pending-tasks-box{width:100%;display:flex;flex-direction:column;height:60%}.pending-tasks-main-box .pending-tasks-subtitles{width:100%;display:flex;justify-content:space-between}.pending-tasks-subtitles .pending-tasks-header-title{width:40%;padding:1%}.pending-tasks-subtitles .pending-tasks-header-name{width:35%;padding:1%}.pending-tasks-subtitles .pending-tasks-header-priority{width:20%;padding:1%;text-align:center}.pending-tasks-box .pending-tasks{width:100%;display:flex;justify-content:space-between;border-bottom:1px solid #d8d2d2}.pending-tasks-box .pending-tasks-id{width:40%;padding:1%}.pending-tasks-box .pending-tasks-name{width:35%;padding:1%}.pending-tasks-box .pending-tasks-title{width:20%;padding:1%;text-align:center}.pending-tasks-main-box .pending-tasks-botton-box{width:100%;display:flex;justify-content:flex-end;margin:1% 0}.pending-tasks-main-box .pending-tasks-botton{display:flex;gap:10px;align-items:center;margin-right:10px}@media (max-width:768px){.pending-tasks-main-box{width:100%;padding:2%}}.employee-leave-box{width:30%;display:flex;flex-direction:column;justify-content:space-between;gap:2%;padding:1%;box-shadow:0 4px 10px rgba(0,0,0,.2);border-radius:5px;height:47vh;transition:all .3s ease}.employee-leave-box .employee-leave-box-items{width:100%;padding:1%;display:flex;flex-direction:column;justify-content:space-around;height:90%;gap:10px;overflow:auto;border-radius:1%}.employee-leave-box .employee-leave-box-item{width:100%;border:1px solid #dad4d4;padding:3%;display:flex;justify-content:space-between;align-items:center;border-radius:5px}.employee-leave-box-item .employee-leave-item-details{width:65%;display:flex;gap:5%;padding:1%;align-items:center;overflow:auto}.employee-leave-item-details .img{border-radius:50%}.employee-leave-item-details .avatar-name{padding:20%;font-size:small}.employee-leave{width:33%;text-align:end}@media (max-width:768px){.employee-leave-box{width:100%;gap:10px}.employee-leave-box-header{padding:1%}}.chart-main-box{width:100%;display:flex;gap:2%;padding:1%}.chart-main-box .expenses-chart-box{display:flex;flex-direction:column;width:50%;box-shadow:0 4px 10px rgba(0,0,0,.2);border-radius:5px;margin:0 auto;min-height:420px}.expenses-chart-box .expenses-chart-box-header{padding:2%}.expenses-chart-box .expenses-chart{margin:0 auto;padding:1% 0 2%}@media (max-width:950px){.chart-main-box .expenses-chart-box{width:80%}}@media (max-width:768px){.chart-main-box{display:flex;flex-direction:column;gap:1%}.chart-main-box .expenses-chart-box{width:100%}}@media (max-width:390px){.expenses-chart-box .expenses-chart{margin-right:20px}}.empty-data-lable{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.dashboard{width:100%;border-radius:5px;padding:2%;display:flex;flex-direction:column;margin:0 auto;gap:10px}.dashboard .pendingtasks-employeeleave-box{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1%}@media (max-width:768px){.dashboard .pendingtasks-employeeleave-box{display:flex;flex-direction:column;gap:20px}}@media (max-height:665px){.employee-leave-box,.pending-tasks-main-box{height:60vh}}@media (max-height:550px){.employee-leave-box,.pending-tasks-main-box{height:75vh}}@media (max-height:520px){.employee-leave-box,.pending-tasks-main-box{height:80vh}}@media (max-height:435px){.employee-leave-box,.pending-tasks-main-box{height:90vh}}.MuiBox-root{transition:all .3s ease}.MuiGrid-container{margin-top:0!important}