@charset "UTF-8";
@import url("//fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,600;1,700&family=Raleway:wght@300&display=swap");
/**
 * In deze file moeten enkel generieke stylingszaken komen voor Angular Material.
 */
body, html {
  font-family: "Open Sans", "Tahoma", "Verdana", sans-serif;
  font-size: 13px;
  line-height: 1.4;
  color: #333;
}
@media only screen and (min-width: 768px) {
  body.app-tablet, html.app-tablet {
    font-size: 15px;
    line-height: 1.5;
  }
}

.logo-typeface {
  font-family: "Raleway", sans-serif;
  font-weight: 300;
}

strong {
  font-weight: 600;
}

.editorLoading .hideOnLoad {
  display: none !important;
}

body, html {
  margin: 0;
  padding: 0;
  width: 100%;
  overflow: hidden;
  min-height: 100%;
  min-height: -webkit-fill-available;
  height: 100%;
  height: -webkit-fill-available;
  max-height: 100%;
  max-height: -webkit-fill-available;
}

ul, ol {
  list-style: none;
}

ul, ol, menu, li {
  padding: 0;
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-size: 100%;
}

input, textarea {
  box-sizing: border-box;
  outline: none;
}

input, select, textarea, button {
  font-family: inherit;
}
input::-ms-clear, select::-ms-clear, textarea::-ms-clear, button::-ms-clear {
  display: none;
}

fieldset {
  border: none;
}

th {
  font-weight: normal;
}

i {
  font-style: normal;
}

dl, dt, dd {
  padding: 0;
  margin: 0;
}

input, textarea {
  font-size: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  padding: 0.5em;
  box-sizing: border-box;
}
input[readonly], textarea[readonly] {
  border-width: 0;
}
input.block, textarea.block {
  display: block;
  width: 100%;
}
input:focus, textarea:focus {
  outline-color: transparent;
}
input.error, textarea.error {
  border: 1px solid #d32f2f;
}
input:disabled, textarea:disabled {
  background: #fff;
  opacity: 0.75;
}

textarea {
  line-height: normal;
}

select {
  padding: 0 2em 0 0.5em;
  line-height: 2.25rem;
  height: 2.5rem;
  background: white;
  color: #555;
  cursor: pointer;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}
select, select > option {
  font-weight: 600;
  outline: none;
  font-size: 1rem;
  font-family: "Open Sans", sans-serif;
}
select:disabled {
  opacity: 0.75;
  pointer-events: none;
}

min-max {
  display: flex;
}
min-max label {
  height: 2rem;
  line-height: 2rem;
  padding: 0 1rem 0 0;
}
min-max .center {
  padding: 0 1rem;
  height: 2.5rem;
  line-height: 2.5rem;
  background: rgba(0, 0, 0, 0.05);
}
min-max .min, min-max .max {
  display: flex;
}
min-max .min .active, min-max .max .active {
  padding: 4px;
  margin-right: -2px;
  background: rgba(0, 0, 0, 0.1);
}

input[type=file] {
  border: 0;
  line-height: 1em;
  margin: 1em 0;
  padding: 0;
}

div.datepicker-container {
  display: inline-block;
  position: relative;
}
div.datepicker-container > input[type=text] {
  border: 1px solid rgba(0, 0, 0, 0.25);
  cursor: pointer;
  width: 100%;
}
div.datepicker-container > input[type=text]:hover + i {
  opacity: 1;
}
div.datepicker-container.hasError > input[type=text] {
  background: #ffe5e5;
}
div.datepicker-container > i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.5em;
  pointer-events: none;
  opacity: 0.8;
}

.datepicker-dropdown {
  z-index: 1000;
}

