@charset "UTF-8";
/**
  Das Verzeichnis für externe Webaufrufe, in dem das Backend zu finden ist. Der Pfad ist relativ zum 
  Root Verzeichnis. Wenn die URL also "https://meinedomain.de/backend" ist, muss hier "backend"
  angegeben werden.
 */
/* Die Hauptfarbe der Corporate Identity */
/* Die linke Navigation */
/* Die Hintergrundfarbe (Default #242424) */
/* Die Schriftfarbe */
/* Die Schriftfarbe des aktiven Elements (Default #4682B4) */
/* Die Hintergrundfarbe des primären Buttons (Default #4682B4) */
/* Die Schriftfarbe des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe bei Hover des primären Buttons (Default #4682B4) */
/* Die Schriftfarbe bei Hover des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe des Erfolgsbuttons (Default #009688) */
/* Die Schriftfarbe des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe bei Hover des primären Buttons (Default #009688) */
/* Die Schriftfarbe bei Hover des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe des sekundären Buttons */
/* Die Schriftfarbe des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe bei Hover des primären Buttons (Default #007065) */
/* Die Schriftfarbe bei Hover des primären Buttons (Default #FFFFFF) */
/* Die Farben für Fehler, Warnungen, Info und Erfolg */
/* #### Template ### */
body {
  background-color: #FAFAFA;
}

.content-page {
  overflow: hidden;
  overflow-y: scroll;
  height: calc(100vh - 60px - 10px);
  width: calc(100% - 240px - 12px);
  padding: 0 0 0 0;
  margin: calc(60px + 6px) 0 0 calc(240px + 6px);
  background: #FFFFFF;
  box-shadow: none;
  border-style: solid;
  border-width: 1px;
  border-color: #DADADA;
  opacity: 1;
  position: fixed;
  left: 0;
  right: 0;
}
.content-page .content {
  padding: 1px 10px 0 0;
  background-color: #FFFFFF;
  margin: 0 0 0 0;
  min-height: 100px;
  height: 100%;
}

@media only screen and (max-width: 1080px) {
  .content-page, body[data-sidebar-size=condensed] .content-page {
    width: calc(100% - 80px - 12px) !important;
    margin: 60px 0 0 80px !important;
  }
}
@media only screen and (max-width: 991px) {
  .content-page, body[data-sidebar-size=condensed] .content-page {
    width: calc(100% - 10px) !important;
    margin: 60px 5px 0 5px !important;
  }
}
td.nowrap {
  text-wrap: nowrap !important;
}

.header-title {
  margin: 23px 0 7px 0;
}

.header-title-first {
  margin-top: 0;
}

.goldfaden-modal-dialog {
  top: 40px !important;
  margin: 0 auto 0 auto;
  left: 0;
  right: 0;
  width: calc(100% - 200px) !important;
  height: calc(100% - 80px) !important;
  max-width: 1400px;
  overflow-y: hidden !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3), 0 24px 48px rgba(0, 0, 0, 0.33), 0 60px 120px rgba(0, 0, 0, 0.38);
  backdrop-filter: blur(6px);
  border: none !important;
  z-index: 10001;
}
.goldfaden-modal-dialog .modal-full-width {
  width: 100%;
  max-height: 100%;
  margin: 0 0 0 0;
  height: 100%;
}

.goldfaden-modal-dialog .modal-content {
  height: 100%;
  background-color: #FFFFFF;
  border-style: none;
  border-width: 1px;
  border-color: #878787;
  border-radius: 0;
}

.goldfaden-modal-dialog .modal-header {
  background-color: #141414;
  border-radius: 0;
}

.goldfaden-modal-dialog .modal-header h5 {
  color: #FFFFFF;
}

.goldfaden-modal-dialog .close {
  color: #FFFFFF;
  opacity: 1;
}

.goldfaden-modal-dialog .modal-body {
  overflow-y: auto !important;
}

.modal-header-buttons {
  position: absolute;
  right: 20px;
}

button.modal-button {
  background-color: transparent;
  border-style: none;
  color: #FFFFFF;
  border-radius: 6px;
  padding: 5px 14px 5px 14px;
  margin: -5px 0 0 20px;
}

button.modal-button:hover {
  background-color: #4682B4;
  color: #FFFFFF;
}

button.modal-button-ok {
  background-color: #00ae69;
}

button.modal-button-close {
  background-color: #6c757d;
}

.modal-footer-buttons .btn-label {
  background-color: transparent;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.43);
  z-index: 14430;
  opacity: 0.87;
}

.modal-backdrop.show {
  opacity: 0.87;
}

.goldfaden-modal-dialog.modal {
  z-index: 14434;
}

@media only screen and (max-width: 1600px) {
  .goldfaden-modal-dialog {
    top: 60px !important;
    width: calc(100% - 100px) !important;
    height: calc(100% - 120px) !important;
    max-width: 1400px;
  }
}
@media only screen and (max-width: 1400px) {
  .goldfaden-modal-dialog {
    top: 10px !important;
    width: calc(100% - 20px) !important;
    height: calc(100% - 20px) !important;
    max-width: 100%;
  }
}
@media only screen and (max-width: 1080px) {
  .goldfaden-modal-dialog {
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100%;
  }
}
@media only screen and (max-width: 991px) {
  .goldfaden-modal-dialog .modal-body {
    padding: 0 0 0 0;
  }
  .goldfaden-modal-dialog .card {
    box-shadow: none;
  }
  .goldfaden-modal-dialog .modal-body .card-body {
    padding: 0 0 0 0;
  }
}
@media only screen and (max-width: 430px) {
  .modal-footer-buttons .btn {
    font-size: 0 !important;
  }
  .modal-footer-buttons .btn-label {
    padding: 0 6px 0 6px;
    margin: 0 0 0 0;
    font-size: 0.875rem !important;
  }
}
.left-side-menu {
  z-index: 10000 !important;
  box-shadow: none;
  width: 234px;
}

#sidebar-menu > ul > li > a {
  padding: 10px 20px 10px 20px;
  margin: 0 0 6px 0;
}
#sidebar-menu .menuitem-active .active {
  border-left-style: solid;
  border-left-width: 3px;
}
#sidebar-menu .menuitem-active .active i {
  margin-left: 0;
}
#sidebar-menu .menuitem-active .active span {
  margin-left: 0;
}

.left-side-menu span.logo-sm img {
  height: auto !important;
  width: auto !important;
}
.left-side-menu .footer2 {
  position: relative;
  top: -14px;
  margin-left: 5px;
}
.left-side-menu .footer2 a {
  cursor: pointer;
}
.left-side-menu .footer2 .footerIcon {
  font-size: 20px !important;
}
.left-side-menu .versionshistorie {
  height: auto;
  width: 16px;
}

.navbar-custom {
  padding: 6px 0 0 0;
  margin: 0 0 0 calc(240px + 6px);
  background: #FAFAFA;
  box-shadow: none;
  opacity: 1;
  width: calc(100% - 240px - 12px);
  position: fixed;
  height: 60px;
  left: 0;
  right: 0;
}
.navbar-custom .container-fluid {
  padding: 1px 10px 1px 0;
  background-color: #FAFAFA;
  min-height: 56px;
  margin: 0 0 0 0;
  border-style: none;
}
.navbar-custom .container-fluid .float-right {
  position: relative;
  top: 12px;
}
.navbar-custom .container-fluid .float-right .notification-list img {
  position: relative;
  top: -2px;
}
.navbar-custom .button-list {
  margin: 10px 0 10px 0 !important;
}
.navbar-custom .button-list .btn {
  margin-bottom: 0 !important;
}
.navbar-custom .dropdown {
  position: relative;
}
.navbar-custom .nav-link {
  font-family: Roboto, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 0 !important;
  position: relative;
  top: 1px;
  color: #434343 !important;
}
.navbar-custom .nav-link .pro-user-name {
  color: #434343;
}
.navbar-custom .top-bar-button-max {
  position: relative;
  top: 5px;
}
.navbar-custom .top-bar-button-max .fe-maximize:before {
  content: "\e908";
  color: #878787;
}
.navbar-custom .topnav-menu-content-additional {
  margin: 3px 10px 0 0;
}
.navbar-custom .nav-user i.fa-user {
  font-size: 1.23rem;
  margin-top: 4px;
}
.navbar-custom .nav-user .pro-user-name {
  position: relative;
  top: -2px;
}
.navbar-custom .topbar-nav-help i.fa-question-circle {
  font-size: 1.4rem;
  margin-top: 4px;
}

#goldfaden-top-bar-user::after {
  display: none !important;
}

.logo-box {
  background-color: transparent !important;
}
.logo-box .logo {
  text-align: left !important;
  margin: 10px 0 0 20px !important;
}

