@charset "UTF-8";
/* bootstrap color themes - responsive theme C1

    --- all rights reserved ---

    Style:           light
    Navigation:      blue
    Primary color:   blue
    Secondary color: grey

    Created on : 15.08.2023, 17:17:56
    Author     : Jens Eberle <osticket.com.de>
*/
/* load structure */
/*
|--------------------------------------------------------------------------
| STRUCTURE MASTER FILE
| All structure-related SCSS modules imported from here.
| No colors, no theme logic — pure layout and UI structure.
|--------------------------------------------------------------------------
*/
/* --------------------------------------------------
   GLOBAL BASICS
-------------------------------------------------- */
/* RESET / GLOBAL ELEMENTS */
* {
  margin: 0px;
  padding: 0px;
  hyphens: auto;
}

img {
  border: 0px;
  text-decoration: none;
  max-width: 100%;
}

textarea {
  width: 100%;
}

.ui-timepicker-select,
textarea {
  padding: 0.375rem 0.75rem;
  border-radius: var(--bs-border-radius);
  border: var(--bs-border-width) solid #959595 !important;
}

ol ol li {
  list-style-type: lower-alpha;
}

.rounded-xlg {
  border-radius: 0.5rem !important;
}

.w-40 {
  width: 40% !important;
}

.card-footer:last-child {
  border-radius: unset;
}

/* TYPOGRAPHY */
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  letter-spacing: 0.02rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
}

h1 {
  font-size: 1.8rem;
}

h2 {
  font-size: 1.6rem;
}

h3 {
  font-size: 1.4rem;
}

h4 {
  font-size: 1.2rem;
}

h5 {
  font-size: 1rem;
}

h6 {
  font-size: 0.8rem;
}

p {
  margin: 0.5rem 0rem;
}

p:first-of-type {
  margin-top: 0rem;
}

p:last-of-type {
  margin-bottom: 0rem;
}

a, a:focus, a:hover {
  text-decoration: none;
}

i {
  /* center icons */
  align-self: center;
}

/* LAYOUT */
.container-fluid {
  max-width: 75rem;
}

/* --------------------------------------------------
   COMPONENTS (General UI Blocks)
-------------------------------------------------- */
/* --------------------------------------------------
   HEADER
-------------------------------------------------- */
/* HEADER BASE */
#header {
  padding-bottom: 0.1em;
}

#header-logo img {
  max-height: 5rem;
  max-width: 24rem;
  width: 100%;
  margin: 0.5rem 1rem;
}

/* HEADER — MESSAGE BARS */
#msg_messages div,
#messages_barRT div {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  padding: 0.3rem 1rem;
  min-height: 1.5rem;
  margin: 0rem;
  border-radius: 0rem;
}

.error_barRT i,
.msg_error i,
.warning_barRT i,
.msg_warning i,
.notice_barRT i,
.msg_notice i {
  font-size: 120%;
}

#msg_messages .alert-dismissible .btn-close,
#messages_barRT .alert-dismissible .btn-close {
  padding: 0.55em 1rem;
}

#msg_messages p,
#messages_barRT p {
  padding-left: 0.5rem;
  padding-right: 1rem;
  margin-bottom: 0rem;
}

/* warning override */
.alert-warning {
  background-color: #ffecb0;
  border-color: #f9db7f;
  color: inherit;
}

/* TOP RIGHT NAVIGATION */
#headerNavRight {
  font-size: 1.1rem;
  white-space: nowrap;
}

/* icon scaling for lg screens */
@media only screen and (min-width: 992px) {
  #menueRight .nav-link i {
    font-size: 1rem;
  }
}
#menueRight .flag-icon {
  width: 2rem;
  line-height: 1.5em;
  border-bottom: solid 0.1rem black;
}

#menueRight .dropdown-menu {
  width: auto;
  min-width: auto;
  border-radius: 0rem;
  position: absolute;
  margin-top: -5px !important;
}

#menueRight .nav-link.active {
  border-bottom: 0.2rem solid rgba(255, 255, 255, 0.5);
  margin-top: -0.2rem;
  padding-top: 0.2rem !important;
  border-radius: 0.3rem 0.3rem 0rem 0rem;
}

#menueRight .nav-link i {
  font-size: 1.5rem;
}