div.datepicker-range {
  overflow: hidden;
  display: flex;
}
div.datepicker-range > .datepicker-container {
  flex: 1 1 auto;
  position: relative;
}
div.datepicker-range > .datepicker-container:first-child {
  margin-right: 0.5em;
}
div.datepicker-range > .datepicker-container:first-child > input {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
div.datepicker-range > .datepicker-container:first-child:after {
  content: "-";
  position: absolute;
  top: 0;
  bottom: 0;
  line-height: 2.5em;
  right: -1em;
  width: 1em;
  background: rgba(0, 0, 0, 0.15);
  text-align: center;
}
div.datepicker-range > .datepicker-container:last-child {
  margin-left: 0.5em;
}
div.datepicker-range > .datepicker-container:last-child > input {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

body.scienta-admin .cdk-overlay-pane > * > :not(sca-modal) .modal .modal-header h1, body.scienta-admin .cdk-overlay-pane > * > :not(sca-modal) .modal .modal-header .buttons-top a {
  color: var(--theme-secondary-readable);
}

.abstract-modal-container {
  inset: 0;
  position: fixed;
  z-index: 9999;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

main > modal,
body.modal-open,
.abstract-modal-container,
.cdk-overlay-pane > * > :not(sca-modal) {
  /*
  	README Modals
  	<modal> .material are the new-style content-modals
  	<modal> .material.dialog are a layer in front of the .material modals
  	<modal> :not(.material) are the old-style modals
  */
}
main > modal .modal,
body.modal-open .modal,
.abstract-modal-container .modal,
.cdk-overlay-pane > * > :not(sca-modal) .modal {
  --color-background-modal: #fafafa;
  width: 70vw;
  display: flex;
  flex-direction: column;
  border-radius: 2px;
  background: white;
  max-height: 85vh;
  box-shadow: rgba(0, 0, 0, 0.3) 0 25px 50px 0, rgba(0, 0, 0, 0.22) 0 5px 15px 0;
  overflow: hidden;
  top: 10vh;
  position: relative;
}
main > modal .modal.full-height,
body.modal-open .modal.full-height,
.abstract-modal-container .modal.full-height,
.cdk-overlay-pane > * > :not(sca-modal) .modal.full-height {
  height: calc(100% - 10rem);
}
main > modal .modal .modal-header,
body.modal-open .modal .modal-header,
.abstract-modal-container .modal .modal-header,
.cdk-overlay-pane > * > :not(sca-modal) .modal .modal-header {
  background: #fff;
  padding: 1.5rem 2rem;
  display: flex;
  flex-direction: row;
  align-items: center;
}
main > modal .modal .modal-header h1,
body.modal-open .modal .modal-header h1,
.abstract-modal-container .modal .modal-header h1,
.cdk-overlay-pane > * > :not(sca-modal) .modal .modal-header h1 {
  color: var(--theme-primary-readable);
  font-weight: 300;
  font-size: 1.8em;
  flex: 1 1 auto;
}
main > modal .modal .modal-header .buttons-top a,
body.modal-open .modal .modal-header .buttons-top a,
.abstract-modal-container .modal .modal-header .buttons-top a,
.cdk-overlay-pane > * > :not(sca-modal) .modal .modal-header .buttons-top a {
  color: var(--theme-primary-readable);
}
main > modal .modal.material,
body.modal-open .modal.material,
.abstract-modal-container .modal.material,
.cdk-overlay-pane > * > :not(sca-modal) .modal.material {
  z-index: 80;
  height: 78vh;
  width: auto;
  min-width: 75rem;
  overflow: hidden;
}
main > modal .modal.material.grey .modal-body,
body.modal-open .modal.material.grey .modal-body,
.abstract-modal-container .modal.material.grey .modal-body,
.cdk-overlay-pane > * > :not(sca-modal) .modal.material.grey .modal-body {
  background: #f7f7f7;
}
main > modal .modal.material.dialog,
body.modal-open .modal.material.dialog,
.abstract-modal-container .modal.material.dialog,
.cdk-overlay-pane > * > :not(sca-modal) .modal.material.dialog {
  z-index: 80;
  top: 22.5vh;
  height: auto;
  width: auto;
  min-width: 35rem;
  min-height: 25vh;
}
main > modal .modal.material.dialog .modal-body, main > modal .modal.material.dialog .buttons-bottom,
body.modal-open .modal.material.dialog .modal-body,
body.modal-open .modal.material.dialog .buttons-bottom,
.abstract-modal-container .modal.material.dialog .modal-body,
.abstract-modal-container .modal.material.dialog .buttons-bottom,
.cdk-overlay-pane > * > :not(sca-modal) .modal.material.dialog .modal-body,
.cdk-overlay-pane > * > :not(sca-modal) .modal.material.dialog .buttons-bottom {
  background: #f5f5f5;
}
main > modal .modal.material.dialog .buttons-bottom,
body.modal-open .modal.material.dialog .buttons-bottom,
.abstract-modal-container .modal.material.dialog .buttons-bottom,
.cdk-overlay-pane > * > :not(sca-modal) .modal.material.dialog .buttons-bottom {
  margin-top: 0;
}
main > modal .modal.material.dialog .buttons-bottom,
body.modal-open .modal.material.dialog .buttons-bottom,
.abstract-modal-container .modal.material.dialog .buttons-bottom,
.cdk-overlay-pane > * > :not(sca-modal) .modal.material.dialog .buttons-bottom {
  border-top: none;
}
main > modal .modal.material .modal-body,
body.modal-open .modal.material .modal-body,
.abstract-modal-container .modal.material .modal-body,
.cdk-overlay-pane > * > :not(sca-modal) .modal.material .modal-body {
  padding: 0 2rem;
  background: white;
  overflow: hidden;
}
main > modal .modal.material .modal-body.scrollbar,
body.modal-open .modal.material .modal-body.scrollbar,
.abstract-modal-container .modal.material .modal-body.scrollbar,
.cdk-overlay-pane > * > :not(sca-modal) .modal.material .modal-body.scrollbar {
  overflow: auto;
}
main > modal .modal.material .modal-body h2,
body.modal-open .modal.material .modal-body h2,
.abstract-modal-container .modal.material .modal-body h2,
.cdk-overlay-pane > * > :not(sca-modal) .modal.material .modal-body h2 {
  font-weight: 400;
  font-size: 1.6em;
  color: rgba(0, 0, 0, 0.65);
}
main > modal .modal.material .modal-body h3,
body.modal-open .modal.material .modal-body h3,
.abstract-modal-container .modal.material .modal-body h3,
.cdk-overlay-pane > * > :not(sca-modal) .modal.material .modal-body h3 {
  font-weight: 400;
  font-size: 1.4em;
  color: rgba(0, 0, 0, 0.65);
}
main > modal .modal.material .modal-body .empty,
body.modal-open .modal.material .modal-body .empty,
.abstract-modal-container .modal.material .modal-body .empty,
.cdk-overlay-pane > * > :not(sca-modal) .modal.material .modal-body .empty {
  font-size: 1.2rem;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.33);
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin: 1em;
  line-height: 1.6em;
}
main > modal .modal.material .buttons-bottom,
body.modal-open .modal.material .buttons-bottom,
.abstract-modal-container .modal.material .buttons-bottom,
.cdk-overlay-pane > * > :not(sca-modal) .modal.material .buttons-bottom {
  position: relative;
  padding: 1rem 2rem;
  border-top: 1px solid #efefef;
  margin-top: 1rem;
}
main > modal .modal.material .buttons-bottom .scienta-legacy-button,
main > modal .modal.material .buttons-bottom .scienta-legacy-button + .scienta-legacy-button,
main > modal .modal.material .buttons-bottom .scienta-legacy-button,
body.modal-open .modal.material .buttons-bottom .scienta-legacy-button,
body.modal-open .modal.material .buttons-bottom .scienta-legacy-button + .scienta-legacy-button,
body.modal-open .modal.material .buttons-bottom .scienta-legacy-button,
.abstract-modal-container .modal.material .buttons-bottom .scienta-legacy-button,
.abstract-modal-container .modal.material .buttons-bottom .scienta-legacy-button + .scienta-legacy-button,
.abstract-modal-container .modal.material .buttons-bottom .scienta-legacy-button,
.cdk-overlay-pane > * > :not(sca-modal) .modal.material .buttons-bottom .scienta-legacy-button,
.cdk-overlay-pane > * > :not(sca-modal) .modal.material .buttons-bottom .scienta-legacy-button + .scienta-legacy-button,
.cdk-overlay-pane > * > :not(sca-modal) .modal.material .buttons-bottom .scienta-legacy-button {
  margin-left: 1rem;
}
main > modal .modal.material .buttons-bottom .scienta-legacy-button:not(.cancel),
body.modal-open .modal.material .buttons-bottom .scienta-legacy-button:not(.cancel),
.abstract-modal-container .modal.material .buttons-bottom .scienta-legacy-button:not(.cancel),
.cdk-overlay-pane > * > :not(sca-modal) .modal.material .buttons-bottom .scienta-legacy-button:not(.cancel) {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  background: #546e7a;
  color: white;
}
main > modal .modal.material .buttons-bottom .scienta-legacy-button:not(.cancel):hover,
body.modal-open .modal.material .buttons-bottom .scienta-legacy-button:not(.cancel):hover,
.abstract-modal-container .modal.material .buttons-bottom .scienta-legacy-button:not(.cancel):hover,
.cdk-overlay-pane > * > :not(sca-modal) .modal.material .buttons-bottom .scienta-legacy-button:not(.cancel):hover {
  background: #455a64;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.25), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.22);
}
main > modal .modal.material .buttons-bottom .scienta-legacy-button:not(.cancel).outline,
body.modal-open .modal.material .buttons-bottom .scienta-legacy-button:not(.cancel).outline,
.abstract-modal-container .modal.material .buttons-bottom .scienta-legacy-button:not(.cancel).outline,
.cdk-overlay-pane > * > :not(sca-modal) .modal.material .buttons-bottom .scienta-legacy-button:not(.cancel).outline {
  background: none;
  box-shadow: none;
  border: 1px solid #455a64;
  color: #455a64;
}
main > modal .modal:not(.material),
body.modal-open .modal:not(.material),
.abstract-modal-container .modal:not(.material),
.cdk-overlay-pane > * > :not(sca-modal) .modal:not(.material) {
  z-index: 80;
  min-width: 800px;
}
main > modal .modal:not(.material) .modal-header,
body.modal-open .modal:not(.material) .modal-header,
.abstract-modal-container .modal:not(.material) .modal-header,
.cdk-overlay-pane > * > :not(sca-modal) .modal:not(.material) .modal-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
main > modal .modal:not(.material) .modal-header > .buttons-top,
body.modal-open .modal:not(.material) .modal-header > .buttons-top,
.abstract-modal-container .modal:not(.material) .modal-header > .buttons-top,
.cdk-overlay-pane > * > :not(sca-modal) .modal:not(.material) .modal-header > .buttons-top {
  padding-top: 0.5rem;
  padding-right: 0.5rem;
  float: right;
}
main > modal .modal:not(.material) .modal-header > .buttons-top input,
body.modal-open .modal:not(.material) .modal-header > .buttons-top input,
.abstract-modal-container .modal:not(.material) .modal-header > .buttons-top input,
.cdk-overlay-pane > * > :not(sca-modal) .modal:not(.material) .modal-header > .buttons-top input {
  margin-top: -0.5em;
}
main > modal .modal:not(.material) .modal-header > .buttons-top .scienta-legacy-button,
body.modal-open .modal:not(.material) .modal-header > .buttons-top .scienta-legacy-button,
.abstract-modal-container .modal:not(.material) .modal-header > .buttons-top .scienta-legacy-button,
.cdk-overlay-pane > * > :not(sca-modal) .modal:not(.material) .modal-header > .buttons-top .scienta-legacy-button {
  color: #FFF;
}
main > modal .modal:not(.material) .modal-body,
body.modal-open .modal:not(.material) .modal-body,
.abstract-modal-container .modal:not(.material) .modal-body,
.cdk-overlay-pane > * > :not(sca-modal) .modal:not(.material) .modal-body {
  overflow: hidden;
}
main > modal .modal:not(.material) .modal-body.scrollbar,
body.modal-open .modal:not(.material) .modal-body.scrollbar,
.abstract-modal-container .modal:not(.material) .modal-body.scrollbar,
.cdk-overlay-pane > * > :not(sca-modal) .modal:not(.material) .modal-body.scrollbar {
  overflow: auto;
}
main > modal .modal:not(.material) .modal-body h2,
body.modal-open .modal:not(.material) .modal-body h2,
.abstract-modal-container .modal:not(.material) .modal-body h2,
.cdk-overlay-pane > * > :not(sca-modal) .modal:not(.material) .modal-body h2 {
  font-weight: 300;
  font-size: 1.6rem;
  padding: 1rem 0.25rem;
  display: block;
}
main > modal .modal:not(.material) .modal-body h4,
body.modal-open .modal:not(.material) .modal-body h4,
.abstract-modal-container .modal:not(.material) .modal-body h4,
.cdk-overlay-pane > * > :not(sca-modal) .modal:not(.material) .modal-body h4 {
  font-weight: 600;
  padding: 1rem 0.25rem;
}
main > modal .modal:not(.material) .modal-body .empty,
body.modal-open .modal:not(.material) .modal-body .empty,
.abstract-modal-container .modal:not(.material) .modal-body .empty,
.cdk-overlay-pane > * > :not(sca-modal) .modal:not(.material) .modal-body .empty {
  font-size: 1.6em;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.33);
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin: 2em;
  line-height: 1.6em;
}
main > modal .modal:not(.material) .buttons-bottom,
body.modal-open .modal:not(.material) .buttons-bottom,
.abstract-modal-container .modal:not(.material) .buttons-bottom,
.cdk-overlay-pane > * > :not(sca-modal) .modal:not(.material) .buttons-bottom {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  min-height: 4em;
  box-sizing: border-box;
  padding: 1em 1.75em;
  flex-grow: 0;
  text-align: right;
  display: flex;
  justify-content: flex-end;
}
main > modal .modal:not(.material) .buttons-bottom > a:not(.scienta-legacy-button),
body.modal-open .modal:not(.material) .buttons-bottom > a:not(.scienta-legacy-button),
.abstract-modal-container .modal:not(.material) .buttons-bottom > a:not(.scienta-legacy-button),
.cdk-overlay-pane > * > :not(sca-modal) .modal:not(.material) .buttons-bottom > a:not(.scienta-legacy-button) {
  padding-top: 2px;
  margin-right: 1rem;
}
main > modal .modal:not(.material) .buttons-bottom > input[type=submit],
body.modal-open .modal:not(.material) .buttons-bottom > input[type=submit],
.abstract-modal-container .modal:not(.material) .buttons-bottom > input[type=submit],
.cdk-overlay-pane > * > :not(sca-modal) .modal:not(.material) .buttons-bottom > input[type=submit] {
  --button-radius: 4px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  border: 1px solid transparent;
  line-height: 2rem;
  min-height: 2rem;
  white-space: normal;
  padding: 0 1rem;
  box-sizing: content-box;
  position: relative;
  outline: none;
  display: inline-block;
  text-decoration: none;
  border-radius: var(--button-radius, 4px);
  text-transform: uppercase;
  letter-spacing: 0.07rem;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  vertical-align: middle;
}
main > modal .modal:not(.material) .buttons-bottom > input[type=submit]:disabled, main > modal .modal:not(.material) .buttons-bottom > input[type=submit].disabled,
body.modal-open .modal:not(.material) .buttons-bottom > input[type=submit]:disabled,
body.modal-open .modal:not(.material) .buttons-bottom > input[type=submit].disabled,
.abstract-modal-container .modal:not(.material) .buttons-bottom > input[type=submit]:disabled,
.abstract-modal-container .modal:not(.material) .buttons-bottom > input[type=submit].disabled,
.cdk-overlay-pane > * > :not(sca-modal) .modal:not(.material) .buttons-bottom > input[type=submit]:disabled,
.cdk-overlay-pane > * > :not(sca-modal) .modal:not(.material) .buttons-bottom > input[type=submit].disabled {
  opacity: 0.5;
  box-shadow: none !important;
  cursor: default;
}
main > modal .modal:not(.material) .buttons-bottom > input[type=submit]:disabled:active, main > modal .modal:not(.material) .buttons-bottom > input[type=submit].disabled:active,
body.modal-open .modal:not(.material) .buttons-bottom > input[type=submit]:disabled:active,
body.modal-open .modal:not(.material) .buttons-bottom > input[type=submit].disabled:active,
.abstract-modal-container .modal:not(.material) .buttons-bottom > input[type=submit]:disabled:active,
.abstract-modal-container .modal:not(.material) .buttons-bottom > input[type=submit].disabled:active,
.cdk-overlay-pane > * > :not(sca-modal) .modal:not(.material) .buttons-bottom > input[type=submit]:disabled:active,
.cdk-overlay-pane > * > :not(sca-modal) .modal:not(.material) .buttons-bottom > input[type=submit].disabled:active {
  pointer-events: none;
}
main > modal .modal:not(.material) .buttons-bottom > input[type=submit][autofocus]:after,
body.modal-open .modal:not(.material) .buttons-bottom > input[type=submit][autofocus]:after,
.abstract-modal-container .modal:not(.material) .buttons-bottom > input[type=submit][autofocus]:after,
.cdk-overlay-pane > * > :not(sca-modal) .modal:not(.material) .buttons-bottom > input[type=submit][autofocus]:after {
  position: absolute;
  inset: 1px;
  border: 1px solid currentColor;
  border-radius: 4px;
  pointer-events: none;
}
main > modal .modal:not(.material) .buttons-bottom > input[type=submit][autofocus]:focus:after,
body.modal-open .modal:not(.material) .buttons-bottom > input[type=submit][autofocus]:focus:after,
.abstract-modal-container .modal:not(.material) .buttons-bottom > input[type=submit][autofocus]:focus:after,
.cdk-overlay-pane > * > :not(sca-modal) .modal:not(.material) .buttons-bottom > input[type=submit][autofocus]:focus:after {
  content: "";
}
main > modal .modal:not(.material) .buttons-bottom .scienta-legacy-button,
body.modal-open .modal:not(.material) .buttons-bottom .scienta-legacy-button,
.abstract-modal-container .modal:not(.material) .buttons-bottom .scienta-legacy-button,
.cdk-overlay-pane > * > :not(sca-modal) .modal:not(.material) .buttons-bottom .scienta-legacy-button {
  margin-right: 0.75em;
}
main > modal .modal:not(.material) .buttons-bottom .scienta-legacy-button:last-child,
body.modal-open .modal:not(.material) .buttons-bottom .scienta-legacy-button:last-child,
.abstract-modal-container .modal:not(.material) .buttons-bottom .scienta-legacy-button:last-child,
.cdk-overlay-pane > * > :not(sca-modal) .modal:not(.material) .buttons-bottom .scienta-legacy-button:last-child {
  margin-right: 0;
}
main > modal .modal:not(.material) .buttons-bottom .scienta-legacy-button.cancel, main > modal .modal:not(.material) .buttons-bottom .scienta-legacy-button.close,
body.modal-open .modal:not(.material) .buttons-bottom .scienta-legacy-button.cancel,
body.modal-open .modal:not(.material) .buttons-bottom .scienta-legacy-button.close,
.abstract-modal-container .modal:not(.material) .buttons-bottom .scienta-legacy-button.cancel,
.abstract-modal-container .modal:not(.material) .buttons-bottom .scienta-legacy-button.close,
.cdk-overlay-pane > * > :not(sca-modal) .modal:not(.material) .buttons-bottom .scienta-legacy-button.cancel,
.cdk-overlay-pane > * > :not(sca-modal) .modal:not(.material) .buttons-bottom .scienta-legacy-button.close {
  background: transparent;
  color: #616161;
  transition: all 0.2s ease;
  font-weight: 600;
}
main > modal .modal:not(.material) .buttons-bottom .scienta-legacy-button.cancel:hover, main > modal .modal:not(.material) .buttons-bottom .scienta-legacy-button.close:hover,
body.modal-open .modal:not(.material) .buttons-bottom .scienta-legacy-button.cancel:hover,
body.modal-open .modal:not(.material) .buttons-bottom .scienta-legacy-button.close:hover,
.abstract-modal-container .modal:not(.material) .buttons-bottom .scienta-legacy-button.cancel:hover,
.abstract-modal-container .modal:not(.material) .buttons-bottom .scienta-legacy-button.close:hover,
.cdk-overlay-pane > * > :not(sca-modal) .modal:not(.material) .buttons-bottom .scienta-legacy-button.cancel:hover,
.cdk-overlay-pane > * > :not(sca-modal) .modal:not(.material) .buttons-bottom .scienta-legacy-button.close:hover {
  background: rgba(0, 0, 0, 0.1);
}
main > modal .modal .modal-header,
body.modal-open .modal .modal-header,
.abstract-modal-container .modal .modal-header,
.cdk-overlay-pane > * > :not(sca-modal) .modal .modal-header {
  flex-grow: 0;
  z-index: 11;
  position: relative;
}
main > modal .modal .modal-body,
body.modal-open .modal .modal-body,
.abstract-modal-container .modal .modal-body,
.cdk-overlay-pane > * > :not(sca-modal) .modal .modal-body {
  position: relative;
  overflow: auto;
  z-index: 10;
  background: var(--color-background-modal);
  --formfield-background-color: var(--color-background-modal);
  box-sizing: border-box;
  padding: 2em 1.75em;
  flex-grow: 1;
}
main > modal .modal .modal-body .notification,
body.modal-open .modal .modal-body .notification,
.abstract-modal-container .modal .modal-body .notification,
.cdk-overlay-pane > * > :not(sca-modal) .modal .modal-body .notification {
  margin-left: 0;
}
main > modal .modal a:not(.scienta-legacy-button),
body.modal-open .modal a:not(.scienta-legacy-button),
.abstract-modal-container .modal a:not(.scienta-legacy-button),
.cdk-overlay-pane > * > :not(sca-modal) .modal a:not(.scienta-legacy-button) {
  text-decoration: none;
  letter-spacing: 1px;
}
main > modal .modal.alert .modal-body > span, main > modal .modal.alert .modal-body > div,
body.modal-open .modal.alert .modal-body > span,
body.modal-open .modal.alert .modal-body > div,
.abstract-modal-container .modal.alert .modal-body > span,
.abstract-modal-container .modal.alert .modal-body > div,
.cdk-overlay-pane > * > :not(sca-modal) .modal.alert .modal-body > span,
.cdk-overlay-pane > * > :not(sca-modal) .modal.alert .modal-body > div {
  white-space: pre-line;
}
main > modal .modal.alert .modal-body ul,
body.modal-open .modal.alert .modal-body ul,
.abstract-modal-container .modal.alert .modal-body ul,
.cdk-overlay-pane > * > :not(sca-modal) .modal.alert .modal-body ul {
  list-style: initial;
  margin: 0.5em 2em;
}
main > modal .modal.alert,
body.modal-open .modal.alert,
.abstract-modal-container .modal.alert,
.cdk-overlay-pane > * > :not(sca-modal) .modal.alert {
  z-index: 90;
}
main > modal .modal.size-medium,
body.modal-open .modal.size-medium,
.abstract-modal-container .modal.size-medium,
.cdk-overlay-pane > * > :not(sca-modal) .modal.size-medium {
  width: 800px;
}
@media only screen and (max-width: 1024px) {
  main > modal .modal,
  body.modal-open .modal,
  .abstract-modal-container .modal,
  .cdk-overlay-pane > * > :not(sca-modal) .modal {
    top: 92px !important;
    width: calc(100% - 2rem) !important;
    min-width: 0 !important;
  }
}
main > modal .modal.multiSelect .modal-body,
body.modal-open .modal.multiSelect .modal-body,
.abstract-modal-container .modal.multiSelect .modal-body,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .modal-body {
  position: relative;
}
main > modal .listDragSelect,
main > modal .roleDragSelect,
main > modal .categoriesDragSelect,
main > modal .tagDragSelect,
main > modal .actor-select,
body.modal-open .listDragSelect,
body.modal-open .roleDragSelect,
body.modal-open .categoriesDragSelect,
body.modal-open .tagDragSelect,
body.modal-open .actor-select,
.abstract-modal-container .listDragSelect,
.abstract-modal-container .roleDragSelect,
.abstract-modal-container .categoriesDragSelect,
.abstract-modal-container .tagDragSelect,
.abstract-modal-container .actor-select,
.cdk-overlay-pane > * > :not(sca-modal) .listDragSelect,
.cdk-overlay-pane > * > :not(sca-modal) .roleDragSelect,
.cdk-overlay-pane > * > :not(sca-modal) .categoriesDragSelect,
.cdk-overlay-pane > * > :not(sca-modal) .tagDragSelect,
.cdk-overlay-pane > * > :not(sca-modal) .actor-select {
  display: block;
}
body > main > modal .listDragSelect,
body > main > modal .roleDragSelect,
body > main > modal .categoriesDragSelect,
body > main > modal .tagDragSelect,
body > main > modal .actor-select,
body > body.modal-open .listDragSelect,
body > body.modal-open .roleDragSelect,
body > body.modal-open .categoriesDragSelect,
body > body.modal-open .tagDragSelect,
body > body.modal-open .actor-select,
body > .abstract-modal-container .listDragSelect,
body > .abstract-modal-container .roleDragSelect,
body > .abstract-modal-container .categoriesDragSelect,
body > .abstract-modal-container .tagDragSelect,
body > .abstract-modal-container .actor-select,
body > .cdk-overlay-pane > * > :not(sca-modal) .listDragSelect,
body > .cdk-overlay-pane > * > :not(sca-modal) .roleDragSelect,
body > .cdk-overlay-pane > * > :not(sca-modal) .categoriesDragSelect,
body > .cdk-overlay-pane > * > :not(sca-modal) .tagDragSelect,
body > .cdk-overlay-pane > * > :not(sca-modal) .actor-select {
  display: none;
}
main > modal .listDragSelect > ul,
main > modal .roleDragSelect > ul,
main > modal .categoriesDragSelect > ul,
main > modal .tagDragSelect > ul,
main > modal .actor-select > ul,
body.modal-open .listDragSelect > ul,
body.modal-open .roleDragSelect > ul,
body.modal-open .categoriesDragSelect > ul,
body.modal-open .tagDragSelect > ul,
body.modal-open .actor-select > ul,
.abstract-modal-container .listDragSelect > ul,
.abstract-modal-container .roleDragSelect > ul,
.abstract-modal-container .categoriesDragSelect > ul,
.abstract-modal-container .tagDragSelect > ul,
.abstract-modal-container .actor-select > ul,
.cdk-overlay-pane > * > :not(sca-modal) .listDragSelect > ul,
.cdk-overlay-pane > * > :not(sca-modal) .roleDragSelect > ul,
.cdk-overlay-pane > * > :not(sca-modal) .categoriesDragSelect > ul,
.cdk-overlay-pane > * > :not(sca-modal) .tagDragSelect > ul,
.cdk-overlay-pane > * > :not(sca-modal) .actor-select > ul {
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  padding: 0 1em;
  line-height: 2.5rem;
  list-style: none;
  overflow: auto;
  max-height: 200px;
}
main > modal .listDragSelect > ul > li,
main > modal .roleDragSelect > ul > li,
main > modal .categoriesDragSelect > ul > li,
main > modal .tagDragSelect > ul > li,
main > modal .actor-select > ul > li,
body.modal-open .listDragSelect > ul > li,
body.modal-open .roleDragSelect > ul > li,
body.modal-open .categoriesDragSelect > ul > li,
body.modal-open .tagDragSelect > ul > li,
body.modal-open .actor-select > ul > li,
.abstract-modal-container .listDragSelect > ul > li,
.abstract-modal-container .roleDragSelect > ul > li,
.abstract-modal-container .categoriesDragSelect > ul > li,
.abstract-modal-container .tagDragSelect > ul > li,
.abstract-modal-container .actor-select > ul > li,
.cdk-overlay-pane > * > :not(sca-modal) .listDragSelect > ul > li,
.cdk-overlay-pane > * > :not(sca-modal) .roleDragSelect > ul > li,
.cdk-overlay-pane > * > :not(sca-modal) .categoriesDragSelect > ul > li,
.cdk-overlay-pane > * > :not(sca-modal) .tagDragSelect > ul > li,
.cdk-overlay-pane > * > :not(sca-modal) .actor-select > ul > li {
  float: left;
  list-style: none;
  position: relative;
  padding: 0 1em;
  width: 50%;
  box-sizing: border-box;
  line-height: normal;
  margin: 0.5em 0;
}
main > modal .listDragSelect > ul > li:before,
main > modal .roleDragSelect > ul > li:before,
main > modal .categoriesDragSelect > ul > li:before,
main > modal .tagDragSelect > ul > li:before,
main > modal .actor-select > ul > li:before,
body.modal-open .listDragSelect > ul > li:before,
body.modal-open .roleDragSelect > ul > li:before,
body.modal-open .categoriesDragSelect > ul > li:before,
body.modal-open .tagDragSelect > ul > li:before,
body.modal-open .actor-select > ul > li:before,
.abstract-modal-container .listDragSelect > ul > li:before,
.abstract-modal-container .roleDragSelect > ul > li:before,
.abstract-modal-container .categoriesDragSelect > ul > li:before,
.abstract-modal-container .tagDragSelect > ul > li:before,
.abstract-modal-container .actor-select > ul > li:before,
.cdk-overlay-pane > * > :not(sca-modal) .listDragSelect > ul > li:before,
.cdk-overlay-pane > * > :not(sca-modal) .roleDragSelect > ul > li:before,
.cdk-overlay-pane > * > :not(sca-modal) .categoriesDragSelect > ul > li:before,
.cdk-overlay-pane > * > :not(sca-modal) .tagDragSelect > ul > li:before,
.cdk-overlay-pane > * > :not(sca-modal) .actor-select > ul > li:before {
  content: "-";
  position: absolute;
  top: 0;
  left: 0;
}
main > modal .listDragSelect > ul > li.empty,
main > modal .roleDragSelect > ul > li.empty,
main > modal .categoriesDragSelect > ul > li.empty,
main > modal .tagDragSelect > ul > li.empty,
main > modal .actor-select > ul > li.empty,
body.modal-open .listDragSelect > ul > li.empty,
body.modal-open .roleDragSelect > ul > li.empty,
body.modal-open .categoriesDragSelect > ul > li.empty,
body.modal-open .tagDragSelect > ul > li.empty,
body.modal-open .actor-select > ul > li.empty,
.abstract-modal-container .listDragSelect > ul > li.empty,
.abstract-modal-container .roleDragSelect > ul > li.empty,
.abstract-modal-container .categoriesDragSelect > ul > li.empty,
.abstract-modal-container .tagDragSelect > ul > li.empty,
.abstract-modal-container .actor-select > ul > li.empty,
.cdk-overlay-pane > * > :not(sca-modal) .listDragSelect > ul > li.empty,
.cdk-overlay-pane > * > :not(sca-modal) .roleDragSelect > ul > li.empty,
.cdk-overlay-pane > * > :not(sca-modal) .categoriesDragSelect > ul > li.empty,
.cdk-overlay-pane > * > :not(sca-modal) .tagDragSelect > ul > li.empty,
.cdk-overlay-pane > * > :not(sca-modal) .actor-select > ul > li.empty {
  float: none;
  width: auto;
  opacity: 0.5;
  font-style: italic;
}
main > modal .listDragSelect > ul > li.empty:before,
main > modal .roleDragSelect > ul > li.empty:before,
main > modal .categoriesDragSelect > ul > li.empty:before,
main > modal .tagDragSelect > ul > li.empty:before,
main > modal .actor-select > ul > li.empty:before,
body.modal-open .listDragSelect > ul > li.empty:before,
body.modal-open .roleDragSelect > ul > li.empty:before,
body.modal-open .categoriesDragSelect > ul > li.empty:before,
body.modal-open .tagDragSelect > ul > li.empty:before,
body.modal-open .actor-select > ul > li.empty:before,
.abstract-modal-container .listDragSelect > ul > li.empty:before,
.abstract-modal-container .roleDragSelect > ul > li.empty:before,
.abstract-modal-container .categoriesDragSelect > ul > li.empty:before,
.abstract-modal-container .tagDragSelect > ul > li.empty:before,
.abstract-modal-container .actor-select > ul > li.empty:before,
.cdk-overlay-pane > * > :not(sca-modal) .listDragSelect > ul > li.empty:before,
.cdk-overlay-pane > * > :not(sca-modal) .roleDragSelect > ul > li.empty:before,
.cdk-overlay-pane > * > :not(sca-modal) .categoriesDragSelect > ul > li.empty:before,
.cdk-overlay-pane > * > :not(sca-modal) .tagDragSelect > ul > li.empty:before,
.cdk-overlay-pane > * > :not(sca-modal) .actor-select > ul > li.empty:before {
  content: "";
}
main > modal .listDragSelect > ul + button,
main > modal .roleDragSelect > ul + button,
main > modal .categoriesDragSelect > ul + button,
main > modal .tagDragSelect > ul + button,
main > modal .actor-select > ul + button,
body.modal-open .listDragSelect > ul + button,
body.modal-open .roleDragSelect > ul + button,
body.modal-open .categoriesDragSelect > ul + button,
body.modal-open .tagDragSelect > ul + button,
body.modal-open .actor-select > ul + button,
.abstract-modal-container .listDragSelect > ul + button,
.abstract-modal-container .roleDragSelect > ul + button,
.abstract-modal-container .categoriesDragSelect > ul + button,
.abstract-modal-container .tagDragSelect > ul + button,
.abstract-modal-container .actor-select > ul + button,
.cdk-overlay-pane > * > :not(sca-modal) .listDragSelect > ul + button,
.cdk-overlay-pane > * > :not(sca-modal) .roleDragSelect > ul + button,
.cdk-overlay-pane > * > :not(sca-modal) .categoriesDragSelect > ul + button,
.cdk-overlay-pane > * > :not(sca-modal) .tagDragSelect > ul + button,
.cdk-overlay-pane > * > :not(sca-modal) .actor-select > ul + button {
  margin-top: -0.5rem;
}
main > modal .listDragSelect > select-items,
main > modal .listDragSelect > select-articles,
main > modal .listDragSelect > select-categories,
main > modal .listDragSelect > select-taxonomy-items,
main > modal .roleDragSelect > select-items,
main > modal .roleDragSelect > select-articles,
main > modal .roleDragSelect > select-categories,
main > modal .roleDragSelect > select-taxonomy-items,
main > modal .categoriesDragSelect > select-items,
main > modal .categoriesDragSelect > select-articles,
main > modal .categoriesDragSelect > select-categories,
main > modal .categoriesDragSelect > select-taxonomy-items,
main > modal .tagDragSelect > select-items,
main > modal .tagDragSelect > select-articles,
main > modal .tagDragSelect > select-categories,
main > modal .tagDragSelect > select-taxonomy-items,
main > modal .actor-select > select-items,
main > modal .actor-select > select-articles,
main > modal .actor-select > select-categories,
main > modal .actor-select > select-taxonomy-items,
body.modal-open .listDragSelect > select-items,
body.modal-open .listDragSelect > select-articles,
body.modal-open .listDragSelect > select-categories,
body.modal-open .listDragSelect > select-taxonomy-items,
body.modal-open .roleDragSelect > select-items,
body.modal-open .roleDragSelect > select-articles,
body.modal-open .roleDragSelect > select-categories,
body.modal-open .roleDragSelect > select-taxonomy-items,
body.modal-open .categoriesDragSelect > select-items,
body.modal-open .categoriesDragSelect > select-articles,
body.modal-open .categoriesDragSelect > select-categories,
body.modal-open .categoriesDragSelect > select-taxonomy-items,
body.modal-open .tagDragSelect > select-items,
body.modal-open .tagDragSelect > select-articles,
body.modal-open .tagDragSelect > select-categories,
body.modal-open .tagDragSelect > select-taxonomy-items,
body.modal-open .actor-select > select-items,
body.modal-open .actor-select > select-articles,
body.modal-open .actor-select > select-categories,
body.modal-open .actor-select > select-taxonomy-items,
.abstract-modal-container .listDragSelect > select-items,
.abstract-modal-container .listDragSelect > select-articles,
.abstract-modal-container .listDragSelect > select-categories,
.abstract-modal-container .listDragSelect > select-taxonomy-items,
.abstract-modal-container .roleDragSelect > select-items,
.abstract-modal-container .roleDragSelect > select-articles,
.abstract-modal-container .roleDragSelect > select-categories,
.abstract-modal-container .roleDragSelect > select-taxonomy-items,
.abstract-modal-container .categoriesDragSelect > select-items,
.abstract-modal-container .categoriesDragSelect > select-articles,
.abstract-modal-container .categoriesDragSelect > select-categories,
.abstract-modal-container .categoriesDragSelect > select-taxonomy-items,
.abstract-modal-container .tagDragSelect > select-items,
.abstract-modal-container .tagDragSelect > select-articles,
.abstract-modal-container .tagDragSelect > select-categories,
.abstract-modal-container .tagDragSelect > select-taxonomy-items,
.abstract-modal-container .actor-select > select-items,
.abstract-modal-container .actor-select > select-articles,
.abstract-modal-container .actor-select > select-categories,
.abstract-modal-container .actor-select > select-taxonomy-items,
.cdk-overlay-pane > * > :not(sca-modal) .listDragSelect > select-items,
.cdk-overlay-pane > * > :not(sca-modal) .listDragSelect > select-articles,
.cdk-overlay-pane > * > :not(sca-modal) .listDragSelect > select-categories,
.cdk-overlay-pane > * > :not(sca-modal) .listDragSelect > select-taxonomy-items,
.cdk-overlay-pane > * > :not(sca-modal) .roleDragSelect > select-items,
.cdk-overlay-pane > * > :not(sca-modal) .roleDragSelect > select-articles,
.cdk-overlay-pane > * > :not(sca-modal) .roleDragSelect > select-categories,
.cdk-overlay-pane > * > :not(sca-modal) .roleDragSelect > select-taxonomy-items,
.cdk-overlay-pane > * > :not(sca-modal) .categoriesDragSelect > select-items,
.cdk-overlay-pane > * > :not(sca-modal) .categoriesDragSelect > select-articles,
.cdk-overlay-pane > * > :not(sca-modal) .categoriesDragSelect > select-categories,
.cdk-overlay-pane > * > :not(sca-modal) .categoriesDragSelect > select-taxonomy-items,
.cdk-overlay-pane > * > :not(sca-modal) .tagDragSelect > select-items,
.cdk-overlay-pane > * > :not(sca-modal) .tagDragSelect > select-articles,
.cdk-overlay-pane > * > :not(sca-modal) .tagDragSelect > select-categories,
.cdk-overlay-pane > * > :not(sca-modal) .tagDragSelect > select-taxonomy-items,
.cdk-overlay-pane > * > :not(sca-modal) .actor-select > select-items,
.cdk-overlay-pane > * > :not(sca-modal) .actor-select > select-articles,
.cdk-overlay-pane > * > :not(sca-modal) .actor-select > select-categories,
.cdk-overlay-pane > * > :not(sca-modal) .actor-select > select-taxonomy-items {
  display: block;
  margin: 0.5em 0 1em 0;
}
main > modal .error-modal .error-backtrace,
body.modal-open .error-modal .error-backtrace,
.abstract-modal-container .error-modal .error-backtrace,
.cdk-overlay-pane > * > :not(sca-modal) .error-modal .error-backtrace {
  display: flex;
  flex-direction: column;
}
main > modal .error-modal .error-backtrace > input,
body.modal-open .error-modal .error-backtrace > input,
.abstract-modal-container .error-modal .error-backtrace > input,
.cdk-overlay-pane > * > :not(sca-modal) .error-modal .error-backtrace > input {
  display: none;
}
main > modal .error-modal .error-backtrace > .scienta-legacy-button,
body.modal-open .error-modal .error-backtrace > .scienta-legacy-button,
.abstract-modal-container .error-modal .error-backtrace > .scienta-legacy-button,
.cdk-overlay-pane > * > :not(sca-modal) .error-modal .error-backtrace > .scienta-legacy-button {
  max-width: 200px;
  background: #d0d0d0;
}
main > modal .error-modal .error-backtrace > .scienta-legacy-button:before,
body.modal-open .error-modal .error-backtrace > .scienta-legacy-button:before,
.abstract-modal-container .error-modal .error-backtrace > .scienta-legacy-button:before,
.cdk-overlay-pane > * > :not(sca-modal) .error-modal .error-backtrace > .scienta-legacy-button:before {
  content: "";
  position: absolute;
  left: 1.75rem;
  top: 0.375rem;
  padding: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='icon-play3' viewBox='0 0 32 32'%3E%3Cpath d='M6 4l20 12-20 12z' fill='white'%3E%3C/path%3E%3C/svg%3E") no-repeat;
}
main > modal .error-modal .error-backtrace > input:checked ~ .scienta-legacy-button:before,
body.modal-open .error-modal .error-backtrace > input:checked ~ .scienta-legacy-button:before,
.abstract-modal-container .error-modal .error-backtrace > input:checked ~ .scienta-legacy-button:before,
.cdk-overlay-pane > * > :not(sca-modal) .error-modal .error-backtrace > input:checked ~ .scienta-legacy-button:before {
  transform: rotate(90deg);
}
main > modal .error-modal .error-backtrace > .error,
body.modal-open .error-modal .error-backtrace > .error,
.abstract-modal-container .error-modal .error-backtrace > .error,
.cdk-overlay-pane > * > :not(sca-modal) .error-modal .error-backtrace > .error {
  display: none;
}
main > modal .error-modal .error-backtrace > input:checked ~ .error,
body.modal-open .error-modal .error-backtrace > input:checked ~ .error,
.abstract-modal-container .error-modal .error-backtrace > input:checked ~ .error,
.cdk-overlay-pane > * > :not(sca-modal) .error-modal .error-backtrace > input:checked ~ .error {
  display: block;
}
main > modal .error-modal .error-backtrace textarea,
body.modal-open .error-modal .error-backtrace textarea,
.abstract-modal-container .error-modal .error-backtrace textarea,
.cdk-overlay-pane > * > :not(sca-modal) .error-modal .error-backtrace textarea {
  text-align: left;
  width: 100%;
  min-height: 200px;
  resize: none;
}
main > modal .modal.multiSelect .modal-content, main > modal modal.multiSelect .modal-content,
body.modal-open .modal.multiSelect .modal-content,
body.modal-open modal.multiSelect .modal-content,
.abstract-modal-container .modal.multiSelect .modal-content,
.abstract-modal-container modal.multiSelect .modal-content,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .modal-content,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .modal-content {
  height: 50vh;
  display: flex;
  overflow: hidden;
  flex-direction: row;
}
main > modal .modal.multiSelect button.addSelection, main > modal modal.multiSelect button.addSelection,
body.modal-open .modal.multiSelect button.addSelection,
body.modal-open modal.multiSelect button.addSelection,
.abstract-modal-container .modal.multiSelect button.addSelection,
.abstract-modal-container modal.multiSelect button.addSelection,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect button.addSelection,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect button.addSelection {
  background: transparent;
  margin-right: 1rem;
  padding-left: 0;
  padding-right: 0;
}
main > modal .modal.multiSelect button.clearSelection, main > modal modal.multiSelect button.clearSelection,
body.modal-open .modal.multiSelect button.clearSelection,
body.modal-open modal.multiSelect button.clearSelection,
.abstract-modal-container .modal.multiSelect button.clearSelection,
.abstract-modal-container modal.multiSelect button.clearSelection,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect button.clearSelection,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect button.clearSelection {
  background: transparent;
  margin-right: 1rem;
  padding-left: 0;
  padding-right: 0;
}
main > modal .modal.multiSelect .selection .children, main > modal .modal.multiSelect .selection .children .children, main > modal modal.multiSelect .selection .children, main > modal modal.multiSelect .selection .children .children,
body.modal-open .modal.multiSelect .selection .children,
body.modal-open .modal.multiSelect .selection .children .children,
body.modal-open modal.multiSelect .selection .children,
body.modal-open modal.multiSelect .selection .children .children,
.abstract-modal-container .modal.multiSelect .selection .children,
.abstract-modal-container .modal.multiSelect .selection .children .children,
.abstract-modal-container modal.multiSelect .selection .children,
.abstract-modal-container modal.multiSelect .selection .children .children,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .selection .children,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .selection .children .children,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .selection .children,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .selection .children .children {
  padding: 0;
  margin: 0;
}
main > modal .modal.multiSelect .tab, main > modal modal.multiSelect .tab,
body.modal-open .modal.multiSelect .tab,
body.modal-open modal.multiSelect .tab,
.abstract-modal-container .modal.multiSelect .tab,
.abstract-modal-container modal.multiSelect .tab,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .tab,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .tab {
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3em;
  height: 3em;
  align-self: flex-end;
  margin-bottom: -1px;
  background: #d7d7d7;
  position: relative;
  cursor: pointer;
}
main > modal .modal.multiSelect .tab:first-child, main > modal modal.multiSelect .tab:first-child,
body.modal-open .modal.multiSelect .tab:first-child,
body.modal-open modal.multiSelect .tab:first-child,
.abstract-modal-container .modal.multiSelect .tab:first-child,
.abstract-modal-container modal.multiSelect .tab:first-child,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .tab:first-child,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .tab:first-child {
  margin-left: 1em;
}
main > modal .modal.multiSelect .tab.active, main > modal modal.multiSelect .tab.active,
body.modal-open .modal.multiSelect .tab.active,
body.modal-open modal.multiSelect .tab.active,
.abstract-modal-container .modal.multiSelect .tab.active,
.abstract-modal-container modal.multiSelect .tab.active,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .tab.active,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .tab.active {
  background-color: white;
}
main > modal .modal.multiSelect .filter, main > modal modal.multiSelect .filter,
body.modal-open .modal.multiSelect .filter,
body.modal-open modal.multiSelect .filter,
.abstract-modal-container .modal.multiSelect .filter,
.abstract-modal-container modal.multiSelect .filter,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .filter,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .filter {
  height: 3.75em;
  display: flex;
  background: #757575;
  color: white;
  align-items: center;
}
main > modal .modal.multiSelect .filter h2, main > modal modal.multiSelect .filter h2,
body.modal-open .modal.multiSelect .filter h2,
body.modal-open modal.multiSelect .filter h2,
.abstract-modal-container .modal.multiSelect .filter h2,
.abstract-modal-container modal.multiSelect .filter h2,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .filter h2,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .filter h2 {
  border: 0 !important;
  padding: 0;
  margin: 0 1rem;
  flex: 1 1 auto;
  min-width: 160px;
}
main > modal .modal.multiSelect .filter .search-input, main > modal modal.multiSelect .filter .search-input,
body.modal-open .modal.multiSelect .filter .search-input,
body.modal-open modal.multiSelect .filter .search-input,
.abstract-modal-container .modal.multiSelect .filter .search-input,
.abstract-modal-container modal.multiSelect .filter .search-input,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .filter .search-input,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .filter .search-input {
  flex: 1 1 auto;
  position: relative;
  margin-right: 1em;
  max-width: 25rem;
}
main > modal .modal.multiSelect .filter .search-input > input, main > modal modal.multiSelect .filter .search-input > input,
body.modal-open .modal.multiSelect .filter .search-input > input,
body.modal-open modal.multiSelect .filter .search-input > input,
.abstract-modal-container .modal.multiSelect .filter .search-input > input,
.abstract-modal-container modal.multiSelect .filter .search-input > input,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .filter .search-input > input,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .filter .search-input > input {
  width: 100%;
}
main > modal .modal.multiSelect .filter .search-input > .result-count, main > modal modal.multiSelect .filter .search-input > .result-count,
body.modal-open .modal.multiSelect .filter .search-input > .result-count,
body.modal-open modal.multiSelect .filter .search-input > .result-count,
.abstract-modal-container .modal.multiSelect .filter .search-input > .result-count,
.abstract-modal-container modal.multiSelect .filter .search-input > .result-count,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .filter .search-input > .result-count,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .filter .search-input > .result-count {
  position: absolute;
  top: 50%;
  right: 0.5em;
  transform: translateY(-50%);
  display: inline-block;
  background: #777;
  color: #fff;
  padding: 4px 10px;
  height: 14px;
  line-height: 14px;
  border-radius: 6px;
  font-size: 0.8em;
  font-weight: 300;
}
@media all and (max-width: 800px) {
  main > modal .modal.multiSelect .filter .search-input > .result-count, main > modal modal.multiSelect .filter .search-input > .result-count,
  body.modal-open .modal.multiSelect .filter .search-input > .result-count,
  body.modal-open modal.multiSelect .filter .search-input > .result-count,
  .abstract-modal-container .modal.multiSelect .filter .search-input > .result-count,
  .abstract-modal-container modal.multiSelect .filter .search-input > .result-count,
  .cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .filter .search-input > .result-count,
  .cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .filter .search-input > .result-count {
    display: none;
  }
}
main > modal .modal.multiSelect .filter .search-input > .result-count .result-count-group, main > modal modal.multiSelect .filter .search-input > .result-count .result-count-group,
body.modal-open .modal.multiSelect .filter .search-input > .result-count .result-count-group,
body.modal-open modal.multiSelect .filter .search-input > .result-count .result-count-group,
.abstract-modal-container .modal.multiSelect .filter .search-input > .result-count .result-count-group,
.abstract-modal-container modal.multiSelect .filter .search-input > .result-count .result-count-group,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .filter .search-input > .result-count .result-count-group,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .filter .search-input > .result-count .result-count-group {
  margin-left: 0.5em;
  display: inline-block;
}
main > modal .modal.multiSelect .filter .search-input > .result-count i, main > modal modal.multiSelect .filter .search-input > .result-count i,
body.modal-open .modal.multiSelect .filter .search-input > .result-count i,
body.modal-open modal.multiSelect .filter .search-input > .result-count i,
.abstract-modal-container .modal.multiSelect .filter .search-input > .result-count i,
.abstract-modal-container modal.multiSelect .filter .search-input > .result-count i,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .filter .search-input > .result-count i,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .filter .search-input > .result-count i {
  width: 0.9em;
  height: 0.9em;
  margin-right: 0.25em;
}
main > modal .modal.multiSelect .filter .search-input > .result-count i:before, main > modal modal.multiSelect .filter .search-input > .result-count i:before,
body.modal-open .modal.multiSelect .filter .search-input > .result-count i:before,
body.modal-open modal.multiSelect .filter .search-input > .result-count i:before,
.abstract-modal-container .modal.multiSelect .filter .search-input > .result-count i:before,
.abstract-modal-container modal.multiSelect .filter .search-input > .result-count i:before,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .filter .search-input > .result-count i:before,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .filter .search-input > .result-count i:before {
  background-size: auto;
}
main > modal .modal.multiSelect .modal-body, main > modal modal.multiSelect .modal-body,
body.modal-open .modal.multiSelect .modal-body,
body.modal-open modal.multiSelect .modal-body,
.abstract-modal-container .modal.multiSelect .modal-body,
.abstract-modal-container modal.multiSelect .modal-body,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .modal-body,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .modal-body {
  padding: 0;
}
main > modal .modal.multiSelect .modal-body .select, main > modal .modal.multiSelect .modal-body .selection, main > modal modal.multiSelect .modal-body .select, main > modal modal.multiSelect .modal-body .selection,
body.modal-open .modal.multiSelect .modal-body .select,
body.modal-open .modal.multiSelect .modal-body .selection,
body.modal-open modal.multiSelect .modal-body .select,
body.modal-open modal.multiSelect .modal-body .selection,
.abstract-modal-container .modal.multiSelect .modal-body .select,
.abstract-modal-container .modal.multiSelect .modal-body .selection,
.abstract-modal-container modal.multiSelect .modal-body .select,
.abstract-modal-container modal.multiSelect .modal-body .selection,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .modal-body .select,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .modal-body .selection,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .modal-body .select,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .modal-body .selection {
  box-sizing: border-box;
  flex: 1 1 auto;
  width: 50%;
  margin: 0.75em;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: white;
}
@media all and (max-width: 700px) {
  main > modal .modal.multiSelect .modal-body .select, main > modal .modal.multiSelect .modal-body .selection, main > modal modal.multiSelect .modal-body .select, main > modal modal.multiSelect .modal-body .selection,
  body.modal-open .modal.multiSelect .modal-body .select,
  body.modal-open .modal.multiSelect .modal-body .selection,
  body.modal-open modal.multiSelect .modal-body .select,
  body.modal-open modal.multiSelect .modal-body .selection,
  .abstract-modal-container .modal.multiSelect .modal-body .select,
  .abstract-modal-container .modal.multiSelect .modal-body .selection,
  .abstract-modal-container modal.multiSelect .modal-body .select,
  .abstract-modal-container modal.multiSelect .modal-body .selection,
  .cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .modal-body .select,
  .cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .modal-body .selection,
  .cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .modal-body .select,
  .cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .modal-body .selection {
    margin: 0.25rem;
  }
}
main > modal .modal.multiSelect .modal-body .select .items, main > modal .modal.multiSelect .modal-body .selection .items, main > modal modal.multiSelect .modal-body .select .items, main > modal modal.multiSelect .modal-body .selection .items,
body.modal-open .modal.multiSelect .modal-body .select .items,
body.modal-open .modal.multiSelect .modal-body .selection .items,
body.modal-open modal.multiSelect .modal-body .select .items,
body.modal-open modal.multiSelect .modal-body .selection .items,
.abstract-modal-container .modal.multiSelect .modal-body .select .items,
.abstract-modal-container .modal.multiSelect .modal-body .selection .items,
.abstract-modal-container modal.multiSelect .modal-body .select .items,
.abstract-modal-container modal.multiSelect .modal-body .selection .items,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .modal-body .select .items,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .modal-body .selection .items,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .modal-body .select .items,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .modal-body .selection .items {
  height: calc(50vh - 3.75em - 1.5rem);
  display: flex;
  flex-direction: column;
  position: relative;
}
main > modal .modal.multiSelect .modal-body .select .items .item .children, main > modal .modal.multiSelect .modal-body .selection .items .item .children, main > modal modal.multiSelect .modal-body .select .items .item .children, main > modal modal.multiSelect .modal-body .selection .items .item .children,
body.modal-open .modal.multiSelect .modal-body .select .items .item .children,
body.modal-open .modal.multiSelect .modal-body .selection .items .item .children,
body.modal-open modal.multiSelect .modal-body .select .items .item .children,
body.modal-open modal.multiSelect .modal-body .selection .items .item .children,
.abstract-modal-container .modal.multiSelect .modal-body .select .items .item .children,
.abstract-modal-container .modal.multiSelect .modal-body .selection .items .item .children,
.abstract-modal-container modal.multiSelect .modal-body .select .items .item .children,
.abstract-modal-container modal.multiSelect .modal-body .selection .items .item .children,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .modal-body .select .items .item .children,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .modal-body .selection .items .item .children,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .modal-body .select .items .item .children,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .modal-body .selection .items .item .children {
  padding-left: 1em;
}
main > modal .modal.multiSelect .modal-body .select .items .item .content, main > modal .modal.multiSelect .modal-body .selection .items .item .content, main > modal modal.multiSelect .modal-body .select .items .item .content, main > modal modal.multiSelect .modal-body .selection .items .item .content,
body.modal-open .modal.multiSelect .modal-body .select .items .item .content,
body.modal-open .modal.multiSelect .modal-body .selection .items .item .content,
body.modal-open modal.multiSelect .modal-body .select .items .item .content,
body.modal-open modal.multiSelect .modal-body .selection .items .item .content,
.abstract-modal-container .modal.multiSelect .modal-body .select .items .item .content,
.abstract-modal-container .modal.multiSelect .modal-body .selection .items .item .content,
.abstract-modal-container modal.multiSelect .modal-body .select .items .item .content,
.abstract-modal-container modal.multiSelect .modal-body .selection .items .item .content,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .modal-body .select .items .item .content,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .modal-body .selection .items .item .content,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .modal-body .select .items .item .content,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .modal-body .selection .items .item .content {
  height: 3rem;
}
main > modal .modal.multiSelect .modal-body .select .items .item .content actor, main > modal .modal.multiSelect .modal-body .selection .items .item .content actor, main > modal modal.multiSelect .modal-body .select .items .item .content actor, main > modal modal.multiSelect .modal-body .selection .items .item .content actor,
body.modal-open .modal.multiSelect .modal-body .select .items .item .content actor,
body.modal-open .modal.multiSelect .modal-body .selection .items .item .content actor,
body.modal-open modal.multiSelect .modal-body .select .items .item .content actor,
body.modal-open modal.multiSelect .modal-body .selection .items .item .content actor,
.abstract-modal-container .modal.multiSelect .modal-body .select .items .item .content actor,
.abstract-modal-container .modal.multiSelect .modal-body .selection .items .item .content actor,
.abstract-modal-container modal.multiSelect .modal-body .select .items .item .content actor,
.abstract-modal-container modal.multiSelect .modal-body .selection .items .item .content actor,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .modal-body .select .items .item .content actor,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .modal-body .selection .items .item .content actor,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .modal-body .select .items .item .content actor,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .modal-body .selection .items .item .content actor {
  width: calc(100% - 3rem);
  height: 3rem;
  padding: 0;
}
main > modal .modal.multiSelect .modal-body .selection, main > modal modal.multiSelect .modal-body .selection,
body.modal-open .modal.multiSelect .modal-body .selection,
body.modal-open modal.multiSelect .modal-body .selection,
.abstract-modal-container .modal.multiSelect .modal-body .selection,
.abstract-modal-container modal.multiSelect .modal-body .selection,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .modal-body .selection,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .modal-body .selection {
  margin-left: 0;
}
main > modal .modal.multiSelect .children, main > modal modal.multiSelect .children,
body.modal-open .modal.multiSelect .children,
body.modal-open modal.multiSelect .children,
.abstract-modal-container .modal.multiSelect .children,
.abstract-modal-container modal.multiSelect .children,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .children,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .children {
  padding: 0 0 0 1.5rem;
}
main > modal .modal.multiSelect .children .children, main > modal modal.multiSelect .children .children,
body.modal-open .modal.multiSelect .children .children,
body.modal-open modal.multiSelect .children .children,
.abstract-modal-container .modal.multiSelect .children .children,
.abstract-modal-container modal.multiSelect .children .children,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .children .children,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .children .children {
  padding: 0 0 0 0.8rem;
}
main > modal .modal.multiSelect .content, main > modal modal.multiSelect .content,
body.modal-open .modal.multiSelect .content,
body.modal-open modal.multiSelect .content,
.abstract-modal-container .modal.multiSelect .content,
.abstract-modal-container modal.multiSelect .content,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .content,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .content {
  display: flex;
  background: white;
  min-height: 3em;
  line-height: 3em;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  order: 1;
  cursor: pointer;
  padding: 0 0 0 1em;
  width: 100%;
  overflow: hidden;
  font-weight: 400;
  text-overflow: ellipsis;
  box-sizing: border-box;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
  flex-direction: row;
  align-items: center;
  gap: 0.5em;
}
main > modal .modal.multiSelect .content > *, main > modal modal.multiSelect .content > *,
body.modal-open .modal.multiSelect .content > *,
body.modal-open modal.multiSelect .content > *,
.abstract-modal-container .modal.multiSelect .content > *,
.abstract-modal-container modal.multiSelect .content > *,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .content > *,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .content > * {
  cursor: pointer;
}
main > modal .modal.multiSelect .content.header, main > modal modal.multiSelect .content.header,
body.modal-open .modal.multiSelect .content.header,
body.modal-open modal.multiSelect .content.header,
.abstract-modal-container .modal.multiSelect .content.header,
.abstract-modal-container modal.multiSelect .content.header,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .content.header,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .content.header {
  font-weight: 600;
}
main > modal .modal.multiSelect .content .action-icon, main > modal modal.multiSelect .content .action-icon,
body.modal-open .modal.multiSelect .content .action-icon,
body.modal-open modal.multiSelect .content .action-icon,
.abstract-modal-container .modal.multiSelect .content .action-icon,
.abstract-modal-container modal.multiSelect .content .action-icon,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .content .action-icon,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .content .action-icon {
  opacity: 0;
}
main > modal .modal.multiSelect .content:hover .action-icon, main > modal .modal.multiSelect .content:focus .action-icon, main > modal .modal.multiSelect .content:active .action-icon, main > modal modal.multiSelect .content:hover .action-icon, main > modal modal.multiSelect .content:focus .action-icon, main > modal modal.multiSelect .content:active .action-icon,
body.modal-open .modal.multiSelect .content:hover .action-icon,
body.modal-open .modal.multiSelect .content:focus .action-icon,
body.modal-open .modal.multiSelect .content:active .action-icon,
body.modal-open modal.multiSelect .content:hover .action-icon,
body.modal-open modal.multiSelect .content:focus .action-icon,
body.modal-open modal.multiSelect .content:active .action-icon,
.abstract-modal-container .modal.multiSelect .content:hover .action-icon,
.abstract-modal-container .modal.multiSelect .content:focus .action-icon,
.abstract-modal-container .modal.multiSelect .content:active .action-icon,
.abstract-modal-container modal.multiSelect .content:hover .action-icon,
.abstract-modal-container modal.multiSelect .content:focus .action-icon,
.abstract-modal-container modal.multiSelect .content:active .action-icon,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .content:hover .action-icon,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .content:focus .action-icon,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .content:active .action-icon,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .content:hover .action-icon,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .content:focus .action-icon,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .content:active .action-icon {
  opacity: 0.8;
}
main > modal .modal.multiSelect .content .label, main > modal modal.multiSelect .content .label,
body.modal-open .modal.multiSelect .content .label,
body.modal-open modal.multiSelect .content .label,
.abstract-modal-container .modal.multiSelect .content .label,
.abstract-modal-container modal.multiSelect .content .label,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .content .label,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .content .label {
  flex: 1 1 auto;
  width: 100%;
  display: flex;
}
main > modal .modal.multiSelect .content .label .contentType + .toggle, main > modal modal.multiSelect .content .label .contentType + .toggle,
body.modal-open .modal.multiSelect .content .label .contentType + .toggle,
body.modal-open modal.multiSelect .content .label .contentType + .toggle,
.abstract-modal-container .modal.multiSelect .content .label .contentType + .toggle,
.abstract-modal-container modal.multiSelect .content .label .contentType + .toggle,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .content .label .contentType + .toggle,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .content .label .contentType + .toggle {
  margin-left: -0.25em;
}
main > modal .modal.multiSelect .content .label .contentType.locked, main > modal modal.multiSelect .content .label .contentType.locked,
body.modal-open .modal.multiSelect .content .label .contentType.locked,
body.modal-open modal.multiSelect .content .label .contentType.locked,
.abstract-modal-container .modal.multiSelect .content .label .contentType.locked,
.abstract-modal-container modal.multiSelect .content .label .contentType.locked,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .content .label .contentType.locked,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .content .label .contentType.locked {
  color: rgba(0, 0, 0, 0.5);
  cursor: default;
}
main > modal .modal.multiSelect .content .toggle.disabled, main > modal modal.multiSelect .content .toggle.disabled,
body.modal-open .modal.multiSelect .content .toggle.disabled,
body.modal-open modal.multiSelect .content .toggle.disabled,
.abstract-modal-container .modal.multiSelect .content .toggle.disabled,
.abstract-modal-container modal.multiSelect .content .toggle.disabled,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .content .toggle.disabled,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .content .toggle.disabled {
  pointer-events: none;
  opacity: 0.5;
}
main > modal .modal.multiSelect .content .toggle.open, main > modal modal.multiSelect .content .toggle.open,
body.modal-open .modal.multiSelect .content .toggle.open,
body.modal-open modal.multiSelect .content .toggle.open,
.abstract-modal-container .modal.multiSelect .content .toggle.open,
.abstract-modal-container modal.multiSelect .content .toggle.open,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .content .toggle.open,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .content .toggle.open {
  transform: rotate(90deg);
}
main > modal .modal.multiSelect .content .role, main > modal modal.multiSelect .content .role,
body.modal-open .modal.multiSelect .content .role,
body.modal-open modal.multiSelect .content .role,
.abstract-modal-container .modal.multiSelect .content .role,
.abstract-modal-container modal.multiSelect .content .role,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .content .role,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .content .role {
  transition: all 0.2s ease;
  color: white;
  border-right: 1px solid rgba(255, 255, 255, 0.75);
  text-transform: uppercase;
  box-sizing: border-box;
  font-weight: 500;
  font-size: 1.1rem;
  width: 2.5rem;
  height: 2rem;
  line-height: 2rem;
  text-align: center;
  background: rgba(96, 125, 139, 0.5);
}
main > modal .modal.multiSelect .content .role:hover, main > modal modal.multiSelect .content .role:hover,
body.modal-open .modal.multiSelect .content .role:hover,
body.modal-open modal.multiSelect .content .role:hover,
.abstract-modal-container .modal.multiSelect .content .role:hover,
.abstract-modal-container modal.multiSelect .content .role:hover,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .content .role:hover,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .content .role:hover {
  background: rgba(122.5063829787, 150.1489361702, 163.4936170213, 0.5);
}
main > modal .modal.multiSelect .content .role.active.responsible, main > modal modal.multiSelect .content .role.active.responsible,
body.modal-open .modal.multiSelect .content .role.active.responsible,
body.modal-open modal.multiSelect .content .role.active.responsible,
.abstract-modal-container .modal.multiSelect .content .role.active.responsible,
.abstract-modal-container modal.multiSelect .content .role.active.responsible,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .content .role.active.responsible,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .content .role.active.responsible {
  background: rgba(255, 87, 34, 0.75);
}
main > modal .modal.multiSelect .content .role.active.responsible:hover, main > modal modal.multiSelect .content .role.active.responsible:hover,
body.modal-open .modal.multiSelect .content .role.active.responsible:hover,
body.modal-open modal.multiSelect .content .role.active.responsible:hover,
.abstract-modal-container .modal.multiSelect .content .role.active.responsible:hover,
.abstract-modal-container modal.multiSelect .content .role.active.responsible:hover,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .content .role.active.responsible:hover,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .content .role.active.responsible:hover {
  background: rgba(255, 125.7692307692, 85, 0.75);
}
main > modal .modal.multiSelect .content .role.active.accountable, main > modal modal.multiSelect .content .role.active.accountable,
body.modal-open .modal.multiSelect .content .role.active.accountable,
body.modal-open modal.multiSelect .content .role.active.accountable,
.abstract-modal-container .modal.multiSelect .content .role.active.accountable,
.abstract-modal-container modal.multiSelect .content .role.active.accountable,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .content .role.active.accountable,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .content .role.active.accountable {
  background: rgba(147, 54, 54, 0.75);
}
main > modal .modal.multiSelect .content .role.active.accountable:hover, main > modal modal.multiSelect .content .role.active.accountable:hover,
body.modal-open .modal.multiSelect .content .role.active.accountable:hover,
body.modal-open modal.multiSelect .content .role.active.accountable:hover,
.abstract-modal-container .modal.multiSelect .content .role.active.accountable:hover,
.abstract-modal-container modal.multiSelect .content .role.active.accountable:hover,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .content .role.active.accountable:hover,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .content .role.active.accountable:hover {
  background: rgba(184.2985074627, 67.7014925373, 67.7014925373, 0.75);
}
main > modal .modal.multiSelect .content .role.active.support, main > modal modal.multiSelect .content .role.active.support,
body.modal-open .modal.multiSelect .content .role.active.support,
body.modal-open modal.multiSelect .content .role.active.support,
.abstract-modal-container .modal.multiSelect .content .role.active.support,
.abstract-modal-container modal.multiSelect .content .role.active.support,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .content .role.active.support,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .content .role.active.support {
  background: rgba(63, 81, 181, 0.75);
}
main > modal .modal.multiSelect .content .role.active.support:hover, main > modal modal.multiSelect .content .role.active.support:hover,
body.modal-open .modal.multiSelect .content .role.active.support:hover,
body.modal-open modal.multiSelect .content .role.active.support:hover,
.abstract-modal-container .modal.multiSelect .content .role.active.support:hover,
.abstract-modal-container modal.multiSelect .content .role.active.support:hover,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .content .role.active.support:hover,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .content .role.active.support:hover {
  background: rgba(95.512295082, 111.3729508197, 199.487704918, 0.75);
}
main > modal .modal.multiSelect .content .role.active.consult, main > modal modal.multiSelect .content .role.active.consult,
body.modal-open .modal.multiSelect .content .role.active.consult,
body.modal-open modal.multiSelect .content .role.active.consult,
.abstract-modal-container .modal.multiSelect .content .role.active.consult,
.abstract-modal-container modal.multiSelect .content .role.active.consult,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .content .role.active.consult,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .content .role.active.consult {
  background: rgba(33, 150, 243, 0.75);
}
main > modal .modal.multiSelect .content .role.active.consult:hover, main > modal modal.multiSelect .content .role.active.consult:hover,
body.modal-open .modal.multiSelect .content .role.active.consult:hover,
body.modal-open modal.multiSelect .content .role.active.consult:hover,
.abstract-modal-container .modal.multiSelect .content .role.active.consult:hover,
.abstract-modal-container modal.multiSelect .content .role.active.consult:hover,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .content .role.active.consult:hover,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .content .role.active.consult:hover {
  background: rgba(81.3846153846, 172.8846153846, 245.6153846154, 0.75);
}
main > modal .modal.multiSelect .content .role.active.inform, main > modal modal.multiSelect .content .role.active.inform,
body.modal-open .modal.multiSelect .content .role.active.inform,
body.modal-open modal.multiSelect .content .role.active.inform,
.abstract-modal-container .modal.multiSelect .content .role.active.inform,
.abstract-modal-container modal.multiSelect .content .role.active.inform,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .content .role.active.inform,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .content .role.active.inform {
  background: rgba(0, 150, 136, 0.75);
}
main > modal .modal.multiSelect .content .role.active.inform:hover, main > modal modal.multiSelect .content .role.active.inform:hover,
body.modal-open .modal.multiSelect .content .role.active.inform:hover,
body.modal-open modal.multiSelect .content .role.active.inform:hover,
.abstract-modal-container .modal.multiSelect .content .role.active.inform:hover,
.abstract-modal-container modal.multiSelect .content .role.active.inform:hover,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .content .role.active.inform:hover,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .content .role.active.inform:hover {
  background: rgba(0, 201, 182.24, 0.75);
}
main > modal .modal.multiSelect .content .role:first-child, main > modal modal.multiSelect .content .role:first-child,
body.modal-open .modal.multiSelect .content .role:first-child,
body.modal-open modal.multiSelect .content .role:first-child,
.abstract-modal-container .modal.multiSelect .content .role:first-child,
.abstract-modal-container modal.multiSelect .content .role:first-child,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .content .role:first-child,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .content .role:first-child {
  border-radius: 4px 0 0 4px;
}
main > modal .modal.multiSelect .content .role:last-child, main > modal modal.multiSelect .content .role:last-child,
body.modal-open .modal.multiSelect .content .role:last-child,
body.modal-open modal.multiSelect .content .role:last-child,
.abstract-modal-container .modal.multiSelect .content .role:last-child,
.abstract-modal-container modal.multiSelect .content .role:last-child,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .content .role:last-child,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .content .role:last-child {
  border-radius: 0 4px 4px 0;
}
main > modal .modal.multiSelect .content .role:first-child:last-child, main > modal modal.multiSelect .content .role:first-child:last-child,
body.modal-open .modal.multiSelect .content .role:first-child:last-child,
body.modal-open modal.multiSelect .content .role:first-child:last-child,
.abstract-modal-container .modal.multiSelect .content .role:first-child:last-child,
.abstract-modal-container modal.multiSelect .content .role:first-child:last-child,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .content .role:first-child:last-child,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .content .role:first-child:last-child {
  border-radius: 4px;
}
main > modal .modal.multiSelect .content .role:hover, main > modal modal.multiSelect .content .role:hover,
body.modal-open .modal.multiSelect .content .role:hover,
body.modal-open modal.multiSelect .content .role:hover,
.abstract-modal-container .modal.multiSelect .content .role:hover,
.abstract-modal-container modal.multiSelect .content .role:hover,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .content .role:hover,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .content .role:hover {
  font-weight: 500;
}
main > modal .modal.multiSelect .content .rasci-selectors, main > modal modal.multiSelect .content .rasci-selectors,
body.modal-open .modal.multiSelect .content .rasci-selectors,
body.modal-open modal.multiSelect .content .rasci-selectors,
.abstract-modal-container .modal.multiSelect .content .rasci-selectors,
.abstract-modal-container modal.multiSelect .content .rasci-selectors,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .content .rasci-selectors,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .content .rasci-selectors {
  overflow: hidden;
  display: flex;
  margin-right: 0.5em;
  margin-top: 0.5em;
  height: 2em;
  line-height: 2em;
  box-sizing: border-box;
}
main > modal .modal.multiSelect .content .counter, main > modal modal.multiSelect .content .counter,
body.modal-open .modal.multiSelect .content .counter,
body.modal-open modal.multiSelect .content .counter,
.abstract-modal-container .modal.multiSelect .content .counter,
.abstract-modal-container modal.multiSelect .content .counter,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .content .counter,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .content .counter {
  display: flex;
}
main > modal .modal.multiSelect .content .counter stc-icon-label, main > modal modal.multiSelect .content .counter stc-icon-label,
body.modal-open .modal.multiSelect .content .counter stc-icon-label,
body.modal-open modal.multiSelect .content .counter stc-icon-label,
.abstract-modal-container .modal.multiSelect .content .counter stc-icon-label,
.abstract-modal-container modal.multiSelect .content .counter stc-icon-label,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .content .counter stc-icon-label,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .content .counter stc-icon-label {
  font-weight: 500;
  margin-right: 0.5em;
  opacity: 0.5;
}
main > modal .modal.multiSelect .content .counter stc-icon-label.active, main > modal modal.multiSelect .content .counter stc-icon-label.active,
body.modal-open .modal.multiSelect .content .counter stc-icon-label.active,
body.modal-open modal.multiSelect .content .counter stc-icon-label.active,
.abstract-modal-container .modal.multiSelect .content .counter stc-icon-label.active,
.abstract-modal-container modal.multiSelect .content .counter stc-icon-label.active,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .content .counter stc-icon-label.active,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .content .counter stc-icon-label.active {
  opacity: 1;
}
main > modal .modal.multiSelect .content .counter .count, main > modal modal.multiSelect .content .counter .count,
body.modal-open .modal.multiSelect .content .counter .count,
body.modal-open modal.multiSelect .content .counter .count,
.abstract-modal-container .modal.multiSelect .content .counter .count,
.abstract-modal-container modal.multiSelect .content .counter .count,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .content .counter .count,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .content .counter .count {
  display: flex;
  min-width: 2em;
  white-space: nowrap;
  padding-right: 1em;
  text-align: right;
  font-weight: 300;
}
main > modal .modal.multiSelect .content .action, main > modal modal.multiSelect .content .action,
body.modal-open .modal.multiSelect .content .action,
body.modal-open modal.multiSelect .content .action,
.abstract-modal-container .modal.multiSelect .content .action,
.abstract-modal-container modal.multiSelect .content .action,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .content .action,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .content .action {
  border: 1px solid rgba(0, 0, 0, 0.75);
  color: #333 !important;
  margin-top: 0.5em;
  border-radius: 4px;
  width: 120px;
  display: none;
  text-align: center;
  height: 2em;
  line-height: 2em;
  float: right;
}
main > modal .modal.multiSelect .content:hover .action, main > modal modal.multiSelect .content:hover .action,
body.modal-open .modal.multiSelect .content:hover .action,
body.modal-open modal.multiSelect .content:hover .action,
.abstract-modal-container .modal.multiSelect .content:hover .action,
.abstract-modal-container modal.multiSelect .content:hover .action,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .content:hover .action,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .content:hover .action {
  display: block;
}
main > modal .modal.multiSelect .selection .content .role.responsible, main > modal modal.multiSelect .selection .content .role.responsible,
body.modal-open .modal.multiSelect .selection .content .role.responsible,
body.modal-open modal.multiSelect .selection .content .role.responsible,
.abstract-modal-container .modal.multiSelect .selection .content .role.responsible,
.abstract-modal-container modal.multiSelect .selection .content .role.responsible,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .selection .content .role.responsible,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .selection .content .role.responsible {
  background: rgba(255, 87, 34, 0.75);
}
main > modal .modal.multiSelect .selection .content .role.accountable, main > modal modal.multiSelect .selection .content .role.accountable,
body.modal-open .modal.multiSelect .selection .content .role.accountable,
body.modal-open modal.multiSelect .selection .content .role.accountable,
.abstract-modal-container .modal.multiSelect .selection .content .role.accountable,
.abstract-modal-container modal.multiSelect .selection .content .role.accountable,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .selection .content .role.accountable,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .selection .content .role.accountable {
  background: rgba(147, 54, 54, 0.75);
}
main > modal .modal.multiSelect .selection .content .role.support, main > modal modal.multiSelect .selection .content .role.support,
body.modal-open .modal.multiSelect .selection .content .role.support,
body.modal-open modal.multiSelect .selection .content .role.support,
.abstract-modal-container .modal.multiSelect .selection .content .role.support,
.abstract-modal-container modal.multiSelect .selection .content .role.support,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .selection .content .role.support,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .selection .content .role.support {
  background: rgba(63, 81, 181, 0.75);
}
main > modal .modal.multiSelect .selection .content .role.consult, main > modal modal.multiSelect .selection .content .role.consult,
body.modal-open .modal.multiSelect .selection .content .role.consult,
body.modal-open modal.multiSelect .selection .content .role.consult,
.abstract-modal-container .modal.multiSelect .selection .content .role.consult,
.abstract-modal-container modal.multiSelect .selection .content .role.consult,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .selection .content .role.consult,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .selection .content .role.consult {
  background: rgba(33, 150, 243, 0.75);
}
main > modal .modal.multiSelect .selection .content .role.inform, main > modal modal.multiSelect .selection .content .role.inform,
body.modal-open .modal.multiSelect .selection .content .role.inform,
body.modal-open modal.multiSelect .selection .content .role.inform,
.abstract-modal-container .modal.multiSelect .selection .content .role.inform,
.abstract-modal-container modal.multiSelect .selection .content .role.inform,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .selection .content .role.inform,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .selection .content .role.inform {
  background: rgba(0, 150, 136, 0.75);
}
main > modal .modal.multiSelect .select .item .content.selected, main > modal modal.multiSelect .select .item .content.selected,
body.modal-open .modal.multiSelect .select .item .content.selected,
body.modal-open modal.multiSelect .select .item .content.selected,
.abstract-modal-container .modal.multiSelect .select .item .content.selected,
.abstract-modal-container modal.multiSelect .select .item .content.selected,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .select .item .content.selected,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .select .item .content.selected {
  position: relative;
  font-style: italic;
  font-weight: bold;
  background: rgba(255, 255, 255, 0.75);
}
main > modal .modal.multiSelect .select .item .content.selected .count, main > modal modal.multiSelect .select .item .content.selected .count,
body.modal-open .modal.multiSelect .select .item .content.selected .count,
body.modal-open modal.multiSelect .select .item .content.selected .count,
.abstract-modal-container .modal.multiSelect .select .item .content.selected .count,
.abstract-modal-container modal.multiSelect .select .item .content.selected .count,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .select .item .content.selected .count,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .select .item .content.selected .count {
  font-weight: 600;
  color: #4caf50;
}
main > modal .modal.multiSelect .select .item .content.selectable.filtered, main > modal modal.multiSelect .select .item .content.selectable.filtered,
body.modal-open .modal.multiSelect .select .item .content.selectable.filtered,
body.modal-open modal.multiSelect .select .item .content.selectable.filtered,
.abstract-modal-container .modal.multiSelect .select .item .content.selectable.filtered,
.abstract-modal-container modal.multiSelect .select .item .content.selectable.filtered,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .select .item .content.selectable.filtered,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .select .item .content.selectable.filtered {
  cursor: default;
  background: rgba(255, 255, 255, 0.75);
  opacity: 0.8;
  pointer-events: none;
}
main > modal .modal.multiSelect .buttons-bottom .selection, main > modal modal.multiSelect .buttons-bottom .selection,
body.modal-open .modal.multiSelect .buttons-bottom .selection,
body.modal-open modal.multiSelect .buttons-bottom .selection,
.abstract-modal-container .modal.multiSelect .buttons-bottom .selection,
.abstract-modal-container modal.multiSelect .buttons-bottom .selection,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .buttons-bottom .selection,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .buttons-bottom .selection {
  float: left;
  display: flex;
  position: absolute;
  left: 3rem;
  align-items: center;
}
main > modal .modal.multiSelect .buttons-bottom .selection h4, main > modal modal.multiSelect .buttons-bottom .selection h4,
body.modal-open .modal.multiSelect .buttons-bottom .selection h4,
body.modal-open modal.multiSelect .buttons-bottom .selection h4,
.abstract-modal-container .modal.multiSelect .buttons-bottom .selection h4,
.abstract-modal-container modal.multiSelect .buttons-bottom .selection h4,
.cdk-overlay-pane > * > :not(sca-modal) .modal.multiSelect .buttons-bottom .selection h4,
.cdk-overlay-pane > * > :not(sca-modal) modal.multiSelect .buttons-bottom .selection h4 {
  font-weight: 600;
  margin-right: 1rem;
}
@media only screen and (max-width: 580px) {
  main > modal .modal,
  body.modal-open .modal,
  .abstract-modal-container .modal,
  .cdk-overlay-pane > * > :not(sca-modal) .modal {
    width: 98vw;
  }
  main > modal .modal .modal-body,
  body.modal-open .modal .modal-body,
  .abstract-modal-container .modal .modal-body,
  .cdk-overlay-pane > * > :not(sca-modal) .modal .modal-body {
    padding: 0;
  }
  main > modal .modal .modal-body p,
  body.modal-open .modal .modal-body p,
  .abstract-modal-container .modal .modal-body p,
  .cdk-overlay-pane > * > :not(sca-modal) .modal .modal-body p {
    margin: 1rem;
  }
  main > modal .modal .modal-body .selection,
  body.modal-open .modal .modal-body .selection,
  .abstract-modal-container .modal .modal-body .selection,
  .cdk-overlay-pane > * > :not(sca-modal) .modal .modal-body .selection {
    display: none;
  }
  main > modal .modal.modal-bare .modal-body,
  body.modal-open .modal.modal-bare .modal-body,
  .abstract-modal-container .modal.modal-bare .modal-body,
  .cdk-overlay-pane > * > :not(sca-modal) .modal.modal-bare .modal-body {
    padding: 2em 1.75em;
  }
}

.cdk-overlay-backdrop.invisible-backdrop {
  background: transparent;
}

div.modal-backdrop, div.overlay-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
}

