@import url("https://fonts.googleapis.com/css?family=Open+Sans");
@font-face {
  font-family: 'Flexo-Regular';
  src: url("/fonts/Flexo/Flexo-Regular.otf");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Flexo-Demi';
  src: url("/fonts/Flexo/Flexo-Demi.otf");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'Flexo-Bold';
  src: url("/fonts/Flexo/Flexo-Bold.otf");
  font-weight: 800;
  font-style: normal; }

.cu-shadow-inset {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.18), 0 1px 1px rgba(0, 0, 0, 0.18);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.18), 0 1px 1px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.18), 0 1px 1px rgba(0, 0, 0, 0.18); }

.cu-shadow-none, .btn-light, body[data-leftbar-theme=light] .left-side-menu, .left-side-menu {
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0), 0 0px 0px rgba(0, 0, 0, 0);
  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0), 0 0px 0px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0), 0 0px 0px rgba(0, 0, 0, 0); }

.cu-shadow-0 {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 1px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 1px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 1px rgba(0, 0, 0, 0.08); }

.cu-shadow-1, .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active, .btn-light:hover, .btn-light:focus, .btn-light:active {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

.cu-shadow-2, .btn.btn-primary, #offeneChats .card, .imgPreviewCloseButton {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.05); }

.cu-shadow-3, .side-nav-item:hover, .side-nav-item:focus, .side-nav-item:active, .side-nav-item.mm-active, body[data-leftbar-theme=light][data-leftbar-compact-mode=condensed] .side-nav .side-nav-item:hover .side-nav-link, body[data-leftbar-theme=light][data-leftbar-compact-mode=condensed] .side-nav .side-nav-item:hover .side-nav-second-level, .card {
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1); }

.cu-shadow-4 {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  -moz-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); }

.cu-shadow-5 {
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  -webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  -moz-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); }

body {
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  background-color: #f4f4f4;
  color: #000;
  -webkit-overflow-scrolling: touch; }

h1, h2, h3, h4, h5, h6, h7, h8 {
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 600; }

b {
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: bold; }

