html {
    font-size: 14px;
    position: relative;
    min-height: 100%;
}

body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/*a:link { color: red;}*/

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}



body.waiting * {
    cursor: progress;
}

/*remove the anchor underscore.*/
a {
    text-decoration: none;
}

/*need to be carful of use and try in different browsers*/
.sticky-header {
    border-collapse: separate;
    border-spacing: 0;
}

    .sticky-header > thead {
        position: sticky;
        top: 0;
        border: none; /*used to overwrite bad global style*/
        border-top: 1px solid lightgray;
        z-index: 5;
    }
        .sticky-header > thead > tr > th {
            position: sticky;
            top: 0;
            border: none; /*used to overwrite bad global style*/
            border-top: 1px solid lightgray;
            border-bottom: 2px solid #004899 !important;
            border-right: 1px solid lightgray;
        }
        /*.sticky-header > thead > tr > th,*/
        .sticky-header > tbody > tr > td {
            border: none; /*used to overwrite bad global style*/
            border-bottom: 1px solid black;
            border-right: 1px solid black;
        }
    .sticky-header > thead > tr > th:first-child {
        border: none; /*used to overwrite bad global style*/
        border-left: 1px solid lightgray;
        border-bottom: 2px solid #004899;
        border-right: 1px solid lightgray;
    }
            .sticky-header > tbody > tr > td:first-child {
                border: none; /*used to overwrite bad global style*/
                border-left: 1px solid black;
                border-bottom: 1px solid black;
                border-right: 1px solid black;
            }

.panel-body {
    padding: 5px;
}

.panel {
    margin-bottom: 10px;
}

.panel-body .row {
    margin-left: -5px;
    margin-right: -5px;
}

.resizable {
    resize: vertical;
    overflow-y: auto;
}
    /*this style unsets max height if an element with the  class resizable has any height set which happens
    when the resize drag click happens which is just nice css magic!
*/
    .resizable[style*="height"] {
        max-height: unset;
    }

label {
    margin-bottom: 0px;
}


.dnr-panel {
    min-width: 100%;
    width: fit-content;
    width: -moz-fit-content;
    width: -webkit-fit-content;
}

.panel-fit {
    max-width: 100%;
    /*overflow-x: auto;*/
}

body.waiting * {
    cursor: progress;
}
/* This css is useful for things like search results where we want table responsive behavior AND sticky headers to work.*/
/*To be applied to div encapsulating table with sticky header*/
.dnr-table-responsive-for-sticky {
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    overflow: auto;
    /*resize: vertical;*/
    max-height: 80vh; /*By making max height less than viewport, the sticky-header will work on the table*/
    scrollbar-width: auto;
    scrollbar-color: black lightgrey;
    scrollbar-gutter: stable both-edges;
}

@media print {
    .dnr-table-responsive-for-sticky {
        margin-top: 10px;
        margin-left: 10px;
        margin-right: 10px;
        /*overflow: auto;*/
        height: auto;
        max-height: none;
        /*resize: vertical;*/
        scrollbar-width: auto;
        scrollbar-color: black lightgrey;
        scrollbar-gutter: stable both-edges;
    }

    .panel-fit {
        max-width: auto;
    }
}