.hasActiveProcesses[data-process-count]:after {
  content: attr(data-process-count);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  min-width: 18px;
  line-height: 18px;
  font-size: 10px;
  text-align: center;
  border-radius: 50%;
  overflow: hidden;
  display: inline-block;
}
body.scienta-portal .hasActiveProcesses[data-process-count]:after {
  background: var(--theme-secondary);
  color: var(--theme-secondary-contrast);
}
body.scienta-admin .hasActiveProcesses[data-process-count]:after {
  background: var(--theme-primary);
  color: var(--theme-primary-contrast);
}

.language-badge {
  background: #607d8b;
  color: white;
  display: inline-block;
  font-size: 0.8em;
  padding: 0.25em 0.5em;
  border-radius: 4px;
  text-transform: uppercase;
  cursor: help;
}

.distribution-status {
  padding-left: 1.2rem;
  position: relative;
}
.distribution-status:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -0.6em/2;
  display: inline-block;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  margin-right: 0.5em;
}
.distribution-status.status-active:before {
  background: #85ca83;
}
.distribution-status.status-revisionActive:before {
  background: #f46c67;
}
.distribution-status.status-comesActive:before {
  background: #67c0f4;
}
.distribution-status.status-inactive:before {
  background: #565656;
}

kbd {
  background-color: #fafbfc;
  border: 1px solid #c6cbd1;
  border-radius: 2px;
  box-shadow: inset 0 -1px 0 #959da5;
  border-bottom-color: #959da5;
  color: #333;
  display: inline-block;
  padding: 3px 5px;
  vertical-align: middle;
}