@media only screen and (min-width: 992px) {
  #menueRight .nav-link i {
    font-size: 1.1rem;
  }
}
/* MAIN NAVBAR */
#mainNavbar {
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 0.01rem;
  text-shadow: 0.05rem 0.05rem 0.2rem #333;
  box-shadow: inset 0 -2px 10px -2px rgba(0, 0, 0, 0.5);
}

/* Main navbar toggler */
#mainNavbar .navbar-toggler:focus {
  box-shadow: none;
}

/* Desktop-only border separators */
@media only screen and (min-width: 768px) {
  #mainNavbarElements li {
    font-size: 0.9rem;
    border-right: 0.05rem solid #aaa;
  }
  #mainNavbarElements li:first-of-type {
    border-left: 0.05rem solid #aaa;
  }
}
/* --------------------------------------------------
   FOOTER
-------------------------------------------------- */
/* FOOTER BASE */
/* Footer navigation links */
#footerNavbar a {
  text-decoration: none;
}

#footerNavbar a:hover {
  text-decoration: underline;
}

/* Legacy selectors kept as-is (li & a inside nav) */
/* Copyright text */
#footer .copyright {
  font-size: 0.8rem;
}

/* Powered by block */
#poweredBy {
  font-size: 0.8rem;
}

#poweredBy img {
  height: 2rem !important;
}

/* Loading popup */
#loading {
  height: auto;
}

#loading .innerdiv {
  display: flex;
  align-items: center;
}

#loading i {
  font-size: 3rem;
}

/* --------------------------------------------------
   FORMS
-------------------------------------------------- */
/* GENERAL FORM BEHAVIOR */
.submitBtnFormChanged {
  border-color: #ff0000;
  box-shadow: 0px 0px 10px 3px #f00;
}

/* Helptopic select box */
.jsTreeWrapper {
  max-width: unset !important;
}

.jstree-anchor,
.jstree-anchor:link,
.jstree-anchor:visited {
  margin: auto 0rem;
}

/* Redactor editor styling */
.redactor-box.redactor-styles-on {
  border-top-left-radius: var(--bs-border-radius-lg);
  border-top-right-radius: var(--bs-border-radius-lg);
  overflow: hidden;
}

.redactor-box.redactor-styles-on .redactor-toolbar.redactor-toolbar {
  padding: 0px;
  text-align: left;
}

/* Toolbar buttons */
.redactor-toolbar a,
.redactor-air a {
  border: 1px solid #ccc;
}

/* Toolbar icons */
.redactor-toolbar a.re-button-icon.re-button-icon,
.redactor-air a.re-button-icon.re-button-icon {
  height: 36px;
  padding: 9px 12px 6px 12px;
  margin: 0px;
}

/* CUSTOM CHECKBOX */
.altcha-checkbox,
.checkbox {
  display: flex;
  margin: 0rem;
  cursor: pointer;
}

.altcha-checkbox > input,
.checkbox > input {
  height: 1.5rem !important;
  width: 1.5rem !important;
  min-width: 1.5rem !important;
  margin: auto 1rem;
  appearance: none;
  border: 1px solid #959595;
  border-radius: 4px;
  outline: none;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.altcha-checkbox > input:checked:before,
.checkbox > input:checked:before {
  font-family: "Font Awesome 6 Free";
  content: "X";
  margin: 0px auto;
  font-weight: bold;
  font-size: 1.1rem;
}

.altcha-checkbox > input:active,
.checkbox > input:active {
  border: 2px solid #34495E;
}

/* SELECT2 */
.select2-container {
  width: 100% !important;
}

.select2-container .select2-selection--single {
  height: auto !important;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
}

/* DATE / TIME PICKER */
#ui-datepicker-div {
  left: 0 !important;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 34em !important;
  z-index: 11000 !important;
}

@media (max-width: 40em) {
  .ui-datepicker-group {
    width: 100% !important;
  }
  #ui-datepicker-div {
    width: 17em !important;
  }
}
/* calendar icon */
.ui-datepicker-trigger {
  background-image: url("../../images/calendar-and-check-mark.png");
  background-size: contain;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0.5rem 0 0 0;
  margin-left: 0.4rem;
  vertical-align: middle;
}

.ui-datepicker-trigger img {
  display: none;
}

/* FILEDROP AREAS */
.filedrop {
  width: 100%;
  padding: 0px !important;
}

.filedrop .files .file {
  height: auto !important;
  padding: 0px 0.4rem !important;
}