@media only screen and (max-width: 1080px) {
  body[data-sidebar-size=condensed] .navbar-custom, .navbar-custom {
    margin: 0 0 0 80px !important;
    width: calc(100% - 80px - 12px) !important;
    left: 0;
  }
}
@media only screen and (max-width: 991px) {
  body[data-sidebar-size=condensed] .navbar-custom, .navbar-custom {
    width: calc(100% - 10px) !important;
    margin: 0 5px 0 5px !important;
    left: 0;
  }
}
@media only screen and (max-width: 600px) {
  .navbar-custom .dropdown .dropdown-menu {
    left: unset !important;
  }
}
.top-bar-button-menu .btn {
  padding: 7px 14px 7px 14px;
  margin: 0 6px 0 0 !important;
}
.top-bar-button-menu .btn:has(i) {
  padding: 1px 12px 6px 0;
  margin: 0 6px 0 0 !important;
}
.top-bar-button-menu .btn i {
  padding: 0 0 0 0;
  margin: 0 0 0 10px;
}
.top-bar-button-menu .btn-label {
  padding: 0 0 0 0;
  margin: 0 6px 0 0;
  position: relative;
  top: 2px;
}
.top-bar-button-menu .btn-only-image .btn-label {
  left: 4px;
}
.top-bar-button-menu .btn .mdi:before {
  margin-top: -1px;
  font-size: 1.2rem;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
.top-bar-button-menu .btn-group {
  margin-right: 6px !important;
}
.top-bar-button-menu .btn-group > button {
  padding: 7px 3px 7px 10px;
  margin: 0 0 0 0;
}
.top-bar-button-menu .btn-group .dropdown-toggle {
  margin: 0 0 0 0 !important;
}
.top-bar-button-menu .btn-group .dropdown-toggle-split::after {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  position: relative;
  left: -9px;
}
.top-bar-button-menu .button-list-frame {
  margin-left: 0;
}
.top-bar-button-menu .button-list-hamburger {
  position: absolute;
  left: 40px;
  top: 21px;
  padding-left: 20px;
  text-align: left;
  border: none;
  color: #434343;
  height: 30px;
  line-height: 30px;
  width: 187px;
  background-color: transparent;
  font-family: Roboto, sans-serif;
  font-size: 0.875rem;
  cursor: pointer;
  display: none !important;
  margin: 0 0 0 0;
}
.top-bar-button-menu .button-list-hamburger i {
  color: #434343;
  position: relative;
  top: 1px;
  font-size: 17px;
  margin-right: 6px;
}
.top-bar-button-menu #button-list-content .dropdown-toggle i::before {
  display: none;
}
.top-bar-button-menu .button-list-content-visible {
  display: inline-block !important;
}
.top-bar-button-menu input[type=date] {
  border-style: none;
  margin-top: -1px;
  margin-bottom: -1px;
  color-scheme: dark;
  background-color: transparent;
  outline: none;
}
.top-bar-button-menu .select2-container {
  min-width: 140px;
  max-width: none;
  width: auto !important;
  margin: 0 0 0 0;
}
.top-bar-button-menu .select2-container .select2-selection--multiple {
  box-shadow: none !important;
  border: none !important;
}
.top-bar-button-menu .select2-container--default .select2-selection--multiple {
  height: auto;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}
.top-bar-button-menu .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  white-space: nowrap;
  padding: 0 0 0 14px;
}
.top-bar-button-menu .select2-has-icon .select2-selection--multiple .select2-selection__rendered {
  padding: 0 0 0 34px;
}
.top-bar-button-menu .select2-icon {
  position: absolute;
  padding: 1px 6px 0 8px;
}
.top-bar-button-menu .select2-icon:before {
  font-size: 1.34rem;
}
.top-bar-button-menu .select2-container--default .select2-selection--multiple .select2-selection__choice {
  padding: 0 15px 0 0;
  float: none;
  display: inline-block;
}
.top-bar-button-menu .select2-selection, .top-bar-button-menu .select2-selection__choice, .top-bar-button-menu .select2-selection__placeholder, .top-bar-button-menu .select2-search__field, .top-bar-button-menu .select2-search__field::placeholder {
  cursor: pointer;
}
.top-bar-button-menu .select2-btn-primary .select2-selection {
  margin-top: 1px;
}
.top-bar-button-menu .select2-btn-primary .select2-selection {
  padding-right: 10px;
}
.top-bar-button-menu .select2-btn-primary .select2-selection__choice {
  background-color: transparent;
}
.top-bar-button-menu .select2-btn-primary:hover .select2-selection__choice {
  background-color: transparent;
}
@media only screen and (max-width: 991px) {
  .top-bar-button-menu .button-list-frame {
    margin-left: 0;
  }
  .top-bar-button-menu .button-list-hamburger {
    display: inline-block !important;
  }
  .top-bar-button-menu .button-list-hamburger-empty {
    display: none !important;
  }
  .top-bar-button-menu #button-list-content {
    position: fixed;
    top: 60px;
    left: 10px;
    width: calc(100% - 20px);
    height: unset;
    border-radius: 6px;
    box-shadow: 0 3px 34px rgba(0, 0, 0, 0.96);
    background: #FFFFFF;
    backdrop-filter: blur(12px);
    display: none;
  }
  .top-bar-button-menu .button-list {
    position: relative;
    top: -3px;
  }
  .top-bar-button-menu .button-list > .btn-group {
    margin-top: 6px;
  }
  .top-bar-button-menu .button-list > .btn {
    margin-top: 6px;
  }
}

.top-bar-button-menu {
  /* Den Dropdown Pfeil anlegen */
}
.top-bar-button-menu .select2-dropdown {
  max-width: 430px;
}
.top-bar-button-menu .select2-selection--multiple:before {
  content: "";
  position: absolute;
  right: -5px;
  top: 42%;
  border-top: 5px solid #FFFFFF;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  margin-right: 15px;
  margin-left: 5px;
}
.top-bar-button-menu .select2-container .select2-selection--multiple .select2-selection__choice {
  background-color: transparent;
  color: unset;
  margin-top: 7px;
}

.goldfaden-modal-dialog .top-bar-button-menu {
  padding: 6px 10px 3px 15px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #DADADA;
}
.goldfaden-modal-dialog .top-bar-button-menu .btn-group > .btn:not(:first-child) {
  margin-left: -15px;
}
.goldfaden-modal-dialog .top-bar-button-menu .dropdown-toggle::after {
  display: none;
}

.gfd-topbar-dropdown {
  margin-right: 6px !important;
}
.gfd-topbar-dropdown .btn {
  margin-right: 0 !important;
}

.gfd-topbar-date {
  margin-right: 6px !important;
}

.gfd-topbar-multi-select {
  margin-right: 6px !important;
}

.top-bar-button-menu .select2-container {
  margin-right: 6px !important;
}

.gfd-topbar-button {
  margin-right: 6px !important;
}

.top-bar-right-side-hamburger {
  display: none;
}

.top-bar-right-side-hamburger-empty {
  display: none !important;
}

#top-bar-right-side-hamburger-text {
  color: #434343;
}

.nav-user {
  padding: 0 0 !important;
}

.topnav-right-side-visible {
  padding: 6px 6px 6px 6px;
  display: inline-block !important;
  height: auto;
  max-width: 430px;
  position: fixed;
  right: 10px;
  top: 50px;
  border-style: solid;
  border-width: 1px;
  border-color: #DADADA;
  background-color: #FFFFFF;
}

@media only screen and (max-width: 991px) {
  .top-bar-right-side-hamburger {
    display: inline-block;
    position: relative;
    top: 5px;
  }
  #topnav-right-side {
    display: none;
  }
}
#button-list-content .dropdown-menu {
  right: unset !important;
}

.button-menu-mobile, .navbar-custom .button-menu-mobile {
  position: absolute;
  top: 20px;
  border: none;
  color: #000000;
  height: 30px;
  line-height: 30px;
  width: 60px;
  background-color: transparent;
  font-size: 24px;
  cursor: pointer;
  display: none !important;
  margin: 0 0 0 0;
}