tabbed-aside-pane section {
  margin: 0 1.5rem;
  padding: 0 0 1rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
tabbed-aside-pane section:last-child {
  padding-bottom: 0;
  margin-bottom: 1rem;
  border-bottom: 0;
}
tabbed-aside-pane section > .inner {
  color: #444;
}
tabbed-aside-pane section > .inner span.contentType {
  margin-left: -2px !important;
}
tabbed-aside-pane section > .inner select {
  width: 100%;
  display: block;
}
tabbed-aside-pane section.hasValue > h1 {
  color: #e65100;
}
tabbed-aside-pane section.hasValue label.checkbox > span {
  opacity: 0.85;
}
tabbed-aside-pane section.hasValue label.checkbox > span div {
  opacity: 0.75;
}
tabbed-aside-pane section.hasValue label.checkbox input:checked + span, tabbed-aside-pane section.hasValue label.checkbox:hover span {
  opacity: 1;
}
tabbed-aside-pane section.hasValue label.checkbox input:checked + span div, tabbed-aside-pane section.hasValue label.checkbox:hover span div {
  opacity: 1;
}
tabbed-aside-pane section h2, tabbed-aside-pane section > h1 {
  margin: 0 0 0 0;
  height: 40px;
  line-height: 45px;
  font-size: 1.2rem;
  font-weight: 400;
  display: flex;
  white-space: nowrap;
}
tabbed-aside-pane section h2 > *:first-child, tabbed-aside-pane section > h1 > *:first-child {
  flex-grow: 1;
}
tabbed-aside-pane section h3 {
  font-size: 1.1rem;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  font-weight: 400;
}
tabbed-aside-pane section > label {
  color: rgba(0, 0, 0, 0.75);
  margin: 0.5rem 0 0 0;
  display: flex;
  align-items: center;
}
tabbed-aside-pane section > label input, tabbed-aside-pane section > label select {
  max-width: 120px;
  min-width: 120px;
}
tabbed-aside-pane section > label > *:first-child {
  flex: 1 1 auto;
}
tabbed-aside-pane section select {
  width: 100%;
}
tabbed-aside-pane section article-list menu > li,
tabbed-aside-pane section revision-selector li,
tabbed-aside-pane section token-list menu > li {
  box-sizing: border-box;
  position: relative;
  z-index: 1;
}
tabbed-aside-pane section article-list menu > li:after,
tabbed-aside-pane section revision-selector li:after,
tabbed-aside-pane section token-list menu > li:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: -1px;
  left: 0;
  content: "";
  z-index: -1;
  border-top: 1px solid #e6e6e1;
  border-bottom: 1px solid #e6e6e1;
  transition: all 0.3s ease, background-color 0.1s ease;
  background: transparent;
}
tabbed-aside-pane section article-list menu > li:hover:after, tabbed-aside-pane section article-list menu > li.active:after,
tabbed-aside-pane section revision-selector li:hover:after,
tabbed-aside-pane section revision-selector li.active:after,
tabbed-aside-pane section token-list menu > li:hover:after,
tabbed-aside-pane section token-list menu > li.active:after {
  left: -1.5rem;
  right: -1.5rem;
}
tabbed-aside-pane section article-list menu > li:hover:after,
tabbed-aside-pane section revision-selector li:hover:after,
tabbed-aside-pane section token-list menu > li:hover:after {
  background: rgba(0, 0, 0, 0.025);
}
tabbed-aside-pane section article-list menu > li.active:after,
tabbed-aside-pane section revision-selector li.active:after,
tabbed-aside-pane section token-list menu > li.active:after {
  background: rgba(0, 0, 0, 0.045);
}
tabbed-aside-pane section article-list menu > li:first-child:after,
tabbed-aside-pane section revision-selector li:first-child:after,
tabbed-aside-pane section token-list menu > li:first-child:after {
  border-top-color: transparent;
}
tabbed-aside-pane section article-list menu > li.readonly,
tabbed-aside-pane section revision-selector li.readonly,
tabbed-aside-pane section token-list menu > li.readonly {
  pointer-events: none;
}
tabbed-aside-pane section article-list menu > li a,
tabbed-aside-pane section revision-selector li a,
tabbed-aside-pane section token-list menu > li a {
  cursor: pointer;
}
tabbed-aside-pane section section {
  padding-bottom: 1em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
tabbed-aside-pane section section:last-child {
  border-bottom: 0;
}
tabbed-aside-pane .pane.rasci > section > ul > li {
  padding: 0.3rem 0;
}
tabbed-aside-pane .pane.published .custom > div {
  margin-top: 0.5rem;
}
tabbed-aside-pane .pane.published button {
  margin-top: 1rem;
}
tabbed-aside-pane table {
  box-sizing: border-box;
  width: 100%;
}
tabbed-aside-pane table td {
  padding: 0.15em 0;
  height: 1.5em;
  line-height: 1.5em;
}
tabbed-aside-pane table td:first-child {
  font-style: italic;
  color: rgba(0, 0, 0, 0.75);
  font-weight: 600;
}
tabbed-aside-pane table td.articleFromCP {
  padding-top: 0.5em;
}
tabbed-aside-pane select-articles {
  display: block;
  margin: 0.5rem 0;
}
tabbed-aside-pane revision-selector li {
  padding-bottom: 0.5rem;
}
tabbed-aside-pane revision-selector li > a {
  display: block;
  padding: 0.3rem 0;
}
tabbed-aside-pane revision-selector h3 {
  cursor: pointer;
}
tabbed-aside-pane revision-selector h3:first-child {
  margin-top: 0;
}
tabbed-aside-pane revision-selector tbody {
  cursor: pointer;
}
tabbed-aside-pane revision-selector tbody tr:first-child td {
  padding-top: 10px;
  position: relative;
  color: #333;
  font-style: normal;
  font-weight: 600;
}
tabbed-aside-pane revision-selector tbody td:first-child {
  padding-left: 0;
}
tabbed-aside-pane select-orientation {
  display: flex;
  flex-direction: column;
}
tabbed-aside-pane article-info {
  margin-top: 0.5rem;
}
tabbed-aside-pane button.block {
  height: auto;
  min-height: 2em;
}
tabbed-aside-pane textarea.description {
  margin-top: 0.5rem;
}

.scienta-legacy-button {
  --button-radius: 4px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  border: 1px solid transparent;
  line-height: 2rem;
  min-height: 2rem;
  white-space: normal;
  padding: 0 1rem;
  box-sizing: content-box;
  position: relative;
  outline: none;
  display: inline-block;
  text-decoration: none;
  border-radius: var(--button-radius, 4px);
  text-transform: uppercase;
  letter-spacing: 0.07rem;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  vertical-align: middle;
}
.scienta-legacy-button:disabled, .scienta-legacy-button.disabled {
  opacity: 0.5;
  box-shadow: none !important;
  cursor: default;
}
.scienta-legacy-button:disabled:active, .scienta-legacy-button.disabled:active {
  pointer-events: none;
}
.scienta-legacy-button[autofocus]:after {
  position: absolute;
  inset: 1px;
  border: 1px solid currentColor;
  border-radius: 4px;
  pointer-events: none;
}
.scienta-legacy-button[autofocus]:focus:after {
  content: "";
}
.scienta-legacy-button.outline {
  background: transparent;
}
.scienta-portal .scienta-legacy-button {
  background: var(--theme-primary);
  color: var(--theme-primary-contrast);
}

.scienta-portal .scienta-legacy-button.outline {
  color: var(--theme-primary-readable);
  background: transparent;
}

.scienta-admin .scienta-legacy-button {
  background: var(--theme-secondary);
  color: var(--theme-secondary-contrast);
}

.scienta-admin .scienta-legacy-button.outline {
  color: var(--theme-secondary);
  background: transparent;
}

.scienta-legacy-button.success {
  background-color: rgb(85, 190, 45) !important;
  color: white;
}
.scienta-legacy-button.outline.success {
  background-color: transparent !important;
  color: rgb(85, 190, 45) !important;
}
.scienta-legacy-button.danger {
  background-color: #c62828 !important;
  color: white;
}
.scienta-legacy-button.outline.danger {
  background-color: transparent !important;
  color: #c62828 !important;
}
.scienta-legacy-button.cancel {
  background: transparent !important;
  color: #616161 !important;
  transition: all 0.2s ease;
  font-weight: 600;
}
.scienta-legacy-button.cancel:hover {
  background: rgba(0, 0, 0, 0.1) !important;
}
.scienta-legacy-button.block {
  text-align: center;
  display: block;
  width: 100%;
  box-sizing: border-box;
  white-space: normal;
}
.scienta-legacy-button.outline {
  border: 1px solid currentColor;
}

.split-button {
  display: inline-flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  border-radius: 4px;
  border: 1px solid currentColor;
}
.split-button > .divider {
  border-left: 1px solid currentColor;
  align-self: stretch;
}

@layer reset {
  button.unstyled-button {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    cursor: pointer;
    background: none;
    padding: 0;
    border: none;
    position: relative;
    box-shadow: none;
    outline: none;
    text-align: inherit;
    font: inherit;
    color: inherit;
  }
}
body.dragging {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: grabbing;
}
body.dragging input, body.dragging textarea {
  pointer-events: none;
}
body.dragging.dropNotAllowed * {
  cursor: no-drop !important;
}
body.dragging.drop-not-accepted * {
  cursor: no-drop !important;
}
body.dragging.drag-move {
  cursor: move;
}
body.dragging.drag-n {
  cursor: n-resize;
}
body.dragging.drag-ne {
  cursor: ne-resize;
}
body.dragging.drag-e {
  cursor: e-resize;
}
body.dragging.drag-se {
  cursor: se-resize;
}
body.dragging.drag-s {
  cursor: s-resize;
}
body.dragging.drag-sw {
  cursor: sw-resize;
}
body.dragging.drag-w {
  cursor: w-resize;
}
body.dragging.drag-nw {
  cursor: nw-resize;
}

[sortable-container] .drag-helper-container {
  position: fixed;
  z-index: 10000;
  background: white;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
  border-radius: 2px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
[sortable-container] div.drop-helper {
  position: absolute;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
[sortable-container] div.drop-helper.vertical {
  height: 0;
  left: -1em;
  right: -1em;
}
[sortable-container] div.drop-helper.vertical:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  right: 0;
  height: 1.5px;
  background: #42a5f5;
}
[sortable-container] div.drop-helper.vertical > div {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
[sortable-container] div.drop-helper.vertical > div:before, [sortable-container] div.drop-helper.vertical > div:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0.75px;
}
[sortable-container] div.drop-helper.vertical > div:before {
  left: 0;
  border-width: 4px 0 4px 8px;
  border-color: transparent transparent transparent #42a5f5;
}
[sortable-container] div.drop-helper.vertical > div:after {
  right: 0;
  border-width: 4px 8px 4px 0;
  border-color: transparent #42a5f5 transparent transparent;
}
[sortable-container] div.drop-helper.horizontal {
  width: 0;
  top: 0;
  bottom: 0;
}
[sortable-container] div.drop-helper.horizontal:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  bottom: 0;
  width: 1.5px;
  background: #42a5f5;
}
[sortable-container] div.drop-helper.horizontal > div {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
[sortable-container] div.drop-helper.horizontal > div:before, [sortable-container] div.drop-helper.horizontal > div:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  margin-left: 0.75px;
}
[sortable-container] div.drop-helper.horizontal > div:before {
  top: 0;
  border-width: 8px 4px 0 4px;
  border-color: #42a5f5 transparent transparent transparent;
}
[sortable-container] div.drop-helper.horizontal > div:after {
  bottom: 0;
  border-width: 0 4px 8px 4px;
  border-color: transparent transparent #42a5f5 transparent;
}

.content-type {
  background: #1C86C4;
  color: white;
}
.content-type.text {
  background-color: #1C86C4;
}
.content-type.flowchart {
  background-color: #FF7D00;
}
.content-type.file {
  background-color: #777777;
}
.content-type.form {
  background-color: #6F42AD;
}

.process-type {
  background: #78909c;
  --stc-icon-overlay-outline: #78909c;
  color: white;
}
.process-type.editObligation {
  background: #009688;
  --stc-icon-overlay-outline: #009688;
  color: white;
}
.process-type.externalRFC {
  background: #8d6e63;
  --stc-icon-overlay-outline: #8d6e63;
  color: white;
}
.process-type.internalRFC {
  background: #8d6e63;
  --stc-icon-overlay-outline: #8d6e63;
  color: white;
}
.process-type.readObligation {
  background: #4c65e1;
  --stc-icon-overlay-outline: #4c65e1;
  color: white;
}
.process-type.todoObligation {
  background: #8d3e55;
  --stc-icon-overlay-outline: #8d3e55;
  color: white;
}
.process-type.reviewObligation {
  background: #ef5350;
  --stc-icon-overlay-outline: #ef5350;
  color: white;
}
.process-type.RFCCoAuthor {
  background: #8d6e63;
  --stc-icon-overlay-outline: #8d6e63;
  color: white;
}
.process-type.formFill {
  background: #6F42AD;
  --stc-icon-overlay-outline: #6F42AD;
  color: white;
}

.process-type-color {
  --workflow-process-background: #78909c;
  --workflow-process-foreground: white;
}
.process-type-color.editObligation {
  --workflow-process-background: #009688;
  --workflow-process-foreground: white;
}
.process-type-color.externalRFC {
  --workflow-process-background: #8d6e63;
  --workflow-process-foreground: white;
}
.process-type-color.internalRFC {
  --workflow-process-background: #8d6e63;
  --workflow-process-foreground: white;
}
.process-type-color.readObligation {
  --workflow-process-background: #4c65e1;
  --workflow-process-foreground: white;
}
.process-type-color.todoObligation {
  --workflow-process-background: #8d3e55;
  --workflow-process-foreground: white;
}
.process-type-color.reviewObligation {
  --workflow-process-background: #ef5350;
  --workflow-process-foreground: white;
}
.process-type-color.RFCCoAuthor {
  --workflow-process-background: #8d6e63;
  --workflow-process-foreground: white;
}
.process-type-color.formFill {
  --workflow-process-background: #6F42AD;
  --workflow-process-foreground: white;
}

.show-on-mobile {
  display: none !important;
}

.show-lt-mobile {
  display: none;
}

.show-on-tablet {
  display: none;
}

@media only screen and (min-width: 580px) and (max-width: 1024px) {
  .show-on-tablet {
    display: block;
  }
}
@media only screen and (min-width: 580px) {
  .show-lt-mobile {
    display: block;
  }
}
@media only screen and (max-width: 1024px) {
  .show-on-desktop {
    display: none !important;
  }
  tabbed-aside-pane.left {
    margin: -1px 0 0 -1px !important;
    flex: 0 0 15rem !important;
  }
  tabbed-aside-pane.left.open section {
    margin: 1rem !important;
  }
  page-header .bulk-actions:not(.aside-open) {
    left: 3em !important;
  }
}
@media only screen and (device-width: 768px) {
  section.main section.menu {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 90;
  }
  section.main section.pathway {
    background: #f0f0f0;
    position: fixed;
    width: calc(100% - 2em);
    top: 48px;
    z-index: 90;
  }
  section.main section.container-main {
    margin-top: 96px;
    overflow: hidden;
  }
}
@media only screen and (max-width: 960px) {
  li.action-edit, li.action-processes {
    display: none !important;
  }
}
@media only screen and (max-width: 580px) {
  .process.RFC a, .process.internalRFC a, .process.externalRFC a, .process.editObligation a {
    opacity: 0.3;
    pointer-events: none;
  }
  li.action-rfc {
    display: none !important;
  }
  section.pathway {
    height: 35px !important;
    border-bottom: none !important;
  }
  .form-content .form-item-collection-section {
    padding: 1em;
    width: 100vw;
  }
  .defaultForm {
    width: 100vw !important;
  }
  .formMode.formLanding h3 {
    margin: 2rem 0 !important;
  }
  .text-content ul, .text-content ol {
    margin-left: 2em;
  }
  .text-content li, .text-content p {
    font-size: 1.1em;
    line-height: 1.7em;
  }
  .hide-on-mobile {
    display: none !important;
  }
  .show-on-mobile {
    display: initial !important;
  }
  table.listing > tbody > tr.noRecords td {
    font-size: 1.2em !important;
  }
  .mobile-header {
    display: flex !important;
    position: absolute;
    left: 0;
    right: 0;
    padding: 0 9px;
    top: -18px;
  }
  .mobile-header.multiple {
    background: rgba(0, 0, 0, 0.1);
    top: -20px;
  }
  .mobile-header h2 {
    flex: 1;
    padding: 0.8rem 0;
    color: #333;
    display: inline;
    font-size: 20px;
    font-weight: 300;
    text-decoration: none;
  }
  .mobile-header button {
    margin-left: auto;
  }
  form-phase-progress + * + * + h1 {
    margin-top: 1em !important;
  }
  section.container-main article-view-app article-toolbar {
    z-index: 10;
  }
  .container-content {
    max-width: 100vw;
  }
}
tabbed-pane {
  display: grid;
  width: 100%;
}
tabbed-pane tabbed-pane-tab {
  position: relative;
  display: block;
  border: 1px solid #e0e0e0;
  background: #fafafa;
  padding: 1rem 2rem;
  z-index: -1;
}
tabbed-pane tabbed-pane-tab.active {
  z-index: 0;
}
tabbed-pane > ul {
  display: flex;
  flex-direction: column;
}
tabbed-pane > ul > li {
  flex: 0 0 auto;
  height: 3rem;
  width: 100%;
  overflow: hidden;
  padding: 1rem;
  padding-right: 0.5rem;
  position: relative;
  border: 1px solid #e0e0e0;
  box-sizing: border-box;
  line-height: 1em;
  background: #f5f5f5;
  cursor: pointer;
}
tabbed-pane > ul > li.has-icon {
  padding-left: 2.5rem;
}
tabbed-pane > ul > li.has-title {
  padding-right: 1rem;
}
tabbed-pane > ul > li.has-icon.has-title {
  padding-left: 3rem;
}
tabbed-pane > ul > li.active {
  border: 1px solid #e0e0e0;
  background: #fafafa;
}
tabbed-pane > ul:after {
  display: block;
  content: "";
  height: 1rem;
  width: 100%;
  flex: 1 1 auto;
  box-sizing: border-box;
}
tabbed-pane > ul > li i {
  position: absolute;
  top: 10px;
  left: 12px;
}
tabbed-pane.left {
  grid-template-columns: auto 1fr;
}
tabbed-pane.left tabbed-pane-tab {
  border-left-width: 0;
  grid-column: 2;
  grid-row: 1;
}
tabbed-pane.left > ul {
  grid-column: 1;
  grid-row: 1;
  flex-direction: column;
}
tabbed-pane.left > ul > li {
  border-right: 1px solid #e0e0e0;
  border-bottom-width: 0;
}
tabbed-pane.left > ul > li.active {
  border-right: 1px solid #fafafa;
  border-bottom: 1px solid #e0e0e0;
}
tabbed-pane.left > ul > li.active ~ li {
  border-bottom-width: 1px;
  border-top-width: 0;
}
tabbed-pane.left > ul:after {
  border-right: 1px solid #e0e0e0;
}
tabbed-pane.right {
  grid-template-columns: 1fr auto;
}
tabbed-pane.right tabbed-pane-tab {
  border-right-width: 0;
  grid-column: 1;
  grid-row: 1;
}
tabbed-pane.right > ul {
  grid-column: 2;
  grid-row: 1;
  flex-direction: column;
}
tabbed-pane.right > ul > li {
  border-left: 1px solid #e0e0e0;
  border-bottom-width: 0;
}
tabbed-pane.right > ul > li.active {
  border-left: 1px solid #fafafa;
  border-bottom: 1px solid #e0e0e0;
}
tabbed-pane.right > ul > li.active ~ li {
  border-bottom-width: 1px;
  border-top-width: 0;
}
tabbed-pane.right > ul:after {
  border-left: 1px solid #e0e0e0;
}
tabbed-pane.top {
  grid-template-rows: auto 1fr;
}
tabbed-pane.top tabbed-pane-tab {
  border-top-width: 0;
  grid-column: 1;
  grid-row: 2;
}
tabbed-pane.top > ul {
  grid-column: 1;
  grid-row: 1;
  flex-direction: row;
}
tabbed-pane.top > ul > li {
  width: auto;
  height: 100%;
  border-bottom: 1px solid #e0e0e0;
  border-right-width: 0;
}
tabbed-pane.top > ul > li.active {
  border-bottom: 1px solid #fafafa;
  border-right-width: 1px;
}
tabbed-pane.top > ul > li.active ~ li {
  border-right-width: 1px;
  border-left-width: 0;
}
tabbed-pane.top > ul:after {
  height: 100%;
  border-bottom: 1px solid #e0e0e0;
}
tabbed-pane.bottom {
  grid-template-rows: 1fr auto;
}
tabbed-pane.bottom > ul {
  grid-row: 2;
  grid-column: 1;
  flex-direction: row;
}
tabbed-pane.bottom > ul > li {
  width: auto;
  height: 100%;
  border-top: 1px solid #e0e0e0;
  border-right-width: 0;
}
tabbed-pane.bottom > ul > li.active {
  border-top: 1px solid #fafafa;
  border-right-width: 1px;
}
tabbed-pane.bottom > ul > li.active ~ li {
  border-right-width: 1px;
  border-left-width: 0;
}
tabbed-pane.bottom > ul:after {
  height: 100%;
  border-top: 1px solid #e0e0e0;
}
tabbed-pane.bottom > tabbed-pane-tab {
  border-bottom-width: 0;
  grid-row: 1;
  grid-column: 1;
}

ins, .ins {
  background: #d7f7cc !important;
  color: #0f8100 !important;
  text-decoration: none !important;
}

del, .del {
  background: #ffe5e5 !important;
  color: #8f9098 !important;
  text-decoration: line-through !important;
}

.scrollbar {
  overflow: auto;
  scrollbar-width: thin;
  overflow-scrolling: touch;
}
body.app-desktop .scrollbar::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
.scrollbar.scrollbar-disable-vertical {
  overflow-y: hidden;
}
.scrollbar.scrollbar-disable-horizontal {
  overflow-x: hidden;
}
.scrollbar {
  scrollbar-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.05);
}
.scrollbar.show-scrollbar-on-hover::-webkit-scrollbar-track {
  background: transparent;
}
.scrollbar:not(.show-scrollbar-on-hover)::-webkit-scrollbar-track, .scrollbar.show-scrollbar-on-hover:hover::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.05);
}
.scrollbar.show-scrollbar-on-hover::-webkit-scrollbar-thumb {
  background: transparent;
}
.scrollbar:not(.show-scrollbar-on-hover)::-webkit-scrollbar-thumb, .scrollbar.show-scrollbar-on-hover:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.25);
}