/* ATTACHMENTS AREA */
.freetext-files {
  margin: 0.5rem -0.5rem -0.5rem -0.5rem;
}

/* sm & lg breakpoints */
@media (min-width: 576px) and (max-width: 767px), (min-width: 992px) {
  .freetext-files {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
  .freetext-files .title,
  .freetext-files .file {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}
/* Title part */
.freetext-files .title {
  padding: 0.75rem 0.5rem;
  font-weight: 600;
  border-top: 0.025rem solid #17a2b8;
  border-bottom: 0.025rem solid #17a2b8;
}

/* Single file item */
.freetext-files .file {
  display: inline-block;
  padding: 0.5rem;
}

/* --------------------------------------------------
   THREAD / TICKET VIEW
-------------------------------------------------- */
/* THREAD BASE — AVATARS & BASICS */
.thread-entry .avatar,
.thread-event .avatar {
  width: 4rem;
  height: auto;
}

/* Mobile rounding */
@media (max-width: 576px) {
  .thread-entry .avatar,
  .thread-entry .card {
    border-radius: 0.375rem !important;
  }
}
/* THREAD TIMELINE LAYOUT */
/* horizontal timeline bar */
.thread-event .timeline,
.thread-entry .avatar + .timeline {
  margin: auto 0px;
  width: 2rem;
  border-top-style: dotted !important;
}

/* vertical timeline bar */
.thread-entry .timeline-down,
.thread-event .timeline-down {
  width: 3.5rem;
  padding: 0.62rem 0rem;
  border-right-style: dotted !important;
}

/* the circle marker inside the timeline */
.timeline-down .card {
  margin-right: -1.25rem;
  margin-left: auto;
  width: 2.5rem;
  height: 2.5rem;
}

/* INLINE IMAGES WITH DOWNLOAD HOVER */
.image-hover {
  display: inline-block;
  position: relative;
  max-width: 100%;
}

.image-hover .caption {
  position: absolute;
  right: 3px;
  bottom: 5px;
  visibility: hidden;
  opacity: 0.5;
  transition: visibility 0s linear, opacity 0.2s ease-in;
}

.image-hover .caption a {
  font-size: 1.5rem;
}

.image-hover:hover .caption {
  visibility: visible;
  opacity: 1;
  transition-delay: 0.2s;
}

/* download icon */
.icon-download-alt {
  margin-top: auto;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  vertical-align: bottom;
}

.icon-download-alt:before {
  content: "\f381";
}

/* THREAD EVENT ENTRIES */
.thread-event-desc img {
  height: 2rem !important;
  width: auto !important;
  margin-right: 0.25rem;
}

/* Section breaks */
.thread-body.bleed,
div.section-break {
  margin: -0.5rem;
  padding-top: 0.5em !important;
}

div.section-break {
  border-top: 2px solid #17a2b8 !important;
  border-bottom: 2px solid #17a2b8 !important;
}

/* Headings inside section breaks */
.thread-body.bleed h3,
div.section-break h3 {
  margin: -0.5rem 0rem 0rem 0rem;
  font-weight: bolder;
  font-size: 1.2rem;
  padding: 0.5rem;
}

/* Content inside breaks */
.thread-body.bleed em,
.thread-body.bleed div,
div.section-break em {
  display: block;
  padding: 0.5rem;
  border-top: 1px solid #17a2b8;
}

/* Avoid double padding in nested elements */
.thread-body.bleed * *,
div.section-break * * {
  padding: 0rem !important;
}

/* Responsive offsets */
@media (min-width: 576px) and (max-width: 767px), (min-width: 992px) {
  .thread-body.bleed,
  div.section-break {
    margin: -0.5rem -1.5rem !important;
  }
  .thread-body.bleed > *,
  div.section-break > * {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}
/* --------------------------------------------------
   PAGE-SPECIFIC MODULES
-------------------------------------------------- */
/* STARTPAGE */
.landing_page_faq_header {
  font-weight: 600;
  letter-spacing: 0.01rem;
}

/* TICKET VIEW — THREAD & AVATARS */
/* Avatar on narrow screens */
@media (max-width: 576px) {
  .thread-entry .avatar,
  .thread-entry .card {
    border-radius: 0.375rem !important;
  }
}
/* Avatar size (duplicate of base, but we keep page-specific overrides separate) */
.thread-entry .avatar,
.thread-event .avatar {
  width: 4rem;
  height: auto;
}

/* SPECIAL PAGE CLASSES */
/* content wrappers */
/* load color functions and mixins */
/* get mixins and functions for colors */
/* functions to create color maps */
/* get mixins and functions for colors */
/* load colorsMap functions */
/* get custom color functions */
/* load theme group mixin */
/* incldue mixin for layout colors */
/* incldue mixin for layout colors */
/* incldue mixin for layout colors */
:root {
  /* https://htmlcolors.com/google-color-picker */
  --bs-primary: #105fb2;
  --bs-primary-rgb: 16, 95, 178;
  --bs-primary-bg-subtle: rgb(207.2, 223, 239.6);
  --bs-primary-border-subtle: rgb(207.2, 223, 239.6);
  --bs-primary-text-emphasis: rgb(9.6, 57, 106.8);
  --bs-secondary: #5a6268;
  --bs-secondary-rgb: 90, 98, 104;
  --bs-secondary-bg-subtle: rgb(222, 223.6, 224.8);
  --bs-secondary-border-subtle: rgb(222, 223.6, 224.8);
  --bs-secondary-text-emphasis: rgb(54, 58.8, 62.4);
  --bs-warning: #ffc107;
  --bs-warning-rgb: 255, 193, 7;
  --bs-warning-bg-subtle: rgb(255, 242.6, 205.4);
  --bs-warning-border-subtle: rgb(255, 242.6, 205.4);
  --bs-warning-text-emphasis: rgb(102, 77.2, 2.8);
  /* link colors */
  --bs-link-color: rgb(9.6, 57, 106.8);
  --bs-link-color-rgb: 9.6, 57, 106.8;
  --bs-link-decoration: none;
  --bs-link-hover-color: #105fb2;
  --bs-link-hover-color-rgb: 16, 95, 178;
}

/**********   DEFINE ALL COLOR VARS   *****************************************/
/*** body ***/
/*** header ***/
/* header main nav */
/* header topRightNav */
/* header startpage faq area */
/* Farbverlauf */
/*** content area ***/
/*** footer ***/
/**********   PRIMARY THEME   *************************************************/
.btn-primary {
  --bs-btn-color: rgb(227.8, 227.8, 227.8);
  --bs-btn-bg: #105fb2;
  --bs-btn-border-color: rgb(63.8, 127, 193.4);
  --bs-btn-hover-color: rgb(227.8, 227.8, 227.8);
  --bs-btn-hover-bg: rgb(63.8, 127, 193.4);
  --bs-btn-hover-border-color: #105fb2;
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: rgb(227.8, 227.8, 227.8);
  --bs-btn-active-bg: rgb(12.8, 76, 142.4);
  --bs-btn-active-border-color: #105fb2;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: rgb(227.8, 227.8, 227.8);
  --bs-btn-disabled-bg: rgb(63.8, 127, 193.4);
  --bs-btn-disabled-border-color: rgb(63.8, 127, 193.4);
}

.text-primary {
  color: rgb(12.8, 76, 142.4) !important;
}

/**********   SECONDARY THEME   ***********************************************/
.btn-secondary {
  --bs-btn-color: rgb(227.8, 227.8, 227.8);
  --bs-btn-bg: #5a6268;
  --bs-btn-border-color: rgb(123, 129.4, 134.2);
  --bs-btn-hover-color: rgb(227.8, 227.8, 227.8);
  --bs-btn-hover-bg: rgb(123, 129.4, 134.2);
  --bs-btn-hover-border-color: #5a6268;
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: rgb(222, 223.6, 224.8);
  --bs-btn-active-bg: rgb(72, 78.4, 83.2);
  --bs-btn-active-border-color: #5a6268;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: rgb(227.8, 227.8, 227.8);
  --bs-btn-disabled-bg: rgb(123, 129.4, 134.2);
  --bs-btn-disabled-border-color: rgb(123, 129.4, 134.2);
}

.btn-outline-secondary {
  --bs-btn-color: rgb(72, 78.4, 83.2);
  --bs-btn-border-color: #5a6268;
  --bs-btn-hover-color: rgb(227.8, 227.8, 227.8);
  --bs-btn-hover-bg: #5a6268;
  --bs-btn-hover-border-color: #5a6268;
  --bs-btn-focus-shadow-rgb: 108, 117, 125;
  --bs-btn-active-color: rgb(227.8, 227.8, 227.8);
  --bs-btn-active-bg: #5a6268;
  --bs-btn-active-border-color: #5a6268;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #5a6268;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #5a6268;
  --bs-gradient: none;
}

.text-secondary {
  color: rgb(72, 78.4, 83.2) !important;
}

/**********   WARNING THEME   *************************************************/
.text-warning {
  color: rgb(153, 115.8, 4.2) !important;
}

/**********   GRUNDLEGENDE ELEMENTE   *****************************************/
body {
  color: rgb(23.8, 23.8, 23.8);
  background-color: #ffffff;
}

/**********   HEADER   ********************************************************/
/** message bars **/
.error_barRT i,
.msg_error i {
  color: var(--bs-danger);
}

.warning_barRT i,
.msg_warning i {
  color: var(--bs-warning);
}

.notice_barRT i,
.msg_notice i {
  color: var(--bs-success);
}

#header {
  background-color: #ffffff;
  color: rgb(23.8, 23.8, 23.8);
}

/*** Navigation top right ***/
#headerNavRight {
  background-color: transparent;
  align-items: top !important;
}

@media only screen and (min-width: 768px) { /* breakpoint for md */
  #headerNavRight {
    font-size: 0.95rem;
  }
}
#menueRight .flag-icon {
  border-color: #ffffff;
}