@media only screen and (max-width: 1080px) {
  .button-menu-mobile, .navbar-custom .button-menu-mobile {
    display: none !important;
  }
  body.sidebar-enable .button-menu-mobile .fe-menu:before {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  .button-menu-mobile, .navbar-custom .button-menu-mobile {
    display: inline-block !important;
  }
}
.modal-dialog-changelog {
  max-width: 843px;
}

.modal-changelog {
  background-color: #28292a !important;
  color: #ffffff !important;
}
.modal-changelog .changelog-header-image {
  background-size: cover;
  width: 100%;
  height: 287px;
  border-radius: 10px;
  background-position-y: -87px;
}
@media only screen and (max-width: 991px) {
  .modal-changelog .changelog-header-image {
    margin: 10px auto 20px auto;
    width: calc(100% - 20px);
  }
}
@media only screen and (max-width: 780px) {
  .modal-changelog .changelog-header-image {
    background-position-y: -60px;
  }
}
@media only screen and (max-width: 590px) {
  .modal-changelog .changelog-header-image {
    background-position-y: -65px;
    height: 187px;
  }
}
.modal-changelog .changelog-frame {
  background-color: #28292a !important;
}
.modal-changelog h1 {
  color: #ffffff !important;
  font-size: 1.2rem !important;
}
.modal-changelog h2 {
  color: #ffffff !important;
  font-size: 1.1rem !important;
}
.modal-changelog h3 {
  color: #ffffff !important;
  font-size: 1rem !important;
  font-weight: bold;
}
.modal-changelog blockquote {
  border-left-style: solid;
  border-left-width: 6px;
  border-left-color: #485b84;
  background-color: #303135;
  padding: 10px 10px 1px 10px;
}

.modal-dialog-appinfo {
  max-width: 843px;
}

.modal-appinfo {
  background-color: #28292a !important;
  color: #ffffff !important;
}
.modal-appinfo .appinfo-header-image {
  background-size: cover;
  width: 100%;
  height: 287px;
  border-radius: 10px;
  background-position-y: -87px;
}
@media only screen and (max-width: 991px) {
  .modal-appinfo .appinfo-header-image {
    margin: 10px auto 20px auto;
    width: calc(100% - 20px);
  }
}
@media only screen and (max-width: 780px) {
  .modal-appinfo .appinfo-header-image {
    background-position-y: -60px;
  }
}
@media only screen and (max-width: 590px) {
  .modal-appinfo .appinfo-header-image {
    background-position-y: -65px;
    height: 187px;
  }
}
.modal-appinfo .appinfo-frame {
  background-color: #28292a !important;
}
.modal-appinfo h1 {
  color: #ffffff !important;
  font-size: 1.2rem !important;
}
.modal-appinfo h2 {
  color: #ffffff !important;
  font-size: 1.1rem !important;
}
.modal-appinfo h3 {
  color: #ffffff !important;
  font-size: 1rem !important;
  font-weight: bold;
}
.modal-appinfo blockquote {
  border-left-style: solid;
  border-left-width: 6px;
  border-left-color: #485b84;
  background-color: #303135;
  padding: 10px 10px 1px 10px;
}

.footer a {
  color: #4682B4;
}

/**
  Das Verzeichnis für externe Webaufrufe, in dem das Backend zu finden ist. Der Pfad ist relativ zum 
  Root Verzeichnis. Wenn die URL also "https://meinedomain.de/backend" ist, muss hier "backend"
  angegeben werden.
 */
/* Die Hauptfarbe der Corporate Identity */
/* Die linke Navigation */
/* Die Hintergrundfarbe (Default #242424) */
/* Die Schriftfarbe */
/* Die Schriftfarbe des aktiven Elements (Default #4682B4) */
/* Die Hintergrundfarbe des primären Buttons (Default #4682B4) */
/* Die Schriftfarbe des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe bei Hover des primären Buttons (Default #4682B4) */
/* Die Schriftfarbe bei Hover des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe des Erfolgsbuttons (Default #009688) */
/* Die Schriftfarbe des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe bei Hover des primären Buttons (Default #009688) */
/* Die Schriftfarbe bei Hover des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe des sekundären Buttons */
/* Die Schriftfarbe des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe bei Hover des primären Buttons (Default #007065) */
/* Die Schriftfarbe bei Hover des primären Buttons (Default #FFFFFF) */
/* Die Farben für Fehler, Warnungen, Info und Erfolg */
.sidebar-online-help {
  background-color: #3b3a39;
  -webkit-box-shadow: -8px -7px 20px -7px rgba(0, 0, 0, 0.78);
  -moz-box-shadow: -8px -7px 20px -7px rgba(0, 0, 0, 0.78);
  box-shadow: -8px -7px 20px -7px rgba(0, 0, 0, 0.78);
}
.sidebar-online-help .offcanvas-header {
  background-color: #3b3a39;
}
.sidebar-online-help .offcanvas-header .btn-close {
  position: relative;
  top: -4px;
}
.sidebar-online-help .offcanvas-body {
  background-color: #FFFFFF;
}
.sidebar-online-help .offcanvas-body h1 {
  color: #000000;
  font-size: 1rem;
  text-transform: uppercase;
}
.sidebar-online-help .offcanvas-body h2 {
  color: #000000;
  font-size: 1rem;
}
.sidebar-online-help .offcanvas-body h3 {
  font-size: 1rem;
  font-weight: normal;
}
.sidebar-online-help .offcanvas-body h4 {
  color: #FFFFFF;
  font-size: 0.9rem;
  font-weight: normal;
  text-decoration: underline;
}

.page-print .content-page {
  margin: 0 0 0 0 !important;
  overflow: auto;
  height: unset;
  width: unset;
  padding: 0 0 0 0;
  background: unset;
  box-shadow: none;
  border-style: none;
  opacity: 1;
  position: relative !important;
  left: unset !important;
  right: unset !important;
}
.page-print .content {
  height: auto !important;
}

.topnav-menu .button-list {
  margin: 10px 0 0 0;
}
.topnav-menu .button-list .btn {
  color: #FFFFFF;
  border-style: none;
  box-shadow: none;
  font-size: 0.9rem;
  margin-right: 3px;
}

body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu .menu-title {
  display: none !important;
}
body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu > ul > li > a i {
  color: #FFFFFF;
}
body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu > ul > li:hover > a {
  box-shadow: inset 3px 5px 10px 0 rgba(154, 161, 171, 0.2);
}
body[data-sidebar-size=condensed] #sidebar-menu ul li a {
  color: #000000;
}

.gf-avatar {
  max-width: unset;
  height: 24px;
  width: 24px;
}

.gf-mail-link {
  color: #6c757d;
}

.gf-mail-link:before {
  padding: 6px 9px 0px 0px;
  position: relative;
  top: 3px;
  margin-left: 0px;
  border-style: none;
}

.dataTable tbody tr:hover td .gf-mail-link:before {
  filter: brightness(0);
}

.gf-phone-link {
  color: #6c757d;
}

.gf-phone-link:before {
  padding: 6px 9px 0px 0px;
  position: relative;
  top: 3px;
  margin-left: 0px;
  border-style: none;
}

.dataTable tbody tr:hover td .gf-phone-link:before {
  filter: brightness(0);
}

/* #### Controls und Forms ### */
.custom-select, .form-control {
  box-shadow: none;
}

.form-control:disabled, .form-control[readonly] {
  background-color: #F3F3F3;
}

.form-row {
  margin-right: 0;
  margin-left: 0;
}

.form-row > .col, .form-row > [class*=col-] {
  padding: 0 10px 0 10px;
}

select {
  appearance: auto !important;
}

.btn {
  margin-right: 15px;
  box-shadow: none;
  margin-bottom: 5px;
}

/* Dropdown Button */
.dropdown-menu a i {
  margin-right: 10px;
}

.btn-primary {
  outline: none;
}

.btn-primary:hover {
  outline: none;
}

/**
  Das Verzeichnis für externe Webaufrufe, in dem das Backend zu finden ist. Der Pfad ist relativ zum 
  Root Verzeichnis. Wenn die URL also "https://meinedomain.de/backend" ist, muss hier "backend"
  angegeben werden.
 */
/* Die Hauptfarbe der Corporate Identity */
/* Die linke Navigation */
/* Die Hintergrundfarbe (Default #242424) */
/* Die Schriftfarbe */
/* Die Schriftfarbe des aktiven Elements (Default #4682B4) */
/* Die Hintergrundfarbe des primären Buttons (Default #4682B4) */
/* Die Schriftfarbe des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe bei Hover des primären Buttons (Default #4682B4) */
/* Die Schriftfarbe bei Hover des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe des Erfolgsbuttons (Default #009688) */
/* Die Schriftfarbe des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe bei Hover des primären Buttons (Default #009688) */
/* Die Schriftfarbe bei Hover des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe des sekundären Buttons */
/* Die Schriftfarbe des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe bei Hover des primären Buttons (Default #007065) */
/* Die Schriftfarbe bei Hover des primären Buttons (Default #FFFFFF) */
/* Die Farben für Fehler, Warnungen, Info und Erfolg */
.nav-bordered {
  border-bottom: 1px solid #DADADA !important;
}

