:root {
    --color-bg: #d0d4dc;
    --color-bg-less: #e5e7eb;
    --color-fg: #00173A;
    --color-main: #00173A;
    --color-main-light: #202c4c;
    --color-main-lighter: #b2b9c4;
    --color-main-fg: #ffffff;
    --color-main-active: #102444;
    --color-taskbar: var(--color-fg);
    --color-value-item: var(--color-fg);
    --mud-palette-skeleton: var(--color-bg);
    --mud-palette-text-primary: var(--color-fg);
    --value-border-radius: .25vw;
}

input {
    accent-color: var(--color-fg);
}

html, body, textarea {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.has-task-table td:nth-of-type(1),
.has-task-table th:nth-of-type(1),
.has-report-table td:nth-of-type(1),
.has-report-table th:nth-of-type(1),
.has-report-table td:last-of-type,
.has-report-table th:last-of-type {
    flex: .5;
}

.has-report-table td:nth-of-type(2),
.has-report-table th:nth-of-type(2) {
    flex: .75;
}

.has-task-table td:nth-of-type(3), .has-task-table th:nth-of-type(3) {
    flex: 1.5;
}

.has-task-table td:nth-of-type(4),
.has-task-table th:nth-of-type(4),
.has-report-table td:nth-of-type(4),
.has-report-table th:nth-of-type(4) {
    flex: 1.5;
}

tbody tr {
    cursor: pointer;
}

td svg {
    width: 1.1vw;
}

td {
    height: fit-content;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

h1:focus {
    outline: none;
}

thead svg {
    fill: var(--color-fg);
}

tbody tr {
    padding: 1vh 0;
}

tbody tr:first-of-type {
    padding-top: .5vh;
}

thead th {
    padding: .5vh 0;
}

a, .btn-link {
    color: #0071c1;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

.content {
    padding-top: 1.1rem;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

#dotnet-compile-error { 
    display: none;
}

.select-class {
    height: 4vh;
    padding: .5vh .25vw;
}