html, body {
    /* Important options for layout of all pages */
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    height: 100%;
}

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

/* Override Gentelella defaults for small buttons, to stop them messing up table row heights */
.btn-xs {
    padding-bottom: 0px;
    margin-top: 2px;
    margin-bottom: 0px;
    margin-right: 0px;
}

/* Styling for form buttons placed in the sidebar footer button bar */
.btn-sidebar-footer {
    color: #73879C;
    margin-bottom: 0px;
    background: #172D44;
}

/* Change the Gentelella active sidebar menu element default colour */
.nav.side-menu > li.active {
    border-right-color: #337ab7;
}

.nav-sm > li.active-sm {
    border-right-color: #337ab7;
}

.nav-sm .nav.child_menu li.active, .nav-sm .nav.side-menu li.active-sm {
    border-right-color: #337ab7;
}

a {
    text-decoration: none;
    --bs-link-color-rgb: #000000;
}

.tight-ol-well {
    padding-top: 0px !important;
    padding-left: 5px !important;
    padding-bottom: 0px !important;
    padding-right: 5px !important;
    margin-bottom: 0px !important;
}

.emphasize-action {
    color: #000000;
    font-weight: bold;
}

td span {
    line-height: 20px;
}

.input-wide {
    max-width: none;
}

.no-resize {
    resize: none;
}

.dl-horizontal dt {
    text-align: left;
}

.clickable {
    cursor: pointer;
}

.glyphicon-none:before {
    content: "\2122";
    color: transparent !important;
}

.homepage-button {
    background: #73879C;
    border: 10px solid #337ab7;
    padding: 20px;
    border-radius: 15px;
}


/* Ensure bootstrap tooltips can extend as large as possible to show more info */
.tooltip-inner {
    max-width: none;
    white-space: nowrap;
}

.text-monospace {
    font-family: monospace;
}

.vertical-space-small {
    padding-top: 5px;
}

.vertical-space {
    padding-top: 20px;
}

.vertical-space-large {
    padding-top: 40px;
}

.width-100-percent {
    width: 100% !important;
}

.table-selectable tbody tr {
    cursor: pointer;
}

.text-large {
    font-size: larger;
}

.no-bullets {
    list-style-type: none;
}

.padding-20 {
    padding: 20px;
}

.white-space-pre {
    white-space: pre-wrap;
}

.alert-small {
    display: inline-block;
}

.text-left-important {
    text-align: left !important;
}

.btn-huge {
    padding-top: 15px;
    padding-bottom: 15px;
}

.font-bold {
    font-weight: bold;
}

.margin-space-left {
    margin-left: 10px;
}

td.wrap-content {
    white-space: normal;
}


/* Keep growing the Bootstrap container XL for extra wide screens */
@media (min-width: 1600px) {
    .container-xl {
        max-width: 1320px;
    }
}

@media (min-width: 1800px) {
    .container-xl {
        max-width: 1740px;
    }
}


/* Keep growing the Bootrap modal XL for extra wide screens */
@media (min-width: 1600px) {
    .modal-xl {
        --bs-modal-width: 1320px;
    }
}