[x-cloak] {
    display: none !important;
}

#pageWrapper {
    min-height: 100%;
    position: relative;
}

html, body {
    height: 100%;
    margin-bottom: 0;
    padding-bottom: 0;
}

html, body {
    height: 100%;
    margin-bottom: 0;
    padding-bottom: 0;
}

a {
    cursor: pointer;
}

#mainBody {
    padding-bottom: 69px;
    margin-bottom: 0;
}

#footer {
    position: absolute;
    width: 100%;
    bottom: 0;
    margin-top: 25px;
    margin-bottom: 0;
}

table.no-lines > tbody > tr > td {
    border: none;
    vertical-align: center;
}

table.no-v-padding > tbody > tr > td {
    padding-top: 0;
    padding-bottom: 0;
}

.scrollbar-thin {
    --scrollbar-track: initial;
    --scrollbar-thumb: initial;
    --scrollbar-corner: initial;
    --scrollbar-track-hover: var(--scrollbar-track);
    --scrollbar-thumb-hover: var(--scrollbar-thumb);
    --scrollbar-corner-hover: var(--scrollbar-corner);
    --scrollbar-track-active: var(--scrollbar-track-hover);
    --scrollbar-thumb-active: var(--scrollbar-thumb-hover);
    --scrollbar-corner-active: var(--scrollbar-corner-hover);
    scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}

.scrollbar-thin.overflow-x-hidden {
    overflow-x: hidden;
}

.scrollbar-thin.overflow-y-hidden {
    overflow-y: hidden;
}

.scrollbar-thin::-webkit-scrollbar-track {
    background-color: var(--scrollbar-track);
}

.scrollbar-thin::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-thumb);
}

.scrollbar-thin::-webkit-scrollbar-corner {
    background-color: var(--scrollbar-corner);
}

.scrollbar-thin::-webkit-scrollbar-track:hover {
    background-color: var(--scrollbar-track-hover);
}

.scrollbar-thin::-webkit-scrollbar-thumb:hover {
    background-color: var(--scrollbar-thumb-hover);
}

.scrollbar-thin::-webkit-scrollbar-corner:hover {
    background-color: var(--scrollbar-corner-hover);
}

.scrollbar-thin::-webkit-scrollbar-track:active {
    background-color: var(--scrollbar-track-active);
}

.scrollbar-thin::-webkit-scrollbar-thumb:active {
    background-color: var(--scrollbar-thumb-active);
}

.scrollbar-thin::-webkit-scrollbar-corner:active {
    background-color: var(--scrollbar-corner-active);
}

.scrollbar-thin {
    scrollbar-width: thin;
}

.scrollbar-track-gray-100 {
    --scrollbar-track: #f2f2f2 !important;
}

.scrollbar-thumb-gray-300 {
    --scrollbar-thumb: #cdcdcd !important;
}

.scrollbar-track-rounded-full::-webkit-scrollbar-track {
    border-radius: 9999px;
}

.scrollbar-thumb-rounded-full::-webkit-scrollbar-thumb {
    border-radius: 9999px;
}

.scrollbar-thin::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
    font-size: 2.5rem;
    margin: 0;
}

.navbar-left [class^="icon-"]:before, .navbar-left [class*=" icon-"]:before {
    font-size: 2rem;
}

.doc-table [class^="icon-"]:before, .doc-table [class*=" icon-"]:before {
    font-size: 2rem;
}

.table-item [class^="icon-"]:before, .table-item [class*=" icon-"]:before {
    font-size: 1.5rem;
}

.icons-sm [class^="icon-"]:before, .icons-sm [class*=" icon-"]:before {
    font-size: 1.5rem;
}

.icons-xs [class^="icon-"]:before, .icons-xs [class*=" icon-"]:before {
    font-size: 1rem;
    display: block;
}

