@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
html,
body {
    height: 100%;
    font-family: 'Inter', sans-serif;
    letter-spacing: -0.5px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    display: flex;
    flex-direction: column;
    /* Match .content: column flex items default to min-width:auto and can widen with wide descendants. */
    min-width: 0;
}

.nowrap {
    white-space: nowrap;
}

.invert {
    filter: invert(42%) sepia(93%) saturate(1352%) hue-rotate(87deg) brightness(119%) contrast(119%);
}

.elipses-overflow {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.left {
    text-align: left
}

.center {
    text-align: center
}

.right {
    text-align: right
}

.content {
    flex: 1 0 auto;
    /* Allow shrinking below min-content so wide tables / vw-based widths do not widen body (fixes horizontal scroll + nav white strip). */
    min-width: 0;
}

.htmx-indicator {
    visibility: hidden;
    opacity: 0;
    transition: opacity 500ms ease-in;
}

.invert {
    filter: invert(42%) sepia(93%) saturate(1352%) hue-rotate(87deg) brightness(119%) contrast(119%);
}

.htmx-indicator.htmx-request {
    visibility: visible;
}

.site-footer {
    flex-shrink: 0;
}

.form-group {
    margin-bottom: 16px;
}

a {
    text-decoration: none !important;
    cursor: pointer;
}

.btn-link {
    text-decoration: none !important;
    cursor: pointer;
}

.djhj-button {
    color: black;
}

.badge {
    font-weight: 400;
}

.pointer {
    cursor: pointer !important;
}

.bg-success-trans:not(.active) {
    background-color: rgba(25, 135, 84, 0.3) !important;
    border: rgba(25, 135, 84, 0.8) !important;
}

.bg-secondary-trans:not(.active) {
    background-color: rgba(91, 99, 106, 0.3) !important;
    border: rgba(91, 99, 106, 0.8) !important;
}

.bg-primary-trans:not(.active) {
    background-color: rgba(11, 93, 214, 0.3) !important;
    border: rgba(11, 93, 214, 0.8) !important;
}

.bg-primary-trans-50:not(.active) {
    background-color: rgba(11, 93, 214, 0.5) !important;
    border: rgba(11, 93, 214, 1) !important;
}

.bg-primary-trans-70:not(.active) {
    background-color: rgba(11, 93, 214, 0.7) !important;
    border: rgba(11, 93, 214, 1) !important;
}

.bg-primary-trans-10:not(.active) {
    background-color: rgba(11, 93, 214, 0.1) !important;
    border: rgba(11, 93, 214, 0.4) !important;
}

.bg-info-trans:not(.active) {
    background-color: rgba(13, 202, 240, 0.3) !important;
    border: rgba(13, 202, 240, 0.8) !important;
}

.bg-warning-trans:not(.active) {
    background-color: rgba(255, 193, 7, 0.3) !important;
    border: rgba(255, 193, 7, 0.8) !important;
}

.bg-warning-trans-50:not(.active) {
    background-color: rgba(255, 193, 7, 0.5) !important;
    border: rgba(255, 193, 7, 1) !important;
}

.bg-warning-trans-70:not(.active) {
    background-color: rgba(255, 193, 7, 0.7) !important;
    border: rgba(255, 193, 7, 1) !important;
}

.bg-danger-trans:not(.active) {
    background-color: rgba(220, 53, 69, 0.3) !important;
    border: rgba(220, 53, 69, 0.8) !important;
}

.bg-danger-trans-10:not(.active) {
    background-color: rgba(220, 53, 69, 0.1) !important;
    border: rgba(220, 53, 69, 0.8) !important;
}

.bg-danger-trans-50:not(.active) {
    background-color: rgba(220, 53, 69, 0.5) !important;
    border: rgba(220, 53, 69, 0.8) !important;
}

.btn-bg-grey:not(.active) {
    background-color: rgba(148, 148, 148, 0.5) !important;
    border: rgba(148, 148, 148, 0.8) !important;
}

.fa-blk:not(.active) {
    color:black !important;
}

.bg-dark-trans:not(.active) {
    background-color: rgba(33, 37, 41, 0.3) !important;
    border: rgba(33, 37, 41, 0.8) !important;
}

.generic_modal_body_dropdown {
    z-index: 10050;
}

.btn-xs {
    padding: 2px 2px;
    font-size: 11px;
    line-height: 1.2em;
}

#page_load_indicator {
    height: 20%;
    width: 20%;
    position: fixed;
    top: 40%;
    left: 40%;
    z-index: 10000;
}