html {
  color-scheme: dark;
}

body {
  color: #c9d1d9;
  background: #1f2328;
}

a {
  color: #c9d1d9;
  text-decoration: none;
  transition: color 0.25s, background 0.35s;
}

a:hover {
  color: #732c66;
  text-decoration: none;
}

.login-logo {
  background: url("/img/jeckdesk-logo-w.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 135px;
  opacity: 0.5;
}

.login-mask {
  background: #22262b;
  border: 1px solid #2e3338;
}

.passwort-recovery-btn {
  color: #5d5d5d;
}

.login-input-container {
  background-color: #171a1d;
  border: 1px solid #2e3338;
}

.register-logo {
  background: url("/img/jeckdesk-logo-w.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 135px;
  opacity: 0.5;
}

.register-mask {
  background: #22262b;
  border: 1px solid #2e3338;
}

.input-username input,
.input-password input,
.input-recovery input {
  color: #c9d1d9;
  background-color: #171a1d;
  box-shadow: 0 0 0 1000px #171a1d inset;
  -webkit-text-fill-color: #c9d1d9;
}

.input-recovery input {
  border: 1px solid #2e3338;
}

.input-username:after {
  background: #2e3338;
}

main {
  background: #1f2328;
}

main .subnav-container {
  background: rgba(31, 35, 40, 0.75);
}

main .subnav-container:after {
  border-top: 0.5px solid rgba(46, 51, 56, 0.75);
}

.content-blocks {
  border-bottom: 1px solid #2e3338;
}

.data-list-image {
  border: 1px solid #2e3338;
}

.data-list-image.ring {
  background: #fff;
  border: 1.5px solid #2e3338;
}

.image-preview img,
.image-preview .image-container {
  border: 1px solid #2e3338;
}

.gallery-content .gallery-item {
  border: 1px solid #2e3338;
  background: #22262b;
}

.gallery-content .gallery-item .image-placeholder i {
  color: unset;
}

header .header-wrapper {
  background: #22262B;
}

header .header-collapse-btn {
  background: #1F2328;
  color: #fff;
}

header .header-collapse-btn:hover {
  background: #732C66;
  color: #E3D5E0;
}

header .header-container {
  border-bottom: none;
}

.header-container .notifications .time:after {
  background: #2e3338;
}

.header-container .notifications .log:after {
  background: #2e3338;
}

.header-container .notifications .messages:after {
  background: #2e3338;
}

.header-container .notifications .log:hover,
.header-container .notifications .messages:hover {
  background-color: #1f2328;
}

.header-container .profile .profile-menu {
  background-color: #1f2328;
  border: 1px solid #2e3338;
}

.header-container .profile .profile-menu ul li.item {
  border-bottom: 1px solid #2e3338;
}

.header-container .profile .profile-menu ul li.item a {
  color: #b2b3bf;
}

.header-container .profile .profile-menu ul li.item.active,
.header-container .profile .profile-menu ul li.item:not(.active):hover {
  background-color: #1f2328;
}

.header-container .profile .profile-image {
  border: 1px solid rgba(238, 238, 238, 0.3);
}

.header-container .profile-switch-container .profile-switch-dropdown {
  background-color: #1f2328;
  border: 1px solid #2e3338;
}

.header-container .profile-switch-container .profile-switch-dropdown-search {
  border-bottom: 1px solid #2E3338;
}

.header-container .profile-switch-container .profile-switch-dropdown-search input {
  color: #fff;
  background-color: #1F2328;
}

.header-container .profile-switch-dropdown-status {
  box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);
  background-color: #22262B;
}

.header-container .current-profile .profile-name .title,
.header-container .profile-item .profile-name .title {
  color: #fff;
  text-overflow: ellipsis;
}

.header-container .current-profile .profile-name .subtitle,
.header-container .profile-item .profile-name .subtitle {
  color: #ebebf0;
}

.header-container .profile-item {
  border-top: 1px solid rgba(255, 255, 255, 0.03);
}

.header-container .profile-item:hover {
  background-color: #22262B;
}

input[type="text"]:not(.custom-form),
input[type="email"]:not(.custom-form),
input[type="number"]:not(.custom-form),
input[type="password"]:not(.custom-form),
textarea:not(.custom-form),
select:not(.custom-form) {
  color: #fff;
  background-color: #171a1d;
  border: 1px solid #2e3338;
}

input[type="text"]:not(.error):not(.custom-form):focus,
input[type="number"]:not(.error):not(.custom-form):focus,
input[type="email"]:not(.error):not(.custom-form):focus,
input[type="password"]:not(.error):not(.custom-form):focus,
textarea:not(.error):not(.custom-form):focus,
select:not(.error):not(.custom-form):focus {
  background-color: #171a1d !important;
  border: 1px solid #676f77;
}

.input-table-list {
  border-left: 2px solid #2e3338 !important;
}

.custom-file-input {
  color: #8e8e8e;
  background-color: #171a1d;
  border: 1px solid #2e3338;
}

.status-container {
  background: #22262b;
  border: 1px solid #2e3338;
  color: #c9d1d9;
}

.checkbox_label {
  color: #fff;
}

.checkbox_label:before {
  background-color: #1B1F23;
  border: 1px solid #2E3338;
}

.checkbox_label:after {
  background-color: #CAD1D9;
  border: 1px solid #CAD1D9;
}

input[type="checkbox"]:checked+.checkbox_label:before {
  border: 1px solid #2E3338;
}

input[type="checkbox"].disabled+.checkbox_label:before,
input[type="checkbox"]:disabled+.checkbox_label:before {
  background-color: #1B1F23;
}

input[type="checkbox"].disabled+.checkbox_label:after,
input[type="checkbox"]:disabled+.checkbox_label:after {
  background-color: #CAD1D9;
}

select {
  background-image: url("/img/chevron-down.svg");
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) center;
}

