/* bootstrap color themes - responsive theme C1

    --- all rights reserved ---

    Style:           medium
    Navigation:      blue
    Primary color:   green
    Secondary color: blue

    Created on : 15.08.2023, 17:17:56
    Author     : Jens Eberle <osticket.com.de>
*/
/* bootstrap color themes - responsive theme C1

    --- all rights reserved ---

    Style:           medium
    Navigation:      blue
    Primary color:   green
    Secondary color: blue

    Created on : 15.08.2023, 17:17:56
    Author     : Jens Eberle <osticket.com.de>
*/
/*
    Created on : 12.08.2023, 16:55:12
    Author     : jens
*/
:root {
  /* https://htmlcolors.com/google-color-picker */
  --bs-primary: #03aa72;
  --bs-primary-rgb: 3, 170, 114;
  --bs-primary-bg-subtle: #cdeee3;
  --bs-primary-border-subtle: #cdeee3;
  --bs-primary-text-emphasis: #026644;
  --bs-secondary: #105fb2;
  --bs-secondary-rgb: 16, 95, 178;
  --bs-secondary-bg-subtle: #cfdff0;
  --bs-secondary-border-subtle: #cfdff0;
  --bs-secondary-text-emphasis: #0a396b;
  --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: #026644;
  --bs-link-color-rgb: 2, 102, 68;
  --bs-link-decoration: none;
  --bs-link-hover-color: #03aa72;
  --bs-link-hover-color-rgb: 3, 170, 114;
}

/*** 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>
*/
/**********   PRIMARY THEME   *************************************************/
.btn-primary {
  --bs-btn-color: #e4e4e4;
  --bs-btn-bg: #03aa72;
  --bs-btn-border-color: #35bb8e;
  --bs-btn-hover-color: #e4e4e4;
  --bs-btn-hover-bg: #35bb8e;
  --bs-btn-hover-border-color: #03aa72;
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: #e4e4e4;
  --bs-btn-active-bg: #02885b;
  --bs-btn-active-border-color: #03aa72;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #e4e4e4;
  --bs-btn-disabled-bg: #35bb8e;
  --bs-btn-disabled-border-color: #35bb8e;
}

.text-primary {
  color: #02885b !important;
}

/**********   SECONDARY THEME   ***********************************************/
.btn-secondary {
  --bs-btn-color: #e4e4e4;
  --bs-btn-bg: #105fb2;
  --bs-btn-border-color: #407fc1;
  --bs-btn-hover-color: #e4e4e4;
  --bs-btn-hover-bg: #407fc1;
  --bs-btn-hover-border-color: #105fb2;
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: #cfdff0;
  --bs-btn-active-bg: #0d4c8e;
  --bs-btn-active-border-color: #105fb2;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #e4e4e4;
  --bs-btn-disabled-bg: #407fc1;
  --bs-btn-disabled-border-color: #407fc1;
}

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

.text-secondary {
  color: #0d4c8e !important;
}

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

/**********   GRUNDLEGENDE ELEMENTE   *****************************************/
body {
  color: #e4e4e4;
  background-color: #105fb2;
}

/**********   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: #105fb2;
  color: #cfdff0;
}

/*** 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: #105fb2;
}

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

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

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

#menueRight .nav-link.active {
  background-color: #286fba;
  border-bottom: 0.1rem solid #cfdff0;
}

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

#mainNavbarElements li.active {
  background: #0d4c8e;
}

#mainNavbarElements li:hover {
  background: #407fc1;
}

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

.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: #03aa72 !important;
  color: #cdeee3;
}

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

/* Helptopic select box */
.jstree-default .jstree-wholerow-clicked {
  background: #cdeee3 !important;
  background: -webkit-linear-gradient(top, #35bb8e 0%, #81d5b9 100%) !important;
  background: linear-gradient(to bottom, #35bb8e 0%, #81d5b9 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: #cdeee3;
}

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

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

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

a.re-deletedraft,
a.re-savedraft { /* highlight draft buttons */
  background-color: #02885b !important;
  color: #cdeee3 !important;
}

/* date/timepicker popup */
.ui-widget-header {
  border-color: #02885b !important;
  background-color: #cdeee3 !important;
  background-image: none !important;
  color: #026644 !important;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight,
a.ui-button,
.ui-button {
  border-color: #35bb8e !important;
  background-color: #cdeee3 !important;
  background-image: none !important;
  color: #026644 !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: #cdeee3 !important;
  background-color: #02885b !important;
  background-image: none !important;
  color: #cdeee3 !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: #cdeee3 !important;
  background-image: none !important;
  background-color: #03aa72 !important;
  color: #cdeee3 !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: #026644;
}

table.ui-datepicker-calendar tr:hover td {
  background-color: #68ccaa !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: #03aa72 !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 #02885b;
}

/* Info Field AttachmentsDiv > titleDiv */
.freetext-files .title {
  color: #026644;
  background-color: #cdeee3;
  border-color: #03aa72;
}

/* 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: #026644 !important;
  border-color: #03aa72 !important;
}

.thread-body.bleed h3,
div.section-break h3 {
  color: #026644 !important;
  border-color: #03aa72 !important;
}

.thread-body.bleed em,
div.section-break em {
  color: #026644;
  background-color: #cdeee3;
  border-color: #03aa72;
}

/* 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(53, 187, 142, 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, #105fb2 50%, #0d4c8e 90%);
}

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

.sidebar {
  background-color: #b7cfe8;
}

/** ticket view page - tread **/
#tickets_inc_thread {
  background-color: rgba(205, 238, 227, 0.7);
}

/**********   FOOTER   ********************************************************/
/** FOOTER **/
#footer {
  color: #105fb2;
  background-color: #105fb2;
}

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

#footerNavbar a:hover {
  color: #407fc1 !important;
}

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

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

#footer .copyright {
  color: #062647;
  background-color: #407fc1;
}

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

#loading i {
  color: #026644;
}

#loading h4 {
  color: #026644;
}

#loading p {
  color: #535353;
}

/* cookie popup */
.eupopup-container {
  border-top: 1px solid #105fb2;
  background-color: rgba(160, 160, 160, 0.85) !important;
  color: #474747 !important;
}

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

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

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

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