@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: #5BC72B;
  --bs-primary-rgb: 91, 199, 43;
  --bs-primary-bg-subtle: #def4d5;
  --bs-primary-border-subtle: #def4d5;
  --bs-primary-text-emphasis: #37771a;
  --bs-secondary: #707070;
  --bs-secondary-rgb: 112, 112, 112;
  --bs-secondary-bg-subtle: #e2e2e2;
  --bs-secondary-border-subtle: #e2e2e2;
  --bs-secondary-text-emphasis: #434343;
  --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: #5BC72B;
  --bs-link-color-rgb: 91, 199, 43;
  --bs-link-decoration: none;
  --bs-link-hover-color: #707070;
  --bs-link-hover-color-rgb: 112, 112, 112;
}

/*** 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:           medium - body settings

    include file for medium themes

    Created on : 15.08.2023, 17:17:56
    Author     : Jens Eberle <osticket.com.de>
*/
@font-face {
  font-family: "Segoe UI";
  font-style: normal;
  font-weight: normal;
  src: local("Segoe UI Regular"), url("../../.../../../css/fonts_stadt-gladbeck/Segoe UI.woff") format("woff"), url("../../.../../../css/fonts_stadt-gladbeck/Segoe UI.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "Segoe UI";
  font-style: italic;
  font-weight: normal;
  src: local("Segoe UI"), url("../../../css/fonts_stadt-gladbeck/Segoe UI Italic.woff") format("woff"), url("../../../css/fonts_stadt-gladbeck/Segoe UI Italic.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "Segoe UI";
  font-style: normal;
  font-weight: 700;
  src: local("Segoe UI"), url("../../../css/fonts_stadt-gladbeck/Segoe UI Bold.woff") format("woff"), url("../../../css/fonts_stadt-gladbeck/Segoe UI Bold.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "Segoe UI";
  font-style: italic;
  font-weight: 700;
  src: local("Segoe UI"), url("../../../css/fonts_stadt-gladbeck/Segoe UI Bold Italic.woff") format("woff"), url("../../../css/fonts_stadt-gladbeck/Segoe UI Bold Italic.ttf") format("truetype"); /* Safari, Android, iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), url("../../../css/fonts_stadt-gladbeck/roboto-v29-latin-regular.woff2") format("woff2"), url("../../../css/fonts_stadt-gladbeck/roboto-v29-latin-regular.woff") format("woff"), url("../../../css/fonts_stadt-gladbeck/roboto-v29-latin-regular.ttf") format("truetype"); /* Safari, Android, iOS */
}
/* roboto-italic - latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: local("Roboto"), url("../../../css/fonts_stadt-gladbeck/roboto-v29-latin-italic.woff2") format("woff2"), url("../../../css/fonts_stadt-gladbeck/roboto-v29-latin-italic.woff") format("woff"), url("../../../css/fonts_stadt-gladbeck/roboto-v29-latin-italic.ttf") format("truetype"); /* Safari, Android, iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: local("Roboto"), url("../../../css/fonts_stadt-gladbeck/roboto-v29-latin-700.woff2") format("woff2"), url("../../../css/fonts_stadt-gladbeck/roboto-v29-latin-700.woff") format("woff"), url("../../../css/fonts_stadt-gladbeck/roboto-v29-latin-700.ttf") format("truetype"); /* Safari, Android, iOS */
}
/* roboto-700italic - latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  src: local("Roboto"), url("../../../css/fonts_stadt-gladbeck/roboto-v29-latin-700italic.woff2") format("woff2"), url("../../../css/fonts_stadt-gladbeck/roboto-v29-latin-700italic.woff") format("woff"), url("../../../css/fonts_stadt-gladbeck/roboto-v29-latin-700italic.ttf") format("truetype"); /* Safari, Android, iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), url("../../../css/fonts_stadt-gladbeck/open-sans-v28-latin-regular.woff2") format("woff2"), url("../../../css/fonts_stadt-gladbeck/open-sans-v28-latin-regular.woff") format("woff"), url("../../../css/fonts_stadt-gladbeck/open-sans-v28-latin-regular.ttf") format("truetype"); /* Safari, Android, iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans"), url("../../../css/fonts_stadt-gladbeck/open-sans-v28-latin-700.woff2") format("woff2"), url("../../../css/fonts_stadt-gladbeck/open-sans-v28-latin-700.woff") format("woff"), url("../../../css/fonts_stadt-gladbeck/open-sans-v28-latin-700.ttf") format("truetype"); /* Safari, Android, iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans"), url("../../../css/fonts_stadt-gladbeck/open-sans-v28-latin-italic.woff2") format("woff2"), url("../../../css/fonts_stadt-gladbeck/open-sans-v28-latin-italic.woff") format("woff"), url("../../../css/fonts_stadt-gladbeck/open-sans-v28-latin-italic.ttf") format("truetype"); /* Safari, Android, iOS */
}
/* open-sans-700italic - latin */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 700;
  src: local("Open Sans"), url("../../../css/fonts_stadt-gladbeck/open-sans-v28-latin-700italic.woff2") format("woff2"), url("../../../css/fonts_stadt-gladbeck/open-sans-v28-latin-700italic.woff") format("woff"), url("../../../css/fonts_stadt-gladbeck/open-sans-v28-latin-700italic.ttf") format("truetype"); /* Safari, Android, iOS */
}
/**********   PRIMARY THEME   *************************************************/
.btn-primary {
  --bs-btn-color: #e2e2e2;
  --bs-btn-bg: #5BC72B;
  --bs-btn-border-color: #7cd255;
  --bs-btn-hover-color: #e2e2e2;
  --bs-btn-hover-bg: #707070;
  --bs-btn-hover-border-color: #5BC72B;
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: #e2e2e2;
  --bs-btn-active-bg: #499f22;
  --bs-btn-active-border-color: #5BC72B;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #e2e2e2;
  --bs-btn-disabled-bg: #7cd255;
  --bs-btn-disabled-border-color: #7cd255;
}