select.error {
  background-image: url("/img/chevron-down.svg");
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) center;
}

.ui.modal {
  background: #1f2328;
}

.ui.modal>.content {
  background: #1f2328;
  color: #c8d1d9;
}

.ui.modal>.actions {
  background: #22262b;
  border-top: 1px solid #2e3338;
}

.ui.modal>.content>.description {}

.ui.label {
  color: #c9d1d9 !important;
  background-color: #171a1d !important;
}

.ui.label.loading {
  background: #2E3237 !important;
  border-color: #2E3237 !important;
}

.ui.label.loading:before {
  border-color: #FFFFFF transparent transparent;
}

.ui.dropdown {
  color: #fff !important;
  background-color: #171a1d !important;
  border: 1px solid #2e3338 !important;
  background-image: url("/img/chevron-down.svg") !important;
  background-size: 14px !important;
  background-repeat: no-repeat !important;
  background-position: calc(100% - 20px) center !important;
}

.ui.selection.dropdown:focus {
  border-color: #676f77 !important;
}

.ui.dropdown .menu {
  background: #171a1d !important;
}

.ui.search.selection.dropdown.custom-dropdown>input.search {
  color: #fff !important;
}

.ui.multiple.search.dropdown>input.search {
  color: #fff !important;
}

.ui.search.dropdown.active>input.search,
.ui.search.dropdown.visible>input.search {
  color: #fff !important;
}

.ui.dropdown .menu>.message:not(.ui) {
  color: #8e8e8e;
}

.ui.search.selection.dropdown.custom-dropdown {
  background-image: url("/img/icon-search-dark.svg") !important;
  background-size: 14px !important;
  background-repeat: no-repeat !important;
  background-position: 17px center !important;
}

.ui.selection.dropdown {
  background-color: #171a1d !important;
}

.ui.selection.active.dropdown .menu {
  border-color: #2E3338 !important;
}

.ui.selection.active.dropdown:hover .menu {
  border-color: #2E3338 !important;
}

.ui.selection.dropdown .menu>.item {
  border-top: 1px solid #2e3338;
}

.ui.dropdown .menu .selected.item,
.ui.dropdown.selected {
  background: #171a1d;
}

.ui.dropdown .menu>.item:hover {
  background: #171a1d;
}

.ui.dropdown .menu .selected.item,
.ui.dropdown.selected {
  color: #fff !important;
}

.ui.dropdown .menu>.item:hover {
  color: #fff !important;
}