#menueRight .dropdown-menu {
  background-color: transparent;
}

#menueRight .nav-link {
  color: rgb(23.8, 23.8, 23.8) !important;
}

#menueRight .nav-link:hover {
  color: rgb(95.2, 95.2, 95.2) !important;
}

#menueRight .nav-link.active {
  background-color: rgba(23.8, 23.8, 23.8, 0.15);
  border-bottom: 0.1rem solid rgb(23.8, 23.8, 23.8);
  border-radius: 0 0 0.375rem 0.375rem;
}

/* Navigation Main navbar */
#mainNavbar {
  background: #105fb2;
  color: rgb(227.8, 227.8, 227.8) !important;
  border-top: 1px solid rgb(63.8, 127, 193.4);
  box-shadow: inset 0 -3px 10px -5px rgba(0, 0, 0, 0.5);
}

#mainNavbar i {
  font-size: larger;
}

/* Main navbar text (only mobile) */
#mainNavbar .navbar-text {
  color: inherit !important;
}

@media only screen and (min-width: 768px) { /* breakpoint for md */
  #mainNavbarElements li:first-of-type,
  #mainNavbarElements li {
    border-color: rgb(63.8, 127, 193.4);
  }
  #mainNavbarElements a.nav-link {
    padding-left: 0px;
  }
}
/* Main navbar item */
#mainNavbar a {
  color: inherit !important;
}

