.gridSkeleton .skeletonHeader {
    height: 40px;
}

.gridSkeleton .skeletonChart {
    width: 100%;
    height: 150px;
    border-radius: 16px;
}

.gridOskele .skeletonChart{
    width: 100%;
    height: 250px;
    border-radius: 16px;
}

.gridOskele .card{
    border-radius: 16px;
}
.gridSkeleton .skeletonFooter {
    height: 32px;
}

.gridSkeleton .skeletondiv {
    height: 100px;
    border-radius: 10px;

}

.gridSkeleton .skeletondiv-lg {
    height: 300px;
    border-radius: 10px;

}

.skeletoncard .card{
    height: 150px;
    width: 200px;
    border-radius: 10px;
}

.productionChart .cardA{
    width: 500px;
    height: 30px;
}
.productionChart .cardB{
    width: 100%;
    height: 300px;
}
.productionChart .cardC{
    width: 100%;
    height: 40px;
}
.productionChart .cardD{
    width: 100%;
    height: 12px;
}

.utilizationReportLoader .cardA{
    width: 100%;
    height: 200px;
}
.utilizationReportLoader .cardB{
    width: 100%;
    height: 630px;
}

.sixLoss .aCard{
    height: 300px;
    width: 50%;
    border-radius: 8px;
}
.sixLoss .bCard{
    height: 300px;
    width: 100;
    border-radius: 8px;
}
.sixLoss .cCard{
    height: 605px;
    width: 100;
    border-radius: 8px;
}
.sixLoss .loading {
    position: relative;
    background-color: #f1f1f1;
    overflow: hidden;
}

.downtimeReport .cardA{
    width: 100%;
    height: 300px;
}
.downtimeReport .cardB{
    width: 100%;
    height: 100px;
}
.downtimeReport .cardC{
    width: 100%;
    height: 30px;
}
.downtimeReport .cardD{
    width: 100%;
    height: 600px;
}

.loading {
    position: relative;
    background-color: #f1f1f1;
    overflow: clip;
}

.loading::after {
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    background-color: #f1f1f1;
    background: linear-gradient(90deg, transparent,
  rgba(255, 255, 255, 0.5), transparent);
    animation: loading 0.8s linear infinite; 
    overflow: clip;
}

@keyframes loading {
    100%{
        transform: translateX(100%);
    }
}