.ui.dropdown .menu>.item {
  color: #fff !important;
}

.ui.selection.visible.dropdown>.text:not(.default) {
  color: #fff !important;
}

.detail-dropdown-item .dropdown-image {
  background: #22262b;
  border: 1px solid #2e3338;
}

.data-list-image.ring {
  background: #22262b;
  border: 1px solid #2e3338;
}

.ui.table thead th {
  color: #c9d1d9;
}

.ui.table {
  color: #c9d1d9;
}

.ui.basic.table tbody tr {
  background-color: #1F2328 !important;
}

.ui.basic.striped.table tbody tr:nth-child(2n) {
  background-color: #202429 !important;
}

.ui.table tr td {
  border-top: 1px solid #2e3338;
}

.ui.selectable.table tbody tr:hover,
.ui.table tbody tr td.selectable:hover {
  background: #22262b !important;
  color: #D7D7E4 !important;
}

.table-filter-container {
  background: #21252A;
  border: 1px solid #2A2F34;
  color: #363636;
}

.filter-bar {
  background: rgba(34, 38, 43, 0.75);
  border-bottom: 1px solid rgba(46, 51, 56, 0.75);
}

.filter-bar .search input {
  background-color: rgba(34, 38, 43, 0.45);
  background-image: url("/img/icon-search-dark.svg");
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: 25px center;
  border: none !important;
}

.filter-bar .search input:focus {
  background-color: rgba(34, 38, 43, 0.45) !important;
  border: none !important;
}


.table-filter-container .search input {
  background-color: rgba(34, 38, 43, 0.45);
  background-image: url("/img/icon-search-dark.svg");
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: 25px center;
  border: none !important;
}

.table-filter-container .search input:focus {
  background-color: rgba(34, 38, 43, 0.45) !important;
  border: none !important;
}

.action-btn {
  border-left: 1px solid #2e3338;
  color: #b2b3bf;
  background: #22262b;
}

.action-btn:hover {
  background-color: #171a1d;
  color: #b2b3bf;
}

.filter-bar-submenu {
  background: #22262b;
  border: 1px solid #2e3338;
}

.filter-bar-submenu ul li:after {
  border-top: 1px solid #2e3338;
}

.filter-bar-submenu ul li:not(.active):hover:before {
  background: #22262b;
}

.filter-bar-submenu ul li a {
  background: #22262b;
  color: #b1b3bf;
}

.filter-bar-submenu ul li:not(.active):hover a {
  background: #22262b;
}

.filter-bar-submenu ul li a i {
  color: #b1b3bf;
}

.filter-bar-submenu ul li.active:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 5px;
  background: #732c66;
}

.filter-bar-submenu ul li:not(.active):hover:before {
  background: #2e3338;
}

.filter-btn:hover {
  background-color: #22262b;
}

.tabmenu-container {}

.tabmenu {
  background: rgba(31, 35, 40, 0.75);
  border-bottom: 1px solid rgba(54, 58, 62, 0.75);
}

.tabmenu ul {}

.tabmenu-item a {
  color: #808090;
}

.tabmenu-item a:hover {
  color: #d7d7e4;
}

.tabmenu-item.active a {
  border-bottom: 2px solid #d7d7e4;
  color: #d7d7e4;
}

.termine-latest {
  border-right: 1px solid #36393e;
}

.quick-nav-container {
  background: #22262b;
  border: 1px solid #303438;
}

.quick-nav-item:hover {
  background: #1f2328;
}

.quick-nav-item:after {
  background: #303438;
}

main .subnav-container h1 {
  color: #b2b3bf;
}

nav.navigation {
  border-right: 1px solid #2e3338;
}

nav.navigation .nav-container {
  background: #22262b;
}

nav.navigation .nav-container .nav-content ul.bottom-pinned {
  background: #22262b;
  border-top: 1px solid #2e3338;
}

nav.navigation .nav-container li.item a span {
  color: #b2b3bf;
}

nav.navigation .nav-container li.item a i {
  color: #b2b3bf;
}

nav.navigation .nav-container li.item.active,
nav.navigation .nav-container li.item:not(.active):hover {
  background-color: #1f2328;
}