.scrollbar-fade {
  --scrollbar-fade-height: 1em;
  --scrollbar-fade-background: var(--color-background-main, white);
}
.scrollbar-fade:before, .scrollbar-fade:after {
  content: "";
  position: sticky;
  display: block;
  z-index: 1;
  pointer-events: none;
  height: var(--scrollbar-fade-height, 1em);
  width: 100%;
}
.scrollbar-fade:before {
  top: 0;
  margin-bottom: calc(var(--scrollbar-fade-height) * -1 + 2px);
  box-shadow: inset 0 var(--scrollbar-fade-height) var(--scrollbar-fade-height) -10px var(--scrollbar-fade-background);
}
.scrollbar-fade:after {
  bottom: 0;
  margin-top: calc(var(--scrollbar-fade-height) * -1 + 2px);
  box-shadow: inset 0 calc(var(--scrollbar-fade-height) * -1) var(--scrollbar-fade-height) -10px var(--scrollbar-fade-background);
}

.scrollbar-white {
  scrollbar-color: rgba(255, 255, 255, 0.25) rgba(255, 255, 255, 0.05);
}
.scrollbar-white.show-scrollbar-on-hover::-webkit-scrollbar-track {
  background: transparent;
}
.scrollbar-white:not(.show-scrollbar-on-hover)::-webkit-scrollbar-track, .scrollbar-white.show-scrollbar-on-hover:hover::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.05);
}
.scrollbar-white.show-scrollbar-on-hover::-webkit-scrollbar-thumb {
  background: transparent;
}
.scrollbar-white:not(.show-scrollbar-on-hover)::-webkit-scrollbar-thumb, .scrollbar-white.show-scrollbar-on-hover:hover::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.25);
}

