/* Auto-generated at Sat, 13 Jun 26 09:49:13 +0000. */

.frontend {
  --mat-datepicker-calendar-header-text-color: var(--body-color);
  --mdc-text-button-label-text-color: var(--body-color);
  --mat-menu-item-label-text-color: var(--body-color);
  --mat-datepicker-calendar-date-disabled-state-text-color: var(--gray-light);
  --mat-datepicker-calendar-navigation-button-icon-color: white;
  --mat-datepicker-calendar-period-button-icon-color: white;
  --nav-item-bg: var(--gray-lightest);
  --mat-button-text-label-text-color: var(--body-color);
  --mat-dialog-subhead-color: var(--body-color);
  --kanban-counter-color: var(--body-color);
  --mat-option-label-text-color: var(--body-color);
  --dropdown-item-bg-active: var(--panel-bg);
}
body.frontend p a {
  color: var(--link-color);
}
body.frontend p a:hover {
  color: var(--link-color-hover);
  border-bottom: 1px solid var(--link-color-hover);
  margin-bottom: -1px;
}
body.frontend p a:active {
  color: var(--link-color-hover);
  border-bottom: 1px solid var(--link-color-hover);
  margin-bottom: -1px;
}

body.frontend p a:visited {
  color: #008f9b;
}
body.frontend:not(.backend-active) .btn.btn-icon {
  background-color: #000028;
  color: #00cccc;
}
body.frontend:not(.backend-active) .btn.btn-icon svg {
  fill: #00cccc;
}
body.frontend:not(.backend-active) .btn.btn-icon:hover {
  fill: #2ee6e2;
}
body.frontend:not(.backend-active) .btn.btn-white {
  color: #00cccc;
  border: 1px solid;
}
body.frontend:not(.backend-active) .btn.btn-white:hover {
  color: #2ee6e2;
  border-color: #2ee6e2;
}
body.frontend .btn.btn-white:not(.btn-like) svg {
  fill: #00cccc;
}
body.frontend .btn.btn-white:not(.btn-like):hover {
  fill: #2ee6e2;
}
body.frontend fe-topic-participate-phases .topic-participate-phases .timeline-cta .inn_card a .card-content button.btn.btn-white, body.frontend .topic-context .btn.btn-white {
  background-color: transparent;
  color: #00cccc;
  border-color: #00cccc;
}
body.frontend fe-topic-participate-phases .topic-participate-phases .timeline-cta .inn_card a .card-content button.btn.btn-white:hover, body.frontend .topic-context .btn.btn-white:hover {
  color: #2ee6e2;
  border-color: #2ee6e2;
  background-color: rgba(0, 204, 204, 0.12);
}
body.frontend dynamic-content .btn.btn-primary, body.frontend widget-banner .widget-banner .widget-banner-inner .btn {
  background: linear-gradient(90deg, #00ffb9 0%, #00e6dc 100%);
  transition: none;
  color: #001034;
}
body.frontend dynamic-content .btn.btn-primary:hover, body.frontend widget-banner .widget-banner .widget-banner-inner .btn:hover {
  background: #00ffb9;
}
body.frontend .cke .cke_wysiwyg_frame a.btn:hover, body.frontend .cke .cke_wysiwyg_div a.btn:hover, body.frontend dynamic-content a.btn:hover {
  text-decoration: none;
}
body.frontend .action-bar .blog-like .btn.btn-white:not(.btn-like) svg {
  fill: transparent;
}
body.frontend .action-bar .blog-like .btn.btn-white:not(.btn-like):hover svg {
  fill: #ff5454;
}
body.frontend .action-bar .blog-like.liked .btn.btn-white:not(.btn-like) svg {
  fill: #ff5454;
}
body.frontend .swiper-footer .button-next .btn.btn-white svg {
  margin-left: 2px;
  margin-bottom: 4px;
}
body.frontend list-solr .pagination > a {
  display: inline-flex;
  height: 32px;
  padding: 0px 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none !important;
  color: #00cccc !important;
  font-size: 18px;
  font-weight: 400;
}
body.frontend list-solr .pagination > a:hover {
  background-color: #c5ffef;
  font-weight: 900;
  color: #000028 !important;
}
body.frontend list-solr .pagination > a.active {
  background-color: #00ffb9 !important;
  font-weight: 900;
  color: #000028 !important;
}
.frontend .gallery-lightbox inn-button.next .btn.btn-icon, .frontend .gallery-lightbox inn-button.prev .btn.btn-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 15px;
  background-color: #00cccc;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 40, 0.1), 0px 2px 4px 0px rgba(0, 0, 40, 0.2);
}
.frontend .gallery-lightbox inn-button.next .btn.btn-icon svg, .frontend .gallery-lightbox inn-button.prev .btn.btn-icon svg {
  fill: #000028;
}
body.frontend fe-card-content .card-content .topic-item a {
  color: white;
}
body.frontend fe-suggestion-infobar .suggestion-infobar .info-box a {
  color: #00cccc;
  text-decoration: none;
  font-weight: bold;
}
body.frontend fe-suggestion-infobar .suggestion-infobar .info-box a:hover {
  color: #2ee6e2;
  text-decoration: underline;
}
body.frontend dynamic-content a {
  color: #00cccc;
  text-decoration: none;
  font-weight: bold;
}
body.frontend dynamic-content a:hover {
  color: #2ee6e2;
  text-decoration: underline;
}
body.frontend dynamic-content a {
  color: #00cccc;
  text-decoration: none !important;
  font-weight: bold;
}
body.frontend dynamic-content a:hover {
  color: #2ee6e2;
}
body.frontend .mat-select .mat-select-trigger {
  background-color: rgba(0, 204, 204, 0.08);
  border-bottom: 1px solid #b3b3be;
}
body.frontend .mat-select .mat-select-trigger .mat-select-arrow-wrapper {
  line-height: 0em;
}
body.frontend .mat-select-panel {
  background-color: #001034;
}
body.frontend .mat-select-panel .mat-option {
  color: white;
}
body.frontend .mat-option.mat-selected:not(.mat-option-multiple), body.frontend .mat-option.mat-active, body.frontend .mat-option:hover:not(.mat-option-disabled) {
  background-color: rgba(0, 204, 204, 0.12) !important;
  color: #00cccc;
}
body.frontend .mat-select-panel .mat-option.mat-selected {
  color: #2ee6e2;
}
body.frontend mention-list .dropdown-menu, body.frontend mention-list .dropdown-menu li.active, body.frontend mention-list .dropdown-menu li:hover {
  background-color: #000028;
}
body.frontend mention-list .dropdown-menu li.active a, body.frontend mention-list .dropdown-menu li:hover a {
  color: #00cccc;
}
body.frontend mention-list .dropdown-menu li.active a {
  font-weight: 600;
}
body.frontend widget-index-item.widget3 .widget-static {
  position: relative;
  overflow: hidden;
  height: 70vh;
}
body.frontend widget-index-item.widget3 .widget-static .static-content {
  position: absolute;
  top: 50%;
  z-index: 1;
  transform: translateY(-50%);
}
body.frontend widget-index-item.widget3 .widget-static .static-content h1 {
  /* Bold Hero/L 1 Roman */
  font-size: 72px;
  font-weight: 400;
  line-height: 86px;
  letter-spacing: -0.5px;
}
body.frontend widget-index-item.widget3 .widget-static .static-content h1.hero1-roman {
  /* Hero/L 1 Roman */
  font-size: 60px;
  font-style: normal;
  font-weight: 400;
  line-height: 72px;
  letter-spacing: -0.5px;
}
body.frontend widget-index-item.widget3 .widget-static .hero-video {
  position: absolute;
  top: 50%;
  bottom: 0;
  right: 0;
  left: 0;
  min-height: 100%;
  min-width: 100%;
  transform: translateY(-50%);
}
body.frontend widget-index-item.widget3 .widget-static .static-content h1 {
  /* L */
  font-size: 60px;
  line-height: 72px;
  /* M-S */
  /* XS  */
  /* Hero/M-S 1 Roman */
}
@media (max-width: 992px) and (min-width: 600px) {
  body.frontend widget-index-item.widget3 .widget-static .static-content h1 {
    font-size: 56px;
    line-height: 68px;
  }
}
@media (max-width: 600px) {
  body.frontend widget-index-item.widget3 .widget-static .static-content h1 {
    font-size: 40px;
    line-height: 48px;
  }
}
body.frontend widget-index-item.widget3 .widget-static .static-content h1 strong {
  font-weight: 900;
}
@media (max-width: 992px) and (min-width: 600px) {
  body.frontend widget-index-item.widget3 .widget-static .static-content h1.hero1-roman {
    font-size: 48px;
    line-height: 56px;
  }
}
body.frontend h1, body.frontend .text-wrapper:first-child h2 {
  position: relative;
}
body.frontend .suggestion h1, body.frontend .suggestion h2 {
  padding: 0;
}
body.frontend .suggestion h1:before, body.frontend .suggestion h2:before {
  display: none;
}
body.frontend .blog-article h1 {
  padding-left: 0;
}
body.frontend .blog-article h1:before {
  display: none;
}
body.frontend auth-container .auth-container .auth-inner h1, body.frontend auth-container .auth-container .auth-inner h2, .page-not-found h1, .page-not-found h2, .widget-banner .widget-banner-inner h1, .widget-banner .widget-banner-inner h2 {
  padding-left: 0;
}
body.frontend auth-container .auth-container .auth-inner h1:before, body.frontend auth-container .auth-container .auth-inner h2:before, .page-not-found h1:before, .page-not-found h2:before, .widget-banner .widget-banner-inner h1:before, .widget-banner .widget-banner-inner h2:before {
  display: none;
}
body.frontend fe-nav-brand .nav-brand img {
  height: 20px;
}
body.frontend fe-nav-desktop .nav-desktop {
  padding-top: 40px;
}
body.frontend fe-nav-desktop .nav-desktop .nav-content {
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
}
body.frontend fe-nav-item-desktop .nav-item {
  margin-right: 28px;
}
body.frontend fe-nav-item-desktop .nav-item a, body.frontend fe-nav-item-desktop .nav-item button {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1rem;
  letter-spacing: -0.5px;
  padding: 31px 0;
  border-bottom: 2px solid transparent;
  height: 100%;
}
body.frontend fe-nav-item-desktop .nav-item a:hover, body.frontend fe-nav-item-desktop .nav-item button:hover {
  border-bottom: 2px solid #00cccc;
}
body.frontend fe-nav-item-desktop .nav-item button svg {
  margin: 0;
  height: 13px;
}
body.frontend fe-nav-menu-desktop, body.frontend fe-nav-desktop .nav-desktop .nav-content .nav-right {
  width: 100%;
}
body.frontend fe-nav-menu-desktop fe-nav-user, body.frontend fe-nav-desktop .nav-desktop .nav-content .nav-right fe-nav-user {
  margin-left: auto;
}
body.frontend fe-nav-item .nav-item a, body.frontend fe-nav-item .nav-item button {
  height: 80px;
}
body.frontend fe-nav-user .profile-item {
  height: 82px;
}
body.frontend fe-nav-desktop .nav-desktop .nav-content::before {
  content: "Innovation Ecosystem";
  position: absolute;
  font-weight: 600;
  font-size: 16px;
  top: 10px;
  right: 10px;
  display: inline-block;
}
body.frontend .mat-menu-panel {
  border-radius: 0;
  background-color: #001034;
}
body.frontend .mat-menu-panel .mat-menu-content li {
  margin-right: 0;
}
body.frontend .mat-menu-panel .mat-menu-content li .mat-menu-item {
  padding: 0 16px;
  width: 100%;
  line-height: 3rem;
  background-color: transparent;
  color: white;
}
body.frontend .mat-menu-panel .mat-menu-content .mat-menu-item {
  color: white;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1rem;
  letter-spacing: -0.5px;
  border-bottom: 2px solid transparent;
}
body.frontend .mat-menu-panel .mat-menu-content .mat-menu-item:hover {
  background-color: #000028;
  border-bottom-color: #2ee6e2;
}
body.frontend .mat-menu-panel .mat-menu-content .mat-menu-item.backend-nav-button {
  line-height: 3rem;
}
body.frontend .nav-desktop .nav-item a svg {
  margin-bottom: 0;
  height: 13px;
}
body.frontend fe-nav-desktop .nav-desktop .submenu {
  background-color: #001034;
  padding-top: 40px;
}
body.frontend fe-nav-desktop .nav-desktop .submenu li a {
  background-color: transparent;
  color: rgba(255, 255, 255, 0.8);
}
body.frontend fe-nav-desktop .nav-desktop .submenu li a:hover {
  color: #2ee6e2;
  background-color: transparent !important;
}
body.frontend fe-nav-desktop .nav-desktop .submenu:after {
  background-color: #001034;
}
body.frontend fe-form-field .form-field input {
  border-bottom: 1px solid #b3b3be;
    background-color: var(--form-element-bg);
  color: var(--body-color);
}
// body.frontend fe-form-field .form-field input:focus {
//   background-color: rgba(0, 204, 204, 0.2);
// }
body.frontend fe-form.ng-invalid.ng-touched fe-form-field .form-field {
  border-bottom-color: transparent;
}
body.frontend fe-form.ng-invalid.ng-touched fe-form-field .form-field input:focus {
  background-color: rgba(255, 84, 84, 0.2);
}
body.frontend widget-settings-modal .backend input {
  background-color: var(--form-field-bg);
  border-bottom-color: transparent;
}
body.frontend fe-form-field .form-field:focus-within {
  border-top-color: transparent;
  border-right-color: transparent;
  border-left-color: transparent;
}
body.frontend fe-form-field.has-textarea .form-field inn-textarea {
  background-color: rgba(0, 204, 204, 0.08);
  border-radius: var(--global-radius);
  border: var(--form-element-border);
}
body.frontend fe-form-field.has-textarea .form-field inn-textarea textarea {
  background-color: transparent;
}
body.frontend fe-form-field .form-field-wrapper {
  border: var(--form-element-border);
}
fe-footer .footer .powered-by {
  filter: invert(1) !important;
}
body.frontend fe-card-initiative .card-initiative fe-card-badge .card-badge, body.frontend fe-status-badge .status-badge, body.frontend fe-tag .tag, featured-content-card .card-badge {
  border: 1px solid #00cccc;
  font-weight: bold;
}
body.frontend fe-card-initiative .card-initiative fe-card-badge .card-badge:hover, body.frontend fe-status-badge .status-badge:hover, body.frontend fe-tag .tag:hover, featured-content-card .card-badge:hover {
  color: #00ffb9;
  border-color: #00ffb9;
  background-color: rgba(0, 204, 204, 0.2);
}
body.frontend fe-tag .tag {
  border-radius: 100px;
}
body.frontend topic-button-bar .topic-button-bar, body.frontend topic-button-bar .topic-button-bar .btn {
  background-color: white;
}
body.frontend topic-button-bar .topic-button-bar svg, body.frontend topic-button-bar .topic-button-bar .btn svg {
  fill: #001034;
}
body.frontend fe-tab-content fe-tab-bar .tabbar-wrapper {
  background-color: #001034;
}
body.frontend fe-topic-overview-initiative fe-section .section {
  background-color: #000028;
}
body.frontend fe-topic-overview-initiative fe-section:nth-child(even) .section {
  background-color: var(--gray-lightest);
}
body.frontend .suggestion.submission {
  background-color: #000028;
}
body.frontend fe-suggestion-submit .modal-header {
  background-color: #000028;
  border-bottom-color: #000028;
}
body.frontend fe-topic-detail-article .section-topic-discussion .section {
  background-color: #000028;
}
body.frontend fe-task-view .task-view .task-wrapper .task-intro, body.frontend mat-tab-group.task-group .mat-tab-body, body.frontend mat-tab-group.task-group .mat-tab-header .mat-tab-label.mat-tab-label-active, body.frontend fe-suggestion-header .suggestion-header {
  background-color: #001034;
}
body.frontend fe-task-view .task-view .task-wrapper .task-intro .task-infos .info-box {
  background-color: #000028;
  font-weight: 600;
}
body.frontend inn-toolbar .toolbar {
  background-color: #001034;
}
body.frontend inn-toolbar .toolbar .wrapper {
  background-color: transparent;
}
body.frontend inn-toolbar .toolbar .wrapper button.btn:not(.btn-primary) {
  border: 1px solid #00cccc;
}
body.frontend .task-content .mat-accordion .mat-expansion-panel {
  border-color: white;
  color: white;
}
body.frontend .task-content .mat-accordion .mat-expansion-panel.mat-expanded {
  border-color: #00cccc;
}
body.frontend .task-content .mat-accordion .mat-expansion-panel.mat-expanded .mat-expansion-panel-header:after {
  background-color: #00cccc;
}
body.frontend fe-task-history-item .task-history-item {
  background-color: #000028;
}
body.frontend fe-task-history-item .task-history-item .item-icon {
  background-color: #00cccc;
}
body.frontend fe-task-history-item .task-history-item .item-body .item-table .table-content a {
  color: #00cccc;
}
body.frontend fe-task-history-item .task-history-item .item-body .item-table .table-content a:hover {
  color: #2ee6e2;
}
body.frontend fe-task-info .task--info .info-box a {
  color: #00cccc;
  text-decoration: none;
}
body.frontend fe-task-info .task--info .info-box a:hover {
  color: #2ee6e2;
}
body.frontend .task-content ul.selected-wrapper li {
  border-color: white;
}
body.frontend fe-task-history-item .task-history-item .item-body fe-status-badge .status-badge {
  background-color: rgba(0, 204, 204, 0.08);
}
body.frontend .mat-dialog-container {
  background-color: #000028;
}
body.frontend fe-suggestion .suggestion .team-application-banner {
  background-color: rgba(0, 204, 204, 0.08);
}
body.frontend fe-suggestion .suggestion .team-application-banner:hover {
  background-color: rgba(0, 204, 204, 0.2);
}
body.frontend fe-suggestion .suggestion .team-application-banner inn-icon svg {
  fill: white;
}
body.frontend dynamic-content .toolkit.toolkit-link-list a {
  background-color: #001034;
}
@media (max-width: 992px) {
  body.frontend .about.static-content .team-card .member-details {
    min-height: 7em;
    margin-bottom: 0;
  }
}
@media (max-width: 768px) {
  body.frontend .about.static-content .team-card {
    margin-bottom: 3em;
  }
  body.frontend .about.static-content .team-card .member-details {
    min-height: auto;
    margin-bottom: 1em;
  }
}
body.frontend fe-profile-settings .profile-update-wrapper {
  background-color: #00cccc;
}
body.frontend fe-profile-settings .profile-update-wrapper .update-action inn-button .btn {
  background-image: linear-gradient(90deg, #00ffb9 0%, #00e6dc 100%);
  transition: none;
  color: #001034;
}
body.frontend fe-profile-settings .profile-update-wrapper .update-action inn-button .btn:hover {
  background: #00ffb9;
}
body.frontend form .label svg {
  fill: white;
}
body.frontend fe-form-field.form-field-wrapper > .form-field input {
  border-bottom: 1px solid #b3b3be;
  background-color: rgba(0, 204, 204, 0.08);
}
body.frontend::placeholder {
  color: white !important;
  opacity: 0.4;
}
body.frontend fe-form-field.form-field-wrapper > .form-field input {
  color: white;
}
body.frontend .mat-autocomplete-panel {
  background-color: #04193a;
}
body.frontend .mat-option {
  color: white;
}
body.frontend .mat-option:hover:not(.mat-option-disabled) {
  background-color: #092645 !important;
  color: white !important;
}
body.frontend .selected-wrapper .btn-remove svg {
  fill: white;
}
body.frontend ul.selected-wrapper li {
  border-color: #b3b3be;
}
body.frontend inn-rating-dimension .rating-dimension-container .mat-slider .mat-slider-wrapper .mat-slider-track-wrapper {
  background-color: white;
}
body.frontend .mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
  border-color: #00cccc;
  background-color: #001034;
}
body.frontend inn-rating-dimension .rating-dimension-container:hover .mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
  background-color: #00cccc;
  border-color: #00cccc;
}
body.frontend fe-suggestion-header .suggestion-header .flex-wrapper .flex-element.follow .button-confirm-tooltip > div:not(.popover-inner) .btn, body.frontend fe-suggestion-header .suggestion-header .flex-wrapper .flex-element.follow .button-confirm-tooltip h4, body.frontend fe-suggestion-header .suggestion-header .flex-wrapper .flex-element.follow .button-confirm-tooltip p {
  color: white;
}
body.frontend fe-topic-hero-event .topic-hero-event .topic-hero-bg:before {
  background-color: #000028;
  opacity: 0.5;
}
body.frontend fe-nav .category-wrapper .nav-item .link-description {
  margin-top: 0.5em;
}
body.frontend fe-nav .category-wrapper .nav-item a:hover {
  border-color: transparent;
}
body.frontend .swiper-footer .button-next .btn.btn-white svg {
  margin-left: 2px;
  margin-bottom: 4px;
}
body.frontend .swiper-footer .button-prev .btn.btn-white svg {
  margin-right: 2px;
  margin-bottom: 4px;
}
body.frontend:not(.backend-active) fe-card:hover .inn_card {
  background-color: #1d344e;
  transition: background-color 0.25s ease-in;
}
body.frontend .fe-topic-participate-abstract .toolbar-container .mat-tooltip-trigger .btn.btn-icon svg {
  fill: white;
}
body.frontend level-radar-chart .level-chart line {
  stroke: white !important;
}
body.frontend level-radar-chart text {
  fill: white;
}
body.frontend .cke .cke_button .cke_button_icon {
  filter: invert;
}
body.frontend .mat-calendar-table-header, body.frontend .mat-calendar-body-label {
  color: var(--gray-basic);
}
body.frontend .mat-calendar-body-cell-content, body.frontend .mat-date-range-input-separator {
  color: var(--body-color);
}
body.frontend .mat-calendar-table-header-divider::after {
  background-color: #000028;
}
body.frontend .cdk-global-overlay-wrapper .suggestion-edit .mat-dialog-container input.mat-datepicker-input:focus {
  background-color: transparent;
}
body.frontend .filter inn-datepicker input:focus {
  background-color: transparent;
}
body.frontend .mat-calendar .mat-calendar-body-selected {
  color: #000028;
}
body.frontend fe-nav-desktop .nav-desktop .submenu .nav-item .nav-item a, body.frontend fe-nav-desktop .nav-desktop .submenu .nav-item .nav-item a .link-description {
  color: white !important;
  transition: color 0.2s linear;
}
body.frontend fe-nav-desktop .nav-desktop .submenu .nav-item .nav-item a:hover, body.frontend fe-nav-desktop .nav-desktop .submenu .nav-item .nav-item a:hover .link-description {
  color: #2ee6e2 !important;
}
// body.frontend:not(.backend-active) .cdk-overlay-container .mat-menu-content, body.frontend:not(.backend-active) :not(.inn-modal-backend) .mdc-menu-surface {
//   background-color: #001034;
// }
body.frontend:not(.backend-active) .cdk-overlay-container .mat-menu-content .mat-menu-item, body.frontend:not(.backend-active) :not(.inn-modal-backend) .mdc-menu-surface .mat-menu-item {
  font-size: 1em;
  border-bottom: 0;
}
body.frontend:not(.backend-active) .cdk-overlay-container .mat-menu-content .mat-menu-item:hover, body.frontend:not(.backend-active) :not(.inn-modal-backend) .mdc-menu-surface .mat-menu-item:hover {
  background-color: #092645;
}
body.frontend lottery-user-ticket-list .ticket-list-wrapper li.ng-star-inserted {
  background-color: #000028;
}
body.frontend fe-lottery-profile number-input-counter .input-counter .input-group input {
  color: #00cccc;
  background-color: #000028;
  border: 0;
}
body.frontend fe-lottery-profile number-input-counter .input-counter .input-group .input-group-addon svg {
  fill: #00cccc;
}
body.frontend fe-lottery-profile number-input-counter .input-counter .input-group .input-group-addon {
  background-color: #000028;
}
body.frontend fe-search-item .search-item {
  color: #00cccc;
}
body.frontend fe-search-item .search-item:hover {
  color: #2ee6e2;
}
body.frontend widget-index .index-wrapper .widget fe-board-search fe-form-field .form-field {
  background-color: rgba(0, 204, 204, 0.08);
  border-color: transparent;
  overflow: hidden;
}
body.frontend fe-board-search:not(.small) .form-field input {
  border: none;
  color: var(--body-color);
}
body.frontend fe-overview .project-section .button-wrapper .btn {
  border-color: #b3b3be;
}
body.frontend fe-overview .project-section .button-wrapper:before, body.frontend fe-overview .project-section .button-wrapper:after {
  background: #b3b3be;
}
body.frontend oauth-login .oauth-wrapper oauth-button:first-child {
  order: 99;
  margin-left: auto;
}
body.frontend oauth-login .oauth-wrapper oauth-button:first-child .btn-oauth {
  margin-right: 0px;
  background-color: #fff;
  border: 1px solid #00cccc;
}
body.frontend oauth-login .oauth-wrapper oauth-button:first-child .btn-oauth img {
  display: none;
}
body.frontend oauth-login .oauth-wrapper oauth-button:first-child .btn-oauth::after {
  display: inline-block;
  width: 50px;
  height: 8px;
  content: "";
  background: url(/assets/images/logo.png) no-repeat 0 0;
  background-size: 100%;
}
.frontend .cke .cke_wysiwyg_frame .toolkit h2, .frontend .cke .cke_wysiwyg_frame .toolkit .backend .h2, .frontend .cke .cke_wysiwyg_div .toolkit h2, .frontend .cke .cke_wysiwyg_div .toolkit .backend .h2, .frontend dynamic-content .toolkit h2, .frontend dynamic-content .toolkit .backend .h2, .backend .cke .cke_wysiwyg_frame .toolkit h2, .backend .cke .cke_wysiwyg_frame .toolkit .h2, .backend .cke .cke_wysiwyg_div .toolkit h2, .backend .cke .cke_wysiwyg_div .toolkit .h2, .backend dynamic-content .toolkit h2, .backend dynamic-content .toolkit .h2 {
  font-size: 24px;
}
.frontend .cke .cke_wysiwyg_frame .toolkit h1, .frontend .cke .cke_wysiwyg_frame .toolkit .backend .h1, .frontend .cke .cke_wysiwyg_div .toolkit h1, .frontend .cke .cke_wysiwyg_div .toolkit .backend .h1, .frontend dynamic-content .toolkit h1, .frontend dynamic-content .toolkit .backend .h1, .backend .cke .cke_wysiwyg_frame .toolkit h1, .backend .cke .cke_wysiwyg_frame .toolkit .h1, .backend .cke .cke_wysiwyg_div .toolkit h1, .backend .cke .cke_wysiwyg_div .toolkit .h1, .backend dynamic-content .toolkit h1, .backend dynamic-content .toolkit .h1 {
  font-size: 40px;
}
@media (max-width: 767px) {
  .frontend .cke .cke_wysiwyg_frame h1, .frontend .cke .cke_wysiwyg_frame .backend .h1, .frontend .cke .cke_wysiwyg_div h1, .frontend .cke .cke_wysiwyg_div .backend .h1, .frontend dynamic-content h1, .frontend dynamic-content .backend .h1, .backend .cke .cke_wysiwyg_frame h1, .backend .cke .cke_wysiwyg_frame .h1, .backend .cke .cke_wysiwyg_div h1, .backend .cke .cke_wysiwyg_div .h1, .backend dynamic-content h1, .backend dynamic-content .h1 {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  .frontend .cke .cke_wysiwyg_frame h2, .frontend .cke .cke_wysiwyg_frame .backend .h2, .frontend .cke .cke_wysiwyg_div h2, .frontend .cke .cke_wysiwyg_div .backend .h2, .frontend dynamic-content h2, .frontend dynamic-content .backend .h2, .backend .cke .cke_wysiwyg_frame h2, .backend .cke .cke_wysiwyg_frame .h2, .backend .cke .cke_wysiwyg_div h2, .backend .cke .cke_wysiwyg_div .h2, .backend dynamic-content h2, .backend dynamic-content .h2 {
    font-size: 22px;
  }
}
body.frontend .mdc-menu-surface .mat-mdc-menu-content .mat-mdc-menu-item span, body.frontend .mdc-menu-surface .mat-mdc-menu-content .mat-mdc-menu-item {
  color: white;
}
body.frontend .mdc-menu-surface .mat-mdc-menu-content .mat-mdc-menu-item.user-dropdown {
  border-bottom: 1px solid #2ee6e2;
}
body.frontend .mdc-menu-surface .mat-mdc-menu-content .mat-mdc-menu-item:hover {
  background-color: #092645;
}
body.frontend:not(.backend-active) .mat-mdc-option .mdc-list-item__primary-text {
  color: white;
}
// body.frontend:not(.backend-active) .mat-mdc-option:hover:not(.mat-option-disabled) {
//   background-color: #092645 !important;
// }
// body.frontend:not(.backend-active) .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple):not(.mdc-list-item--disabled) {
//   background-color: rgba(0, 204, 204, 0.12);
// }
// body.frontend:not(.backend-active) .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple):not(.mdc-list-item--disabled) span {
//   color: #2ee6e2;
// }
body.frontend fe-form-field input {
  border-radius: 0;
}
body.frontend .mat-mdc-dialog-container .mdc-dialog__surface {
  background-color: var(--modal-bg);
  --mdc-dialog-subhead-color: white;
  --mdc-dialog-container-color: transparent;
}
body.frontend .mat-mdc-dialog-container .backend .mdc-dialog__surface {
  background-color: #000028;
}
body.frontend .mat-mdc-dialog-container .backend .mdc-dialog__title, body.frontend .mat-mdc-dialog-container .backend .mdc-dialog__content {
  color: white;
}
body.frontend .mat-mdc-radio-button .mdc-form-field, body.frontend .mat-mdc-checkbox .mdc-form-field, body.frontend .mat-pseudo-checkbox {
  color: white;
}
body.frontend .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle {
  border-color: white;
}
body.frontend .mat-mdc-select-panel .mat-mdc-option {
  min-height: 3em;
  height: auto;
}
body.frontend .mat-mdc-option.mdc-list-item {
  padding: 1em;
  line-height: 1.3em;
}
body.frontend .mat-mdc-option.mdc-list-item .mat-pseudo-checkbox {
  margin-top: 0.25em;
}
body.frontend dynamic-content a[href^="http://"]:not([href*="siemens-partner.staging.innosabi.cloud"]):not(.btn):not(.no-icon):after {
  opacity: 0.5;
}
body.frontend .dynamic-project-edit .mat-mdc-select .mat-mdc-select-trigger {
  border-bottom: unset;
}
body.frontend fe-task-list fe-list li {
  background-color: #001034;
}
body.frontend fe-task-list fe-list li a.task-list-item {
  color: white;
  transition: all 0.5s ease-out;
}
body.frontend fe-task-list fe-list li:hover a.task-list-item {
  color: #2ee6e2;
}
body.frontend mat-tab-group.task-group .mat-mdc-tab-header .mat-mdc-tab {
  background-color: rgba(55, 170, 170, 0.2);
}
body.frontend mat-tab-group.task-group .mat-mdc-tab-header .mat-mdc-tab.mdc-tab--active {
  background-color: #001034;
}
body.frontend mat-tab-group.task-group .mat-mdc-tab-header .mat-mdc-tab.mdc-tab--active:not(.mat-mdc-tab-disabled) .mdc-tab__text-label {
  color: var(--brand-primary);
}
body.frontend mat-tab-group.task-group .mat-mdc-tab-header .mat-mdc-tab + .mat-mdc-tab {
  border-right: 1px solid #000028;
}
body.frontend mat-tab-group.task-group .mat-mdc-tab-body {
  background-color: #001034;
}
body.frontend mat-tab-group.task-group .mat-mdc-tab-body h3 {
  color: white;
}
body.frontend fe-task-view .task-view .task-wrapper .suggestion-content {
  color: white;
}
body.frontend fe-task-view .task-view .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab__text-label {
  color: white;
}
body.frontend a inn-icon svg {
  fill: var(--link-color);
}
.frontend fe-container {
  /* XS */
  /* S */
  /* M */
  /* L */
  /* XL */
}
.frontend fe-container .container {
  max-width: min(100%, 1440px);
  padding: 0 20px;
}
@media (min-width: 576px) {
  .frontend fe-container .container-sm, .frontend fe-container .container {
    padding: 0 20px;
  }
}
@media (min-width: 768px) {
  .frontend fe-container .container-md, .frontend fe-container .container-sm, .frontend fe-container .container {
    padding: 0 40px;
  }
}
@media (min-width: 992px) {
  .frontend fe-container .container-lg, .frontend fe-container .container-md, .frontend fe-container .container-sm, .frontend fe-container .container {
    padding: 0 60px;
  }
}
@media (min-width: 1200px) {
  .frontend fe-container .container-xl, .frontend fe-container .container-lg, .frontend fe-container .container-md, .frontend fe-container .container-sm, .frontend fe-container .container {
    padding: 0 80px;
  }
}
@media (min-width: 1400px) {
  .frontend fe-container .container-xxl, .frontend fe-container .container-xl, .frontend fe-container .container-lg, .frontend fe-container .container-md, .frontend fe-container .container-sm, .frontend fe-container .container {
    max-width: min(100%, 1440px);
  }
}
.frontend inn-toolbox-tabs .tab-bar {
  background-color: #001034;
  border: 1px solid #1d344e;
}
.frontend inn-toolbox-tabs .tab-bar .tab-label {
  color: var(--black);
}
.frontend inn-toolbox-tabs .tab-bar .tab-label.active {
  color: var(--black);
  background: linear-gradient(90deg, #00ffb9 0%, #00e6dc 100%);
  background-color: transparent;
}
.frontend inn-toolbox-tabs .tab-bar .tab-label:hover:not(.active) {
  background-color: #1d344e;
  color: white;
}
body.frontend .suggestion-wrapper .mat-mdc-tab {
  --mat-tab-header-inactive-hover-label-text-color: white;
}
body.frontend .suggestion-wrapper .mat-mdc-tab .mdc-tab__text-label {
  --mat-tab-header-inactive-label-text-color: white;
}
body.frontend fe-suggestion-evaluation .chart-top {
  background-color: #001034;
}
body.frontend fe-suggestion-evaluation .chart-wrapper {
  background-color: #001034;
}
body.frontend startup-radar-chart .top-bar {
  background-color: #001034;
}
body.frontend startup-radar-chart fe-container {
  background-color: #001034;
}
body.frontend startup-radar-chart .module-wrapper {
  background-color: #000028;
}
body.frontend fe-startup-detail .modal-header {
  background-color: #000028;
}
body.frontend fe-startup-detail fe-startup-submit-form button {
  color: var(--link-color);
}
body.frontend fe-startup-detail fe-startup-submit-form button svg {
  fill: var(--link-color);
}
body.frontend radar-chart-settings .overlay-inner, body.frontend portfolio-container .settings-overlay .overlay-inner {
  background-color: #000028;
}
body.frontend radar-chart-settings .overlay-inner label, body.frontend portfolio-container .settings-overlay .overlay-inner label {
  font-weight: 500;
  font-size: 12px;
  color: white;
}
body.frontend radar-chart-settings .overlay-inner .value-container, body.frontend radar-chart-settings .overlay-inner .avgValueContainer, body.frontend portfolio-container .settings-overlay .overlay-inner .value-container, body.frontend portfolio-container .settings-overlay .overlay-inner .avgValueContainer {
  color: #00cccc;
}
body.frontend radar-chart-settings .overlay-inner h3, body.frontend portfolio-container .settings-overlay .overlay-inner h3 {
  font-weight: 500;
  color: white;
}
body.frontend .quote {
  height: auto;
  font-size: 40px;
  line-height: 56px;
  letter-spacing: -0.42px;
  margin-top: 16px;
  display: flex;
  flex-direction: column;
}
body.frontend .quote .caption {
  margin-top: 32px;
  color: #00d7a0;
}
@media (max-width: 992px) and (min-width: 600px) {
  body.frontend .quote {
    font-size: 36px;
    line-height: 48px;
    letter-spacing: -0.45px;
  }
}
@media (max-width: 600px) {
  body.frontend .quote {
    font-size: 32px;
    line-height: 40px;
    letter-spacing: -0.5px;
  }
}
@media (min-width: 1200px) {
  body.frontend .quote {
    margin-top: 24px;
  }
}
body.frontend .quote::before {
  content: "";
  background: url("../images/icons/quote.png");
  width: 44.83px;
  height: 32px;
  background-size: cover;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  body.frontend .quote::before {
    width: 50.43px;
    height: 36px;
    margin-bottom: 16px;
  }
}
@media (min-width: 1200px) {
  body.frontend .quote::before {
    width: 67.24px;
    height: 48px;
    margin-bottom: 24px;
  }
}
body.frontend embed-image-slider swiper {
  position: relative;
}
body.frontend embed-image-slider .swiper-footer {
  position: absolute;
  padding: 0 !important;
  top: 50%;
  bottom: unset;
  width: 100%;
}
body.frontend embed-image-slider .swiper-footer .swiper-nav {
  transform: translateY(-50%);
  width: 100%;
  justify-content: space-between;
  display: flex;
  padding: 0 40px;
}
@media (max-width: 600px) {
  body.frontend embed-image-slider .swiper-footer .swiper-nav {
    padding: 0 10px;
  }
}
@media (max-width: 992px) and (min-width: 600px) {
  body.frontend embed-image-slider .swiper-footer .swiper-nav {
    padding: 0 20px;
  }
}
@media (max-width: 1200) and (min-width: 992px) {
  body.frontend embed-image-slider .swiper-footer .swiper-nav {
    padding: 0 30px;
  }
}
body.frontend embed-image-slider .swiper-footer .swiper-nav inn-button button.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 15px;
  background-color: #00cccc;
  box-shadow: 0px 4px 10px 0px #0000281a;
  border: none;
}
body.frontend embed-image-slider .swiper-footer .swiper-nav inn-button button.btn svg {
  fill: #000028;
}
.frontend .inn_card:hover, .frontend fe-card:hover {
  box-shadow: none;
}
body.frontend fe-card-initiative fe-card .inn_card fe-title, body.frontend fe-card-initiative fe-card .inn_card h2, body.frontend fe-card-initiative fe-card .inn_card .card-title, body.frontend featured-content .inn_card fe-title, body.frontend featured-content .inn_card h2, body.frontend featured-content .inn_card .card-title, body.frontend featured-content .featured-content-card fe-title, body.frontend featured-content .featured-content-card h2, body.frontend featured-content .featured-content-card .card-title {
  padding-bottom: 16px;
}
body.frontend fe-card-initiative fe-card .inn_card::after, body.frontend featured-content .inn_card::after, body.frontend featured-content .featured-content-card::after {
  content: "";
  position: absolute;
  background-image: url("../images/icons/arrow_right.png");
  bottom: 12px;
  right: 12px;
  height: 64px;
  width: 64px;
}
body.frontend fe-card-initiative fe-card .inn_card:hover, body.frontend featured-content .inn_card:hover, body.frontend featured-content .featured-content-card:hover {
  box-shadow: none;
}
body.frontend fe-card-initiative fe-card .inn_card:hover fe-title, body.frontend fe-card-initiative fe-card .inn_card:hover h2, body.frontend fe-card-initiative fe-card .inn_card:hover .card-title, body.frontend featured-content .inn_card:hover fe-title, body.frontend featured-content .inn_card:hover h2, body.frontend featured-content .inn_card:hover .card-title, body.frontend featured-content .featured-content-card:hover fe-title, body.frontend featured-content .featured-content-card:hover h2, body.frontend featured-content .featured-content-card:hover .card-title {
  color: #00ffb9 !important;
  transition: 0.5s ease;
}
body.frontend fe-card-initiative fe-card .inn_card:hover::after, body.frontend featured-content .inn_card:hover::after, body.frontend featured-content .featured-content-card:hover::after {
  background-image: url("../images/icons/arrow_right_hover.png");
  height: 72px;
  width: 72px;
  bottom: 8px;
  transition: 0.5s ease;
}
@media (max-width: 991px) {
  body.frontend .main-wrapper {
    margin-top: 60px;
  }
}
.frontend fe-card-initiative fe-card-content {
  padding-bottom: 54px;
}
.frontend fe-card-initiative fe-card-content .card-content {
  padding: 0;
  padding-top: 24px;
  padding-bottom: 64px;
}
.frontend fe-card-initiative fe-card-content .card-content .card-badge {
  left: 24px;
}
@media (max-width: 576px) {
  body.frontend fe-topic-overview-initiative fe-section:first-child .section {
    padding-top: 40px;
    /* Top margin xs */
  }
}
@media (max-width: 1200px) and (min-width: 576px) {
  body.frontend fe-topic-overview-initiative fe-section:first-child .section {
    padding-top: 80px;
    /* Top margin s m */
  }
}
@media (min-width: 1200px) {
  body.frontend fe-topic-overview-initiative fe-section:first-child .section {
    padding-top: 120px;
    /* Top margin L */
  }
}
body.frontend .caption {
  font-weight: 400;
  letter-spacing: 0px;
  /* S */
  /* M */
  /* L */
}
@media (max-width: 600px) {
  body.frontend .caption {
    font-size: 16px;
    line-height: 26px;
  }
}
@media (max-width: 992px) and (min-width: 600px) {
  body.frontend .caption {
    font-size: 16px;
    line-height: 28px;
  }
}
@media (min-width: 992px) {
  body.frontend .caption {
    font-size: 16px;
    line-height: 28px;
  }
}
body.frontend .cdk-overlay-pane .backend .mat-mdc-select .mat-mdc-select-trigger {
  background-color: var(--be-gray-lighter);
}
body.frontend .cdk-overlay-pane .backend .mat-mdc-select .mat-mdc-select-trigger .mat-mdc-select-value {
  color: var(--be-gray-darkest);
}
body.frontend:not(.backend-active) .cdk-overlay-pane .mat-mdc-select .mat-mdc-select-value {
  color: white;
}

.backend ul.selected-wrapper li {
  background-color: white;
  color: var(--be-gray-darkest);
}
body.frontend:not(.backend-active) .mdc-menu-surface.backend {
  background-color: white;
}
body.frontend:not(.backend-active) .mdc-menu-surface.backend .mdc-list-item__primary-text {
  color: var(--black);
}
// body.frontend:not(.backend-active) .mdc-menu-surface.backend .mat-mdc-option:hover:not(.mat-option-disabled) {
//   background-color: var(--gray-lightest) !important;
// }
body.frontend .backend fe-task-list fe-list li a.task-list-item {
  color: inherit;
}
body.frontend .backend .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple) {
  background-color: var(--mat-option-selected-state-layer-color);
}
body.frontend .backend .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple) span {
  color: inherit;
}
body.frontend dynamic-project-setting-container .form-group.has-background textarea::placeholder {
  color: var(--gray-basic) !important;
}
body.frontend:has(.dynamic-project-edit) .simple-notification-wrapper simple-notification .simple-notification {
  color: var(--black) !important;
  background-color: white !important;
}
body.frontend:has(.dynamic-project-edit) .simple-notification-wrapper simple-notification .simple-notification.success ::before {
  background-color: var(--be-status-success) !important;
}
body.frontend:has(.dynamic-project-edit) .simple-notification-wrapper simple-notification .simple-notification.error ::before {
  background-color: var(--be-status-error) !important;
}
.frontend:not(.backend-active) .mat-expansion-panel-header-title, .frontend .mat-accordion.team-application .mat-expansion-panel .mat-expansion-panel-body {
  color: white;
}
body.frontend fe-card-initiative .card-initiative {
  border-radius: 0;
}
body.frontend .featured-content-container .inn_card, body.frontend .swiper-wrapper .inn_card {
  height: 100%;
  min-height: 250px;
}
body.frontend .featured-content-container .inn_card fe-card-topic .card-topic, body.frontend .featured-content-container .inn_card fe-card-article .card-article, body.frontend .swiper-wrapper .inn_card fe-card-topic .card-topic, body.frontend .swiper-wrapper .inn_card fe-card-article .card-article {
  height: 250px;
}
body.frontend .inn_card fe-card-initiative fe-card .inn_card .card-content {
  padding: 32px 24px 0 24px;
}
.frontend featured-content fe-card > .inn_card .card-content {
  color: white;
}
body.frontend featured-content fe-card > .inn_card .card-content .card-title {
  font-size: 28px;
  font-weight: 900;
  line-height: 34px;
  letter-spacing: -0.5px;
}
@media (min-width: 992px) {
  body.frontend featured-content fe-card > .inn_card .card-content .card-title {
    font-size: 32px;
    line-height: 38px;
    letter-spacing: 0px;
  }
}
.hero-roman {
  /* L */
  font-size: 60px;
  line-height: 72px;
  /* M-S */
  /* XS  */
}
@media (max-width: 992px) and (min-width: 600px) {
  .hero-roman {
    font-size: 56px;
    line-height: 68px;
  }
}
@media (max-width: 600px) {
  .hero-roman {
    font-size: 40px;
    line-height: 48px;
  }
}
.hero-roman strong {
  font-weight: 900;
}
.hero-1 {
  /* L */
  font-size: 60px;
  line-height: 72px;
  /* M-S */
  /* XS  */
}
@media (max-width: 992px) and (min-width: 600px) {
  .hero-1 {
    font-size: 56px;
    line-height: 68px;
  }
}
@media (max-width: 600px) {
  .hero-1 {
    font-size: 40px;
    line-height: 48px;
  }
}
.hero-1 strong {
  font-weight: 900;
}
body.frontend .mat-mdc-dialog-container {
  border-radius: var(--mdc-dialog-container-shape, 4px);
}
body.frontend .mat-mdc-dialog-container .mdc-dialog__surface {
  background-color: var(--modal-bg);
  --mdc-dialog-subhead-color: var(--body-color);
}
body.frontend .mat-mdc-dialog-container .backend .mdc-dialog__surface {
  background-color: #000028;
}
body.frontend .mat-mdc-dialog-container .backend .mdc-dialog__title, body.frontend .mat-mdc-dialog-container .backend .mdc-dialog__content {
  color: var(--body-color);
}
.frontend fe-topic-hero-default .topic-hero-half .topic-context fe-card-badge .card-badge {
  color: var(--body-color);
}
body.frontend .mat-mdc-dialog-container .backend .mdc-dialog__title, body.frontend .mat-mdc-dialog-container .backend .mdc-dialog__content {
  color: var(--black);
}
.backend backend-topic-overview .inn_card:hover {
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.03);
  background-color: #fff;
}
body.frontend inn-datatable .top-bar {
  position: unset;
}
body.frontend :not(.inn-modal-backend) inn-datatable .ngx-datatable .datatable-header .datatable-header-cell {
  color: var(--body-color);
}
body.frontend .sidebar, body.backend .sidebar {
  background-color: #000028;
}
.frontend fe-topic-terms-dialog, .backend fe-topic-terms-dialog {
  --mdc-dialog-supporting-text-color: white;
}
body.frontend .backend .simple-notification-wrapper .simple-notification.success:before {
  background-color: var(--be-status-success);
}
body.frontend .swiper-wrapper .inn_card fe-card-initiative fe-card .inn_card, body.frontend .swiper-wrapper .inn_card fe-card-topic .card-topic, body.frontend .swiper-wrapper .inn_card fe-card-article .card-article, body.frontend .swiper-wrapper .inn_card fe-card-event .card-event {
  height: 400px;
}
body.frontend .swiper-wrapper .inn_card fe-card-initiative fe-card .inn_card .card-image, body.frontend .swiper-wrapper .inn_card fe-card-topic .card-topic .card-image, body.frontend .swiper-wrapper .inn_card fe-card-article .card-article .card-image, body.frontend .swiper-wrapper .inn_card fe-card-event .card-event .card-image {
  background-size: cover;
}
body.frontend .inn_card fe-card-initiative fe-card .inn_card:hover fe-title, body.frontend .inn_card fe-card-initiative fe-card .inn_card:hover h2, body.frontend .inn_card fe-card-initiative fe-card .inn_card:hover .card-title, body.frontend .inn_card fe-card-topic .card-topic:hover fe-title, body.frontend .inn_card fe-card-topic .card-topic:hover h2, body.frontend .inn_card fe-card-topic .card-topic:hover .card-title, body.frontend .inn_card fe-card-article .card-article:hover fe-title, body.frontend .inn_card fe-card-article .card-article:hover h2, body.frontend .inn_card fe-card-article .card-article:hover .card-title, body.frontend .inn_card fe-card-event .card-event:hover fe-title, body.frontend .inn_card fe-card-event .card-event:hover h2, body.frontend .inn_card fe-card-event .card-event:hover .card-title {
  color: #00ffb9 !important;
  transition: 0.5s ease;
}
.frontend initiatives-overview fe-card .inn_card {
  height: 400px;
}
body.frontend .inn_card fe-card-initiative fe-card .inn_card .card-image, frontend fe-card-initiative .card-initiative .card-image, .backend fe-card-initiative .card-initiative .card-image {
  height: 200px;
}
body.frontend .inn_card fe-card-initiative fe-card .inn_card fe-card-content .card-content, frontend fe-card-initiative .card-initiative fe-card-content .card-content, .backend fe-card-initiative .card-initiative fe-card-content .card-content {
  height: 200px;
}
.frontend fe-card-article .card-article fe-card-content .card-content, .backend fe-card-article .card-article fe-card-content .card-content {
  max-height: 150px;
}
.frontend .swiper-wrapper fe-card-article .card-article fe-card-image, .backend fe-card-article .card-article fe-card-image {
  height: 50%;
}
body.frontend .swiper-wrapper .featured-content-container .inn_card, body.frontend .swiper-wrapper .inn_card {
  height: 400px;
}
.frontend .swiper-wrapper fe-card-topic .card-topic, .backend fe-card-topic .card-topic {
  display: flex;
  flex-direction: column;
}
.frontend .swiper-wrapper fe-card-topic .card-topic fe-card-content, .frontend .swiper-wrapper fe-card-topic .card-topic .card-image-wrapper, .backend fe-card-topic .card-topic fe-card-content, .backend fe-card-topic .card-topic .card-image-wrapper {
  width: 100%;
}
.frontend fe-card-topic .card-topic .badge-wrapper fe-status-badge .status-badge, .backend fe-card-topic .card-topic .badge-wrapper fe-status-badge .status-badge {
  border-radius: 20px;
}
.frontend inn-form-element inn-form-element-information-box .rich, .backend inn-form-element inn-form-element-information-box .rich {
  background-color: var(--panel-bg);
  fill: white;
}
body.frontend ngx-mat-calendar-header .mat-button-wrapper {
  color: white;
  fill: white;
}
body.frontend ngx-mat-calendar-header .mat-icon-button::after {
  border-color: white;
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
  -webkit-background-clip: text;
  -webkit-text-fill-color: #ffffff;
  box-shadow: inset 0 20px 20px 20px #001034;
}
body.frontend .cdk-overlay-pane.menu-banner {
  background-color: #001034;
}
body.frontend .top-nav {
  display: none;
}
body.frontend header-logo {
  justify-self: flex-start;
}
body.frontend header-logo .nav-brand img {
  height: 20px;
}
body.frontend header-desktop {
  padding-top: 40px;
}
body.frontend header-desktop .nav-content {
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
  position: relative;
}
body.frontend desktop-menu internal-link {
  margin-right: 28px;
  display: flex;
  --nav-item-color-active: var(--brand-primary);
}
body.frontend desktop-menu internal-link a[role=menuitem], body.frontend desktop-menu menu-banner button[role=menuitem] {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1rem;
  letter-spacing: -0.5px;
  padding: 31px 0;
  border-bottom: 2px solid transparent;
  height: 100%;
}
body.frontend desktop-menu internal-link a[role=menuitem]:hover, body.frontend desktop-menu menu-banner button[role=menuitem]:hover {
  border-bottom: 2px solid #00cccc;
}
body.frontend desktop-menu button svg {
  margin: 0;
  height: 13px;
}
body.frontend desktop-menu {
  width: 100%;
}
body.frontend desktop-menu fe-nav-user {
  margin-left: auto;
}
body.frontend header-mobile .nav-item a, body.frontend header-mobile .nav-item button {
  height: 80px;
}
body.frontend header-user-button header-user-icon {
  height: 82px;
  align-content: center;
  display: flex;
  flex-wrap: wrap;
}
.frontend header-desktop .container desktop-menu, .backend header-desktop .container desktop-menu {
  grid-row-start: 2;
}
.frontend fe-header .actions, .backend fe-header .actions {
  grid-row-start: 2;
  justify-self: flex-start;
}
body.frontend header-desktop .container {
  gap: 0;
  position: relative;
}
body.frontend header-desktop .container::before {
  content: "Innovation Ecosystem";
  position: absolute;
  font-weight: 600;
  font-size: 16px;
  top: 10px;
  right: 10px;
  display: inline-block;
  padding: inherit;
}
body.frontend .actions {
  width: 100%;
  justify-content: flex-end;
}
body.frontend .actions desktop-user {
  margin-left: auto;
}
.frontend desktop-user header-user-button button, .backend desktop-user header-user-button button {
  padding: 0;
}
body.backend inn-toolbox-section, body.backend inn-toolbox-section ul, body.backend inn-toolbox-section p, body.frontend inn-toolbox-section, body.frontend inn-toolbox-section ul, body.frontend inn-toolbox-section p {
  font-size: 18px;
  line-height: 28px;
}
.frontend inn-nav-mini .inn-nav-mini-container a inn-button .btn inn-icon svg, .backend inn-nav-mini .inn-nav-mini-container a inn-button .btn inn-icon svg {
  fill: var(--be-gray-basic);
}
.frontend inn-nav-mini .inn-nav-mini-container a inn-button .btn:hover, .backend inn-nav-mini .inn-nav-mini-container a inn-button .btn:hover {
  background-color: var(--be-gray-light);
}
.frontend inn-search-button > .open, .backend inn-search-button > .open {
  display: flex;
}

