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

    --- all rights reserved ---

    Style:           medium Stadt Gladbeck
    Navigation:      green
    Primary color:   green
    Secondary color: grey

    Created on : 18.10.2023, 17:17:56
    Author     : Jens Eberle <osticket.com.de>

    Vorgaben
    ********
    Grundfarben grün (#5BC72B) und grau (#707070)

    Schrift: Segoe UI
    Schriftgröße 11, linksbündig
    Zeilenabstand 1,2 fach
*/
/*
    Created on : 12.08.2023, 16:55:12
    Author     : jens
*/
/*
    Created on : 12.08.2023, 16:55:12
    Author     : jens
*/
:root {
  /* https://htmlcolors.com/google-color-picker */
  --bs-primary: #0d8a2e;
  --bs-primary-rgb: 13, 138, 46;
  --bs-primary-bg-subtle: #cfe8d5;
  --bs-primary-border-subtle: #cfe8d5;
  --bs-primary-text-emphasis: #08531c;
  --bs-secondary: #5a6268;
  --bs-secondary-rgb: 90, 98, 104;
  --bs-secondary-bg-subtle: #dee0e1;
  --bs-secondary-border-subtle: #dee0e1;
  --bs-secondary-text-emphasis: #363b3e;
  --bs-warning: #ffc107;
  --bs-warning-rgb: 255, 193, 7;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-warning-border-subtle: #fff3cd;
  --bs-warning-text-emphasis: #664d03;
  /* link colors */
  --bs-link-color: #08531c;
  --bs-link-color-rgb: 8, 83, 28;
  --bs-link-decoration: none;
  --bs-link-hover-color: #0d8a2e;
  --bs-link-hover-color-rgb: 13, 138, 46;
}

/*** body ***/
/*** header ***/
/* header main nav */
/* header topRightNav */
/* header startpage faq area */
/* Farbverlauf */
/*** content area ***/
/*** footer ***/
/* bootstrap color themes - responsive theme C1

    --- all rights reserved ---

    Style:           dark - body settings

    include file for dark themes

    Created on : 15.08.2023, 17:17:56
    Author     : Jens Eberle <osticket.com.de>
*/
/**********   PRIMARY THEME   *************************************************/
.btn-primary {
  --bs-btn-color: #e4e4e4;
  --bs-btn-bg: #0d8a2e;
  --bs-btn-border-color: #3da158;
  --bs-btn-hover-color: #e4e4e4;
  --bs-btn-hover-bg: #3da158;
  --bs-btn-hover-border-color: #0d8a2e;
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: #e4e4e4;
  --bs-btn-active-bg: #0a6e25;
  --bs-btn-active-border-color: #0d8a2e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #e4e4e4;
  --bs-btn-disabled-bg: #3da158;
  --bs-btn-disabled-border-color: #3da158;
}

.text-primary {
  color: #0a6e25 !important;
}

/**********   SECONDARY THEME   ***********************************************/
.btn-secondary {
  --bs-btn-color: #e4e4e4;
  --bs-btn-bg: #5a6268;
  --bs-btn-border-color: #7b8186;
  --bs-btn-hover-color: #e4e4e4;
  --bs-btn-hover-bg: #7b8186;
  --bs-btn-hover-border-color: #5a6268;
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: #dee0e1;
  --bs-btn-active-bg: #484e53;
  --bs-btn-active-border-color: #5a6268;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #e4e4e4;
  --bs-btn-disabled-bg: #7b8186;
  --bs-btn-disabled-border-color: #7b8186;
}

.btn-outline-secondary {
  --bs-btn-color: #484e53;
  --bs-btn-border-color: #5a6268;
  --bs-btn-hover-color: #e4e4e4;
  --bs-btn-hover-bg: #5a6268;
  --bs-btn-hover-border-color: #5a6268;
  --bs-btn-focus-shadow-rgb: 108, 117, 125;
  --bs-btn-active-color: #e4e4e4;
  --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: #484e53 !important;
}

/**********   WARNING THEME   *************************************************/
.text-warning {
  color: #997404 !important;
}

/**********   GRUNDLEGENDE ELEMENTE   *****************************************/
body {
  color: #c9c9c9;
  background-color: #303030;
}

/**********   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: #3c3c3c;
  color: #fce6e8;
}

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

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

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

#menueRight .nav-link {
  color: #fce6e8 !important;
}

#menueRight .nav-link:hover {
  color: #ee6676 !important;
}

#menueRight .nav-link.active {
  background-color: #535353;
  border-bottom: 0.1rem solid #fce6e8;
}

/* Navigation Main navbar */
#mainNavbar {
  background: #e2001a;
  color: #e4e4e4 !important;
  border-top: 1px solid #e83348;
  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: #e83348;
  }
  #mainNavbarElements a.nav-link {
    padding-left: 0px;
  }
}
/* Main navbar item */
#mainNavbar a {
  color: inherit !important;
}

#mainNavbarElements li.active {
  background: #b50015;
}

#mainNavbarElements li:hover {
  background: #e83348;
}

/**********   CONTENT AREA   **************************************************/
#content { /* content full width*/
  background-color: rgba(249, 204, 209, 0.2);
}

.page-content { /* content with max-width*/
  color: #474747 !important;
  background-color: #ffffff !important;
}

/** FORMS **/
/* Form input fields */
.list-group-item,
textarea,
.form-control,
.form-select {
  border-color: #a0a0a0;
}

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

/* Checkbox styling */
.checkbox > input {
  border: 1px solid #a0a0a0 !important;
  background-color: #e4e4e4 !important;
}

