.xr-grid {
    width: 100%;
    display: inline-block; 
    position: relative;
}
.xr-grid-head {
    margin-top: 45px;
    width: 100%;
    display: inline-block;
    min-height: 20px;
    padding-left: 2px;
    position: relative; 
    white-space:nowrap;
}
.xr-grid-body {
    width: 100%;
    display: inline-block;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 0px;
    border: solid 1px #808080;
    background-color: black;
}
.xr-grid-th {
    display: inline-block;
    vertical-align: top;
    padding: 3px; 
    max-height: 100%;
    min-height: 20px;
    height: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-right: 20px;
    font-size: 0.8em;
    vertical-align:bottom;
    color:aqua;
}

.xr-grid-tr {
    cursor:pointer;
    display: block;
    padding: 0px !important;
    width: calc(100% + 16px);
    margin: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    border-bottom: none;
    white-space: nowrap;
    background-color: black;
    color: white;
    min-height: 25px;
    max-height: 30px;
    overflow:hidden;
}
    .xr-grid-tr:focus-within {
        background-color: white;
        color: black;
    }
.xr-grid-pointer {
    width: 10px;
    background-color: transparent;
    border:none;
    display: inline-block;
    overflow-x: hidden;
    padding: 0px;
    outline:none;
}
.xr-grid-td {
    overflow-x: hidden;
    display: inline-block;
    vertical-align: top;
    padding: 0px;
    min-height: 35px;
    overflow: hidden !important;
}
.xr-grid-pointer-td {
    overflow-x: hidden;
    display: inline-block;
    vertical-align: top;
    padding: 0px; 
    overflow: hidden;
}
.xr-grid-search {
    position :absolute;
    top:2px;
    right:0px;
}
    .xr-grid-search input[type=search] {
        padding-top: 3px;
        padding-bottom: 3px;
    }
.xr-grid-title {
    position: absolute;
    top: 0px;
    left: 10px;
}
.xr-grid-pages {
    color: white;
    position:relative;
}
.xr-grid-notes {
    margin-top: 5px;
    background-color: black;
    border: solid 1px silver !important;
    padding:5px;
    min-height:100px;
    font-size:0.9em;
    color:lawngreen;
}
.xr-grid-pagediv {
    min-width: 30px;
    display: inline-block; 
    color: lawngreen;
    padding-left: 0px;
    padding-right: 0px;
}
.xr-grid-pageno {
    min-width: 15px;
    display: inline-block; 
    color: #dedede !important;
    cursor: pointer;
    padding-left: 2px;
    padding-right: 2px;
    border: solid 1px silver !important;
    margin:2px;
}
    .xr-grid-pageno:hover {
        border: solid 1px white !important;
        color: white !important;
    }
.xr-grid-pageno-disabled {
    color: dimgray !important;
    border: solid 1px dimgray !important;
    pointer-events: none;
    border: solid 1px black;
}
.xr-grid-pageno-selected {
    background-color: lawngreen !important;
    color: black !important;
    font-weight: bold;
    border: solid 1px lawngreen !important;
}
    .xr-grid-pageno-selected:hover {
        background-color: lawngreen !important;
        color: black !important;
        font-weight: bold !important;
    }
.xr-grid-pageno[page='prev'] {
    min-width: 60px;
}
.xr-grid-pageno[page='next'] {
    min-width: 60px;
}
.xr-grid-pageno[page='refresh'] {
    position: absolute;
    right: 0px;
}

.xr-grid-records {
    display: inline-block;
}
.xr-grid-recordno {
    display: inline-block;
    padding-left: 8px;
    padding-right: 8px;
}
.xr-grid-tr:focus-within > .xr-grid-td .xr-archived {
    color: black;
    background-color: forestgreen;
    width: 200% !important;
}
.xr-grid-tr:focus-within > .xr-grid-td .xr-i-printed {
    color: black;
    background-color: yellow;
    width: 200% !important;
}
.xr-grid-tr:focus-within > .xr-grid-td .xr-d-printed {
    color: black;
    background-color: unset;
    width: 200% !important;
}
.xr-grid-tr:focus-within > .xr-grid-td .xr-d-invoiced {
    color: black;
    background-color: yellow;
    width: 200% !important;
}
.xr-grid-tr:focus-within > .xr-grid-td .xr-column-green {
    color: white;
    background-color: green; 
}
.xr-grid-tr:focus-within > .xr-grid-td .xr-column-cyan {
    color: black;
    background-color: cyan; 
}
.xr-grid-exectime {
    position:absolute;
    right:50px;
    bottom:5px;
    color:aqua;  
    font-size:0.8em;
}