* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

h3 {
    margin: 0.5em 0;
}

html, body {
    font-size: 15px;
    overflow-x: auto;
}

html {
    min-height: 100%;
    font-family: Sans-serif;
}

body.centered {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    min-height: 100vh;
    position: absolute;
    right: 0;
    top: 0;
}

.login-page {
    display: inline-block;
    padding-bottom: 15em;
}

.area {
    position: relative;
    overflow: hidden;
}

.area + .area, .sidebar {
    position: fixed;
    top: 0;
    overflow-x: hidden;
    overflow-y: auto;
    height: 100vh;
    z-index: 10;
}

.sidebar::-webkit-scrollbar, .area::-webkit-scrollbar {
    display: none;
}

.sidebar, .area {
    width: -moz-fit-content;
    width: fit-content;
    scrollbar-width: none;
}

.raw {
    padding: 1em;
}

textarea.raw:not(.fullarea) {
    width: 100%;
    height: 40em;
}

textarea.raw.fullarea {
    border: none;
    width: 100%;
    height: 100vh;
}


@media (prefers-color-scheme: light) {
    html, body {
        background-color: white;
        color: #333;
    }

    html a, body a {
        color: #333;
    }

    .sidebar {
        background-color: #555;
        border-right: 2px solid #333;
    }

    .sidebar, .sidebar a {
        color: white;
    }

    .raw {
        background: white;
        color: #333;
    }

    .area + .area {
        border-left: 1px solid #ccc;
        background-color: #cdcdcd;
    }

    .raw:not(.fullarea) {
        border: 1px solid #999;
    }

    input, textarea {
        background-color: white;
        color: #333;
    }
}

@media (prefers-color-scheme: dark) {
    html, body {
        background-color: #111;
        color: #cdcdcd;
    }

    html a, body a {
        color: #cdcdcd;
    }

    input, textarea {
        background-color: #333;
        color: #cdcdcd;
    }

    .sidebar {
        background-color: #333;
        border-right: 2px solid #222;
    }

    .sidebar, .sidebar a {
        color: #cdcdcd;
    }

    .raw {
        background: #111;
        color: white;
    }

    .area + .area {
        border-left: 1px solid #333;
        background-color: #222;
    }

    .raw:not(.fullarea) {
        border: 1px solid #555;
    }
}

.sidebar h3 + nav {
    margin-top: 0;
}

nav a {
    display: block;
    text-decoration: none;
    white-space: nowrap;
}

nav select {
    font-size: inherit;
    display: block;
    appearance: none;
    background-color: transparent;
    border: none;
    width: 100%;
}

.sidebar h3, nav a, nav select {
    padding: 6px 15px;
}

.sidebar h3:first-child, nav a:first-child, nav select:first-child {
    margin-top: 12px;
}

.sidebar h3:last-child, nav a:last-child, nav select:last-child {
    margin-bottom: 12px;
}

@media (prefers-color-scheme: light) {
    nav a, nav select {
        color: #333;
    }

    nav a.current, nav select.current {
        background-color: white;
        color: #333;
    }
}

@media (prefers-color-scheme: dark) {
    nav a, nav select {
        color: #cdcdcd;
    }

    nav a.current, nav select.current {
        background-color: #ddd;
        color: #333;
    }
}
.form-row {
    position: relative;
    margin-top: 0.3em;
}

.form-row__label {
    float: left;
    width: 25%;
    padding-right: 1em;
    text-align: right;
}

.form-row__value {
    text-align: left;
    position: relative;
    float: left;
    width: 75%;
    padding-left: 2em;
    padding-right: 4em;
}

.form--even .form-row__label, .form--even .form-row__value {
    width: 50%;
}

.form-row__value > input[type="checkbox"]:first-child {
    position: absolute;
    left: 0;
}

.form-row__value input[type="text"],
.form-row__value textarea,
.form-row__value .textbox {
    min-width: 150px;
    width: 100%;
}