.checkbox > input:checked {
  border: 1px solid #a0a0a0 !important;
  background-color: #0d8a2e !important;
  color: #cfe8d5;
}

.checkbox > input:active {
  border: 2px solid #08531c !important;
}

/* Helptopic select box */
.jstree-default .jstree-wholerow-clicked {
  background: #cfe8d5 !important;
  background: -webkit-linear-gradient(top, #3da158 0%, #86c597 100%) !important;
  background: linear-gradient(to bottom, #3da158 0%, #86c597 100%) !important;
}

.jstree-anchor,
.jstree-anchor:link,
.jstree-anchor:visited {
  color: #242424 !important;
}

.jstree-anchor:hover,
.jstree-anchor:active {
  color: #474747 !important;
}

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

/* toolbar */
.redactor-box.redactor-styles-on .redactor-toolbar.redactor-toolbar {
  background-color: #cfe8d5;
}

/* toolbar buttons */
.redactor-toolbar a, .redactor-air a {
  border-color: #c9c9c9;
  color: #0a6e25 !important;
}

.redactor-source-view .redactor-toolbar a {
  background: #303030;
  color: #9ed0ab !important;
}

.redactor-toolbar a:hover, .redactor-air a:hover {
  color: inherit !important;
  background-color: #0a6e25 !important;
}

a.re-deletedraft,
a.re-savedraft { /* highlight draft buttons */
  background-color: #0a6e25 !important;
  color: #cfe8d5 !important;
}

/* date/timepicker popup */
.ui-widget-header {
  border-color: #0a6e25 !important;
  background-color: #cfe8d5 !important;
  background-image: none !important;
  color: #08531c !important;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight,
a.ui-button,
.ui-button {
  border-color: #3da158 !important;
  background-color: #cfe8d5 !important;
  background-image: none !important;
  color: #08531c !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: #cfe8d5 !important;
  background-color: #0a6e25 !important;
  background-image: none !important;
  color: #cfe8d5 !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: #cfe8d5 !important;
  background-image: none !important;
  background-color: #0d8a2e !important;
  color: #cfe8d5 !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 #c9c9c9;
  background-image: none;
  color: #08531c;
}

table.ui-datepicker-calendar tr:hover td {
  background-color: #6eb982 !important;
}

/* select2 fields (z.B. Zeitzone-Feld) */
.select2-results__option {
  color: #474747;
}

/* background for selected element on dropdown list*/
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #0d8a2e !important;
  color: #e4e4e4;
}

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

/* Info Field AttachmentsDiv */
.freetext-files {
  background-color: rgba(201, 201, 201, 0.8);
  border-bottom: 0.25rem solid #0a6e25;
}

/* Info Field AttachmentsDiv > titleDiv */
.freetext-files .title {
  color: #08531c;
  background-color: #cfe8d5;
  border-color: #0d8a2e;
}

/* Info Field AttachmentsDiv > filesDiv */
.attachments {
  border-color: #a0a0a0 !important;
  background-color: #c9c9c9;
}

/* Section breaks */
.thread-body.bleed,
.thread-body.bleed div,
div.section-break {
  color: #08531c !important;
  border-color: #0d8a2e !important;
}

.thread-body.bleed h3,
div.section-break h3 {
  color: #08531c !important;
  border-color: #0d8a2e !important;
}

.thread-body.bleed em,
div.section-break em {
  color: #08531c;
  background-color: #cfe8d5;
  border-color: #0d8a2e;
}

/* 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: #c9c9c9 !important;
  }
  /* table hover*/
  tbody > tr:hover > td {
    background-color: rgba(61, 161, 88, 0.3) !important;
  }
}
/* table head */
.table > :not(caption) > * > th {
  background-color: #777777 !important;
}

th a {
  color: #e4e4e4 !important;
}

th a:focus,
th a:hover {
  color: #c9c9c9 !important;
}

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

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

/*** spezial page classes ***/
/** startpage **/
.landing_page_faq_header {
  color: #e4e4e4;
  text-shadow: 0.05rem 0.05rem 0.2rem #474747;
  background: var(--color-first-2);
  background: linear-gradient(0deg, #e2001a 50%, #b50015 90%);
}

/** Sidebar **/
.sidebar-bg {
  background-color: #f9ccd1;
}

.sidebar {
  background-color: #f9ccd1;
}

/** ticket view page - tread **/
#tickets_inc_thread {
  background-color: rgba(207, 232, 213, 0.7);
}

/**********   FOOTER   ********************************************************/
/** FOOTER **/
#footer {
  color: #fce6e8;
  background-color: #3c3c3c;
}

#footerNavbar a {
  color: #fce6e8 !important;
}

#footerNavbar a:hover {
  color: #f399a3 !important;
}

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

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

#footer .copyright {
  color: #440008;
  background-color: rgba(249, 204, 209, 0.4);
}

/* loading popup */
#loading {
  background: #e4e4e4;
}

#loading i {
  color: #08531c;
}

#loading h4 {
  color: #08531c;
}

#loading p {
  color: #535353;
}

/* cookie popup */
.eupopup-container {
  border-top: 2px solid #9e0012;
  background-color: rgba(36, 36, 36, 0.85) !important;
  color: #474747 !important;
}

.eupopup-head,
.eupopup-body {
  color: #fce6e8 !important;
}

.eupopup-button_1,
.eupopup-button_2 {
  color: #ee6676 !important;
}

.eupopup-closebutton {
  color: #e83348 !important;
  filter: opacity(70%) !important;
  font-size: 1.5rem !important;
  font-weight: bold !important;
}

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