.pageResultContainer{
    width:100%;
}

.gridViewPageResultContainer3 {
    display: grid;
    /*grid-template-columns: minmax(80px, 100px) minmax(100px, auto) minmax(50px, auto);*/
    grid-template-columns: minmax(80px, 100px) fit-content(330px) minmax(100px, 3fr) minmax(100px, 1fr);
    grid-template-rows: auto;
    grid-gap: 0px;
}

    .gridViewPageResultContainer3 .gridItem {
        font-size: 1.1em;
        font-weight: 400;
        padding: 5px;
    }
    

    .gridViewPageResultContainer3 .tmsg {
        font-size: 1.5em !important;
        font-weight: 600;
    }

    .gridViewPageResultContainer3 .bglightgray {
        background-color: #E5E5E5;
        
    }

    .gridViewPageResultContainer3 .bgError {
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1;
        padding-left: 10px;
    }


    .gridViewPageResultContainer3 .bgSuccess {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #d6e9c6;
        padding-left: 10px;
    }

    .gridViewPageResultContainer3 .bgInfo {
        color: #31708f;
        background-color: #d9edf7;
        border-color: #bce8f1;
        padding-left: 10px;
    }

    .gridViewPageResultContainer3 .bgWarning {
        color: #8a6d3b;
        background-color: #fcf8e3;
        border-color: #faebcc;
        padding-left: 10px;
    }

    .gridViewPageResultContainer3 .bgDebug {
        color: #363737; /* dark grey */
        background-color: #CF9FFF; /* light violet */
        border-color: #faebcc;
        padding-left: 10px;
    }

    /*Added on public site to render result grid correctly. May 2024 */

    .gridViewPageResultContainer3 .cardHeaderBlue, .cardFooterBlue {
        background-color: #6D8AB1 !important;
        color: white !important;
        height: 30px !important;
    }

    .gridViewPageResultContainer3 .cardFooterWhite {
        background-color: white !important;
    }

    .gridViewPageResultContainer3 .customCardHdr {
        background-color: #6D8AB1 !important;
        color: white !important;
    }

@media only screen and (max-width: 1500px) {
    .pageResultContainer {
        width: 100%;
        padding-left: 5px;
        padding-right: 5px;
    }

    .gridViewPageResultContainer3 {
        display: grid;
        grid-template-columns: min-content minmax(100px, auto) minmax(50px, auto);
        font-size: 1.0em !important;
    }
        .gridViewPageResultContainer3 .gridItem {
            font-size: 1.0em;
            font-weight: 400;
            padding: 5px;
        }

       
}