.scrollbar-gutter-both {
  scrollbar-gutter: stable both-edges;
}

:root {
  --color-text-black: #333;
  --color-text-white: #fff;
  --color-background-main: #f5f5f5;
  --form-item-gap: 1rem;
  --box-shadow-small: 2px 2px 5px 1px rgba(0, 0, 0, .08);
  --formfield-border-color: rgba(0, 0, 0, .2);
  --formfield-helper-button-color: rgba(0, 0, 0, .03);
  --formfield-background-color: white;
  --formfield-border-radius: 3px;
  --formfield-label-lineheight: 18px;
  --default-tag-color: #45729c;
  --dark-tag-color: #38393f;
  --light-tag-color: #ffffff;
  --skeleton-color: rgba(238, 238, 238, 0.65);
  --skeleton-highlight-color: rgba(245, 245, 245, 0.75);
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.flex.flex-spacer, .flex.flex-grow, .inline-flex.flex-spacer, .inline-flex.flex-grow {
  flex-grow: 1;
}
.flex.flex-shrink, .inline-flex.flex-shrink {
  flex-shrink: 1;
}
.flex.no-shrink, .inline-flex.no-shrink {
  flex-shrink: 0;
}
.flex.flex-wrap, .inline-flex.flex-wrap {
  flex-wrap: wrap;
}
.flex.flex-space-between, .inline-flex.flex-space-between {
  justify-content: space-between;
}
.flex.flex-space-around, .inline-flex.flex-space-around {
  justify-content: space-around;
}
.flex.flex-horizontal, .flex.flex-row, .inline-flex.flex-horizontal, .inline-flex.flex-row {
  flex-direction: row;
}
.flex.flex-vertical, .flex.flex-column, .inline-flex.flex-vertical, .inline-flex.flex-column {
  flex-direction: column;
}
.flex.flex-align, .inline-flex.flex-align {
  align-items: center;
}
.flex.flex-align-base, .inline-flex.flex-align-base {
  align-items: baseline;
}
.flex.flex-justify, .inline-flex.flex-justify {
  justify-content: center;
}
.flex.flex-start, .inline-flex.flex-start {
  justify-content: flex-start;
}
.flex.flex-end, .inline-flex.flex-end {
  justify-content: flex-end;
}
.flex.flex-gap, .inline-flex.flex-gap {
  gap: 1em;
}
.flex .align-self-end, .inline-flex .align-self-end {
  align-self: flex-end;
}

.relative {
  position: relative;
}

.ucfirst:first-letter {
  text-transform: capitalize;
}

.unstyled-link {
  box-sizing: border-box;
}
.unstyled-link, .unstyled-link:link {
  color: inherit;
  text-decoration: none;
}

.nowrap {
  white-space: nowrap;
}

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

table.legacy-listing {
  position: relative;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
}
table.legacy-listing tr:hover > td {
  background: #cfd8dc;
}
table.legacy-listing tr > td, table.legacy-listing tr > th {
  padding: 0.5rem 1rem;
  line-height: 2.5em;
  vertical-align: middle;
  border-bottom: 1px solid rgba(200, 200, 200, 0.1);
  overflow: hidden;
  box-sizing: border-box;
  text-align: left;
  word-break: keep-all;
  background: white;
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
}
table.legacy-listing tr > th {
  border-bottom: none;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  background: #37474F;
  color: #FFF;
  font-weight: 600;
}
table.legacy-listing tr.selected > td {
  background: #f5f5f5;
  border-bottom-color: rgba(0, 0, 0, 0.05);
}
table.legacy-listing tr.noRecords {
  pointer-events: none;
}
table.legacy-listing tr.noRecords td {
  height: 100%;
  font-size: 1.5em;
  padding: 2em 0;
  font-weight: 300;
  color: rgba(0, 0, 0, 0.4);
  background: white;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: default;
  text-align: center;
}

.text-content a {
  color: #e65100;
}

pre code {
  overflow: auto;
  scrollbar-width: thin;
  overflow-scrolling: touch;
}
body.app-desktop pre code::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
pre code.scrollbar-disable-vertical {
  overflow-y: hidden;
}
pre code.scrollbar-disable-horizontal {
  overflow-x: hidden;
}
pre code {
  scrollbar-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.05);
}
pre code.show-scrollbar-on-hover::-webkit-scrollbar-track {
  background: transparent;
}
pre code:not(.show-scrollbar-on-hover)::-webkit-scrollbar-track, pre code.show-scrollbar-on-hover:hover::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.05);
}
pre code.show-scrollbar-on-hover::-webkit-scrollbar-thumb {
  background: transparent;
}
pre code:not(.show-scrollbar-on-hover)::-webkit-scrollbar-thumb, pre code.show-scrollbar-on-hover:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.25);
}