#mainNavbarElements li.active {
  background: rgb(12.8, 76, 142.4);
}

#mainNavbarElements li:hover {
  background: rgb(63.8, 127, 193.4);
}

/**********   CONTENT AREA   **************************************************/
#content { /* content full width*/
  background-color: #ffffff;
  padding-bottom: 0.15rem;
}

.page-content { /* content with max-width*/
  color: rgb(59.5, 59.5, 59.5) !important;
  background-color: rgb(207.2, 223, 239.6) !important;
  border-left: 0.1rem solid rgb(200.6, 200.6, 200.6);
  border-right: 0.1rem solid rgb(200.6, 200.6, 200.6);
}

/** FORMS **/
/* Form input fields */
.list-group-item,
textarea,
.form-control,
.form-select {
  border-color: rgb(159.8, 159.8, 159.8);
}

.submitBtnFormChanged {
  border-color: #ff0000;
  box-shadow: 0px 0px 10px 3px #f00;
}

/* Checkbox styling */
.altcha-checkbox > input,
.checkbox > input {
  border: 1px solid rgb(159.8, 159.8, 159.8) !important;
  background-color: rgb(227.8, 227.8, 227.8) !important;
}

.altcha-checkbox > input:checked,
.checkbox > input:checked {
  border: 1px solid rgb(159.8, 159.8, 159.8) !important;
  background-color: #105fb2 !important;
  color: rgb(207.2, 223, 239.6);
}

.altcha-checkbox > input:active,
.checkbox > input:active {
  border: 2px solid rgb(9.6, 57, 106.8) !important;
}