.frontend .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected, .mat-calendar-body-comparison-identical), .backend .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected, .mat-calendar-body-comparison-identical) {
  color: var(--body-color);
}
.frontend .mat-calendar-arrow, .backend .mat-calendar-arrow {
  fill: white;
}
body.frontend .inn-modal-backend:not(.inn-creation-assistant-modal) {
  /*    .btn{
        background-color: transparent;
    }*/
}
body.frontend .inn-modal-backend:not(.inn-creation-assistant-modal) inn-search-button inn-button .btn inn-icon svg {
  fill: #9897aa;
  color: black;
}
body.frontend .inn-modal-backend:not(.inn-creation-assistant-modal) ::placeholder {
  color: gray !important;
}
body.frontend .inn-modal-backend:not(.inn-creation-assistant-modal) inn-search-button > .open:focus-within {
  border: 1px solid gray;
}
body.frontend .inn-modal-backend:not(.inn-creation-assistant-modal) inn-datatable .ngx-datatable .datatable-body .datatable-body-row .datatable-body-cell .datatable-body-cell-label {
  color: var(--black);
}
.frontend fe-nav-mini .fe-nav-mini-container a inn-button .btn:hover::after, .backend fe-nav-mini .fe-nav-mini-container a inn-button .btn:hover::after {
  --gray-light: var(--be-gray-light);
}
.frontend inn-toolbox-featured-content featured-content, .backend inn-toolbox-featured-content featured-content {
  height: 400px;
}
.frontend inn-toolbox-featured-content featured-content .card-image, .backend inn-toolbox-featured-content featured-content .card-image {
  background-size: cover;
}
.frontend inn-toolbox-featured-content featured-content:hover fe-title, .frontend inn-toolbox-featured-content featured-content:hover h2, .frontend inn-toolbox-featured-content featured-content:hover .card-title, .backend inn-toolbox-featured-content featured-content:hover fe-title, .backend inn-toolbox-featured-content featured-content:hover h2, .backend inn-toolbox-featured-content featured-content:hover .card-title {
  color: #00ffb9 !important;
  transition: 0.5s ease;
}
.frontend fe-topic-detail-event .section-topic-event .section .btn-box .btn {
  display: none;
}
.homepage-content .success-description p {
  color: white !important;
}
.frontend .app-tile, .backend .app-tile {
  color: var(--black);
}
.frontend .btn.btn-primary:hover {
  --btn-primary-bg-hover: #00b8b8;
}
body.frontend dynamic-content .btn.btn-primary {
  display: inline-flex;
  background: var(--btn-primary-bg);
}
body.frontend dynamic-content .btn.btn-primary:hover {
  background: var(--btn-primary-bg-hover);
  border: none;
  margin: 0;
}
body.frontend inn-popover, body.frontend inn-popover .button-confirm-tooltip .popover-inner {
  color: var(--white);
}
span.draggable.ng-star-inserted {
  color: black !important;
}
body.frontend:not(.backend-active) [class*="ng-trigger"][class*="ng-trigger-transformPanel"][class*="mat-mdc-select-panel"][class*="mdc-menu-surface--open"] {
  background-color: white !important;
  color: black !important;
}
body.frontend:not(.backend-active) [class*="ng-trigger"][class*="ng-trigger-transformPanel"][class*="mat-mdc-select-panel"][class*="mdc-menu-surface--open"] .mdc-list-item--selected {
  background-color: white !important;
  color: black !important;
  /* Ensures text is black for selected items */
}
body.frontend:not(.backend-active) [class*="ng-trigger"][class*="ng-trigger-transformPanel"][class*="mat-mdc-select-panel"][class*="mdc-menu-surface--open"] .mdc-list-item {
  background-color: #E8E8F4 !important;
  color: black !important;
}
body.frontend:not(.backend-active) [class*="ng-trigger"][class*="ng-trigger-transformPanel"][class*="mat-mdc-select-panel"][class*="mdc-menu-surface--open"] .mdc-list-item:hover {
  background-color: white !important;
}
body.frontend:not(.backend-active) [class*="ng-trigger"][class*="ng-trigger-transformPanel"][class*="mat-mdc-select-panel"][class*="mdc-menu-surface--open"] .mdc-list-item__primary-text {
  color: #00CCCC !important;
  text-align: center !important;
  /* Center the text */
  display: block !important;
  /* Ensure it behaves like a block-level element for proper centering */
}
body.frontend:not(.backend-active) span.draggable.ng-star-inserted {
  color: white !important;
}
body.frontend:not(.backend-active) div.tab-label.filled {
  color: white !important;
}
.frontend .topic-context button.btn.btn-outline:hover, .frontend .topic-context.btn.btn-outline:hover {
  color: var(--white);
}
.frontend inn-suggestion-form-media button {
  color: var(--white);
}
.frontend .inn-modal-backend .header-cell span.draggable.ng-star-inserted {
  color: var(--black) !important;
}
task-overview filter-bar-search input {
  color: var(--white);
}
.cdk-overlay-container .filter-bar-filter .filter-detail .search {
  background-color: var(--white);
}
.cdk-overlay-container .filter-bar-filter .filter-detail .search input {
  color: var(--black);
}
.cdk-overlay-container .filter-bar-filter .filter-detail label.mdc-label {
  color: var(--black);
}
.frontend date-range-picker .date-range-calendar-container, .backend date-range-picker .date-range-calendar-container {
  background-color: white;
}
.frontend date-range-picker .date-range-input-container, .backend date-range-picker .date-range-input-container {
  background-color: white;
}
body.frontend .mat-calendar-body-cell-content, body.frontend .mat-date-range-input-separator, body.frontend mat-calendar-table-header {
  color: var(--body-color);
}
body.frontend .mat-datepicker-content {
  background-color: var(--panel-bg);
  color: var(--body-color);
}
body.frontend .mat-datepicker-content .btn.btn-icon {
  background-color: var(--btn-primary-bg);
  color: var(--btn-primary-color);
}
body.frontend .mat-datepicker-content .mat-calendar-body-label, body.frontend .mat-datepicker-content .mat-calendar-table-header {
  color: var(--body-color);
}
body.frontend .mat-datepicker-content .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background: transparent;
}
body.backend datatable-header-cell span.draggable.ng-star-inserted {
  color: var(--black) !important;
}
body.frontend fe-card-initiative .card-initiative {
  position: relative;
  z-index: 2;
}
.backend inn-toolbox-tab-content > inn-toolbox-add-widget.bottom:hover .add-widget-btn.has-add-widget-label .show-add-widget-label:hover {
  line-height: 19px;
  font-size: 18px;
  height: 26px;
}
.rating-dimension-container .description, .frontend .rating-dimension-container fe-label .label, .frontend .rating-comment fe-form-field fe-label .label {
  color: var(--body-color);
}
.frontend inn-rating-dimension .rating-dimension-container {
  background-color: var(--panel-bg);
}
.frontend fe-list ul li {
  background-color: var(--panel-bg);
}
body.frontend [data-cke-theme=standard] .cke .cke_wysiwyg_div, body.frontend fe-form-field.attach-area .form-field > div {
  border: var(--form-element-border, 1px solid white);
}
body.frontend:not(.backend-active) .cdk-overlay-container [class*=ng-trigger][class*=ng-trigger-transformPanel][class*=mat-mdc-select-panel][class*=mdc-menu-surface--open] {
  background-color: #001034 !important;
}
body.frontend:not(.backend-active) .cdk-overlay-container [class*=ng-trigger][class*=ng-trigger-transformPanel][class*=mat-mdc-select-panel][class*=mdc-menu-surface--open] mat-option.mdc-list-item {
  background-color: #001034 !important;
}
body.frontend:not(.backend-active) .cdk-overlay-container [class*=ng-trigger][class*=ng-trigger-transformPanel][class*=mat-mdc-select-panel][class*=mdc-menu-surface--open] mat-option.mdc-list-item:hover {
  outline: 1px solid var(--brand-primary);
}
body.frontend:not(.backend-active) .cdk-overlay-container [class*=ng-trigger][class*=ng-trigger-transformPanel][class*=mat-mdc-select-panel][class*=mdc-menu-surface--open] mat-option.mdc-list-item > span {
  color: var(--white) !important;
}
body.frontend fe-topic-detail-default .inn_card:hover fe-card-content .card-content h3 {
  color: var(--white);
}
body.frontend fe-topic-detail-default .inn_card fe-card-content .card-content .btn-participate button {
  --button-bg-hover: var(--btn-primary-bg-hover);
  border: var(--btn-primary-border);
  border-radius: var(--button-border-radius);
  background-color: var(--btn-primary-bg);
  color: var(--btn-primary-color);
}
body.frontend fe-topic-detail-default .inn_card fe-card-content .card-content .btn-participate button:hover {
  color: var(--white);
}
.frontend .inn-modal-backend .btn.btn-primary:hover {
  --btn-primary-bg-hover: #351B69;
}
.frontend.backend-active .simple-export-modal {
  --modal-bg: var(--white);
}
.frontend.backend-active .simple-export-modal .dialog-top-bar h2 {
  color: var(--black);
}
.frontend.backend-active .simple-export-modal li .label {
  color: var(--black);
}
.frontend.backend-active .simple-export-modal li .label .sublabel {
  color: #b3b3b3;
}
.frontend inn-rating-dimension .rating-dimension-container .rating-comment .has-label textarea {
  color: var(--body-color);
}
.frontend.backend-active .cdk-overlay-pane.cdk-overlay-setting-filter-datatable-menu .mat-mdc-menu-panel.filter-table-column .mat-mdc-menu-content .mat-mdc-menu-item.dropdown-item {
  background-color: #f1ebeb !important;
  color: var(--black) !important;
}
.frontend.backend-active .cdk-overlay-pane.cdk-overlay-setting-filter-datatable-menu .mat-mdc-menu-panel.filter-table-column .mat-mdc-menu-content .mat-mdc-menu-item.dropdown-item.active {
  background-color: #854bfa !important;
}
.frontend.backend-active .cdk-overlay-pane.cdk-overlay-setting-filter-datatable-menu .mat-mdc-menu-panel.filter-table-column .mat-mdc-menu-content .mat-mdc-menu-item.dropdown-item mat-mdc-menu-item-text {
  background-color: #f1ebeb !important;
  color: var(--black) !important;
}
.frontend.backend-active .cdk-overlay-pane.cdk-overlay-setting-filter-datatable-menu .mat-mdc-menu-panel.filter-table-column .mat-mdc-menu-content .mat-mdc-menu-item.dropdown-item mat-mdc-menu-item-text:hover {
  color: var(--black) !important;
}
.frontend.backend-active .cdk-overlay-pane.cdk-overlay-setting-filter-datatable-menu .mat-mdc-menu-panel.filter-table-column .mat-mdc-menu-content .mat-mdc-menu-item.dropdown-item mat-mdc-menu-item-text.active {
  background-color: #854bfa !important;
  color: var(--white) !important;
}
.frontend.backend-active .cdk-overlay-pane.cdk-overlay-setting-filter-datatable-menu .mat-mdc-menu-panel.filter-table-column .mat-mdc-menu-content .mat-mdc-menu-item.dropdown-item mat-mdc-menu-item-text.active:hover {
  color: var(--black) !important;
}
.frontend.backend-active .cdk-overlay-pane.cdk-overlay-setting-filter-datatable-menu .mat-mdc-menu-panel.filter-table-column .mat-mdc-menu-content .mat-mdc-menu-item.dropdown-item:hover mat-mdc-menu-item-text {
  color: var(--black) !important;
}
.frontend.backend-active .mat-mdc-select-panel.mdc-menu-surface .dropdown-search {
  background-color: transparent;
}
.frontend inn-nav-mini .inn-nav-mini-container a inn-button.middle .btn, .backend inn-nav-mini .inn-nav-mini-container a inn-button.middle .btn {
  background-color: var(--white);
}
.frontend inn-nav-mini .inn-nav-mini-container a inn-button.middle .btn svg, .backend inn-nav-mini .inn-nav-mini-container a inn-button.middle .btn svg {
  fill: #b3b3b3;
}
body.frontend.backend-active inn-activity-card .card {
  background-color: unset;
}
.backend inn-toolbox-add-section .backend .add-section-button .btn {
  opacity: 0.6;
}
.frontend .wrapper-container.backend inn-toolbox-section > inn-toolbox-add-widget.bottom:hover .add-widget-btn.has-add-widget-label:hover .show-add-widget-label {
  opacity: 0.6;
}
.frontend .wrapper-container.backend inn-toolbox-section > inn-toolbox-add-widget.bottom:hover .add-widget-btn.has-add-widget-label:hover .show-add-widget-label:hover {
  opacity: 1;
}
.frontend .wrapper-container.backend inn-toolbox-section > inn-toolbox-add-widget.top:hover .add-widget-btn.has-add-widget-label:hover .show-add-widget-label {
  opacity: 0.6;
}
.frontend .wrapper-container.backend inn-toolbox-section > inn-toolbox-add-widget.top:hover .add-widget-btn.has-add-widget-label:hover .show-add-widget-label:hover {
  opacity: 1;
}
.frontend:not(.backend-active) {
  --dropdown-item-text-color: white;
  --dropdown-item-text-color-hover: white;
  --dropdown-item-bg-hover: rgba(0, 204, 204, 0.12);
  --dropdown-item-bg: #001034;
  --mat-autocomplete-background-color: #001034;
}
.frontend:not(.backend-active) suggestion-actions .suggestion-sidebar .comment-section, .frontend:not(.backend-active) inn-suggestion-comments .comments, .frontend:not(.backend-active) inn-suggestion-detail .content h1, body.frontend:not(.backend-active) .modal-content, .frontend .cdk-overlay-pane.inn-modal-detail .inn-modal {
  background-color: #001034;
  color: white;
}
.frontend:not(.backend-active) comment-summary .container {
  background-color: var(--gray-light);
}
.frontend:not(.backend-active) inn-suggestion-team.large .team .team-wrapper li:has(inn-suggestion-team-bonus) inn-user .has-name .status-badge, .frontend inn-suggestion-team.large .team .team-wrapper li:has(inn-suggestion-team-bonus) inn-status-badge .status-badge, .frontend:not(.backend-active) inn-suggestion-more-information .more-information-wrapper .information-box .information-card .information-card-content .information-card-content-title, .frontend:not(.backend-active) inn-suggestion-more-information .more-information-wrapper .information-box .information-card {
  color: black;
}
.frontend:not(.backend-active) .cdk-overlay-pane .inn-modal .buttons .modal-system-btn, body.frontend:not(.backend-active) .btn svg, body.frontend:not(.backend-active) .btn.btn-icon svg, body.frontend .btn.btn-white:not(.btn-like) svg {
  background-color: var(--transparent);
  fill: #0cc;
}
.mat-mdc-dialog-container .mat-mdc-dialog-content {
  color: white;
  --mat-dialog-supporting-text-color: white;
}
.frontend:not(.backend-active) inn-suggestion-comment {
  border: 1px solid white;
}
.frontend:not(.backend-active) .cdk-overlay-pane.inn-modal-xl .inn-modal .buttons {
  gap: 10px;
}
.frontend:not(.backend-active) inn-suggestion-detail-follow {
  padding-left: 20px;
}
.frontend:not(.backend-active) inn-attachments .detail-component .attachment-media .attachment-context span.filename, .backend inn-attachments .detail-component .attachment-media .attachment-context span.filename {
  color: white;
}
.frontend:not(.backend-active) inn-mini-profile .miniprofile .content-wrapper, .backend inn-mini-profile .miniprofile .content-wrapper {
  background-color: #001034;
  color: white;
}
.frontend inn-mini-profile .miniprofile .content-wrapper .content-scroll .name, .backend inn-mini-profile .miniprofile .content-wrapper .content-scroll .name {
  background-color: #001034;
  color: white;
  box-shadow: none;
}
.frontend:not(.backend-active) inn-mini-profile .miniprofile .content-wrapper .btn-wrapper, .backend inn-mini-profile .miniprofile .content-wrapper .btn-wrapper {
  box-shadow: none;
}
.frontend:not(.backend-active) suggestion-actions .suggestion-sidebar .comment-section, .backend suggestion-actions .suggestion-sidebar .comment-section {
  border: 1px solid white;
}
.frontend .cdk-overlay-pane.creation-modal .inn-modal .title > * {
  color: var(--black);
}
.frontend inn-suggestion-related .suggestion-related-wrapper .info-box a:hover, .backend inn-suggestion-related .suggestion-related-wrapper .info-box a:hover {
  border: 1px solid var(--gray-lighter);
  background: #1D344E;
}
.frontend inn-suggestion-related .suggestion-related-wrapper .info-box a .related-card-content .title {
  background-color: unset;
  color: white;
}
.frontend inn-suggestion-related .suggestion-related-wrapper .info-box a .related-card-content .title:hover {
  color: #00ffb9;
}
.frontend:not(.backend-active) .anchor-menu, .frontend:not(.backend-active) .anchor-menu a {
  background-color: #001034;
  color: white;
}
.frontend:not(.backend-active) .mat-mdc-menu-panel.suggestion-detail-menu .mat-mdc-menu-content .mat-mdc-menu-item inn-button .btn {
  color: white;
}
.frontend:not(.backend-active) .mat-mdc-menu-panel {
  background-color: var(--panel-bg);
}
.frontend:not(.backend-active) inn-select[dropdown] .origin .trigger-content inn-icon svg {
  fill: white;
}
.frontend:not(.backend-active) .cdk-overlay-pane.inn-modal-detail .inn-modal .buttons .btn:not(.btn-primary) svg {
  fill: white;
}
.frontend:not(.backend-active) inn-suggestion-team.large .team .team-wrapper li:has(inn-suggestion-team-bonus) inn-user .has-name .status-badge, .frontend inn-suggestion-team.large .team .team-wrapper li:has(inn-suggestion-team-bonus) inn-status-badge .status-badge, .frontend:not(.backend-active) inn-suggestion-more-information .more-information-wrapper .information-box .information-card .information-card-content .information-card-content-title, .frontend:not(.backend-active) inn-suggestion-more-information .more-information-wrapper .information-box .information-card {
  background-color: #001034;
  fill: white;
  color: white;
}
.frontend:not(.backend-active) inn-suggestion-team.large .team .team-wrapper li:has(inn-suggestion-team-bonus) inn-user .has-name .status-badge svg, .frontend inn-suggestion-team.large .team .team-wrapper li:has(inn-suggestion-team-bonus) inn-status-badge .status-badge svg, .frontend:not(.backend-active) inn-suggestion-more-information .more-information-wrapper .information-box .information-card .information-card-content .information-card-content-title svg, .frontend:not(.backend-active) inn-suggestion-more-information .more-information-wrapper .information-box .information-card svg {
  fill: white;
}
.frontend:not(.backend-active) .status-badge, .frontend:not(.backend-active) inn-tag, .frontend:not(.backend-active) filter-bar-item {
  color: #00ffb9;
  border-color: #00ffb9;
  background-color: rgba(0, 204, 204, 0.2);
}
.backend.delete-modal .btn.btn-primary {
  border: var(--btn-primary-border);
  background-color: var(--btn-primary-bg);
  color: var(--btn-primary-color);
}
.backend.delete-modal .btn.btn-outline {
  border: var(--btn-outline-border);
  background-color: var(--button-outline-background);
  color: var(--btn-outline-color);
}
body.frontend:not(.backend-active) inn-filtered-datatable .top-bar > * {
  width: auto;
}
.frontend:not(.backend-active) fe-task-history-item .task-history-item .item-body inn-status-badge .status-badge {
  color: #00ffb9;
  border-color: #00ffb9;
  background-color: rgba(0, 204, 204, 0.2);
}
.frontend:not(.backend-active) .mat-mdc-menu-panel.suggestion-detail-menu .mat-mdc-menu-content .mat-mdc-menu-item inn-button .btn svg {
  fill: white;
}
.frontend:not(.backend-active) .mat-mdc-menu-panel.suggestion-detail-menu .mat-mdc-menu-content .mat-mdc-menu-item:hover {
  background-color: #9ea5ac;
}
inn-datatable .top-bar .actions {
  width: auto;
}
.frontend .cdk-overlay-pane.inn-modal-detail h1, .frontend .cdk-overlay-pane.inn-modal-detail p {
  color: var(--body-color);
}
.frontend:not(.backend-active) .cdk-overlay-pane.inn-modal-detail div, .frontend:not(.backend-active) .cdk-overlay-pane.inn-modal-detail h3 {
  color: var(--body-color);
}
.frontend .cdk-overlay-filter-bar .filter-bar-filter .filter-list .filter-item {
  color: var(--body-color);
}
.frontend .cdk-overlay-filter-bar .filter-bar-filter {
  color: var(--body-color);
  background-color: var(--panel-bg);
}
.cdk-overlay-container .filter-bar-filter .filter-detail label.mdc-label {
  color: var(--body-color);
}
.frontend filter-bar-search-input {
  fill: var(--body-color);
}
.frontend .cdk-overlay-filter-bar .filter-bar-filter .filter-detail mat-checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__background {
  border-color: var(--body-color) !important;
}
.frontend filter-bar-search-input inn-input {
  border: none;
}
.frontend filter-bar-search-input inn-input input {
  border-color: white;
}
body.frontend:not(.backend-active) inn-toolbox-kanban {
  --kanban-bg: var(--panel-bg);
  --kanban-border-color: var(--gray-lighter);
  --kanban-color: var(--body-color);
  --kanban-btn-color: var(--body-color);
  --kanban-counter-bg: var(--blue-hover-bg);
  --kanban-counter-color: var(--blue);
}
body.frontend:not(.backend-active) inn-toolbox-kanban .column-header-content svg path {
  fill: var(--body-color);
}
.frontend inn-suggestion-user ul.selected-wrapper li .left .name-wrapper {
  color: var(--body-color);
}
body.frontend .password-requirements inn-icon svg path {
  fill: var(--red);
}
body.frontend .password-requirements inn-icon.check svg path {
  fill: var(--bold-green);
}
.backend .drag-box .drag-box-inner {
  color: white;
}
body.frontend inn-toolbox-kpi .kpi-container {
  background-color: var(--panel-bg);
  color: var(--body-color);
}
body.frontend inn-toolbox-kpi .kpi-container .kpi-data-container .kpi-data {
  color: var(--body-color);
}
// .frontend .cdk-overlay-filter-bar .filter-bar-filter .filter-list .filter-item.active, .frontend .cdk-overlay-filter-bar .filter-bar-filter .filter-list .filter-item:hover, .frontend .cdk-overlay-filter-bar .filter-bar-filter .filter-list .filter-item.active:hover {
//   background: var(--card-bg-hover);
// }
.frontend .cdk-overlay-filter-bar .filter-bar-filter .filter-detail mat-checkbox:hover {
  background: var(--card-bg-hover);
}
.backend .drag-box .drag-box-inner {
  color: var(--body-color);
}
.frontend .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:not(.profile):hover {
  background-color: var(--nav-bg);
}
.frontend inn-suggestion-form inn-suggestion-users fe-label + inn-icon svg {
  fill: var(--body-color);
}
.frontend:not(.backend-active), [data-cke-theme=standard] .cke {
  --ckeditor-color: var(--body-color);
  --ckeditor-color-hover:  var(--body-color);
}
[data-cke-theme=standard] .cke .cke_inner .cke_top span {
  --ckeditor-color: var(--body-color);
  --ckeditor-color-hover:  var(--body-color);
}
.frontend:not(.backend-active) inn-input:hover:not(.disabled) {
  border: var(--form-element-border-hover);
}
.frontend:not(.backend-active) .cdk-overlay-filter-bar .filter-bar-filter .filter-list .filter-item.active, .frontend:not(.backend-active) .cdk-overlay-filter-bar .filter-bar-filter .filter-list .filter-item:hover, .frontend:not(.backend-active) .cdk-overlay-filter-bar .filter-bar-filter .filter-list .filter-item.active:hover {
  background: #1D344E;
}
.frontend:not(.backend-active) .cdk-overlay-filter-bar .filter-bar-filter .filter-detail mat-checkbox:hover {
  background: #1D344E;
}
.frontend:not(.backend-active) .cdk-overlay-filter-bar .filter-bar-filter .filter-detail mat-checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__background {
  border-color: var(--white) !important;
}
.frontend:not(.backend-active) widget-settings-modal .backend input {
  background-color: var(--form-field-bg);
  border: var(--form-element-border);
}
:is(.frontend, .backend) filter-bar-search inn-input[type=search] input {
  color: var(--body-color);
}
:is(.frontend, .backend) .comment-input-container.edit-mode {
  background-color: var(--panel-bg);
}
:is(.frontend, .backend) .cdk-overlay-pane.inn-modal-frontend {
  --dropdown-item-bg: var(--body-bg);
  --dropdown-item-bg-hover: var(--panel-bg);
}
.frontend comment-summary .container .comment-header .author {
  color: var(--body-color);
}
.frontend inn-suggestion-comment.my-comment {
  background: var(--body-bg);
}
.cdk-overlay-pane .mat-mdc-menu-panel .mat-mdc-menu-item .mat-mdc-menu-item-text svg path {
  fill: var(--body-color);
}
.frontend comment-header .user .info .comment-role {
  color: var(--black);
}
.frontend .mat-menu-panel .mat-menu-content .mat-menu-item:not(.profile):hover, .frontend .mat-menu-panel .mat-menu-content .mat-mdc-menu-item:not(.profile):hover, .frontend .mat-menu-panel .mat-mdc-menu-content .mat-menu-item:not(.profile):hover, .frontend .mat-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:not(.profile):hover, .frontend .mat-mdc-menu-panel .mat-menu-content .mat-menu-item:not(.profile):hover, .frontend .mat-mdc-menu-panel .mat-menu-content .mat-mdc-menu-item:not(.profile):hover, .frontend .mat-mdc-menu-panel .mat-mdc-menu-content .mat-menu-item:not(.profile):hover, .frontend .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:not(.profile):hover {
  background-color: var(--body-bg);
}
.frontend form fe-form-field .form-field.has-checkbox fieldset {
  display: flex;
  flex-direction: column;
}
.frontend:not(.backend-active) .cdk-overlay-container .filter-bar-filter .filter-detail label.mdc-label {
  color: var(--body-color);
}
.frontend:not(.backend-active) filter-bar-search-input inn-input input {
  color: var(--body-color);
}
.frontend:not(.backend-active) .cdk-overlay-filter-bar .filter-bar-filter .filter-list .filter-item svg path {
  fill: var(--body-color);
}
.frontend filter-bar-search-input svg path {
  fill: var(--body-color);
}
.frontend:not(.backend-active) date-range-picker .date-range-calendar-container, .frontend:not(.backend-active) date-range-picker .date-range-input-container {
  background-color: var(--panel-bg);
}
.frontend:not(.backend-active) date-range-picker .date-range-input-container span.placeholder {
  color: var(--body-color);
}
.frontend:not(.backend-active) date-range-picker .date-range-calendar-container, .frontend:not(.backend-active) date-range-picker .date-range-input-container svg path {
  fill: var(--body-color);
}
.frontend:not(.backend-active) date-range-picker .date-range-calendar-container .mat-calendar .mat-calendar-header .mat-calendar-controls button.mat-calendar-period-button .mdc-button__label {
  color: var(--body-color);
}
.frontend:not(.backend-active) date-range-picker .date-range-calendar-container .mat-calendar .mat-calendar-body-cell:hover > .mat-calendar-body-cell-content.mat-focus-indicator {
  background-color: var(--body-bg);
}
.frontend:not(.backend-active) date-range-picker .date-range-calendar-container .mat-calendar .mat-calendar-body-in-range::before {
  background-color: var(--brand-primary-dark);
}
.frontend inn-mini-profile .miniprofile .content-wrapper .content-scroll inn-user-name.name {
  background-color: var(--panel-bg);
  color: var(--body-color);
  box-shadow: none;
}
:is(.frontend,.backend) .inn-toolbox-widget-toolbar .default .toolbar-items attribute-form-control auto-complete-trait input{
    max-height: 100%;
}
//tiptap
:is(.frontend,.backend) color-modal mat-tab-header{
      --mat-tab-active-label-text-color: var(--body-color);
      --mat-tab-active-focus-label-text-color: var(--body-color);
      --mat-tab-active-hover-label-text-color: var(--body-color);
}

:is(.frontend,.backend) .color-picker{
    background-color: var(--panel-bg);
    input {
        color: var(--body-color);
    }
}
:is(.frontend,.backend) .inn-toolbox-widget-toolbar .default .toolbar-items attribute-form-control auto-complete-trait input {
  max-height: 100%;
}