.rich-text-styles {
  /**
   * Om voor eens van het gezever af te zijn... Het is gewoon veel handiger om een teksuele bullet-welke-geen-bullet-is
   * in de content te hebben, nu gedaan met :before content. Die kleurt tenminste mee als de tekstkleur gewijzigd wordt...
   Maar, IE vindt dat in de print niet leuk.... Vandaar twee strategieën. The best (possible) of both worlds...
   */
}
.rich-text-styles h1 {
  font-weight: 300;
  font-size: 1.7em;
}
.rich-text-styles h2 {
  font-weight: 300;
  font-size: 1.4em;
}
.rich-text-styles h3 {
  font-weight: 300;
  font-size: 1.2em;
}
.rich-text-styles h4 {
  font-weight: 600;
  font-size: 1.15em;
}
.rich-text-styles h5 {
  font-weight: 500;
  font-size: 1.1em;
}
.rich-text-styles h6 {
  font-style: italic;
  font-size: 1em;
}
.rich-text-styles h1, .rich-text-styles h2, .rich-text-styles h3, .rich-text-styles h4, .rich-text-styles h5, .rich-text-styles h6 {
  margin: 0.85em 0 0 0;
  line-height: 1.35em;
}
.rich-text-styles h1:first-child, .rich-text-styles h2:first-child, .rich-text-styles h3:first-child, .rich-text-styles h4:first-child, .rich-text-styles h5:first-child, .rich-text-styles h6:first-child {
  margin-top: 0;
}
.rich-text-styles h1 + p, .rich-text-styles h2 + p {
  margin-top: 0.3em;
}
.rich-text-styles h3 + p, .rich-text-styles h4 + p, .rich-text-styles h5 + p, .rich-text-styles h6 + p {
  margin-top: 0.2em;
}
.rich-text-styles a[href] {
  text-decoration: none;
  color: var(--theme-link) !important;
}
.rich-text-styles a[href]:hover {
  text-decoration: underline;
  color: var(--theme-link-hover) !important;
}
.rich-text-styles a[href].contentTooltip {
  text-decoration: none;
  border-bottom: 1px dotted var(--theme-primary);
}
.rich-text-styles a[href].contentTooltip:hover {
  text-decoration: none;
  border-bottom-style: solid;
}
.rich-text-styles hr {
  clear: both;
  height: 1px;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  margin: 1.5em 0;
  background: none;
}
.rich-text-styles em {
  font-style: italic;
}
.rich-text-styles strong {
  font-weight: 600;
}
.rich-text-styles sup, .rich-text-styles sub {
  font-size: 0.8em;
}
.rich-text-styles sup {
  vertical-align: super;
}
.rich-text-styles sub {
  vertical-align: sub;
}
.rich-text-styles ul, .rich-text-styles ol {
  margin-top: 0.7em;
  margin-bottom: 0.7em;
  margin-left: 2em;
}
.rich-text-styles ul ul, .rich-text-styles ul ol, .rich-text-styles ol ul, .rich-text-styles ol ol {
  margin-top: 0.1em;
  margin-bottom: 0.3em;
}
.rich-text-styles ul + ul, .rich-text-styles ul + ol, .rich-text-styles ol + ul, .rich-text-styles ol + ol {
  margin-top: -0.6em;
}
.rich-text-styles ul, .rich-text-styles ol {
  margin-left: 3em;
}
.rich-text-styles ul {
  /*
   * Bullet welke geen bullet is... Toch maar een afbeelding Voor IE en printproblemen
   * Zie https://github.com/SyslogicNL/scienta/blob/65f6c25f745c29eea862ccd670d4728e328eaecb/resources/assets/core/article/content/_text.less
   */
}
@media screen {
  .rich-text-styles ul {
    list-style: none;
  }
  .rich-text-styles ul > li {
    position: relative;
  }
  .rich-text-styles ul > li:before {
    content: "-";
    position: absolute;
    display: inline-block;
    width: 10px;
    transform: translateX(-1em);
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    pointer-events: none;
  }
  .rich-text-styles ul > li * {
    text-indent: 0;
  }
  .rich-text-styles ul[style] {
    list-style: initial;
  }
  .rich-text-styles ul[style] > li {
    list-style-type: inherit;
  }
  .rich-text-styles ul[style] > li:before {
    display: none;
    content: none;
  }
}
@media print {
  .rich-text-styles ul {
    list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAIAgMAAACjXbaWAAAACVBMVEUAAAAhISEhISFSxdjWAAAAAnRSTlMAd7jyKacAAAANSURBVAjXY4CBLAgFAAL2AGtiFns0AAAAAElFTkSuQmCC");
  }
  .rich-text-styles ul[style] {
    list-style-image: none;
  }
}
.rich-text-styles ol {
  list-style-type: decimal;
}
.rich-text-styles ol li {
  list-style-type: inherit;
}