/* Helptopic select box */
.jstree-default .jstree-wholerow-clicked {
  background: rgb(207.2, 223, 239.6) !important;
  background: -webkit-linear-gradient(top, rgb(63.8, 127, 193.4) 0%, rgb(135.5, 175, 216.5) 100%) !important;
  background: linear-gradient(to bottom, rgb(63.8, 127, 193.4) 0%, rgb(135.5, 175, 216.5) 100%) !important;
}

.jstree-anchor,
.jstree-anchor:link,
.jstree-anchor:visited {
  color: rgb(35.7, 35.7, 35.7) !important;
}

.jstree-anchor:hover,
.jstree-anchor:active {
  color: rgb(71.4, 71.4, 71.4) !important;
}

/* redactor (HTML-Editor) */
/* box border */
.redactor-box.redactor-styles-on {
  border-color: rgb(159.8, 159.8, 159.8) !important;
}

/* toolbar */
.redactor-box.redactor-styles-on .redactor-toolbar.redactor-toolbar {
  background-color: rgb(207.2, 223, 239.6);
}

/* toolbar buttons */
.redactor-toolbar a, .redactor-air a {
  border-color: rgb(200.6, 200.6, 200.6);
  color: rgb(12.8, 76, 142.4) !important;
}

.redactor-source-view .redactor-toolbar a {
  background: rgb(47.6, 47.6, 47.6);
  color: rgb(159.4, 191, 224.2) !important;
}

.redactor-toolbar a:hover, .redactor-air a:hover {
  color: inherit !important;
  background-color: rgb(12.8, 76, 142.4) !important;
}

a.re-deletedraft,
a.re-savedraft { /* highlight draft buttons */
  background-color: rgb(12.8, 76, 142.4) !important;
  color: rgb(207.2, 223, 239.6) !important;
}

/* date/timepicker popup */
.ui-widget-header {
  border-color: rgb(12.8, 76, 142.4) !important;
  background-color: rgb(207.2, 223, 239.6) !important;
  background-image: none !important;
  color: rgb(9.6, 57, 106.8) !important;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight,
a.ui-button,
.ui-button {
  border-color: rgb(63.8, 127, 193.4) !important;
  background-color: rgb(207.2, 223, 239.6) !important;
  background-image: none !important;
  color: rgb(9.6, 57, 106.8) !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border-color: rgb(207.2, 223, 239.6) !important;
  background-color: rgb(12.8, 76, 142.4) !important;
  background-image: none !important;
  color: rgb(207.2, 223, 239.6) !important;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border-color: rgb(207.2, 223, 239.6) !important;
  background-image: none !important;
  background-color: #105fb2 !important;
  color: rgb(207.2, 223, 239.6) !important;
}

.ui-widget-header .ui-icon {
  /* ui-icons_ffffff_256x240.png #ffffff
   * ui-icons_777777_256x240.png #777777
   * ui-icons_555555_256x240.png #555555
   * ui-icons_444444_256x240.png #444444
   * ui-icons_222222_256x240.png #222222
   *
   * ui-icons_228ef1_256x240.png #228ef1
   * ui-icons_cc0000_256x240.png #cc0000
   * ui-icons_ffd27a_256x240.png #ffd27a
   * ui-icons_ef8c08_256x240.png #ef8c08
   * ui-icons_777620_256x240.png #777620
  */
  background-image: url("../../../../css/ui-lightness/images/ui-icons_555555_256x240.png");
}

.ui-widget-header .ui-state-hover .ui-icon {
  background-image: url("../../../../css/ui-lightness/images/ui-icons_ffffff_256x240.png") !important;
}

.ui-state-default, .ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default, .ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 1px solid rgb(200.6, 200.6, 200.6);
  background-image: none;
  color: rgb(9.6, 57, 106.8);
}

table.ui-datepicker-calendar tr:hover td {
  background-color: rgb(111.6, 159, 208.8) !important;
}

/* select2 fields (z.B. Zeitzone-Feld) */
.select2-results__option {
  color: rgb(71.4, 71.4, 71.4);
}

/* background for selected element on dropdown list*/
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #105fb2 !important;
  color: rgb(227.8, 227.8, 227.8);
}

/* filedrop areas */
.filedrop .dropzone {
  border-color: #777777 !important;
  background-color: rgba(200.6, 200.6, 200.6, 0.5) !important;
  color: #777777 !important;
}

/* Info Field AttachmentsDiv */
.freetext-files {
  background-color: rgba(200.6, 200.6, 200.6, 0.5);
  border-bottom: 0.25rem solid rgb(12.8, 76, 142.4);
}

