.table-container {
    display: inline-block; /* shrink wrap content */
    border-top: 1px solid #6aa4d4; /* obout borders */
    border-bottom: 3px solid #6aa4d4;
    border-left: 3px solid #6aa4d4;
    border-right: 3px solid #6aa4d4;
}

.grid-style {
    width: 700px;
    margin-bottom: 0px !important;
    border-collapse: collapse;
}

.table {
    --bs-table-bg: transparent !important; /* override the bootstrap .table */
}

.grid-style td {
    /*padding-left: 20px !important;*/
    margin-right: 3px !important;
    font-family: Verdana;
    font-size: 10px;
    font-weight: normal;
    color: #445c76 !important;
}

.grid-style th {
    /*padding-left: 20px !important;*/
    text-align: center;
    margin-right: 3px !important;
    font-family: Tahoma; /* de stijl van obout */
    font-size: 10px;
    font-weight: bold;
    color: #5C6455 !important;
    /*background: #424242 url(Styles/grd_head.png) repeat-x top; */
}

.grid-style .hdr {
    background-image: url("header.gif");
    background-repeat: repeat-x;
    background-position: top;
    height: 26px;
}

.grid-style .pgr {
    /*background-color: transparent !important;*/ /* override bootstrap .table */
    /*background: #424242 url(Styles/grd_pgr.png) repeat-x top;*/
    /*background-image: url("Styles/grd_pgr.png");*/
    background-image: url("footer.gif");
    background-repeat: repeat-x;
    background-position: top;
    /*border-width: 0;*/
    height: 26px;
    /*border-top: 1px solid #B4C2AB !important;*/
    position: relative;
}

.grid-style .ftr {
}

.grid-style > :not(caption) > * > * {
    box-shadow: none;
    background-color: transparent;
}

.grid-style .pgr table {
    margin: 5px 0;
}

.grid-style .pgr td {
    /*border-width: 0;*/
    padding: 0 4px;
    /*border-left: solid 1px #666;*/
    font-weight: bold;
    /*line-height: 12px;*/
}

.grid-style .pgr a {
    color: #fff;
    text-decoration: none;
}

    .grid-style .pgr a:hover {
        color: #000;
        text-decoration: none;
    }

/* Optional: make row cursor pointer for click */
.clickable-row {
    cursor: pointer;
}