.form-row__value textarea,
.form-row__value .textbox {
    height: 10em;
    resize: vertical;
}

.form-row__value input,
.form-row__value select,
.form-row__value button,
.form-row__value textarea,
.form-row__value .textbox,
.form-row__value .button {
    display: inline-block;
    appearance: none;
    -moz-appearance: none;
    box-sizing: border-box;
    border-radius: 0;
    text-decoration: none;
}

.form-row__value input,
.form-row__value select,
.form-row__value button,
.form-row__value textarea {
    font-family: monospace;
}

.form-row__value input[type="checkbox"] {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-size: contain;
    filter: grayscale(100%);
    margin: 0;
}

.form-row__label,
.form-row__value input,
.form-row__value select,
.form-row__value button,
.form-row__value textarea,
.form-row__value .textbox,
.form-row__value .button {
    padding: 0 0.3em;
    font-size: 1em;
    line-height: 2em;
}

@media (prefers-color-scheme: light) {
    .form-row__value input,
    .form-row__value select,
    .form-row__value button,
    .form-row__value textarea,
    .form-row__value .textbox,
    .form-row__value .button {
        background-color: white;
        color: #333;
        border: 1px solid #ccc;
    }
}

@media (prefers-color-scheme: dark) {
    .form-row__value input,
    .form-row__value select,
    .form-row__value button,
    .form-row__value textarea,
    .form-row__value .textbox,
    .form-row__value .button {
        background-color: #111;
        color: white;
        border: 1px solid #333;
    }

    .form-row__value input[type="checkbox"] {
        background-color: #555;
    }
}
.easy-table {
    display: table;
    margin-bottom: 1em;
}

.easy-table .easy-table__row {
    display: table-row;
    text-align: left;
}

.easy-table .easy-table__row.easy-table__row--header {
    font-weight: bold;
}

.easy-table .easy-table__row .easy-table__cell {
    display: table-cell;
    padding-left: 0.6em;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
}

.easy-table .easy-table__row .easy-table__cell:last-child {
    padding-right: 0.6em;
}

.easy-table .easy-table__row .easy-table__cell.limitedwidth {
    line-height: 1.4em;
}

.easy-table .easy-table__row .easy-table__cell.limitedwidth > div {
    max-width: 500px;
}

.easy-table th:first-child, .easy-table td:first-child, .easy-table td.first-child {
    padding-left: 1em;
}

.easy-table th:last-child, .easy-table td:last-child {
    padding-right: 1em;
}

.easy-table tbody, .easy-table thead, .easy-table tfoot {
    border-top-style: solid;
    border-top-width: 1px;
}

.easy-table th.right, .easy-table td.right {
    text-align: right;
}

.easy-subtables thead {
    border: none;
}

.easy-subtables thead th {
    line-height: 3em;
    padding: 0;
}

.easy-table tr td,
.easy-table tr th {
    line-height: 1.8em;
    vertical-align: middle;
}

.easy-table .easy-table__cell:not(.extend) {
    cursor: default;
}

.easy-table input[type="checkbox"] {
    display: block;
}

/* Selection Highlighting */

.easy-table tr.selected td .icon {
    -webkit-filter: grayscale(100%) brightness(2);
    filter: grayscale(100%) brightness(2);
}

.easy-table th.right, .easy-table td.right {
    text-align: right;
}

.easy-table .extend p {
    opacity: 25%;
    text-align: right;
}

@media (prefers-color-scheme: light) {
    .easy-table .easy-table__row.easy-table__row--header {
        background: #ddd;
    }

    .easy-table thead tr {
        background-color: #cdcdcd;
    }

    .easy-table tr.broken td {
        background-color: #ffcdcd;
    }

    .easy-table tr.askew td {
        background-color: #ffe2cd;
    }

    .easy-table tr.selected td {
        background-color: #3573bf;
        color: white;
    }

    .easy-table tr.selected td .icon {
        color: white;
    }

    .easy-table tr.linerow.selected:hover td {
        background: #4a89d5;
    }

    .easy-table tr.linerow:hover td {
        background-color: #ddd;
    }

    .easy-table .easy-table__row .easy-table__cell {
        border-bottom: 1px solid #ccc;
    }

    .easy-table tbody, .easy-table thead, .easy-table tfoot {
        border-top-color: #ccc;
    }
}