.text-primary {
  color: #499f22 !important;
}

/**********   SECONDARY THEME   ***********************************************/
.btn-secondary {
  --bs-btn-color: #e2e2e2;
  --bs-btn-bg: #707070;
  --bs-btn-border-color: #8d8d8d;
  --bs-btn-hover-color: #e2e2e2;
  --bs-btn-hover-bg: #8d8d8d;
  --bs-btn-hover-border-color: #707070;
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: #e2e2e2;
  --bs-btn-active-bg: #5a5a5a;
  --bs-btn-active-border-color: #707070;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #e2e2e2;
  --bs-btn-disabled-bg: #8d8d8d;
  --bs-btn-disabled-border-color: #8d8d8d;
}

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

.text-secondary {
  color: #5a5a5a !important;
}

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

/**********   GRUNDLEGENDE ELEMENTE   *****************************************/
body {
  font-family: "Segoe UI", "Roboto", "Open Sans";
  color: #222222;
  background-color: #5BC72B;
}

/**********   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: #5BC72B;
}

#header-logo img {
  max-height: 60px;
  width: auto;
  margin-left: 1rem;
}

.btn-primary,
.btn-secondary,
#mainNavbarElements a {
  font-weight: 600;
  font-size: 1.1em;
  padding: 0.25rem 1rem;
  text-shadow: none !important;
}

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

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

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

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

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

#menueRight .nav-link.active {
  background-color: #ffffff;
  border-bottom: 0.1rem solid #5BC72B;
}

/* Navigation Main navbar */
#mainNavbar {
  background: #5BC72B;
  color: #ffffff !important;
  border-top: 1px solid #7cd255;
  box-shadow: inset 0 -3px 10px -5px rgba(0, 0, 0, 0.5);
}

#mainNavbar i {
  font-size: 130%;
}

/* 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: #7cd255;
  }
  #mainNavbarElements a.nav-link {
    padding-left: 0px;
  }
}
/* Main navbar item */
#mainNavbar a {
  color: inherit !important;
}

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

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

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

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

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

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

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

