html, body {
    height: 100%;
}
.bg-gray {
    background-color: #636464;
}
.bg-gray-500 {
    background-color: var(--bs-gray-500) !important;
}

label.required:before {
    content: "* ";
    color: var(--bs-danger);
}

.text-custom-critical {
    color: var(--bs-danger);
}

.text-custom-high {
    color: var(--bs-warning);
}

.text-custom-medium {
    color: var(--bs-info);
}

.priority-dropdown {
    position: static;
}

.custom-check-danger:checked {
    background-color: var(--bs-danger);
    border-color: var(--bs-danger);
}

.potentially-really-long-text {
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-all;
}

/* LANDING */

.cover-container {
    max-width: 42em;
}

/* LANDING - Header */

.nav-masthead .nav-link {
    padding: .25rem 0;
    font-weight: 700;
    color: rgba(255, 255, 255, .5);
    background-color: transparent;
    border-bottom: .25rem solid transparent;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
    border-bottom-color: rgba(255, 255, 255, .25);
}

.nav-masthead .nav-link + .nav-link {
    margin-left: 1rem;
}

.nav-masthead .active {
    color: #fff;
    border-bottom-color: #fff;
}

/*
[data-customer-marking='open']  td {
    color: var(--bs-secondary) !important;
}
*/

/* marking indicators */
.bi.bi-circle-fill {
    &.mark-new {
        color: var(--bs-secondary);
    }
    &.mark-open {
        color: var(--bs-primary);
    }
    &.mark-lead {
        color: var(--bs-success);
    }
    &.mark-closed {
        color: var(--bs-warning)
    }
    &.mark-disabled {
        color: var(--bs-danger)
    }
}