@media (prefers-color-scheme: dark) {
    .easy-table .easy-table__row.easy-table__row--header {
        background: #111;
    }

    .easy-table thead tr {
        background-color: #cdcdcd;
    }

    .easy-table tr.broken td {
        background-color: #420606;
    }

    .easy-table tr.askew td {
        background-color: #420606;
    }

    .easy-table tr.selected td {
        background-color: #123867;
        color: #333;
    }

    .easy-table tr.linerow.selected:hover td {
        background: #1d4b84;
    }

    .easy-table tr.linerow:hover td {
        background-color: #222;
    }

    .easy-table .easy-table__row .easy-table__cell {
        border-bottom: 1px solid #333;
    }

    .easy-table tbody, .easy-table thead, .easy-table tfoot {
        border-top-color: #444;
    }
}

.icon {
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    line-height: 1.2em;
    font-style: normal;
    vertical-align: top;
    position: relative;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    font-weight: bold;
}

.icon.icon--small {
    width: 0.8em;
    height: 0.8em;
    line-height: 0.8em;
}

.icon.icon--big {
    width: 2em;
    height: 2em;
    line-height: 2em;
}

.icon.icon--gray {
    filter: grayscale(100%) brightness(0.5);
    -webkit-filter: grayscale(100%) brightness(0.5);
}

.icon.icon--green {
    filter: hue-rotate(0.33turn) brightness(0.8);
}

.icon.icon--red {
    filter: brightness(0.8);
}.cred-line {
    margin-bottom: 1em;
    position: relative;
}

.cred-line p {
    margin: 0 0 0.5em;
}

.cred-line input {
    padding: 0.25em;
}

.cred-line input[type="text"], .cred-line input[type="password"] {
    width: 250px;
}