nav.navigation .nav-container li.title span {
  background: #3c4248;
  color: #b1b3bf;
}

nav.navigation .nav-container li.item:after {
  border-top: 1px solid rgba(46, 51, 56, 0.5);
}


nav.navigation .nav-container li.item .nav-list-add-btn div {
  border-left: 1px solid rgba(46, 51, 56, 0.5);
}

nav.navigation .nav-container li.item .nav-list-add-btn:hover {
  background-color: #1c2025;
}

/* Dark Mode Styles für klappbare Navigation */
nav.navigation .nav-container li.title.collapsible-header:hover {}

nav.navigation .nav-container .nav-chevron {
  color: #b1b3bf;
}

/* Dark Mode Styles für Opacity-Animationen */
nav.navigation .nav-container .nav-section.collapsed .collapsible-content li.item {
  opacity: 0;
}

nav.navigation .nav-container .nav-section:not(.collapsed) .collapsible-content li.item {
  opacity: 1;
}

/* Dark Mode Styles für Titel-Trenner */
nav.navigation.collapsed .nav-container li.title:before {
  background: rgba(46, 51, 56, 0.5) !important;
}

.nachricht-item {
  border-bottom: 1px solid #36393e;
}

.nachricht-item .subtitle {
  color: #afb6bd;
}

.nachricht-item .item-image img {
  border: 1px solid #2a2c2f;
}

.button.neutral {
  color: #c9d1d9;
  border: 1px solid #c9d1d9;
}

.button.neutral.filled {
  background-color: #2e3237;
  color: #fff;
  border: 1px solid #2e3237;
}

.button.neutral:hover {
  background-color: #292c31;
  color: #fff;
  border: 1px solid #292c31;
}

.button.textual {
  color: #c9d1d9;
}

.button.disabled {
  background-color: none;
  color: #acafbb;
  border: 1px solid #424950;
}

.button.filled.disabled {
  background: #3c4248;
  color: #acafbb;
  border: 1px solid #424950;
}


.button.loading {
  background: #2E3237 !important;
  border-color: #2E3237 !important;
}

.button.loading:before {
  border-color: #FFFFFF transparent transparent;
}

.dropzone {
  border: 1px solid #2e3338;
  background: #171a1d;
}

.dropzone .dz-message {
  color: #b2b3bf;
}

.dropzone .dz-preview.dz-image-preview {
  background: #171a1d;
}

.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
  color: #22262b;
}

.datepicker--cell.-focus- {
  background: #c9d1d9;
  color: #22262b;
}

.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
  color: #22262b;
}

.datepicker {
  background: #22262b;
  border-bottom: 1px solid #2e3338;
  color: #c9d1d9;
}

.datepicker--pointer {
  position: absolute;
  top: -5px;
  background: #22262b;
  border-top: 1px solid #22262b;
  border-right: 1px solid #22262b;
  width: 10px;
  height: 10px;
  z-index: -1;
}

.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
  color: #c9d1d9;
}

.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
  color: #22262b;
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: #c9d1d9;
}

.datepicker--nav {
  border-bottom: 1px solid #2e3338;
}

.datepicker--nav-title:hover {
  background: #f0f0f0;
  color: #22262b;
}

.datepicker--nav-title:hover i {
  color: #22262b;
}

.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
  color: #22262b;
}

.datepicker--time {
  border-top: 1px solid #2e3338;
}

.datepicker--time-current-hours.-focus-,
.datepicker--time-current-minutes.-focus- {
  color: #22262b;
}

.datepicker--time-row {
  background: linear-gradient(to right, #2e3338, #2e3338) left 50%/100% 1px no-repeat;
}

.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
  color: #22262b;
}

.form-action-btn-container {
  border-top: 1px solid rgba(46, 51, 56, 0.75);
  background: rgba(31, 35, 40, 0.75);
}

.action-btn-container-content {
  background: #22262b;
  border: 1px solid #303438;
}

.ui.table thead.headerFixated:not(.sub-header) {
  background-color: #1f2328;
}

.chart-thumbnail {
  background: #22262b;
  border: 1px solid #36393e;
}

