@font-face {
    font-family: 'Roboto';
    font-style: auto;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url("/font/Roboto-VariableFont_wdth,wght.ttf") format("truetype");
}

@font-face {
    font-family: 'Roboto Mono';
    font-style: auto;
    font-weight: 100 700;
    font-display: swap;
    src: url("/font/RobotoMono-VariableFont_wght.ttf") format("truetype");
}

body {
    font-family: Roboto, sans-serif !important;
    font-weight: unset;
    font-size: 16px;
}

.extra-body-bg {
    background-color: #212529;;
}

a, .link {
    color: #007bff;
    text-decoration: none;
}

.font-monospace {
    font-family: "Roboto Mono", sans-serif !important;
}

.btn {
    font-family: "Roboto Mono", sans-serif !important;
}

.cursor-pointer {
    cursor: pointer;
}

.edit-member-form {
    max-width: 500px;
}

.primary-entity-form {
}

.primary-entity-form select {
}

.primary-entity-form .form-text {
}

.primary-entity-form input[type=text] {
}

.parent-task-select-root {
    background-color: whitesmoke;
}

.parent-task-option-outer {
    background-color: white;
    border-right: 10px solid whitesmoke;
    cursor: pointer;
}

.parent-task-option-outer:hover {
    background-color: lightgray;
    padding-right: 0;
    border-right: 0;
    border-left: 10px solid whitesmoke;
}

.parent-task-select-option {
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    margin-left: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 16px;
    max-height: 2.25em;
    line-height: 2.25em;
    white-space: nowrap;
}

.parent-task-select-option:hover {
    margin-left: 0;
    margin-right: 10px;
}

.btn {
    text-align: left;
}

.btn svg {
    height: 1.5em;
    display: inline;
    vertical-align: top;
}

.btn span {
    vertical-align: top;
}

.btn b {
    vertical-align: middle;
}

pre {
    max-width: 100%;
    white-space: pre-wrap;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    margin-bottom: 0;
    word-break: break-word;
}

.offcanvas .error-msg {
    font-size: 25px;
}

.svg-icon svg {
    height: 1em;
}

.font-size-0 {
    font-size: 0;
}