.nav-bordered .nav-item {
  margin-bottom: 0;
}

.nav-bordered a.active {
  border-bottom: 2px solid #4682B4 !important;
  background-color: #31636d !important;
  color: #ffffff !important;
}

.nav-tabs a i {
  margin-right: 6px;
}

.nav-link:focus, .nav-link:hover {
  color: #31636d;
}

.form-control.selectize-control {
  height: calc(1.5em + 0.9rem + 2px);
}

.selectize-input {
  box-shadow: none;
}

/*.select2-container--focus { */
.select2-container--open {
  z-index: 100000;
}

.select2-container--open {
  width: auto !important;
}

.dropdown-toggle::after {
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
}

.topnav-menu .dropdown-toggle::after {
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

.dropdown-menu .inner {
  overflow: auto !important;
}

.swal2-container {
  z-index: 10014;
}

.swal2-popup {
  box-shadow: 0 3px 34px rgba(0, 0, 0, 0.96);
  background: #FFFFFF;
  backdrop-filter: blur(12px);
}
.swal2-popup .swal2-title {
  font-size: 1.2rem;
  text-align: left;
  margin-bottom: 20px;
}
.swal2-popup .swal2-styled.swal2-confirm {
  background-color: #009688;
  color: #fff;
  font-size: 0.875rem;
}
.swal2-popup .swal2-styled.swal2-cancel {
  background-color: #e74856;
  color: #fff;
  font-size: 0.875rem;
}
.swal2-popup .swal2-header {
  margin: -8px 0 0 0;
  align-items: normal;
}
.swal2-popup .swal2-content {
  align-items: normal;
}
.swal2-popup #swal2-content {
  text-align: left;
}
.swal2-popup .swal2-actions {
  align-items: normal;
  justify-content: right;
  margin: 26px 0 -14px 0;
}

.swal2-container.swal2-shown {
  background-color: transparent;
}

.legende-item {
  padding: 3px 6px 3px 6px;
  margin: -3px 6px 6px 0;
  float: left;
  border-style: solid;
  border-width: 1px;
  border-color: #878787;
  border-radius: 4px;
}

.legende-clickable {
  cursor: pointer;
}

.fast-select-button {
  cursor: pointer;
  margin-right: 3px;
  padding-top: 4px;
}

.jq-toast-wrap {
  z-index: 20000 !important;
  width: 340px;
}

.jq-icon-warning {
  background-image: none;
}

.jq-icon-warning:before {
  height: 32px;
  width: 32px;
  display: inline-block;
  position: absolute;
  left: 8px;
  content: "";
  -webkit-mask-size: cover;
  mask-size: cover;
}

.jq-icon-error {
  background-image: none;
}

.jq-icon-error:before {
  height: 32px;
  width: 32px;
  display: inline-block;
  position: absolute;
  left: 8px;
  content: "";
  -webkit-mask-size: cover;
  mask-size: cover;
}

.jq-icon-info {
  background-image: none;
}

.jq-icon-info:before {
  height: 32px;
  width: 32px;
  display: inline-block;
  position: absolute;
  left: 8px;
  content: "";
  -webkit-mask-size: cover;
  mask-size: cover;
}

.jq-icon-success {
  background-image: none;
}

.jq-icon-success:before {
  height: 32px;
  width: 32px;
  display: inline-block;
  position: absolute;
  left: 8px;
  content: "";
  -webkit-mask-size: cover;
  mask-size: cover;
}

/**
  Das Verzeichnis für externe Webaufrufe, in dem das Backend zu finden ist. Der Pfad ist relativ zum 
  Root Verzeichnis. Wenn die URL also "https://meinedomain.de/backend" ist, muss hier "backend"
  angegeben werden.
 */
/* Die Hauptfarbe der Corporate Identity */
/* Die linke Navigation */
/* Die Hintergrundfarbe (Default #242424) */
/* Die Schriftfarbe */
/* Die Schriftfarbe des aktiven Elements (Default #4682B4) */
/* Die Hintergrundfarbe des primären Buttons (Default #4682B4) */
/* Die Schriftfarbe des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe bei Hover des primären Buttons (Default #4682B4) */
/* Die Schriftfarbe bei Hover des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe des Erfolgsbuttons (Default #009688) */
/* Die Schriftfarbe des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe bei Hover des primären Buttons (Default #009688) */
/* Die Schriftfarbe bei Hover des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe des sekundären Buttons */
/* Die Schriftfarbe des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe bei Hover des primären Buttons (Default #007065) */
/* Die Schriftfarbe bei Hover des primären Buttons (Default #FFFFFF) */
/* Die Farben für Fehler, Warnungen, Info und Erfolg */
.ki-request-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}

.ki-request-textarea {
  width: 100%;
  min-height: 120px;
  padding: 8px 40px 8px 8px; /* Platz rechts für den Button */
  box-sizing: border-box;
  font-family: inherit;
  font-size: 14px;
  line-height: 1.4;
  resize: vertical;
}

.ki-request-btn {
  position: absolute;
  top: -30px;
  right: 0;
  width: auto;
  height: 24px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  background-color: #eceff1;
  color: #434343;
  text-align: right;
  background-size: 14px 14px;
  background-position: 10px 5px;
  padding: 2px 12px 3px 34px;
  background-image: url("/app/template/image/tiny-icons/ki.png");
  background-repeat: no-repeat;
  cursor: pointer;
}

.ki-request-btn:hover {
  background-color: #009688;
  color: #ffffff;
  background-image: url("/app/template/image/tiny-icons/ki-hover.png");
}

.ki-request-button-active {
  animation: kiPulse 1.5s ease-in-out infinite;
  background-image: url("/app/template/image/tiny-icons/ki-hover.png");
  background-color: #009688;
  color: #ffffff;
}

.ki-request-button-active:hover {
  background-color: #009688;
  color: #ffffff;
}

@keyframes kiPulse {
  0% {
    opacity: 0.6;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.6;
  }
}
/* #### Plugins ### */
.dataTables_filter {
  display: none;
}

table.dataTable {
  margin-top: 0 !important;
  margin-bottom: 10px !important;
  table-layout: auto;
}

.dataTable td {
  padding: 5px 4px 1px 8px;
  border-style: solid;
  border-width: 1px;
  border-color: #DADADA;
  vertical-align: middle;
}

.dataTable td.table-avatar-column img {
  top: -1px;
  left: -1px;
  position: relative;
}

.dataTable thead {
  position: sticky;
  top: 0;
  z-index: 14;
}

.dataTable thead::after {
  content: "";
  position: absolute;
  bottom: 1px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: transparent;
}

.dataTable th {
  padding: 10px 4px 10px 8px;
  border-style: none;
  background-color: #FFFFFF;
  color: #000000;
  white-space: nowrap;
}

.dataTable tr.filters input {
  border-color: #DADADA;
  border-style: solid;
  border-width: 1px;
  outline: unset;
  width: 100%;
  max-width: inherit;
  box-sizing: border-box;
}

.dataTable tbody tr td {
  cursor: pointer;
  word-break: break-word;
  white-space: normal;
  vertical-align: top;
}

.dataTable tbody tr:nth-of-type(2n) td {
  background-color: #f4f3f3;
}

.dataTable-CheckBoxColumn {
  max-width: 28px !important;
  width: 28px !important;
  padding-left: 10px !important;
  padding-right: 0 !important;
}

.dataTable tbody tr:hover td {
  background-color: #f1f1f1;
}

.dataTable tbody tr:hover td, .dataTable tbody tr:hover td > a {
  color: #000000;
}

.dataTable-bottom-left {
  float: left;
}

.dataTable-bottom-right {
  float: right;
}

.dataTable-bottom-clear {
  clear: both;
}

.dataTables_info {
  margin-bottom: 6px;
}

.dataTable-filter-hidden {
  display: none;
}

.dataTable th i {
  margin-left: 6px;
}

.dataTable-ButtonColumn {
  padding-right: 0;
  padding-left: 0;
  max-width: 20px;
  min-width: 20px;
  width: 20px;
  padding-bottom: 0 !important;
}

.dataTable-bottom-group {
  margin: 0 0 0 0 !important;
}
.dataTable-bottom-group .dropdown-toggle {
  background-color: transparent;
  border-style: none;
}
.dataTable-bottom-group .dropdown-toggle::after {
  display: none !important;
}
.dataTable-bottom-group .btn {
  margin: -15px 0 0 4px;
  border-style: none !important;
  box-shadow: none !important;
  padding: 0 0 0 0;
}
.dataTable-bottom-group .btn i:before {
  top: 5px;
  position: relative;
}
.dataTable-bottom-group .btn::before {
  display: none;
}