.cred-line .showpassword {
    position: absolute;
    left: 105%;
    bottom: 0.25em;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.panel-choosers {
    width: 100%;
    position: relative;
    display: table;
    margin-bottom: 1em;
}

.panel-chooser {
    display: table-cell;
    cursor: pointer;
    width: 50%;
    text-align: center;
    padding: .5em;
    border: 2px solid transparent;
}

@media (prefers-color-scheme: light) {
    .panel-chooser {
        background: #ddd;
    }

    .panel-chooser.current {
        background: white;
        border: 2px solid #666;
    }

    .panel-choosers {
        border: 1px solid #ccc;
    }
}

@media (prefers-color-scheme: dark) {
    .panel-chooser {
        background: #333;
    }

    .panel-chooser.current {
        background: #333;
        border: 2px solid #888;
    }

    .panel-choosers {
        border: 1px solid #333;
    }
}.icon--people { background-image: url(/build/img/icon/people.1760305913.png); }
.icon--jar { background-image: url(/build/img/icon/jar.1760305913.png); }
.icon--repeat { background-image: url(/build/img/icon/repeat.1760305913.png); }
.icon--arrowleft { background-image: url(/build/img/icon/arrowleft.1760305913.png); }
.icon--demand { background-image: url(/build/img/icon/demand.1760305913.png); }
.icon--box { background-image: url(/build/img/icon/box.1760305913.png); }
.icon--dollar-box { background-image: url(/build/img/icon/dollar-box.1760305913.png); }
.icon--minus { background-image: url(/build/img/icon/minus.1760305913.png); }
.icon--times-o { background-image: url(/build/img/icon/times-o.1760305913.png); }
.icon--calendar { background-image: url(/build/img/icon/calendar.1760305913.png); }
.icon--plus { background-image: url(/build/img/icon/plus.1760305913.png); }
.icon--factory { background-image: url(/build/img/icon/factory.1760305913.png); }
.icon--dot { background-image: url(/build/img/icon/dot.1760305913.png); }
.icon--docpdf { background-image: url(/build/img/icon/docpdf.1760305913.png); }
.icon--docmartini { background-image: url(/build/img/icon/docmartini.1760305913.png); }
.icon--moneygive { background-image: url(/build/img/icon/moneygive.1760305913.png); }
.icon--ticket { background-image: url(/build/img/icon/ticket.1760305913.png); }
.icon--edit { background-image: url(/build/img/icon/edit.1760305913.png); }
.icon--tick-o { background-image: url(/build/img/icon/tick-o.1760305913.png); }
.icon--clock { background-image: url(/build/img/icon/clock.1760305913.png); }
.icon--martini { background-image: url(/build/img/icon/martini.1760305913.png); }
.icon--envelope { background-image: url(/build/img/icon/envelope.1760305913.png); }
.icon--leaf { background-image: url(/build/img/icon/leaf.1760305913.png); }
.icon--arrowleftright { background-image: url(/build/img/icon/arrowleftright.1760305913.png); }
.icon--sigma { background-image: url(/build/img/icon/sigma.1760305913.png); }
.icon--dot-o { background-image: url(/build/img/icon/dot-o.1760305913.png); }
.icon--tag { background-image: url(/build/img/icon/tag.1760305913.png); }
.icon--doc { background-image: url(/build/img/icon/doc.1760305913.png); }
.icon--piggybank { background-image: url(/build/img/icon/piggybank.1760305913.png); }
.icon--lemon { background-image: url(/build/img/icon/lemon.1760305913.png); }
.icon--basket { background-image: url(/build/img/icon/basket.1760305913.png); }
.icon--vault { background-image: url(/build/img/icon/vault.1760305913.png); }
.icon--notavailable { background-image: url(/build/img/icon/notavailable.1760305913.png); }
.icon--leave { background-image: url(/build/img/icon/leave.1760305913.png); }
.icon--smallsquare { background-image: url(/build/img/icon/smallsquare.1760305913.png); }
.icon--arrowright { background-image: url(/build/img/icon/arrowright.1760305913.png); }
.icon--person { background-image: url(/build/img/icon/person.1760305913.png); }
.icon--list { background-image: url(/build/img/icon/list.1760305913.png); }
.icon--tick { background-image: url(/build/img/icon/tick.1760305913.png); }
.icon--piegraph { background-image: url(/build/img/icon/piegraph.1760305913.png); }
.icon--smallsquare-o { background-image: url(/build/img/icon/smallsquare-o.1760305913.png); }
.icon--envelopes { background-image: url(/build/img/icon/envelopes.1760305913.png); }
.icon--smalldot { background-image: url(/build/img/icon/smalldot.1760305913.png); }
.icon--unlink { background-image: url(/build/img/icon/unlink.1760305913.png); }
.icon--smalldot-o { background-image: url(/build/img/icon/smalldot-o.1760305913.png); }
.icon--balance { background-image: url(/build/img/icon/balance.1760305913.png); }
.icon--knifefork { background-image: url(/build/img/icon/knifefork.1760305913.png); }
.icon--linegraph { background-image: url(/build/img/icon/linegraph.1760305913.png); }
.icon--times { background-image: url(/build/img/icon/times.1760305913.png); }
.icon--moneytake { background-image: url(/build/img/icon/moneytake.1760305913.png); }
.icon--printer { background-image: url(/build/img/icon/printer.1760305913.png); }
.icon--dollar { background-image: url(/build/img/icon/dollar.1760305913.png); }
.icon--funnel { background-image: url(/build/img/icon/funnel.1760305913.png); }
input[type="checkbox"]:checked { background-image: url(/build/img/icon/tick.1760305913.png); }