@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

:root {
    --accent-color: #F29559;
    --background-light: rgba(255, 255, 255, 0.05);
    --background-dark: #121212;
    --foreground-light: rgba(255, 255, 255, 0.80); /* #e1e1e1;*/
    --foreground-dark: rgba(255, 255, 255, 0.5); /*#909090;*/
    --error-foreground: var(--background-dark);
    --error-background: #cf6679;
    --bs-body-color: var(--foreground-light);
    --bs-body-bg: var(--background-dark);
    --standard-border: 1px solid var(--foreground-light);
    --tab-border: var(--foreground-light) !important;
    --tab-active-background: var(--background-dark) !important;
    --tab-active-text: var(--foreground-light) !important;
    --tab-background: var(--background-light) !important;
    --tab-text: var(--foreground-dark) !important;
}

body {
    background-color: var(--background-dark)
}

.spinner-border {
    color: var(--accent-color);
}

*:focus:not(:focus-visible) {
    outline: none;
    box-shadow: none;
}

.btn-primary {
    color: var(--background-dark) !important;
    background-color: var(--accent-color) !important;
    border-color: var(--accent-color) !important;
}

.btn-primary:hover,
.btn-primary:focus-visible {
    color: var(--accent-color) !important;
    background-color: var(--background-dark) !important;
    border-color: var(--accent-color) !important;
}

.btn-outline-primary {
    color: var(--accent-color) !important;
    background-color: var(--background-dark) !important;
    border-color: var(--accent-color) !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus-visible {
    color: var(--background-dark) !important;
    background-color: var(--accent-color) !important;
    border-color: var(--background-dark) !important;
}

.input-group .form-floating {
    border-radius: 0.25rem;
}

form-floating-group input,
.form-floating-group select {
    border-radius: inherit;
}

.card,
.form-control {
    background-color: var(--background-light) !important;
    color: var(--foreground-light) !important;
    border-color: var(--foreground-light) !important;
}

.nav-tabs {
    border-bottom-color: var(--foreground-light) !important;
}

.nav-tabs .nav-link {
    color: var(--foreground-dark) !important;
    background-color: var(--background-light) !important;
    border-color: var(--foreground-light) !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    color: var(--foreground-light) !important;
}

.nav-tabs .nav-link.active {
    color: var(--foreground-light) !important;
    background-color: var(--background-dark) !important;
    border-bottom-color: var(--background-dark) !important;
}

.ls-bl-listview-item {
    background-color: var(--background-light) !important;
    border-color: var(--foreground-light) !important;
    color: var(--foreground-light) !important;
}

.text-muted {
    color: var(--foreground-dark) !important;
}

select:focus {
    background-color: var(--background-dark) !important;
    color: var(--foreground-light) !important;
}

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

h1:focus {
    outline: none;
}

a, .btn-link {
    color: var(--accent-color);
}
.list-group-item {
    background-color: var(--background-dark);
    color: var(--foreground-light);
    border-color: var(--foreground-light)
}

.input-group-text {
    background-color: var(--background-light);
    color: var(--foreground-light);
    user-select: none;
}

.input-group-text > label {
    vertical-align: middle;
}

.form-check-input {
    vertical-align: middle;
    height: 24px;
    width: 24px;
    margin-top: 0;
}

.form-check-input:checked {
    background-color: var(--accent-color);
    border-color: var(--accent-color);
}

.form-check-input:focus-visible {
    background-color: var(--accent-color);
    border-color: var(--accent-color);
}

.form-floating > textarea.form-control {
    height: unset;
    max-height: 100%;
}

.nav-menu {
    overflow-y: auto !important;
}

@media (min-width: 641px) {

    .nav-menu {
        display: block;
        max-height: 95vh !important;
    }
}

em {
    font-style: normal !important;
    text-decoration: underline !important;
}

.pointer {
    cursor: pointer;
}

.fa-gamma:before {
    content: '\03B3';
}