.text-primary {
  color: #4FC262 !important; }

.text-primary-black {
  color: #000 !important; }

.text-primary-white {
  color: #fff !important; }

.btn {
  border-radius: 0.63rem; }
  .btn.btn-primary {
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 400; }
    .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active {
      outline: 0 !important;
      outline-offset: 0 !important;
      background-image: none !important;
      outline: none;
      outline-color: transparent; }
    .btn.btn-primary:active:focus {
      box-shadow: 0 0px 0px rgba(0, 0, 0, 0), 0 0px 0px rgba(0, 0, 0, 0) !important;
      -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0), 0 0px 0px rgba(0, 0, 0, 0) !important;
      -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0), 0 0px 0px rgba(0, 0, 0, 0) !important; }

.bg-primary {
  background-color: #4FC262 !important; }

.bg-primary:hover {
  background-color: #4FC262 !important; }

.btn-outline-primary {
  color: #4FC262 !important;
  border-color: #4FC262 !important; }
  .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active {
    color: #4FC262 !important;
    background-color: #fff !important;
    filter: brightness(0.95) saturate(0.9); }

.btn-light {
  outline: none !important;
  outline-color: transparent !important; }
  .btn-light:hover, .btn-light:focus, .btn-light:active {
    outline: 0 !important;
    outline-offset: 0 !important;
    background-image: none !important;
    outline: none !important;
    outline-color: transparent !important; }

@media (max-width: 767.98px) {
  .sm-btn-block {
    display: block;
    width: 100%; } }

.btn-rounded {
  border-radius: 2em !important; }

input.form-control {
  border-radius: 0.63rem; }

.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child), .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text {
  border-top-right-radius: 0.63rem;
  border-bottom-right-radius: 0.63rem;
  border: 0px solid #fff;
  background-color: #4FC262;
  color: #fff; }

#file-upload-area h3 {
  font-size: 0.8rem;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; }

body[data-leftbar-theme=light] .left-side-menu {
  background-color: #fff; }
  @media (max-width: 767.98px) {
    body[data-leftbar-theme=light] .left-side-menu {
      width: 100%; }
      body[data-leftbar-theme=light] .left-side-menu .logo {
        width: 100%;
        position: relative; } }

.logo span.logo-lg img {
  float: none;
  margin-top: 0;
  margin-left: 0; }

.side-nav-title {
  color: #000 !important; }

.side-nav-link {
  color: #000 !important; }

.side-nav-item {
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
  .side-nav-item:hover, .side-nav-item:focus, .side-nav-item:active {
    background-color: #4FC262;
    margin-left: 3px;
    border-radius: 0.63rem; }
    @media (max-width: 767.98px) {
      .side-nav-item:hover, .side-nav-item:focus, .side-nav-item:active {
        margin-right: 3px; } }
    .side-nav-item:hover a, .side-nav-item:focus a, .side-nav-item:active a {
      color: #fff !important;
      padding-left: 27px; }
      .side-nav-item:hover a i, .side-nav-item:hover a span, .side-nav-item:focus a i, .side-nav-item:focus a span, .side-nav-item:active a i, .side-nav-item:active a span {
        color: #fff !important; }
  .side-nav-item.mm-active {
    background-color: #4FC262;
    margin-left: 3px;
    border-radius: 0.63rem; }
    @media (max-width: 767.98px) {
      .side-nav-item.mm-active {
        margin-right: 3px; } }
    .side-nav-item.mm-active a {
      color: #fff !important;
      padding-left: 27px; }
      .side-nav-item.mm-active a i, .side-nav-item.mm-active a span {
        color: #fff !important; }

body[data-leftbar-theme=light] .side-nav .mm-active > a {
  color: #fff !important; }

body[data-leftbar-theme=light][data-leftbar-compact-mode=condensed] .side-nav .side-nav-item:hover .side-nav-link {
  background-color: #4FC262;
  margin-left: 3px;
  border-radius: 0.63rem; }

body[data-leftbar-theme=light][data-leftbar-compact-mode=condensed] .side-nav .side-nav-item:hover .side-nav-second-level {
  background-color: #fff;
  color: #000;
  margin-top: 3px;
  border-radius: 0.63rem; }
  body[data-leftbar-theme=light][data-leftbar-compact-mode=condensed] .side-nav .side-nav-item:hover .side-nav-second-level li a {
    color: #000 !important; }
    body[data-leftbar-theme=light][data-leftbar-compact-mode=condensed] .side-nav .side-nav-item:hover .side-nav-second-level li a:hover {
      background-color: #fafbfe; }

.account-user-name {
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: normal;
  color: #4FC262; }

.dropdown.notification-list.show .account-user-name {
  color: #4FC262; }

.card {
  border-radius: 0.63rem; }

.card-img-top {
  border-top-left-radius: 0.63rem;
  border-top-right-radius: 0.63rem; }

.card-text {
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; }

.card-link {
  color: #4FC262; }
  .card-link:hover {
    color: #339643; }

.cu-todo-card {
  border-radius: 0.63rem; }

@media (min-width: 576px) {
  .card-deck .card {
    margin-right: 0px;
    margin-left: 0px; } }

label {
  color: #000;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: bold; }

.nav-tabs.nav-bordered li a.active {
  border-bottom: 2px solid #4FC262; }

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: #000; }

.nav-tabs > li > a {
  color: #616161; }

.cu-chatfenster-row {
  position: fixed;
  top: 65px;
  left: 0;
  right: 0;
  bottom: 0; }

.cu-chatfenster-col {
  height: 100%;
  width: 100%;
  position: relative;
  padding-left: 0px; }

.cu-chatfenster-fullscreen {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 13px;
  bottom: 0; }
  .cu-chatfenster-fullscreen .card-header {
    max-height: 64px;
    border-radius: 0px !important; }
    .cu-chatfenster-fullscreen .card-header h4 {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }

.cu-chatfenster-fullscreen {
  border-radius: 0px; }
  .cu-chatfenster-fullscreen .card-footer {
    position: absolute;
    bottom: 0px;
    width: 100%; }

#nachrichtenlisteDivIdZumScrollen {
  position: absolute;
  bottom: 63px;
  top: 64px;
  width: 100%;
  height: auto;
  background-color: #fafbfe;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch; }

.nav-tabs .nav-link {
  border-top-left-radius: 0.63rem;
  border-top-right-radius: 0.63rem; }

@media (max-width: 767.98px) {
  .cu-chatfenster-row {
    left: 13px;
    right: 13px; } }

@media (min-width: 767.98px) {
  .cu-chatfenster-row {
    top: 70px;
    left: 82px;
    right: 12px; } }

.cu-chatfenster-row {
  top: 70px;
  left: 272px; }

.card-header:first-child {
  border-radius: 0.63rem; }

.cu-chat-erstellen-teilnehmer {
  border-radius: 0.63rem; }

.conversation-list .ctext-wrap {
  border-radius: 0.63rem;
  border: 0.05rem solid #dddddd; }
  .conversation-list .ctext-wrap:after {
    display: none; }

.cu-chat-msg-bg-sys {
  background-color: #e0e1e2 !important; }

.cu-chat-msg-bg-other {
  background-color: #ffffff !important; }

.cu-chat-msg-bg-tome {
  background-color: #E5F5FE !important; }

.ctext-wrap:after {
  display: none !important; }

.toast {
  display: none; }
  .toast.show {
    display: block; }

body.authentication-bg {
  background-color: #4FC262 !important; }

.logout-icon {
  display: none; }

.cu-chat-inner-msg i {
  padding: 7px;
  border-radius: 0.65rem;
  background-color: rgba(0, 0, 0, 0.1); }

.cu-card-shadow-none {
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0), 0 0px 0px rgba(0, 0, 0, 0);
  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0), 0 0px 0px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0), 0 0px 0px rgba(0, 0, 0, 0); }

body .side-nav-item .fa-bell {
  background-color: #e84b4b;
  color: #fff !important;
  padding: 5px;
  border-radius: 50%;
  margin-bottom: -5px;
  height: 1.3em;
  width: 1.4em; }

body[data-leftbar-compact-mode="condensed"] .side-nav-item .fa-bell {
  display: block;
  margin-left: 25px !important;
  margin-top: -25px;
  text-align: center; }

body[data-leftbar-compact-mode="condensed"] .side-nav-item:hover .fa-bell {
  display: inline;
  margin-left: 0.2rem !important; }

#chatElementNotification {
  background-color: #e84b4b;
  color: #fff !important;
  padding: 5px;
  border-radius: 50%;
  margin-bottom: -3px;
  height: 1.3em;
  width: 1.3em; }

#chatOffenNotification {
  background-color: #e84b4b;
  color: #fff !important;
  padding: 5px;
  border-radius: 50%;
  margin-bottom: -3px;
  height: 1.3em;
  width: 1.3em; }

#chatGeschlossenNotification {
  background-color: #e84b4b;
  color: #fff !important;
  padding: 5px;
  border-radius: 50%;
  margin-bottom: -3px;
  height: 1.3em;
  width: 1.3em; }

#burgerMenuNotification {
  background-color: #e84b4b;
  color: #fff !important;
  padding: 5px;
  border-radius: 50%;
  height: 1.3em;
  width: 1.3em; }

.imgPreviewCloseButton {
  position: absolute;
  height: 20px;
  width: 20px;
  top: -5px;
  right: -5px;
  border-radius: 50%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: all 250ms;
  -moz-transition: all 250ms;
  transition: all 250ms; }

#chatTitelId {
  max-width: calc(100% - 75px); }

.app-search.form-control {
  border: 1px solid #dee2e6; }

.input-group-append .btn {
  border-width: 0; }

#goBackButton {
  height: 26px;
  width: 26px;
  line-height: 26px;
  padding: 0px; }

.side-nav-item * {
  transition: none !important; }

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

.modal-footer {
  border-top: none; }

.cu-contribution-chart div {
  flex-grow: 1;
  min-height: 10px; }

.no-webp .authentication-bg {
  background-color: #4FC262 !important; }

.webp .authentication-bg {
  background-color: #4FC262 !important; }

#chatWrapper {
  height: 0px; }

.navbar-custom .d-inline-block.mb-0 {
  width: calc(100% - 135px); }
  @media (min-width: 767.98px) {
    .navbar-custom .d-inline-block.mb-0 {
      width: calc(100% - 213px);
      display: block !important; } }

.bootstrap-table .fixed-table-container .table thead th .th-inner {
  white-space: normal !important; }

.cu-inline-form-control {
  min-width: 0;
  width: auto;
  display: inline; }

.app-search span {
  z-index: 0 !important; }

.dropdown-header span.text {
  color: #000 !important; }

.antwortAmpel {
  height: 20px;
  width: 2px;
  margin-right: 8px;
  margin-top: 4px;
  float: left;
  display: block;
  background-color: #3DD466; }

.font-88 {
  font-size: 88px; }

.font-88 small {
  font-size: 50px; }

.img-prognose-preview {
  height: 100px;
  width: 100%;
  background-position: center;
  background-size: contain;
  object-fit: contain;
  margin-bottom: 20px; }

.qAuftraegeDropdownUserWahlTemplate:hover, .qAuftraegeDropdownUserWahlTemplate:focus, .qAuftraegeDropdownUserWahlTemplate:active {
  background-color: #339643 !important; }

.auftrag-user-visible {
  position: relative;
  left: -10px;
  top: -9px; }

.picker__input.picker__input--active {
  border-color: #339643 !important; }

.picker__holder {
  width: 100% !important;
  margin-left: 0px !important; }

@media (max-width: 767.98px) {
  #qAktuellesHeader {
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 1rem !important;
    text-align: center !important; }
  #aktuellesAnzeigenFuerDiv {
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 1rem !important; }
  #qAktuellesDropdown {
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 1rem !important; }
  .q-navbar {
    text-align: center !important;
    justify-content: center !important;
    padding-top: 1rem !important; }
  .q-aktuelles-dropdown {
    float: none !important; }
  #qSelectedText {
    display: block !important; }
  #qSelectedName {
    display: block !important; }
  #aktuellesPrognosen {
    margin-top: 1rem !important;
    text-align: left !important; }
  #aktuellesPrognosenZahlenDiv {
    justify-content: flex-start !important; }
  .q-aktuelles-dropdown-mobile {
    width: 100% !important; } }

.email-test-zustand {
  top: 24px;
  left: 12px;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background-color: #e6e6e6;
  display: inline-block; }

.email-test-zustand.green {
  background-color: #3DD466;
  cursor: default;
  color: #ffffff; }

.email-test-zustand.orange {
  background-color: #d4b23e;
  cursor: default;
  color: #ffffff; }

.email-test-zustand.red {
  background-color: #F16666;
  cursor: default;
  color: #ffffff; }

.email-test-zustand.grey {
  background-color: #ededed;
  cursor: default;
  color: #6c6c6c; }

#mobileAbwesenheitsmodus {
  padding-top: 10px; }
  @media (min-width: 767.98px) {
    #mobileAbwesenheitsmodus {
      display: none; } }

.profile-dropdown {
  width: 200px; }

.button-menu-mobile {
  line-height: 60px; }

h4#pageTitleId {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 70px;
  margin: 0;
  padding-top: 24px;
  line-height: 1.3; }

.nav-user {
  padding: 20px 25px 17px 57px !important; }

a#toolbarIcon {
  padding-right: 0px !important; }

.nav-user .account-user-name {
  margin-top: -4px;
  font-weight: 400; }

.nav-user .account-user-avatar {
  position: absolute;
  left: 15px; }

.nav-user.bg-primary {
  background-color: #339643; }

.q-aktuelles-dropdown-mobile {
  width: 320px;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 50vh; }

#stuetzpunkteSucheContainer {
  padding: 10px; }

.qAuftraegeDropdownUserNameWithPadding {
  padding-left: 20px; }

.table-responsive::-webkit-scrollbar {
  -webkit-appearance: none; }

.table-responsive::-webkit-scrollbar:vertical {
  width: 12px; }

.table-responsive::-webkit-scrollbar:horizontal {
  height: 12px; }

.table-responsive::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  border: 2px solid #ffffff; }

.table-responsive::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #ffffff; }

button.form-control.select-custom-border.dropdown-toggle.bs-placeholder.is-invalid {
  border-color: #fa5c7c !important; }

button.form-control.select-custom-border.dropdown-toggle.bs-placeholder.is-valid {
  border-color: #0acf97 !important; }

.bootstrap-select.is-valid .dropdown-toggle, .was-validated .bootstrap-select select:valid + .dropdown-toggle {
  border-color: #0acf97 !important; }

#cuid-aktuelles-dropdown-ref {
  padding-right: 30px !important; }

.cu-sidebar-logo {
  background-image: url(/img/svg/Catchup-Applications.svg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 50px;
  width: 100%;
  display: inline-block; }

.cu-logo-side-nav-item a {
  padding-top: 0px !important;
  padding-bottom: 0px !important; }

@media (min-width: 768px) and (max-width: 1028px) {
  .cu-logo-side-nav-item {
    display: none; } }

.btn-with-maincolor-override {
  background-color: #4FC262 !important;
  border-color: #4FC262 !important; }

.text-primary-override-black {
  color: #000 !important; }

.dienstplan-stuetzpunkt-addresse {
  display: block;
  width: 100%;
  padding: 0.375rem 0.9rem;
  font-weight: 400;
  color: #424849; }

.dienstplan-search-message {
  font-weight: 400;
  color: #424849;
  top: 50%; }

#cuid-aktuelles-dropdown-icon {
  background-color: transparent;
  color: #fff !important; }

#topbar-profile {
  border-radius: 0.63rem; }
  #topbar-profile:hover, #topbar-profile:focus, #topbar-profile:active {
    background-color: #f3f3f3 !important; }

.badge {
  font-weight: 400; }

.badge-primary {
  font-weight: 400;
  background-color: #4FC262 !important; }

.badge-light {
  color: #000 !important; }

.text-info {
  color: #616161 !important; }

.text-primary {
  color: #4FC262 !important; }

.bg-primary {
  background-color: #4FC262 !important; }

.bg-primary:hover {
  background-color: #4FC262 !important; }

a {
  color: #4FC262 !important; }

a:hover {
  filter: brightness(0.95) saturate(0.9); }

a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus {
  filter: brightness(0.95) saturate(0.9); }

.notification-list .dropdown-menu.dropdown-menu-right {
  color: #4FC262 !important; }

.btn-primary {
  background-color: #4FC262 !important;
  border-color: #4FC262 !important; }
  .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    filter: brightness(0.95) saturate(0.9); }

.btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:active {
  filter: brightness(0.95) saturate(0.9); }

#topbar-profile .account-user-name {
  color: #000 !important; }

#topbar-profile .badge-warning {
  color: #000 !important; }

#q-topbar-dropdown {
  color: #000 !important; }
  #q-topbar-dropdown .dropdown-item {
    color: #000 !important; }

.side-nav-item.mm-active {
  background-color: #4FC262 !important; }
  .side-nav-item.mm-active:hover, .side-nav-item.mm-active:focus, .side-nav-item.mm-active:active {
    filter: brightness(0.95) saturate(0.9); }

.side-nav-item:hover, .side-nav-item:focus, .side-nav-item:active {
  background-color: #4FC262 !important;
  filter: brightness(0.95) saturate(0.9); }

#aktuellesAnzeigenFuer {
  color: #fff !important; }

#aktuellesAnzeigenFuer {
  cursor: pointer;
  background-color: #4FC262; }
  #aktuellesAnzeigenFuer .text-primary {
    color: #fff !important; }
  #aktuellesAnzeigenFuer:hover, #aktuellesAnzeigenFuer:focus, #aktuellesAnzeigenFuer:active {
    filter: brightness(0.95) saturate(0.9); }
  #aktuellesAnzeigenFuer.picker__input.picker__input--active {
    border-color: #fff !important; }

.datepicker td.active.day {
  background-color: #4FC262 !important; }

.nav-user.bg-primary {
  background-color: #4FC262 !important; }
  .nav-user.bg-primary:hover, .nav-user.bg-primary:focus, .nav-user.bg-primary:active {
    filter: brightness(0.95) saturate(0.9); }

#cuid-aktuelles-dropdown-ref {
  border: 1px solid;
  border-radius: 0.63rem;
  margin: 5px;
  padding-top: 5px !important;
  min-height: 20px !important; }

#cuid-aktuelles-dropdown-ref.nav-user {
  padding: 10px 25px 7px 57px !important; }

.qAuftraegeDropdownUserWahlTemplate:hover, .qAuftraegeDropdownUserWahlTemplate:focus, .qAuftraegeDropdownUserWahlTemplate:active {
  background-color: #4FC262 !important;
  filter: brightness(0.95) saturate(0.9); }

.dropdown-item {
  color: #000 !important; }

#aktuellesStuetzpunkt, #aktuellesPrueftermin, #aktuellesAntwort, #aktuellesPrognosenTitle, #aktuellesPrognosenStatus, #aktuellesPrognosenZahlenDiv {
  cursor: pointer; }

.border-primary {
  border-color: #4FC262 !important; }

.formular-custom-logo {
  content: url(/img/svg/qupri-logo-white.svg);
  background-color: #4FC262 !important;
  height: 80px;
  margin: 0 auto; }

.antwort-highlight {
  font-weight: bold !important; }