.navbar-left li > .dropdown-menu {
    border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.form-input-boxes label {
    flex: 2;
    hyphens: auto;
    font-weight: bold;
}

.form-input-boxes input, .form-input-boxes textarea {
    flex: 3;
}

.form-input-boxes .form-group {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.form-grid .form-group {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 0.25rem 0.2rem;
}

.form-grid label {
    /* font-weight: bold; */
}

.form-grid .checkbox label {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.checkbox input[type="checkbox"] {
    color: #41ff3c;
}

.select2-container--classic .select2-selection--single, .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single, .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single, .chosen-container-single .chosen-single, .chosen-container-active.chosen-with-drop .chosen-single, .chosen-container-single .chosen-search input[type="text"], .chosen-container .chosen-results li {
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding: 0.25rem;
    height: auto;
    border-radius: 0;
    border: 1px solid rgb(224 224 224);
    box-sizing: border-box;
    box-shadow: 0 0 0 transparent;
}

.select2-container--classic .select2-selection--single, .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single, .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single, .chosen-container-single .chosen-single, .chosen-container-active.chosen-with-drop .chosen-single {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23818181' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e") no-repeat center right 0.5rem, #fff;
    background-size: 1.5em 1.5em, 100%;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #000;
    padding-left: 0;
    line-height: inherit;
    padding-right: 1.5rem;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow, .chosen-container-single .chosen-single div {
    display: none;
}

.chosen-container-single .chosen-default {
    color: #000000;
}

.select2-container--classic .select2-selection--single:focus {
    border: 0;
    box-shadow: 0 0 0 2px #2563eb;
}

.progress-bar {
    width: 200%;
    background: linear-gradient(to right, rgb(255 255 255 / 0) 10%, rgb(255 255 255 / 0.5) 25%, rgb(255 255 255 / 0) 40%, rgb(255 255 255 / 0) 60%, rgb(255 255 255 / 0.5) 75%, rgb(255 255 255 / 0) 90%);
    animation: progress 1.5s linear infinite;
}

/* Tabellen mit Sortierung  */
.tablesort {
    padding-left: 1.1rem !important;
    background-repeat: no-repeat;
    background-size: 13px 16px;
    background-position: left;
}
.tablesortUnsorted {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M41 288h238c21.4 0 32.1 25.9 17 41L177 448c-9.4 9.4-24.6 9.4-33.9 0L24 329c-15.1-15.1-4.4-41 17-41zm255-105L177 64c-9.4-9.4-24.6-9.4-33.9 0L24 183c-15.1 15.1-4.4 41 17 41h238c21.4 0 32.1-25.9 17-41z"/></svg>');
}
.tablesortDesc {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M41 288h238c21.4 0 32.1 25.9 17 41L177 448c-9.4 9.4-24.6 9.4-33.9 0L24 329c-15.1-15.1-4.4-41 17-41z"/></svg>');
}
.tablesortAsc {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M279 224H41c-21.4 0-32.1-25.9-17-41L143 64c9.4-9.4 24.6-9.4 33.9 0l119 119c15.2 15.1 4.5 41-16.9 41z"/></svg>');
}

@font-face {
    font-family: 'Tomson Talks';
    src: url("/fonts/TomsonTalks.woff2") format("woff2"), url("/fonts/TomsonTalks.ttf") format("truetype");
}

.ttalks {
    font-family: "Tomson Talks";
    font-size: larger;
}

.anw1 {
    background-color: #41ff3c; !important;
}
.anw0 {
    background-color: #f00; !important;
    color: #fff; !important;
}
.anw2 {
    background-color: #ff0; !important;
}
.anw4 {
    background-color: #ffd; !important;
}

ul .termin {
    list-style-type: none;
}

.password-meter {
    height: 0.8em;
    overflow: hidden;
    background: linear-gradient(to right,red,orange 25%,yellow 50%,green 75%);
    text-align: right;
}

.password-meter div {
    display: inline-block;
    height: 100%;
    background: rgba(255,255,255,.8);
    vertical-align: top;
}