table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc_disabled:before {
  right: 0.5rem;
  content: "\f0360";
  top: 0;
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_desc_disabled:after {
  right: 0.4em;
  content: "\f035d";
  top: 7px;
}

.row-ok td {
  background-color: #ffffff !important;
}

.row-danger td {
  background-color: #f1e2ea !important;
}

.row-warning td {
  background-color: rgb(251, 239, 193) !important;
}

.row-green td {
  background-color: #109670 !important;
}

.row-gray td {
  background-color: #dfdcdc !important;
}

.dataTables_wrapper .bottom {
  margin-left: 10px;
  margin-bottom: 14px;
}
.dataTables_wrapper .bottom .dataTable-bottom-left {
  margin-top: -14px;
}

.dataTable .badge {
  margin: 0px 6px 0px 6px;
  position: relative;
  top: -2px;
  box-shadow: none;
  padding: 3px 3px 3px 3px;
}

.table-avatar-column {
  max-width: 0;
  width: 0;
}

table.collapsed td.table-avatar-column img {
  display: none !important;
}

table.collapsed .table-avatar-column {
  max-width: 0;
  width: 0;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th:first-child:before {
  top: 7px;
  left: 9px;
  color: white;
  background-color: #878787;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th:first-child:before {
  top: 10px;
  left: 11px;
  color: white;
  background-color: #ADADAD;
  box-shadow: none;
  border-radius: 0;
  border: none;
}

.dataTable .text-right {
  padding-right: 7px;
}

.dataTable .text-small {
  font-size: 12px;
}

.dataTable .table-avatar-column {
  min-width: 25px;
}

.dataTable .dataTable-ButtonColumn {
  min-width: 25px;
}

.dataTable img.status-icon {
  margin-right: 12px;
  padding-top: 0;
  float: left;
}

.dtTableInlineButton {
  float: right;
  top: 1px !important;
  font-size: 0.78rem;
  font-weight: normal;
  opacity: 0.65;
  display: none;
}

.dataTable tr:hover .dtTableInlineButton {
  display: inline-block;
}

.dtTableInlineButton:hover {
  opacity: 1;
}

/* #### Icons ### */
/* #### Template ### */
/**
  Das Verzeichnis für externe Webaufrufe, in dem das Backend zu finden ist. Der Pfad ist relativ zum 
  Root Verzeichnis. Wenn die URL also "https://meinedomain.de/backend" ist, muss hier "backend"
  angegeben werden.
 */
/* Die Hauptfarbe der Corporate Identity */
/* Die linke Navigation */
/* Die Hintergrundfarbe (Default #242424) */
/* Die Schriftfarbe */
/* Die Schriftfarbe des aktiven Elements (Default #4682B4) */
/* Die Hintergrundfarbe des primären Buttons (Default #4682B4) */
/* Die Schriftfarbe des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe bei Hover des primären Buttons (Default #4682B4) */
/* Die Schriftfarbe bei Hover des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe des Erfolgsbuttons (Default #009688) */
/* Die Schriftfarbe des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe bei Hover des primären Buttons (Default #009688) */
/* Die Schriftfarbe bei Hover des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe des sekundären Buttons */
/* Die Schriftfarbe des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe bei Hover des primären Buttons (Default #007065) */
/* Die Schriftfarbe bei Hover des primären Buttons (Default #FFFFFF) */
/* Die Farben für Fehler, Warnungen, Info und Erfolg */
a {
  color: #31636d;
}

.color-error {
  color: #f1556c;
}

.color-warning {
  color: #feb737;
}

.color-success {
  color: #009688;
}

/**
  Das Verzeichnis für externe Webaufrufe, in dem das Backend zu finden ist. Der Pfad ist relativ zum 
  Root Verzeichnis. Wenn die URL also "https://meinedomain.de/backend" ist, muss hier "backend"
  angegeben werden.
 */
/* Die Hauptfarbe der Corporate Identity */
/* Die linke Navigation */
/* Die Hintergrundfarbe (Default #242424) */
/* Die Schriftfarbe */
/* Die Schriftfarbe des aktiven Elements (Default #4682B4) */
/* Die Hintergrundfarbe des primären Buttons (Default #4682B4) */
/* Die Schriftfarbe des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe bei Hover des primären Buttons (Default #4682B4) */
/* Die Schriftfarbe bei Hover des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe des Erfolgsbuttons (Default #009688) */
/* Die Schriftfarbe des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe bei Hover des primären Buttons (Default #009688) */
/* Die Schriftfarbe bei Hover des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe des sekundären Buttons */
/* Die Schriftfarbe des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe bei Hover des primären Buttons (Default #007065) */
/* Die Schriftfarbe bei Hover des primären Buttons (Default #FFFFFF) */
/* Die Farben für Fehler, Warnungen, Info und Erfolg */
.left-side-menu {
  background: #3b3a39;
}

#sidebar-menu .menu-title {
  color: #FFFFFF;
}

#sidebar-menu ul li a {
  color: #FFFFFF;
}
#sidebar-menu ul li a:hover {
  color: #53a8b9;
}
#sidebar-menu ul li a:active {
  color: #53a8b9;
}
#sidebar-menu > ul > li > a {
  color: #FFFFFF;
}
#sidebar-menu > ul > li > a:hover, #sidebar-menu > ul > li > a:focus, #sidebar-menu > ul > li > a:active {
  color: #53a8b9;
}
#sidebar-menu > ul > li > a.mm-active {
  color: #FFFFFF;
}
#sidebar-menu .menuitem-active > a {
  color: #53a8b9;
}
#sidebar-menu .menuitem-active .active {
  color: #53a8b9;
  border-left-color: #53a8b9;
}

/**
  Das Verzeichnis für externe Webaufrufe, in dem das Backend zu finden ist. Der Pfad ist relativ zum 
  Root Verzeichnis. Wenn die URL also "https://meinedomain.de/backend" ist, muss hier "backend"
  angegeben werden.
 */
/* Die Hauptfarbe der Corporate Identity */
/* Die linke Navigation */
/* Die Hintergrundfarbe (Default #242424) */
/* Die Schriftfarbe */
/* Die Schriftfarbe des aktiven Elements (Default #4682B4) */
/* Die Hintergrundfarbe des primären Buttons (Default #4682B4) */
/* Die Schriftfarbe des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe bei Hover des primären Buttons (Default #4682B4) */
/* Die Schriftfarbe bei Hover des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe des Erfolgsbuttons (Default #009688) */
/* Die Schriftfarbe des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe bei Hover des primären Buttons (Default #009688) */
/* Die Schriftfarbe bei Hover des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe des sekundären Buttons */
/* Die Schriftfarbe des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe bei Hover des primären Buttons (Default #007065) */
/* Die Schriftfarbe bei Hover des primären Buttons (Default #FFFFFF) */
/* Die Farben für Fehler, Warnungen, Info und Erfolg */
.top-bar-button-menu .select2-btn-primary .select2-selection {
  color: #ffffff;
  background-color: #31636d;
  border-color: #31636d;
}
.top-bar-button-menu .select2-btn-primary .select2-selection__placeholder, .top-bar-button-menu .select2-btn-primary .select2-search__field, .top-bar-button-menu .select2-btn-primary .select2-search__field::placeholder {
  color: #ffffff;
}
.top-bar-button-menu .select2-btn-primary .select2-selection__choice {
  color: #ffffff;
}
.top-bar-button-menu .select2-btn-primary:hover .select2-selection {
  color: #ffffff;
  background-color: #009688;
  border-color: #009688;
}
.top-bar-button-menu .select2-btn-primary:hover .select2-selection__placeholder, .top-bar-button-menu .select2-btn-primary:hover .select2-search__field, .top-bar-button-menu .select2-btn-primary:hover .select2-search__field::placeholder {
  color: #ffffff;
}
.top-bar-button-menu .select2-btn-primary:hover .select2-selection__choice {
  color: #ffffff;
}

.top-bar-button-menu .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #62c3d5;
}

/**
  Das Verzeichnis für externe Webaufrufe, in dem das Backend zu finden ist. Der Pfad ist relativ zum 
  Root Verzeichnis. Wenn die URL also "https://meinedomain.de/backend" ist, muss hier "backend"
  angegeben werden.
 */