/* Info Field AttachmentsDiv > titleDiv */
.freetext-files .title {
  color: rgb(9.6, 57, 106.8);
  background-color: rgb(207.2, 223, 239.6);
  border-color: #105fb2;
}

/* Info Field AttachmentsDiv > filesDiv */
.attachments {
  border-color: rgb(159.8, 159.8, 159.8) !important;
  background-color: rgb(200.6, 200.6, 200.6);
}

/* Section breaks */
.thread-body.bleed,
.thread-body.bleed div,
div.section-break {
  color: rgb(9.6, 57, 106.8) !important;
  border-color: #105fb2 !important;
}

.thread-body.bleed h3,
div.section-break h3 {
  color: rgb(9.6, 57, 106.8) !important;
  border-color: #105fb2 !important;
}

.thread-body.bleed em,
div.section-break em {
  color: rgb(9.6, 57, 106.8);
  background-color: rgb(207.2, 223, 239.6);
  border-color: #105fb2;
}

/* TABLES */
/* e.g.  Ticket queues */
@media (min-width: 768px) {
  /* table stripped */
  .table > :not(caption) > * > * {
    background-color: transparent !important;
  }
  tbody > tr:nth-of-type(2n+1) {
    background-color: rgb(200.6, 200.6, 200.6) !important;
  }
  /* table hover*/
  tbody > tr:hover > td {
    background-color: rgba(111.6, 159, 208.8, 0.4) !important;
  }
}
/* table head */
.table > :not(caption) > * > th {
  background-color: #777777 !important;
}

th a {
  color: rgb(227.8, 227.8, 227.8) !important;
}

th a:focus,
th a:hover {
  color: rgb(200.6, 200.6, 200.6) !important;
}

/* selected row */
.table > :not(caption) > * > th.selected {
  background-color: rgb(71.4, 71.4, 71.4) !important;
}

td.selected {
  background-color: rgba(35.7, 35.7, 35.7, 0.3) !important;
}

/*** spezial page classes ***/
/** startpage **/
.landing_page_faq_header {
  color: rgb(227.8, 227.8, 227.8);
  text-shadow: 0.05rem 0.05rem 0.2rem rgb(71.4, 71.4, 71.4);
  background: var(--color-first-2);
  background: linear-gradient(0deg, #105fb2 50%, rgb(12.8, 76, 142.4) 90%);
}

/** Sidebar **/
.sidebar-bg {
  background-color: rgb(159.4, 191, 224.2);
  border-left: 0.15rem solid #ffffff;
}

.sidebar {
  background-color: rgb(159.4, 191, 224.2);
}

/** ticket view page - tread **/
#tickets_inc_thread {
  background-color: rgba(207.2, 223, 239.6, 0.7);
}

/**********   FOOTER   ********************************************************/
/** FOOTER **/
#footer {
  background-color: #ffffff;
  border-top: 0.3rem solid #105fb2;
}

#footerNavbar a {
  font-weight: bolder;
  color: rgb(14.4, 85.5, 160.2) !important;
}

#footerNavbar a:hover {
  color: rgb(39.9, 111, 185.7) !important;
}

#footerNavbar nav-item { /* li */ }

#footerNavbar nav-link { /* a */ }

#footer .copyright {
  color: rgb(8, 47.5, 89);
  background-color: rgb(183.3, 207, 231.9);
}

/* loading popup */
#loading {
  background: rgb(227.8, 227.8, 227.8);
}

#loading i {
  color: rgb(9.6, 57, 106.8);
}

#loading h4 {
  color: rgb(9.6, 57, 106.8);
}

#loading p {
  color: rgb(83.3, 83.3, 83.3);
}

/* cookie popup */
.eupopup-container {
  border-top: 2px solid #105fb2;
  background-color: rgba(187, 187, 187, 0.9) !important;
  color: rgb(71.4, 71.4, 71.4) !important;
}

.eupopup-head,
.eupopup-body {
  color: rgb(47.6, 47.6, 47.6) !important;
}

.eupopup-button_1,
.eupopup-button_2 {
  color: rgb(9.6, 57, 106.8) !important;
}

.eupopup-closebutton {
  color: rgb(9.6, 57, 106.8) !important;
  filter: opacity(70%) !important;
  font-size: 1.5rem !important;
  font-weight: bold !important;
}

/*# sourceMappingURL=theme_light_blue_blue-grey.css.map */