.stage-report-page {
    padding: 0 30px !important;
    box-sizing: border-box;
}
.stage-report-page [hidden] {
    display: none!important
}
.stage-report-page .sr-filters {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 10px
}
.stage-report-page .sr-filters label {
    width: 160px;
    margin: 0
}
.stage-report-page .sr-filters .form-control {
    width: 100%;
    font-size: 12px
}
.stage-report-page .sr-status {
    margin: 15px 0;
    overflow-wrap: anywhere
}
.stage-report-page h4 {
    font-size: 16px;
    margin: 20px 0 10px
}
.stage-report-page #srChartWrap {
    border: 1px solid #ebebeb;
}
.stage-report-page .sr-chart {
    width: 100%;
    min-width: 0;
    height: 340px;
}
.stage-report-page .table {
    min-width: 880px;
    margin-bottom: 0
}
.stage-report-page .table th {
    background: #f8f8f8;
    font-weight: normal;
    color: #4f5c65
}
.stage-report-page .table td {
    white-space: nowrap
}
.stage-report-page .sr-pager {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 10px 0 20px
}
.stage-report-page .sr-help {
    margin-top: 20px
}
.stage-report-page .sr-help summary {
    cursor: pointer
}
.stage-report-page .sr-help p {
    line-height: 1.8;
    margin-top: 10px
}
@media(max-width: 767px) {
    .stage-report-page {
        padding: 0 10px!important
    }
    .stage-report-page .sr-filters label {
        width: calc(50% - 5px)
    }
    .stage-report-page .sr-pager {
        font-size: 12px
    }
    .stage-report-page .panel-body {
        padding: 12px
    }
    .stage-report-page .navbar-brand {
        font-size: 16px
    }
}
@media(max-width: 767px) {
    .stage-report-active #main-container {
        margin-left: 0!important;
        left: 0!important;
        min-width: 0!important;
        width: 100%;
        transition: none
    }
    .stage-report-active aside {
        display: none
    }
    .stage-report-active .stage-report-page {
        width: auto;
        min-width: 0!important;
        box-sizing: border-box
    }
}

.stage-report-page .sr-list-heading { display:flex; align-items:center; justify-content:space-between; margin:15px 0 10px; }
.stage-report-page .sr-list-heading h4 { margin:0; }
.stage-report-page .sr-sort { border:0; padding:0; background:transparent; color:inherit; font:inherit; cursor:pointer; }
.stage-report-page th[aria-sort="ascending"] .sr-sort::after { content:" ▲"; }
.stage-report-page th[aria-sort="descending"] .sr-sort::after { content:" ▼"; }
.stage-report-page #srMoreFilters { width:100%; }
.stage-report-page #srMoreFilters summary { cursor:pointer; }
.stage-report-page .sr-more-fields { display:flex; gap:10px; flex-wrap:wrap; padding-top:10px; }
.stage-report-page .sr-anomaly { margin-left:4px; }

.stage-report-active #main-container {
    transition: none !important;
    -webkit-transition: none !important;
}

#data-analysis-nav.analysis-mobile-nav { margin: 0 10px 10px; background: #fff; border: 1px solid #d6d6d6; }
#data-analysis-nav.analysis-mobile-nav > .analysis-nav-title { display: block; padding: 8px 12px; color: #4f5c65; font-size: 14px; border-bottom: 1px solid #eee; }
#data-analysis-nav.analysis-mobile-nav > ul { display: flex; margin: 0; padding: 0; list-style: none; overflow-x: auto; }
#data-analysis-nav.analysis-mobile-nav li { flex: 1 0 auto; min-width: max-content; white-space: nowrap; text-align: center; }
#data-analysis-nav.analysis-mobile-nav li > a { display: block; padding: 12px 10px; font-size: 16px; color: #4f5c65; border-bottom: 2px solid transparent; }
#data-analysis-nav.analysis-mobile-nav li.active > a { border-bottom-color: #55a4ed; color: #298bd3; }