/* Die Hauptfarbe der Corporate Identity */
/* Die linke Navigation */
/* Die Hintergrundfarbe (Default #242424) */
/* Die Schriftfarbe */
/* Die Schriftfarbe des aktiven Elements (Default #4682B4) */
/* Die Hintergrundfarbe des primären Buttons (Default #4682B4) */
/* Die Schriftfarbe des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe bei Hover des primären Buttons (Default #4682B4) */
/* Die Schriftfarbe bei Hover des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe des Erfolgsbuttons (Default #009688) */
/* Die Schriftfarbe des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe bei Hover des primären Buttons (Default #009688) */
/* Die Schriftfarbe bei Hover des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe des sekundären Buttons */
/* Die Schriftfarbe des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe bei Hover des primären Buttons (Default #007065) */
/* Die Schriftfarbe bei Hover des primären Buttons (Default #FFFFFF) */
/* Die Farben für Fehler, Warnungen, Info und Erfolg */
.modal-changelog .changelog-header-image {
  background: url("/app/core/modal-dialog/changelog/image/header-image.jpg") center;
}
.modal-changelog p, .modal-changelog li {
  color: #FFFFFF;
}

/**
  Das Verzeichnis für externe Webaufrufe, in dem das Backend zu finden ist. Der Pfad ist relativ zum 
  Root Verzeichnis. Wenn die URL also "https://meinedomain.de/backend" ist, muss hier "backend"
  angegeben werden.
 */
/* Die Hauptfarbe der Corporate Identity */
/* Die linke Navigation */
/* Die Hintergrundfarbe (Default #242424) */
/* Die Schriftfarbe */
/* Die Schriftfarbe des aktiven Elements (Default #4682B4) */
/* Die Hintergrundfarbe des primären Buttons (Default #4682B4) */
/* Die Schriftfarbe des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe bei Hover des primären Buttons (Default #4682B4) */
/* Die Schriftfarbe bei Hover des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe des Erfolgsbuttons (Default #009688) */
/* Die Schriftfarbe des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe bei Hover des primären Buttons (Default #009688) */
/* Die Schriftfarbe bei Hover des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe des sekundären Buttons */
/* Die Schriftfarbe des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe bei Hover des primären Buttons (Default #007065) */
/* Die Schriftfarbe bei Hover des primären Buttons (Default #FFFFFF) */
/* Die Farben für Fehler, Warnungen, Info und Erfolg */
.modal-appinfo .appinfo-header-image {
  background-image: url("/app/customize/image/login/login-background.jpg");
}
.modal-appinfo p, .modal-appinfo li {
  color: #FFFFFF;
}

/**
  Das Verzeichnis für externe Webaufrufe, in dem das Backend zu finden ist. Der Pfad ist relativ zum 
  Root Verzeichnis. Wenn die URL also "https://meinedomain.de/backend" ist, muss hier "backend"
  angegeben werden.
 */
/* Die Hauptfarbe der Corporate Identity */
/* Die linke Navigation */
/* Die Hintergrundfarbe (Default #242424) */
/* Die Schriftfarbe */
/* Die Schriftfarbe des aktiven Elements (Default #4682B4) */
/* Die Hintergrundfarbe des primären Buttons (Default #4682B4) */
/* Die Schriftfarbe des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe bei Hover des primären Buttons (Default #4682B4) */
/* Die Schriftfarbe bei Hover des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe des Erfolgsbuttons (Default #009688) */
/* Die Schriftfarbe des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe bei Hover des primären Buttons (Default #009688) */
/* Die Schriftfarbe bei Hover des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe des sekundären Buttons */
/* Die Schriftfarbe des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe bei Hover des primären Buttons (Default #007065) */
/* Die Schriftfarbe bei Hover des primären Buttons (Default #FFFFFF) */
/* Die Farben für Fehler, Warnungen, Info und Erfolg */
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #ffffff;
  background-color: #31636d;
}

.topnav-menu .button-list .btn-primary { /* Farbe gleich halten, wegen MouseOver Button und Combo */
  background-color: #31636d;
  color: #ffffff;
}
.topnav-menu .button-list .btn-primary:hover, .topnav-menu .button-list .btn-group:hover .btn-primary {
  background-color: #009688;
  color: #ffffff;
}
.topnav-menu .button-list .btn-secondary { /* Farbe gleich halten, wegen MouseOver Button und Combo */
  background-color: #3b3a39;
  color: #ffffff;
}
.topnav-menu .button-list .btn-secondary:hover, .topnav-menu .button-list .btn-group:hover .btn-secondary {
  background-color: #009688;
  color: #ffffff;
}
.topnav-menu .button-list .btn-success { /* Farbe gleich halten, wegen MouseOver Button und Combo */
  background-color: #009688;
  color: #ffffff;
}
.topnav-menu .button-list .btn-success:hover, .topnav-menu .button-list .btn-group:hover .btn-success {
  background-color: #009688;
  color: #ffffff;
}

body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu > ul > li:hover > a {
  color: #FFFFFF;
  background-color: #62c3d5;
}
body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu > ul > li:hover > .collapse > ul a:hover {
  color: #62c3d5;
}
body[data-sidebar-size=condensed] #sidebar-menu .menuitem-active .active {
  color: #62c3d5;
}

/**
  Das Verzeichnis für externe Webaufrufe, in dem das Backend zu finden ist. Der Pfad ist relativ zum 
  Root Verzeichnis. Wenn die URL also "https://meinedomain.de/backend" ist, muss hier "backend"
  angegeben werden.
 */
/* Die Hauptfarbe der Corporate Identity */
/* Die linke Navigation */
/* Die Hintergrundfarbe (Default #242424) */
/* Die Schriftfarbe */
/* Die Schriftfarbe des aktiven Elements (Default #4682B4) */
/* Die Hintergrundfarbe des primären Buttons (Default #4682B4) */
/* Die Schriftfarbe des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe bei Hover des primären Buttons (Default #4682B4) */
/* Die Schriftfarbe bei Hover des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe des Erfolgsbuttons (Default #009688) */
/* Die Schriftfarbe des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe bei Hover des primären Buttons (Default #009688) */
/* Die Schriftfarbe bei Hover des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe des sekundären Buttons */
/* Die Schriftfarbe des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe bei Hover des primären Buttons (Default #007065) */
/* Die Schriftfarbe bei Hover des primären Buttons (Default #FFFFFF) */
/* Die Farben für Fehler, Warnungen, Info und Erfolg */
.gf-mail-link:before {
  content: url("/app/template/image/tiny-icons/mail.png");
}

.gf-phone-link:before {
  content: url("/app/template/image/tiny-icons/phone.png");
}

/* #### Controls und Forms ### */
/**
  Das Verzeichnis für externe Webaufrufe, in dem das Backend zu finden ist. Der Pfad ist relativ zum 
  Root Verzeichnis. Wenn die URL also "https://meinedomain.de/backend" ist, muss hier "backend"
  angegeben werden.
 */
/* Die Hauptfarbe der Corporate Identity */
/* Die linke Navigation */
/* Die Hintergrundfarbe (Default #242424) */
/* Die Schriftfarbe */
/* Die Schriftfarbe des aktiven Elements (Default #4682B4) */
/* Die Hintergrundfarbe des primären Buttons (Default #4682B4) */
/* Die Schriftfarbe des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe bei Hover des primären Buttons (Default #4682B4) */
/* Die Schriftfarbe bei Hover des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe des Erfolgsbuttons (Default #009688) */
/* Die Schriftfarbe des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe bei Hover des primären Buttons (Default #009688) */
/* Die Schriftfarbe bei Hover des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe des sekundären Buttons */
/* Die Schriftfarbe des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe bei Hover des primären Buttons (Default #007065) */
/* Die Schriftfarbe bei Hover des primären Buttons (Default #FFFFFF) */
/* Die Farben für Fehler, Warnungen, Info und Erfolg */
.btn-outline-primary {
  color: #31636d;
  border-color: #31636d;
}

.btn-outline-primary:hover {
  color: #ffffff;
  background-color: #009688;
  border-color: #009688;
}

.btn-primary {
  border-color: #31636d;
}

.btn-primary:hover {
  color: #ffffff;
  background-color: #009688;
  border-color: #009688;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
  color: #ffffff;
  background-color: #31636d;
  border-color: #31636d;
}

/**
  Das Verzeichnis für externe Webaufrufe, in dem das Backend zu finden ist. Der Pfad ist relativ zum 
  Root Verzeichnis. Wenn die URL also "https://meinedomain.de/backend" ist, muss hier "backend"
  angegeben werden.
 */
