/*  Quaive Enterprise */
:root {
  --workspace-type-regular: #0066CC;
  --workspace-type-case: #D5622A;
  --workspace-type-project: #005335;
  --workspace-type-steering-committee: #00DA39;
  --workspace-type-rekursgeschaeft: #530C32;
  --workspace-type-future-2: #A66200;
  --tile-treatment: coloured;
  --colour-header: #004466;
  --colour-application-label: color-mix(in srgb, var(--colour-header) 90%, white);
  --colour-separation-lines: color-mix(in srgb, var(--colour-header) 90%, white);
  --colour-header-elements: #FFF;
  --colour-accent: #0098d4;
  --colour-workspace-default: #0098d4;
  --border-radii: 8px;
  --portal-tabs-text-colour: white;
  --global-header-box-shadow: none;
  --portal-tabs-title-background-image: url("../../brands/quaive/style/logos/quaive-long-dp.svg");
  --login-panel-logo-image: url("../../brands/quaive/style/logos/quaive-long.svg");
  --login-panel-logo-size: auto 40%;
  --login-panel-panel-background-colour: var(--colour-header);
  --tabs-bar-tab-background-colour: white;
  --tabs-bar-tab-box-shadow-dimmed: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
  --tabs-bar-tab-box-shadow-active: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
  --tabs-bar-tab-background-colour-dimmed: rgba(255, 255, 255, 0.2);
  --tabs-bar-tab-background-colour-dimmed-hover: rgba(255, 255, 255, 0.3);
  --tabs-bar-tab-app-icon-filter-dimmed: invert(10%);
  --tabs-bar-tab-app-icon-filter-active: invert(100%);
}

.application-body.tag-commissie #workspace-name,
.application-body.tag-commissie #toggle-sidebar,
.tiles .tile.tag-commissie .link,
.pat-calendar .tag-commissie.fc-event.fc-daygrid-event,
.pat-calendar .tag-commissie.fc-event.fc-timegrid-event {
  background: darkgoldenrod;
  color: white;
}

.application-body.application-calendar .checklist.cal-categories label.tag-commissie:after {
  background: white;
}

.tiles .tile.tag-commissie .link p.tags.tag-cloud .tag {
  color: white;
}

.application-body.application-calendar .checklist.cal-categories label.tag-commissie,
.pat-calendar .tag-commissie.fc-event.fc-list-event,
.application-body.tag-commissie .workspace-tabs a,
.application-body.tag-commissie #workspace-name a {
  color: darkgoldenrod;
}

.application-body.tag-commissie.module-workspace-home .workspace-tabs a.landing:after,
.application-body.tag-commissie.module-settings .workspace-tabs a.settings:after,
.application-body.tag-commissie.module-documents .workspace-tabs a.documents:after,
.application-body.tag-commissie.module-events .workspace-tabs a.events:after,
.application-body.tag-commissie.module-tasks .workspace-tabs a.tasks:after,
.application-body.tag-commissie.module-video-conference .workspace-tabs a.video-conference:after,
.application-body.tag-commissie.module-whiteboard .workspace-tabs a.whiteboard:after {
  background-color: darkgoldenrod;
}

.application-body.tag-special-interest #workspace-name,
.application-body.tag-special-interest #toggle-sidebar,
.tiles .tile.tag-special-interest .link,
.pat-calendar .tag-special-interest.fc-event.fc-daygrid-event,
.pat-calendar .tag-special-interest.fc-event.fc-timegrid-event {
  background: teal;
  color: white;
}

.application-body.application-calendar .checklist.cal-categories label.tag-special-interest:after {
  background: white;
}

.tiles .tile.tag-special-interest .link p.tags.tag-cloud .tag {
  color: white;
}

.application-body.application-calendar .checklist.cal-categories label.tag-special-interest,
.pat-calendar .tag-special-interest.fc-event.fc-list-event,
.application-body.tag-special-interest .workspace-tabs a,
.application-body.tag-special-interest #workspace-name a {
  color: teal;
}

.application-body.tag-special-interest.module-workspace-home .workspace-tabs a.landing:after,
.application-body.tag-special-interest.module-settings .workspace-tabs a.settings:after,
.application-body.tag-special-interest.module-documents .workspace-tabs a.documents:after,
.application-body.tag-special-interest.module-events .workspace-tabs a.events:after,
.application-body.tag-special-interest.module-tasks .workspace-tabs a.tasks:after,
.application-body.tag-special-interest.module-video-conference .workspace-tabs a.video-conference:after,
.application-body.tag-special-interest.module-whiteboard .workspace-tabs a.whiteboard:after {
  background-color: teal;
}

.application-body.tag-project #workspace-name,
.application-body.tag-project #toggle-sidebar,
.tiles .tile.tag-project .link,
.pat-calendar .tag-project.fc-event.fc-daygrid-event,
.pat-calendar .tag-project.fc-event.fc-timegrid-event {
  background: indianred;
  color: white;
}

.application-body.application-calendar .checklist.cal-categories label.tag-project:after {
  background: white;
}

.tiles .tile.tag-project .link p.tags.tag-cloud .tag {
  color: white;
}

.application-body.application-calendar .checklist.cal-categories label.tag-project,
.pat-calendar .tag-project.fc-event.fc-list-event,
.application-body.tag-project .workspace-tabs a,
.application-body.tag-project #workspace-name a {
  color: indianred;
}

.application-body.tag-project.module-workspace-home .workspace-tabs a.landing:after,
.application-body.tag-project.module-settings .workspace-tabs a.settings:after,
.application-body.tag-project.module-documents .workspace-tabs a.documents:after,
.application-body.tag-project.module-events .workspace-tabs a.events:after,
.application-body.tag-project.module-tasks .workspace-tabs a.tasks:after,
.application-body.tag-project.module-video-conference .workspace-tabs a.video-conference:after,
.application-body.tag-project.module-whiteboard .workspace-tabs a.whiteboard:after {
  background-color: indianred;
}

html body #public-company-name {
  color: transparent;
  background: no-repeat url("../../brands/quaive/style/logos/quaive-long.svg");
  background-size: contain;
  background-position: center;
  height: 50px;
}
html body #portal-tabs nav a.title {
  position: relative;
  padding-right: 0em;
  padding-left: 0;
  margin-right: 3.4em;
  color: transparent;
  width: 103px;
  background-size: 100% auto;
  margin-top: 5px;
  top: 0;
  background-position: 0px center;
}
html body #portal-tabs nav a.title:after {
  display: none;
}
html body #portal-tabs nav a.title:before {
  height: 2.15em;
  width: 2px;
  background-color: white;
  position: absolute;
  right: -2.25em;
  top: 6px;
  content: " ";
}