.performance-report-sub-container {
    margin-top: 10px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}

.performance-count-container {
    margin-top: 5px;
}

/* @media (max-width: 1340px) {
    .performance-exception-report-sub-container {
        margin-top: 10px;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
    }

    .performance-count-container {
        margin-top: 5px;
    }
}

@media (min-width: 1340px) {
    .performance-exception-report-sub-container {
        margin-top: 10px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-direction: row;
    }

    .performance-count-container {
        margin-left: 10px;
    }
} */



@media (max-width: 1500px) {

    .performance-all-graphs-container {
        flex-direction: column;
    }

    .performance-graphs-section-left-container {
        flex-direction: column;
    }

    .performance-graphs-section-right-container {
        flex-direction: column;
        margin-top: 10px;
    }

    .performance-graph-space-left {
        margin-right: 0px;
    }

    .performance-graph-space-right {
        margin-left: 0px;
    }

    #pg1 {
        display: flex;
        justify-content: center;
        align-items: center;
        /* background-color: pink; */
        height: 350px;
        
    }

    #performance-graph-1 {
        max-width: 260px;
        height: 300px;
    }
}

@media (min-width: 1500px) {
    .performance-all-graphs-container {
        flex:1;
        display: flex;
        flex-direction: row;
        height: 100%;
        width: 100%;
    }

    .performance-graphs-section-left-container {
        width: 25%;
    }

    .performance-graphs-section-right-container {
        display: flex;
        flex-direction: column;
        width: 75%;
        height: 455px;
    }

    .performance-graph-space-left {
        margin-right: 5px;
    }

    .performance-graph-space-right {
        margin-left: 5px;
    }

    .performance-graph-container {
        width: 100%;
    }

    #pg1 {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 455px;
    }

    #performance-graph-1 {
        display: flex;
        justify-content: center;
        align-items: center;
        max-width: 260px;
        width: 100%;
        height: 250px;
    }

}

@media print{
    #performance_filters {
        display: none !important;
    }

    #pg1 {
        margin-top: 90px;
        margin-left: 150px;
    }

    #performance-graph-1 {
        scale: 100%;
    }

    #performance-graph-2 {
        scale: 80%;
    }

    #performance-graph-3 {  
        scale: 90%
    }

    #performance_detail_text {
        display: none !important;
    }

    #performance-all-count-div {
        display: inherit !important;
    }

    #performance-count-container {
        display: inherit !important;
        -webkit-print-color-adjust: exact;
        color-adjust: exact;
    }
}