/* Die Hauptfarbe der Corporate Identity */
/* Die linke Navigation */
/* Die Hintergrundfarbe (Default #242424) */
/* Die Schriftfarbe */
/* Die Schriftfarbe des aktiven Elements (Default #4682B4) */
/* Die Hintergrundfarbe des primären Buttons (Default #4682B4) */
/* Die Schriftfarbe des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe bei Hover des primären Buttons (Default #4682B4) */
/* Die Schriftfarbe bei Hover des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe des Erfolgsbuttons (Default #009688) */
/* Die Schriftfarbe des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe bei Hover des primären Buttons (Default #009688) */
/* Die Schriftfarbe bei Hover des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe des sekundären Buttons */
/* Die Schriftfarbe des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe bei Hover des primären Buttons (Default #007065) */
/* Die Schriftfarbe bei Hover des primären Buttons (Default #FFFFFF) */
/* Die Farben für Fehler, Warnungen, Info und Erfolg */
.custom-control-input:checked ~ .custom-control-label::before {
  color: #ffffff;
  border-color: #31636d;
  background-color: #31636d;
}

/**
  Das Verzeichnis für externe Webaufrufe, in dem das Backend zu finden ist. Der Pfad ist relativ zum 
  Root Verzeichnis. Wenn die URL also "https://meinedomain.de/backend" ist, muss hier "backend"
  angegeben werden.
 */
/* Die Hauptfarbe der Corporate Identity */
/* Die linke Navigation */
/* Die Hintergrundfarbe (Default #242424) */
/* Die Schriftfarbe */
/* Die Schriftfarbe des aktiven Elements (Default #4682B4) */
/* Die Hintergrundfarbe des primären Buttons (Default #4682B4) */
/* Die Schriftfarbe des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe bei Hover des primären Buttons (Default #4682B4) */
/* Die Schriftfarbe bei Hover des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe des Erfolgsbuttons (Default #009688) */
/* Die Schriftfarbe des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe bei Hover des primären Buttons (Default #009688) */
/* Die Schriftfarbe bei Hover des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe des sekundären Buttons */
/* Die Schriftfarbe des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe bei Hover des primären Buttons (Default #007065) */
/* Die Schriftfarbe bei Hover des primären Buttons (Default #FFFFFF) */
/* Die Farben für Fehler, Warnungen, Info und Erfolg */
.select2-container .select2-selection--multiple .select2-selection__choice {
  background-color: #009688;
  color: #ffffff;
}

.select2-results__option--highlighted[aria-selected] {
  background-color: #31636d !important;
  color: #ffffff !important;
}

/**
  Das Verzeichnis für externe Webaufrufe, in dem das Backend zu finden ist. Der Pfad ist relativ zum 
  Root Verzeichnis. Wenn die URL also "https://meinedomain.de/backend" ist, muss hier "backend"
  angegeben werden.
 */
/* Die Hauptfarbe der Corporate Identity */
/* Die linke Navigation */
/* Die Hintergrundfarbe (Default #242424) */
/* Die Schriftfarbe */
/* Die Schriftfarbe des aktiven Elements (Default #4682B4) */
/* Die Hintergrundfarbe des primären Buttons (Default #4682B4) */
/* Die Schriftfarbe des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe bei Hover des primären Buttons (Default #4682B4) */
/* Die Schriftfarbe bei Hover des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe des Erfolgsbuttons (Default #009688) */
/* Die Schriftfarbe des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe bei Hover des primären Buttons (Default #009688) */
/* Die Schriftfarbe bei Hover des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe des sekundären Buttons */
/* Die Schriftfarbe des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe bei Hover des primären Buttons (Default #007065) */
/* Die Schriftfarbe bei Hover des primären Buttons (Default #FFFFFF) */
/* Die Farben für Fehler, Warnungen, Info und Erfolg */
.jq-toast-single {
  background-color: #ffffff;
  color: #000000;
  border-style: solid;
  border-width: 1px;
  border-color: #DADADA;
  border-left-width: 10px;
  border-radius: 0;
  box-shadow: rgba(100, 100, 111, 0.34) 0 7px 29px 0;
}

.jq-icon-success {
  border-left-color: #009688;
  border-top-color: #009688;
}
.jq-icon-success .jq-toast-loader {
  background-color: #009688 !important;
}

.jq-icon-success:before {
  background-color: #000000;
  -webkit-mask: url("/app/template/image/toastr-icon/check.svg") no-repeat 50% 50%;
  mask: url("/app/template/image/toastr-icon/check.svg") no-repeat 50% 50%;
}

.jq-icon-warning {
  border-left-color: #feb737;
  border-top-color: #feb737;
}
.jq-icon-warning .jq-toast-loader {
  background: #feb737 !important;
}

.jq-icon-warning:before {
  background-color: #000000;
  -webkit-mask: url("/app/template/image/toastr-icon/warning.svg") no-repeat 50% 50%;
  mask: url("/app/template/image/toastr-icon/warning.svg") no-repeat 50% 50%;
}

.jq-icon-error {
  border-left-color: #f1556c;
  border-top-color: #f1556c;
}
.jq-icon-error .jq-toast-loader {
  background: #f1556c !important;
}

.jq-icon-error:before {
  background-color: #000000;
  -webkit-mask: url("/app/template/image/toastr-icon/error.svg") no-repeat 50% 50%;
  mask: url("/app/template/image/toastr-icon/error.svg") no-repeat 50% 50%;
}

.jq-icon-info {
  border-left-color: #004e90;
  border-top-color: #004e90;
}
.jq-icon-info .jq-toast-loader {
  background: #004e90 !important;
}

.jq-icon-info:before {
  background-color: #000000;
  -webkit-mask: url("/app/template/image/toastr-icon/info.svg") no-repeat 50% 50%;
  mask: url("/app/template/image/toastr-icon/info.svg") no-repeat 50% 50%;
}

.close-jq-toast-single {
  position: absolute;
  top: -12px;
  right: -12px;
  font-size: 14px;
  cursor: pointer;
  height: 28px;
  width: 28px;
  background-color: #323a43;
  border-radius: 50%;
  text-align: center;
  line-height: 28px;
  color: #fff;
  padding: 0 0 0 0;
}

/* #### Plugins ### */
/**
  Das Verzeichnis für externe Webaufrufe, in dem das Backend zu finden ist. Der Pfad ist relativ zum 
  Root Verzeichnis. Wenn die URL also "https://meinedomain.de/backend" ist, muss hier "backend"
  angegeben werden.
 */
/* Die Hauptfarbe der Corporate Identity */
/* Die linke Navigation */
/* Die Hintergrundfarbe (Default #242424) */
/* Die Schriftfarbe */
/* Die Schriftfarbe des aktiven Elements (Default #4682B4) */
/* Die Hintergrundfarbe des primären Buttons (Default #4682B4) */
/* Die Schriftfarbe des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe bei Hover des primären Buttons (Default #4682B4) */
/* Die Schriftfarbe bei Hover des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe des Erfolgsbuttons (Default #009688) */
/* Die Schriftfarbe des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe bei Hover des primären Buttons (Default #009688) */
/* Die Schriftfarbe bei Hover des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe des sekundären Buttons */
/* Die Schriftfarbe des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe bei Hover des primären Buttons (Default #007065) */
/* Die Schriftfarbe bei Hover des primären Buttons (Default #FFFFFF) */
/* Die Farben für Fehler, Warnungen, Info und Erfolg */
.page-item.active .page-link {
  background-color: #31636d;
  border-color: #31636d;
  color: #ffffff;
}

.dataTable thead::after {
  background-color: #3b3a39;
}

.dataTable-CheckBoxColumn .custom-control-input:checked ~ .custom-control-label::before {
  color: #ffffff;
  border-color: #31636d;
  background-color: #31636d;
}

/* #### Icons ### */
/**
  Das Verzeichnis für externe Webaufrufe, in dem das Backend zu finden ist. Der Pfad ist relativ zum 
  Root Verzeichnis. Wenn die URL also "https://meinedomain.de/backend" ist, muss hier "backend"
  angegeben werden.
 */
