/* Move down content because we have a fixed navbar that is 50px tall 

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

*/

html, body, form {
    margin: 0 !important;
    padding: 0 !important;
}

body {
    padding-top: 0 !important;
}

.navbar.fixed-top {
    top: 0 !important;
    position: fixed;
    z-index: 1030;
}

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

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

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }
    .body-content {
        padding: 0;
    }
}
/* Mimic Access style grid */
.access-style-grid {
    font-family: Consolas, "Courier New", monospace;
    font-size: 13px;
    border-collapse: collapse;
    width: 100%;
    table-layout: auto;
}

    .access-style-grid th,
    .access-style-grid td {
        border: 1px solid #ccc;
        padding: 3px 6px;
        white-space: nowrap; /* Prevent text wrapping */
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 200px;
    }

        .access-style-grid td:hover {
            background-color: #eef;
            cursor: pointer;
        }

    .access-style-grid th {
        background-color: #343a40;
        color: white;
        font-weight: bold;
        text-align: left;
    }

.gridview td {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .gridview td:hover {
        overflow: visible;
        white-space: normal;
        z-index: 9999;
        position: relative;
        background-color: #fff;
    }


.access-style-grid th a {
    all: unset;
    color: white !important;
    font-weight: bold;
    cursor: pointer;
}

    .access-style-grid th a:hover {
        color: #ccc !important;
        text-decoration: underline;
    }

select.readonly-dropdown.form-control {
    pointer-events: none !important;
    background-color: #e9ecef !important;
    color: #6c757d !important;
    cursor: not-allowed !important;
}

.page-title {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: black; /* keeps it black */
    margin: 0;
}

.chk-label-space label {
    font-weight: normal;
    font-size: 1.25rem; /* optional: softens the look */
}
    .chk-label-space input {
        margin-right: 5px; /* keeps spacing between box and label */
    }