.checkbox > input:checked {
  border: 1px solid #9b9b9b !important;
  background-color: #5BC72B !important;
  color: #def4d5;
}

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

/* Helptopic select box */
.jstree-default .jstree-wholerow-clicked {
  background: #def4d5 !important;
  background: -webkit-linear-gradient(top, #7cd255 0%, #ade395 100%) !important;
  background: linear-gradient(to bottom, #7cd255 0%, #ade395 100%) !important;
}

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

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

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

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

/* toolbar buttons */
.redactor-toolbar a, .redactor-air a {
  border-color: #c6c6c6;
  color: #499f22 !important;
}

.redactor-source-view .redactor-toolbar a {
  background: #2d2d2d;
  color: #bde9aa !important;
}

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

a.re-deletedraft,
a.re-savedraft { /* highlight draft buttons */
  background-color: #499f22 !important;
  color: #def4d5 !important;
}

/* date/timepicker popup */
.ui-widget-header {
  border-color: #499f22 !important;
  background-color: #def4d5 !important;
  background-image: none !important;
  color: #37771a !important;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight,
a.ui-button,
.ui-button {
  border-color: #7cd255 !important;
  background-color: #def4d5 !important;
  background-image: none !important;
  color: #37771a !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: #def4d5 !important;
  background-color: #499f22 !important;
  background-image: none !important;
  color: #def4d5 !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: #def4d5 !important;
  background-image: none !important;
  background-color: #5BC72B !important;
  color: #def4d5 !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 #c6c6c6;
  background-image: none;
  color: #37771a;
}

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

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

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

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

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

/* Info Field AttachmentsDiv > titleDiv */
.freetext-files .title {
  color: #37771a;
  background-color: #def4d5;
  border-color: #5BC72B;
}

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

/* Section breaks */
.thread-body.bleed,
.thread-body.bleed div,
div.section-break {
  color: #37771a !important;
  border-color: #5BC72B !important;
}

.thread-body.bleed h3,
div.section-break h3 {
  color: #37771a !important;
  border-color: #5BC72B !important;
}

.thread-body.bleed em,
div.section-break em {
  color: #37771a;
  background-color: #def4d5;
  border-color: #5BC72B;
}

/* 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: #c6c6c6 !important;
  }
  /* table hover*/
  tbody > tr:hover > td {
    background-color: rgba(124, 210, 85, 0.3) !important;
  }
}
/* table head */
.table > :not(caption) > * > th {
  background-color: #707070 !important;
}

th a {
  color: #e2e2e2 !important;
}

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

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

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

/*** spezial page classes ***/
/** startpage **/
.landing_page_faq_header {
  color: #ffffff;
  text-shadow: 0.05rem 0.05rem 0.2rem #434343;
  background: var(--color-first-2);
  background: linear-gradient(0deg, #5BC72B 50%, #499f22 90%);
}

/* text startpage left */
#startpage div div div {
  text-align: left !important;
}

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

.sidebar {
  background-color: #d4d4d4;
}

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

/**********   FOOTER   ********************************************************/
/** FOOTER **/
#footer {
  color: #ffffff;
  background-color: #5BC72B;
}

#footer a,
#footerNavbar a {
  color: #def4d5 !important;
}

footer a:hover,
#footerNavbar a:hover {
  color: #bde9aa !important;
}

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

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

#footer .copyright {
  font-size: 1rem;
  color: #ffffff;
  background-color: #707070;
}

#footer .copyright a {
  color: #ffffff !important;
}

#footer .copyright a:hover {
  color: #5BC72B !important;
}

#poweredBy {
  display: none !important;
}

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

#loading i {
  color: #5BC72B;
}

#loading h4 {
  color: #5BC72B;
}

#loading p {
  color: #4e4e4e;
}

/* cookie popup */
.eupopup-container {
  border-top: 1px solid #5BC72B;
  background-color: rgba(155, 155, 155, 0.85) !important;
  color: #434343 !important;
}

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

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

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

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