.banner-report{
    height: 501px;
    background: #404040;
    padding: 40px;
    color: #fff;
}
.text-gray-dark{
    color: #404040 !important;
}
.font-46{
    font-size: 46px;
}
.padding-47{
    padding: 47px;
}
.padding-29{
    padding: 29px;
}
.chart{
    height: 404px;
}
.db-box-container::-webkit-scrollbar{
    display: none;
}
.chart-card{
    margin-top: -278px;
}
.chart-card h4 {
    margin-bottom: 40px !important;
}
.db-grid-head {
    padding: 10px 10px !important;
}
.category-code{
    display: table-cell;
}
.db-box-container {
    width: 100%;
    overflow: auto !important;
}
.db-grid-item{
    font-size: 14px !important;
}

@media screen and (max-width:991px){
    
    .db-grid-item {
        font-size: 16px !important;
    }
    .chart-card {
        margin-top: 0px;
    }
    .mb-32{
        margin-bottom: 16px !important;
    }
    .banner-report h1{
        font-size: 36px !important;
    }
    .padding-47{
        padding: 32px 24px !important;
    }
    thead {
        display:  table-header-group !important;
    }
    .category-code{
        display: none;
    }
    table{
        overflow: auto;
    }
}
@media screen and (max-width:576px){
    .banner-report {
        height: 316px;
        padding: 32px 16px;
    }
    .banner-report h1 {
        font-size: 34px !important;
    }
    .padding-47 {
        padding: 32px 16px !important;
    }
    .chart{
        height: 202px;
    }
    .db-box-container {
        width: 100%;
        overflow: auto !important;
    }
}