/* Die Hauptfarbe der Corporate Identity */
/* Die linke Navigation */
/* Die Hintergrundfarbe (Default #242424) */
/* Die Schriftfarbe */
/* Die Schriftfarbe des aktiven Elements (Default #4682B4) */
/* Die Hintergrundfarbe des primären Buttons (Default #4682B4) */
/* Die Schriftfarbe des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe bei Hover des primären Buttons (Default #4682B4) */
/* Die Schriftfarbe bei Hover des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe des Erfolgsbuttons (Default #009688) */
/* Die Schriftfarbe des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe bei Hover des primären Buttons (Default #009688) */
/* Die Schriftfarbe bei Hover des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe des sekundären Buttons */
/* Die Schriftfarbe des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe bei Hover des primären Buttons (Default #007065) */
/* Die Schriftfarbe bei Hover des primären Buttons (Default #FFFFFF) */
/* Die Farben für Fehler, Warnungen, Info und Erfolg */
@font-face {
  font-family: "remixicon";
  src: url("/app/assets/fonts/remixicon.eot?t=1587359857360");
  /* IE9*/
  src: url("/app/assets/fonts/remixicon.eot?t=1587359857360#iefix") format("embedded-opentype"), url("/app/assets/fonts/remixicon.woff2?t=1587359857360") format("woff2"), url("/app/assets/fonts/remixicon.woff?t=1587359857360") format("woff"), url("/app/assets/fonts/remixicon.ttf?t=1587359857360") format("truetype"), url("/app/assets/fonts/remixicon.svg?t=1587359857360#remixicon") format("svg");
  /* iOS 4.1- */
  font-display: swap;
}
@font-face {
  font-family: "Material Design Icons";
  src: url("/app/assets/fonts/materialdesignicons-webfont.eot?v=5.0.45");
  src: url("/app/assets/fonts/materialdesignicons-webfont.eot?#iefix&v=5.0.45") format("embedded-opentype"), url("/app/assets/fonts/materialdesignicons-webfont.woff2?v=5.0.45") format("woff2"), url("/app/assets/fonts/materialdesignicons-webfont.woff?v=5.0.45") format("woff"), url("/app/assets/fonts/materialdesignicons-webfont.ttf?v=5.0.45") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "feather";
  src: url("/app/assets/fonts/feather.eot?t=1525787366991");
  /* IE9*/
  src: url("/app/assets/fonts/feather.eot?t=1525787366991#iefix") format("embedded-opentype"), url("/app/assets/fonts/feather.woff?t=1525787366991") format("woff"), url("/app/assets/fonts/feather.ttf?t=1525787366991") format("truetype"), url("/app/assets/fonts/feather.svg?t=1525787366991#feather") format("svg");
  /* iOS 4.1- */
}
@font-face {
  font-family: "Font Awesome 5 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("/app/assets/fonts/fa-brands-400.eot");
  src: url("/app/assets/fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("/app/assets/fonts/fa-brands-400.woff2") format("woff2"), url("/app/assets/fonts/fa-brands-400.woff") format("woff"), url("/app/assets/fonts/fa-brands-400.ttf") format("truetype"), url("/app/assets/fonts/fa-brands-400.svg#fontawesome") format("svg");
}
@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("/app/assets/fonts/fa-regular-400.eot");
  src: url("/app/assets/fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("/app/assets/fonts/fa-regular-400.woff2") format("woff2"), url("/app/assets/fonts/fa-regular-400.woff") format("woff"), url("/app/assets/fonts/fa-regular-400.ttf") format("truetype"), url("/app/assets/fonts/fa-regular-400.svg#fontawesome") format("svg");
}
@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("/app/assets/fonts/fa-solid-900.eot");
  src: url("/app/assets/fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("/app/assets/fonts/fa-solid-900.woff2") format("woff2"), url("/app/assets/fonts/fa-solid-900.woff") format("woff"), url("/app/assets/fonts/fa-solid-900.ttf") format("truetype"), url("/app/assets/fonts/fa-solid-900.svg#fontawesome") format("svg");
}
@font-face {
  font-family: "boxicons";
  font-weight: normal;
  font-style: normal;
  src: url("/app/assets/fonts/boxicons.eot");
  src: url("/app/assets/fonts/boxicons.eot") format("embedded-opentype"), url("/app/assets/fonts/boxicons.woff2") format("woff2"), url("/app/assets/fonts/boxicons.woff") format("woff"), url("/app/assets/fonts/boxicons.ttf") format("truetype"), url("/app/assets/fonts/boxicons.svg?#boxicons") format("svg");
}
.fa,
.fas,
.far,
.fal,
.fad,
.fab {
  font-family: "Font Awesome 5 Free";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

.far, .fal {
  font-weight: 400;
}

/* #### Core ### */
/**
  Das Verzeichnis für externe Webaufrufe, in dem das Backend zu finden ist. Der Pfad ist relativ zum 
  Root Verzeichnis. Wenn die URL also "https://meinedomain.de/backend" ist, muss hier "backend"
  angegeben werden.
 */
/* Die Hauptfarbe der Corporate Identity */
/* Die linke Navigation */
/* Die Hintergrundfarbe (Default #242424) */
/* Die Schriftfarbe */
/* Die Schriftfarbe des aktiven Elements (Default #4682B4) */
/* Die Hintergrundfarbe des primären Buttons (Default #4682B4) */
/* Die Schriftfarbe des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe bei Hover des primären Buttons (Default #4682B4) */
/* Die Schriftfarbe bei Hover des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe des Erfolgsbuttons (Default #009688) */
/* Die Schriftfarbe des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe bei Hover des primären Buttons (Default #009688) */
/* Die Schriftfarbe bei Hover des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe des sekundären Buttons */
/* Die Schriftfarbe des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe bei Hover des primären Buttons (Default #007065) */
/* Die Schriftfarbe bei Hover des primären Buttons (Default #FFFFFF) */
/* Die Farben für Fehler, Warnungen, Info und Erfolg */
.page-login .auth-fluid {
  background: url("/app/customize/image/login/login-background.jpg") center;
}
.page-login .btn {
  background-color: #31636d;
  color: #ffffff;
}
.page-login .btn:hover {
  background-color: #009688;
  color: #ffffff;
}

/**
  Das Verzeichnis für externe Webaufrufe, in dem das Backend zu finden ist. Der Pfad ist relativ zum 
  Root Verzeichnis. Wenn die URL also "https://meinedomain.de/backend" ist, muss hier "backend"
  angegeben werden.
 */
/* Die Hauptfarbe der Corporate Identity */
/* Die linke Navigation */
/* Die Hintergrundfarbe (Default #242424) */
/* Die Schriftfarbe */
/* Die Schriftfarbe des aktiven Elements (Default #4682B4) */
/* Die Hintergrundfarbe des primären Buttons (Default #4682B4) */
/* Die Schriftfarbe des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe bei Hover des primären Buttons (Default #4682B4) */
/* Die Schriftfarbe bei Hover des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe des Erfolgsbuttons (Default #009688) */
/* Die Schriftfarbe des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe bei Hover des primären Buttons (Default #009688) */
/* Die Schriftfarbe bei Hover des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe des sekundären Buttons */
/* Die Schriftfarbe des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe bei Hover des primären Buttons (Default #007065) */
/* Die Schriftfarbe bei Hover des primären Buttons (Default #FFFFFF) */
/* Die Farben für Fehler, Warnungen, Info und Erfolg */
.page-wartungsarbeiten {
  background: url("/app/customize/image/login/login-background.jpg") center;
}

/**
  Das Verzeichnis für externe Webaufrufe, in dem das Backend zu finden ist. Der Pfad ist relativ zum 
  Root Verzeichnis. Wenn die URL also "https://meinedomain.de/backend" ist, muss hier "backend"
  angegeben werden.
 */
/* Die Hauptfarbe der Corporate Identity */
/* Die linke Navigation */
/* Die Hintergrundfarbe (Default #242424) */
/* Die Schriftfarbe */
/* Die Schriftfarbe des aktiven Elements (Default #4682B4) */
/* Die Hintergrundfarbe des primären Buttons (Default #4682B4) */
/* Die Schriftfarbe des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe bei Hover des primären Buttons (Default #4682B4) */
/* Die Schriftfarbe bei Hover des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe des Erfolgsbuttons (Default #009688) */
/* Die Schriftfarbe des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe bei Hover des primären Buttons (Default #009688) */
/* Die Schriftfarbe bei Hover des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe des sekundären Buttons */
/* Die Schriftfarbe des primären Buttons (Default #FFFFFF) */
/* Die Hintergrundfarbe bei Hover des primären Buttons (Default #007065) */
/* Die Schriftfarbe bei Hover des primären Buttons (Default #FFFFFF) */
/* Die Farben für Fehler, Warnungen, Info und Erfolg */
.sidebar-online-help {
  background-color: #3b3a39;
  -webkit-box-shadow: -8px -7px 20px -7px rgba(0, 0, 0, 0.78);
  -moz-box-shadow: -8px -7px 20px -7px rgba(0, 0, 0, 0.78);
  box-shadow: -8px -7px 20px -7px rgba(0, 0, 0, 0.78);
}
.sidebar-online-help .offcanvas-header {
  background-color: #3b3a39;
}
.sidebar-online-help .offcanvas-header h4 {
  color: #FFFFFF;
}
.sidebar-online-help .offcanvas-header .btn-close {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3E%3C/svg%3E");
}
.sidebar-online-help .offcanvas-body {
  background-color: #FFFFFF;
}
.sidebar-online-help .offcanvas-body h1 {
  color: #62c3d5;
}
.sidebar-online-help .offcanvas-body h2 {
  color: #62c3d5;
}

/*# sourceMappingURL=customize.css.map */