html {
  --mat-datepicker-calendar-text-font: inherit;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
}

html {
  --mat-ripple-color: rgba(0, 0, 0, 0.1);
}

html {
  --mat-option-selected-state-label-text-color: #e65100;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

.mat-accent {
  --mat-option-selected-state-label-text-color: #4d80af;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

.mat-warn {
  --mat-option-selected-state-label-text-color: #f44336;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}

html {
  --mat-full-pseudo-checkbox-selected-icon-color: #4d80af;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
}
html {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #4d80af;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

.mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color: #e65100;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
}
.mat-primary {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #e65100;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

.mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: #4d80af;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
}
.mat-accent {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #4d80af;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

.mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color: #f44336;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
}
.mat-warn {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f44336;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

html {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

html {
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

html {
  --mat-datepicker-calendar-date-selected-state-background-color: #e65100;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(230, 81, 0, 0.4);
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(230, 81, 0, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(230, 81, 0, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(230, 81, 0, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: black;
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}

.mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-background-color: #4d80af;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(77, 128, 175, 0.4);
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(77, 128, 175, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(77, 128, 175, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(77, 128, 175, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 67, 54, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(244, 67, 54, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}

.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #f44336;
}

.mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}

.cdk-global-scrollblock {
  overflow-y: hidden;
}

.dropdown-menu-backdrop {
  background: rgba(0, 0, 0, 0.15);
}

.invisible-backdrop {
  opacity: 0;
}

.mobile-only-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
}
@media only screen and (min-width: 1024px) {
  .mobile-only-backdrop {
    display: none;
  }
}

.cdk-overlay-container {
  /**
   * CKEditor: See ckeditor dialog relocation in the ckeditor component. They are relocated to the cdk overlay container to have
   * consistent z-index behaviour
   */
}
.cdk-overlay-container .cdk-overlay-pane {
  z-index: inherit;
  flex-direction: column;
}
.cdk-overlay-container .cdk-overlay-pane.fullscreen {
  height: 100%;
  width: 100%;
}
.cdk-overlay-container .cke_dialog_background_cover,
.cdk-overlay-container .cke_dialog_container {
  pointer-events: all;
}

.cdk-overlay-container select-dropdown .mat-option {
  padding: 0 10px;
  font-size: 1rem;
  height: 36px;
}
.cdk-overlay-container select-dropdown .mat-option:hover {
  background: #f3f3f3;
}
.cdk-overlay-container select-dropdown .mat-option.mat-active {
  background: #efefef;
}

.stc-overlay-backdrop {
  background: var(--stc-overlay-backdrop-background, rgba(0, 0, 0, 0.2));
}

.stc-form-container {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: var(--stc-form-items-gap, 1.4rem);
}

.stc-form-subcontainer {
  gap: var(--stc-form-sub-items-gap, 0.7rem);
}

.stc-form-subcontainer-horizontal {
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.stc-form-subcontainer-horizontal > * {
  flex: 1 1 auto;
}

.stc-form-container-disable-top-gap {
  margin-top: calc(var(--stc-form-items-gap, 1.4rem) * -1);
}

.stc-form-container-disable-bottom-gap {
  margin-bottom: calc(var(--stc-form-items-gap, 1.4rem) * -1);
}

.stc-form-options {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: var(--stc-form-items-gap, 0.25rem);
  --stc-cron-select-subheading-margin: 0 0 var(--stc-form-items-gap, 0.25rem) 0;
}

.stc-form-subheading {
  font-size: var(--stc-cron-select-subheading-font-size, 1em);
  font-weight: var(--stc-cron-select-subheading-font-weight, normal);
  font-style: var(--stc-cron-select-subheading-font-style, italic);
  margin: var(--stc-cron-select-subheading-margin, 0 0 0.5em 0);
}

.stc-tooltip-outlet.help {
  cursor: var(--stc-tooltip-outlet-cursor, help);
}

.stc-button-subtle {
  --stc-button-background-color: transparent;
  --stc-button-background-hover-color: rgba(0, 0, 0, .05);
  --stc-button-background-ripple-color: rgba(0, 0, 0, .1);
  --stc-button-foreground-color: #616161;
}

.stc-button-gray {
  --stc-button-background-color: #fafafa;
  --stc-button-foreground-color: #333333;
  --stc-button-outline-color: #c7c7c7;
  --stc-button-background-hover-color: rgba(0, 0, 0, .05);
  --stc-button-background-ripple-color: rgba(0, 0, 0, .1);
}

.stc-button-circle {
  aspect-ratio: 1;
  --stc-button-border-radius: 50%;
}

.stc-scrollbar {
  overflow: auto;
  scrollbar-width: thin;
  overflow-scrolling: touch;
}
.stc-scrollbar::-webkit-scrollbar {
  width: var(--stc-style-scrollbar-size, 7px);
  height: var(--stc-style-scrollbar-size, 7px);
}
.stc-scrollbar::-webkit-scrollbar-thumb {
  border-radius: var(--stc-style-scrollbar-thumb-radius, 0);
}
.stc-scrollbar {
  scrollbar-color: var(--stc-style-thumb-color, rgba(0, 0, 0, 0.25)) var(--stc-style-track-color, rgba(0, 0, 0, 0.05));
}
.stc-scrollbar::-webkit-scrollbar-track {
  background: var(--stc-style-track-color, rgba(0, 0, 0, 0.05));
}
.stc-scrollbar::-webkit-scrollbar-thumb {
  background-color: var(--stc-style-thumb-color, rgba(0, 0, 0, 0.25));
}
.stc-scrollbar:hover {
  scrollbar-color: var(--stc-style-thumb-hover-color, rgba(0, 0, 0, 0.25)) var(--stc-style-track-hover-color, rgba(0, 0, 0, 0.05));
}
.stc-scrollbar:hover::-webkit-scrollbar-track {
  background: var(--stc-style-track-hover-color, rgba(0, 0, 0, 0.05));
}
.stc-scrollbar:hover::-webkit-scrollbar-thumb {
  background-color: var(--stc-style-thumb-hover-color, rgba(0, 0, 0, 0.25));
}