.mandate-info-wrapper {}

.overlay-processing-container {
  background: rgba(3, 3, 4, 0.75);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

.overlay-processing-container .text {
  color: #c9d1d9;
}

@media screen and (max-width: 991px) {
  .termine-list.fixed {
    border-top-color: #363a3e;
  }

  .termine-latest {
    border-right: none;
  }

  .action-btn-container-content {
    background: none;
    border: none;
  }
}

.tabmenu-nav-btn {
  background: rgba(34, 38, 43, 0.95);
  color: #808090;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.tabmenu-nav-btn.tabmenu-nav-left {
  border-right: 1px solid rgba(54, 58, 62, 0.75);
}

.tabmenu-nav-btn.tabmenu-nav-right {
  border-left: 1px solid rgba(54, 58, 62, 0.75);
}

.tabmenu-nav-btn:hover {
  background: rgba(31, 35, 40, 1);
  color: #d7d7e4;
}


.tabmenu-nav-btn.disabled:hover {
  background: rgba(34, 38, 43, 0.95);
  color: #808090;
}

.termine-latest {
  border-right: 1px solid #36393e;
}

nav.navigation .nav-container li.item a .nav-badge.new {
  background-color: #732c66;
  color: rgba(255, 255, 255, 0.8);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}


#calendar-next {
  border-right: 1px solid #2E3338;
}

.calendar-nav-buttons .action-btn:hover {
  background-color: #171a1d;
  color: #b2b3bf;
}

.toastui-calendar-popup-container {}

.toastui-calendar-weekday-event-dot+.toastui-calendar-weekday-event-title {
  color: #D7D7E4 !important;
}

.toastui-calendar-detail-container {
  background: #1f2328 !important;
  border: 1px solid #2e3338 !important;
  color: #c9d1d9 !important;
}

.toastui-calendar-popup-section {
  color: #c9d1d9 !important;
}

.custom-popup-buttons {
  border-top: 1px solid #2E3338 !important;
}

.toastui-calendar-popup-button {
  background: #22262b !important;
  border: 1px solid #2e3338 !important;
  color: #c9d1d9 !important;
}

.toastui-calendar-popup-button:hover {
  background: #171a1d !important;
}

.toastui-calendar-popup-arrow.toastui-calendar-left .toastui-calendar-popup-arrow-fill {
  border-right-color: #1F2328 !important;
}

.toastui-calendar-popup-arrow.toastui-calendar-left .toastui-calendar-popup-arrow-border {
  border-right-color: #2E3338 !important;
}

.toastui-calendar-popup-arrow.toastui-calendar-right .toastui-calendar-popup-arrow-fill {
  border-left-color: #1F2328 !important;
}

.toastui-calendar-popup-arrow.toastui-calendar-right .toastui-calendar-popup-arrow-border {
  border-left-color: #1F2328 !important;
}

.toastui-calendar-daygrid-cell+.toastui-calendar-daygrid-cell {
  border-left: 1px solid #2E3338 !important;
}

.toastui-calendar-day-names toastui-calendar-month {
  border-top-width: 0px !important;
}

.toastui-calendar-detail-item {
  color: #c9d1d9 !important;
}

.toastui-calendar-detail-item .toastui-calendar-detail-item-token {
  color: #b2b3bf !important;
}

.toastui-calendar-detail-item .toastui-calendar-detail-item-content {
  color: #c9d1d9 !important;
}

.toastui-calendar-popup-close {
  color: #b2b3bf !important;
}

.toastui-calendar-popup-close:hover {
  color: #c9d1d9 !important;
}

.toastui-calendar-month-more-list {
  background: #1f2328 !important;
  border: 1px solid #2e3338 !important;
}

.toastui-calendar-month-more-list .toastui-calendar-month-more-item {
  color: #c9d1d9 !important;
}

.toastui-calendar-month-more-list .toastui-calendar-month-more-item:hover {
  background: #22262b !important;
}

.hint-container {
  color: #b2b3bf;
  background: #22262b;
  border-left-color: #732c66;
}

.ticket-personalized-label {
  background: #732c66;
  color: #fff;
}

.ticket-personalized-label i {
  color: #fff;
}